@draftbit/core 47.2.6-f74750.2 → 47.2.7-85855.2

package/lib/commonjs/components/DeckSwiper/DeckSwiper.js

@@ -10,6 +10,10 @@ var _reactNativeDeckSwiper = _interopRequireDefault(require("react-native-deck-s
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const DeckSwiper = _ref => {
   let {
+    onSwipedLeft,
+    onSwipedRight,
+    onSwipedUp,
+    onSwipedDown,
     onIndexChanged,
     onEndReached,
     startCardIndex = 0,
@@ -87,7 +91,11 @@ const DeckSwiper = _ref => {
     stackSize: visibleCardCount,
     backgroundColor: "transparent",
     cardVerticalMargin: 0,
-    cardHorizontalMargin: 0
+    cardHorizontalMargin: 0,
+    onSwipedLeft: onSwipedLeft,
+    onSwipedRight: onSwipedRight,
+    onSwipedTop: onSwipedUp,
+    onSwipedBottom: onSwipedDown
   }));
 };
 const styles = _reactNative.StyleSheet.create({

package/lib/commonjs/components/DeckSwiper/DeckSwiper.js.map

@@ -1 +1 @@
-{"version":3,"names":["DeckSwiper","onIndexChanged","onEndReached","startCardIndex","infiniteSwiping","verticalEnabled","horizontalEnabled","visibleCardCount","data","keyExtractor","renderItem","style","children","Error","console","warn","childrenArray","React","useMemo","Children","toArray","cardsFillerData","Array","from","length","keys","cardsData","renderCard","card","index","item","renderFirstCard","undefined","cardKeyExtractor","toString","styles","containerHeightFiller","StyleSheet","flatten","cardsContainer","create","position","left","right","width","height","opacity"],"sourceRoot":"../../../../src","sources":["components/DeckSwiper/DeckSwiper.tsx"],"mappings":"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"}
+{"version":3,"names":["DeckSwiper","onSwipedLeft","onSwipedRight","onSwipedUp","onSwipedDown","onIndexChanged","onEndReached","startCardIndex","infiniteSwiping","verticalEnabled","horizontalEnabled","visibleCardCount","data","keyExtractor","renderItem","style","children","Error","console","warn","childrenArray","React","useMemo","Children","toArray","cardsFillerData","Array","from","length","keys","cardsData","renderCard","card","index","item","renderFirstCard","undefined","cardKeyExtractor","toString","styles","containerHeightFiller","StyleSheet","flatten","cardsContainer","create","position","left","right","width","height","opacity"],"sourceRoot":"../../../../src","sources":["components/DeckSwiper/DeckSwiper.tsx"],"mappings":"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"}

package/lib/commonjs/components/Divider.js

@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
 var _theming = require("../theming");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); }
 const Divider = _ref => {
   let {
     style,
@@ -18,18 +19,6 @@ const Divider = _ref => {
     },
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [{
-      backgroundColor: color || colors.divider,
-      height: _reactNative.StyleSheet.hairlineWidth
-    }, style],
-    ...rest
-  });
-};
-var _default = (0, _theming.withTheme)(Divider);
-exports.default = _default;
-//# sourceMappingURL=Divider.js.mapst
-  } = _ref;
   return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
     style: [{
       backgroundColor: color || colors.divider,

package/lib/commonjs/components/Swiper/Swiper.js

@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
 var _reactNativeWebSwiper = _interopRequireDefault(require("react-native-web-swiper"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const Swiper = _ref => {
+  var _data$length;
   let {
     vertical = false,
     loop = false,
@@ -25,9 +26,30 @@ const Swiper = _ref => {
     keyExtractor,
     renderItem,
     children,
-    onIndexChanged,
+    onIndexChanged: onIndexChangedProp,
+    onSwipedNext,
+    onSwipedPrevious,
     style
   } = _ref;
+  const [currentIndex, setCurrentIndex] = _react.default.useState(0);
+  const numberOfItems = (_data$length = data === null || data === void 0 ? void 0 : data.length) !== null && _data$length !== void 0 ? _data$length : _react.default.Children.count(children);
+  const onIndexChanged = index => {
+    const previous = currentIndex;
+    const current = index;
+    onIndexChangedProp === null || onIndexChangedProp === void 0 ? void 0 : onIndexChangedProp(index);
+    setCurrentIndex(index);
+    if (previous === numberOfItems - 1 && current === 0) {
+      //Last -> first swipe
+      onSwipedNext === null || onSwipedNext === void 0 ? void 0 : onSwipedNext(previous);
+    } else if (previous === 0 && current === numberOfItems - 1) {
+      //First -> last swipe
+      onSwipedPrevious === null || onSwipedPrevious === void 0 ? void 0 : onSwipedPrevious(previous);
+    } else if (current > previous) {
+      onSwipedNext === null || onSwipedNext === void 0 ? void 0 : onSwipedNext(previous);
+    } else if (current < previous) {
+      onSwipedPrevious === null || onSwipedPrevious === void 0 ? void 0 : onSwipedPrevious(previous);
+    }
+  };
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: style
   }, /*#__PURE__*/_react.default.createElement(_reactNativeWebSwiper.default, {

package/lib/commonjs/components/Swiper/Swiper.js.map

@@ -1 +1 @@
-{"version":3,"names":["Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","data","keyExtractor","renderItem","children","onIndexChanged","style","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle","map","item","index","component","key","React","cloneElement"],"sourceRoot":"../../../../src","sources":["components/Swiper/Swiper.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AAAsD;AAsBtD,MAAMA,MAAM,GAAG;EAAA,IAAC;IACdC,QAAQ,GAAG,KAAK;IAChBC,IAAI,GAAG,KAAK;IACZC,OAAO,GAAG,CAAC;IACXC,IAAI,GAAG,CAAC;IACRC,SAAS,GAAG,EAAE;IACdC,SAAS,GAAG,EAAE;IACdC,cAAc;IACdC,cAAc;IACdC,aAAa,GAAG,IAAI;IACpBC,QAAQ;IACRC,cAAc;IACdC,IAAI;IACJC,YAAY;IACZC,UAAU;IACVC,QAAQ;IACRC,cAAc;IACdC;EACgB,CAAC;EAAA,oBACjB,6BAAC,iBAAI;IAAC,KAAK,EAAEA;EAAM,gBAEjB,6BAAC,6BAAe;IACd,IAAI,EAAEb,IAAK;IACX,IAAI,EAAEF,IAAK;IACX,OAAO,EAAEC,OAAQ;IACjB,QAAQ,EAAEF,QAAS;IACnB,cAAc,EAAEe,cAAe;IAC/B,aAAa,EAAE;MACbX,SAAS;MACTC,SAAS;MACTY,cAAc,EAAE;QAAEC,KAAK,EAAEZ;MAAe,CAAC;MACzCa,cAAc,EAAE;QAAED,KAAK,EAAEX;MAAe,CAAC;MACzCC,aAAa;MACb,IAAIC,QAAQ,GACR;QAAEW,QAAQ,EAAE;UAAEC,UAAU,EAAE;YAAEC,eAAe,EAAEb;UAAS;QAAE;MAAE,CAAC,GAC3D,CAAC,CAAC,CAAC;MACP,IAAIC,cAAc,GACd;QAAEa,cAAc,EAAE;UAAED,eAAe,EAAEZ;QAAe;MAAE,CAAC,GACvD,CAAC,CAAC;IACR;EAAE,GAEDC,IAAI,IAAIE,UAAU,GACfF,IAAI,CAACa,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IACxB,MAAMC,SAAS,GAAGd,UAAU,CAAC;MAAEY,IAAI;MAAEC;IAAM,CAAC,CAAC;IAE7C,IAAI,CAACC,SAAS,EAAE;MACd,OAAO,IAAI;IACb;IAEA,MAAMC,GAAG,GAAGhB,YAAY,GAAGA,YAAY,CAACa,IAAI,EAAEC,KAAK,CAAC,GAAGA,KAAK;IAC5D,oBAAOG,cAAK,CAACC,YAAY,CAACH,SAAS,EAAE;MACnCC;IACF,CAAC,CAAC;EACJ,CAAC,CAAC,GACFd,QAAQ,CACI,CACb;AAAA,CACR;AAAC,eAEaf,MAAM;AAAA"}
+{"version":3,"names":["Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","data","keyExtractor","renderItem","children","onIndexChanged","onIndexChangedProp","onSwipedNext","onSwipedPrevious","style","currentIndex","setCurrentIndex","React","useState","numberOfItems","length","Children","count","index","previous","current","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle","map","item","component","key","cloneElement"],"sourceRoot":"../../../../src","sources":["components/Swiper/Swiper.tsx"],"mappings":"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"}

package/lib/module/components/DeckSwiper/DeckSwiper.js

@@ -3,6 +3,10 @@ import { StyleSheet, View } from "react-native";
 import DeckSwiperComponent from "react-native-deck-swiper";
 const DeckSwiper = _ref => {
   let {
+    onSwipedLeft,
+    onSwipedRight,
+    onSwipedUp,
+    onSwipedDown,
     onIndexChanged,
     onEndReached,
     startCardIndex = 0,
@@ -80,7 +84,11 @@ const DeckSwiper = _ref => {
     stackSize: visibleCardCount,
     backgroundColor: "transparent",
     cardVerticalMargin: 0,
-    cardHorizontalMargin: 0
+    cardHorizontalMargin: 0,
+    onSwipedLeft: onSwipedLeft,
+    onSwipedRight: onSwipedRight,
+    onSwipedTop: onSwipedUp,
+    onSwipedBottom: onSwipedDown
   }));
 };
 const styles = StyleSheet.create({

package/lib/module/components/DeckSwiper/DeckSwiper.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","DeckSwiperComponent","DeckSwiper","onIndexChanged","onEndReached","startCardIndex","infiniteSwiping","verticalEnabled","horizontalEnabled","visibleCardCount","data","keyExtractor","renderItem","style","children","Error","console","warn","childrenArray","useMemo","Children","toArray","cardsFillerData","Array","from","length","keys","cardsData","renderCard","card","index","item","renderFirstCard","undefined","cardKeyExtractor","toString","styles","containerHeightFiller","flatten","cardsContainer","create","position","left","right","width","height","opacity"],"sourceRoot":"../../../../src","sources":["components/DeckSwiper/DeckSwiper.tsx"],"mappings":"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"}
+{"version":3,"names":["React","StyleSheet","View","DeckSwiperComponent","DeckSwiper","onSwipedLeft","onSwipedRight","onSwipedUp","onSwipedDown","onIndexChanged","onEndReached","startCardIndex","infiniteSwiping","verticalEnabled","horizontalEnabled","visibleCardCount","data","keyExtractor","renderItem","style","children","Error","console","warn","childrenArray","useMemo","Children","toArray","cardsFillerData","Array","from","length","keys","cardsData","renderCard","card","index","item","renderFirstCard","undefined","cardKeyExtractor","toString","styles","containerHeightFiller","flatten","cardsContainer","create","position","left","right","width","height","opacity"],"sourceRoot":"../../../../src","sources":["components/DeckSwiper/DeckSwiper.tsx"],"mappings":"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"}

package/lib/module/components/Swiper/Swiper.js

@@ -2,6 +2,7 @@ import React from "react";
 import { View } from "react-native";
 import SwiperComponent from "react-native-web-swiper";
 const Swiper = _ref => {
+  var _data$length;
   let {
     vertical = false,
     loop = false,
@@ -18,9 +19,30 @@ const Swiper = _ref => {
     keyExtractor,
     renderItem,
     children,
-    onIndexChanged,
+    onIndexChanged: onIndexChangedProp,
+    onSwipedNext,
+    onSwipedPrevious,
     style
   } = _ref;
+  const [currentIndex, setCurrentIndex] = React.useState(0);
+  const numberOfItems = (_data$length = data === null || data === void 0 ? void 0 : data.length) !== null && _data$length !== void 0 ? _data$length : React.Children.count(children);
+  const onIndexChanged = index => {
+    const previous = currentIndex;
+    const current = index;
+    onIndexChangedProp === null || onIndexChangedProp === void 0 ? void 0 : onIndexChangedProp(index);
+    setCurrentIndex(index);
+    if (previous === numberOfItems - 1 && current === 0) {
+      //Last -> first swipe
+      onSwipedNext === null || onSwipedNext === void 0 ? void 0 : onSwipedNext(previous);
+    } else if (previous === 0 && current === numberOfItems - 1) {
+      //First -> last swipe
+      onSwipedPrevious === null || onSwipedPrevious === void 0 ? void 0 : onSwipedPrevious(previous);
+    } else if (current > previous) {
+      onSwipedNext === null || onSwipedNext === void 0 ? void 0 : onSwipedNext(previous);
+    } else if (current < previous) {
+      onSwipedPrevious === null || onSwipedPrevious === void 0 ? void 0 : onSwipedPrevious(previous);
+    }
+  };
   return /*#__PURE__*/React.createElement(View, {
     style: style
   }, /*#__PURE__*/React.createElement(SwiperComponent, {

package/lib/module/components/Swiper/Swiper.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","data","keyExtractor","renderItem","children","onIndexChanged","style","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle","map","item","index","component","key","cloneElement"],"sourceRoot":"../../../../src","sources":["components/Swiper/Swiper.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAA8B,cAAc;AACzD,OAAOC,eAAe,MAAM,yBAAyB;AAsBrD,MAAMC,MAAM,GAAG;EAAA,IAAC;IACdC,QAAQ,GAAG,KAAK;IAChBC,IAAI,GAAG,KAAK;IACZC,OAAO,GAAG,CAAC;IACXC,IAAI,GAAG,CAAC;IACRC,SAAS,GAAG,EAAE;IACdC,SAAS,GAAG,EAAE;IACdC,cAAc;IACdC,cAAc;IACdC,aAAa,GAAG,IAAI;IACpBC,QAAQ;IACRC,cAAc;IACdC,IAAI;IACJC,YAAY;IACZC,UAAU;IACVC,QAAQ;IACRC,cAAc;IACdC;EACgB,CAAC;EAAA,oBACjB,oBAAC,IAAI;IAAC,KAAK,EAAEA;EAAM,gBAEjB,oBAAC,eAAe;IACd,IAAI,EAAEb,IAAK;IACX,IAAI,EAAEF,IAAK;IACX,OAAO,EAAEC,OAAQ;IACjB,QAAQ,EAAEF,QAAS;IACnB,cAAc,EAAEe,cAAe;IAC/B,aAAa,EAAE;MACbX,SAAS;MACTC,SAAS;MACTY,cAAc,EAAE;QAAEC,KAAK,EAAEZ;MAAe,CAAC;MACzCa,cAAc,EAAE;QAAED,KAAK,EAAEX;MAAe,CAAC;MACzCC,aAAa;MACb,IAAIC,QAAQ,GACR;QAAEW,QAAQ,EAAE;UAAEC,UAAU,EAAE;YAAEC,eAAe,EAAEb;UAAS;QAAE;MAAE,CAAC,GAC3D,CAAC,CAAC,CAAC;MACP,IAAIC,cAAc,GACd;QAAEa,cAAc,EAAE;UAAED,eAAe,EAAEZ;QAAe;MAAE,CAAC,GACvD,CAAC,CAAC;IACR;EAAE,GAEDC,IAAI,IAAIE,UAAU,GACfF,IAAI,CAACa,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IACxB,MAAMC,SAAS,GAAGd,UAAU,CAAC;MAAEY,IAAI;MAAEC;IAAM,CAAC,CAAC;IAE7C,IAAI,CAACC,SAAS,EAAE;MACd,OAAO,IAAI;IACb;IAEA,MAAMC,GAAG,GAAGhB,YAAY,GAAGA,YAAY,CAACa,IAAI,EAAEC,KAAK,CAAC,GAAGA,KAAK;IAC5D,oBAAO9B,KAAK,CAACiC,YAAY,CAACF,SAAS,EAAE;MACnCC;IACF,CAAC,CAAC;EACJ,CAAC,CAAC,GACFd,QAAQ,CACI,CACb;AAAA,CACR;AAED,eAAef,MAAM"}
+{"version":3,"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","data","keyExtractor","renderItem","children","onIndexChanged","onIndexChangedProp","onSwipedNext","onSwipedPrevious","style","currentIndex","setCurrentIndex","useState","numberOfItems","length","Children","count","index","previous","current","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle","map","item","component","key","cloneElement"],"sourceRoot":"../../../../src","sources":["components/Swiper/Swiper.tsx"],"mappings":"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"}

package/lib/typescript/src/components/DeckSwiper/DeckSwiper.d.ts

@@ -1,6 +1,10 @@
 import React from "react";
 import { StyleProp, ViewStyle } from "react-native";
 export interface DeckSwiperProps<T> {
+    onSwipedLeft?: (index: number) => void;
+    onSwipedRight?: (index: number) => void;
+    onSwipedUp?: (index: number) => void;
+    onSwipedDown?: (index: number) => void;
     onIndexChanged?: (index: number) => void;
     onEndReached?: () => void;
     startCardIndex?: number;
@@ -16,6 +20,6 @@ export interface DeckSwiperProps<T> {
     }) => JSX.Element;
     style?: StyleProp<ViewStyle>;
 }
-declare const DeckSwiper: <T extends object>({ onIndexChanged, onEndReached, startCardIndex, infiniteSwiping, verticalEnabled, horizontalEnabled, visibleCardCount, data, keyExtractor, renderItem, style, children, }: React.PropsWithChildren<DeckSwiperProps<T>>) => JSX.Element;
+declare const DeckSwiper: <T extends object>({ onSwipedLeft, onSwipedRight, onSwipedUp, onSwipedDown, onIndexChanged, onEndReached, startCardIndex, infiniteSwiping, verticalEnabled, horizontalEnabled, visibleCardCount, data, keyExtractor, renderItem, style, children, }: React.PropsWithChildren<DeckSwiperProps<T>>) => JSX.Element;
 export default DeckSwiper;
 //# sourceMappingURL=DeckSwiper.d.ts.map

package/lib/typescript/src/components/DeckSwiper/DeckSwiper.d.ts.map

@@ -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,CAAC,CAAC;IAChC,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,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAC1E,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,UAAU,2PAoGf,CAAC;AAiBF,eAAe,UAAU,CAAC"}
+{"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,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,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,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAC1E,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,UAAU,kTA4Gf,CAAC;AAiBF,eAAe,UAAU,CAAC"}

package/lib/typescript/src/components/Swiper/Swiper.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
 import { StyleProp, ViewStyle } from "react-native";
 export interface SwiperProps<T> {
+    onSwipedNext?: (index: number) => void;
+    onSwipedPrevious?: (index: number) => void;
     vertical?: boolean;
     loop?: boolean;
     from?: number;
@@ -22,6 +24,6 @@ export interface SwiperProps<T> {
     style?: StyleProp<ViewStyle>;
     onIndexChanged?: (index: number) => void;
 }
-declare const Swiper: ({ vertical, loop, timeout, from, prevTitle, nextTitle, prevTitleColor, nextTitleColor, dotsTouchable, dotColor, dotActiveColor, data, keyExtractor, renderItem, children, onIndexChanged, style, }: SwiperProps<any>) => JSX.Element;
+declare const Swiper: ({ vertical, loop, timeout, from, prevTitle, nextTitle, prevTitleColor, nextTitleColor, dotsTouchable, dotColor, dotActiveColor, data, keyExtractor, renderItem, children, onIndexChanged: onIndexChangedProp, onSwipedNext, onSwipedPrevious, style, }: SwiperProps<any>) => JSX.Element;
 export default Swiper;
 //# sourceMappingURL=Swiper.d.ts.map

package/lib/typescript/src/components/Swiper/Swiper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Swiper.d.ts","sourceRoot":"","sources":["../../../../../src/components/Swiper/Swiper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1D,MAAM,WAAW,WAAW,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAChB,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,UAAU,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAC1E,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,MAAM,uMAkBT,YAAY,GAAG,CAAC,gBAuClB,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Swiper.d.ts","sourceRoot":"","sources":["../../../../../src/components/Swiper/Swiper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1D,MAAM,WAAW,WAAW,CAAC,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAChB,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,UAAU,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAC1E,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,MAAM,2PAoBT,YAAY,GAAG,CAAC,gBAgElB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "47.2.6-f74750.2+f74750b",
+  "version": "47.2.7-085855.2+085855c",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^47.2.6-f74750.2+f74750b",
+    "@draftbit/types": "^47.2.7-085855.2+085855c",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.4",
@@ -94,5 +94,5 @@
     "node_modules/",
     "lib/"
   ],
-  "gitHead": "f74750bfd42203f3194c16fcc6e7d4b86705227d"
+  "gitHead": "085855c012a7d23bf3cc503a22cc7e5a97dcbefa"
 }

package/src/components/DeckSwiper/DeckSwiper.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { StyleSheet, View } from "react-native";
 import DeckSwiperComponent from "react-native-deck-swiper";
-const DeckSwiper = ({ onIndexChanged, onEndReached, startCardIndex = 0, infiniteSwiping = false, verticalEnabled = true, horizontalEnabled = true, visibleCardCount = 1, data, keyExtractor, renderItem, style, children, }) => {
+const DeckSwiper = ({ onSwipedLeft, onSwipedRight, onSwipedUp, onSwipedDown, onIndexChanged, onEndReached, startCardIndex = 0, infiniteSwiping = false, verticalEnabled = true, horizontalEnabled = true, visibleCardCount = 1, data, keyExtractor, renderItem, style, children, }) => {
     //Both 'renderItem' and 'data' are optional to allow direct children. But if one is included, both need to be included
     if ((data && !renderItem) || (renderItem && !data)) {
         throw new Error("'renderItem' and 'data' need to both be provided to lazily render. Either remove them entirley or include both");
@@ -46,7 +46,7 @@ const DeckSwiper = ({ onIndexChanged, onEndReached, startCardIndex = 0, infinite
      */
     return (React.createElement(View, null,
         React.createElement(View, { style: styles.containerHeightFiller }, renderFirstCard()),
-        React.createElement(DeckSwiperComponent, { cards: cardsData, renderCard: renderCard, keyExtractor: cardKeyExtractor, containerStyle: StyleSheet.flatten([styles.cardsContainer, style]), cardStyle: styles.card, onSwiped: onIndexChanged, onSwipedAll: onEndReached, cardIndex: startCardIndex, infinite: infiniteSwiping, verticalSwipe: verticalEnabled, horizontalSwipe: horizontalEnabled, showSecondCard: visibleCardCount > 1, stackSize: visibleCardCount, backgroundColor: "transparent", cardVerticalMargin: 0, cardHorizontalMargin: 0 })));
+        React.createElement(DeckSwiperComponent, { cards: cardsData, renderCard: renderCard, keyExtractor: cardKeyExtractor, containerStyle: StyleSheet.flatten([styles.cardsContainer, style]), cardStyle: styles.card, onSwiped: onIndexChanged, onSwipedAll: onEndReached, cardIndex: startCardIndex, infinite: infiniteSwiping, verticalSwipe: verticalEnabled, horizontalSwipe: horizontalEnabled, showSecondCard: visibleCardCount > 1, stackSize: visibleCardCount, backgroundColor: "transparent", cardVerticalMargin: 0, cardHorizontalMargin: 0, onSwipedLeft: onSwipedLeft, onSwipedRight: onSwipedRight, onSwipedTop: onSwipedUp, onSwipedBottom: onSwipedDown })));
 };
 const styles = StyleSheet.create({
     cardsContainer: {

package/src/components/DeckSwiper/DeckSwiper.tsx

@@ -3,6 +3,10 @@ import { StyleProp, ViewStyle, StyleSheet, View } from "react-native";
 import DeckSwiperComponent from "react-native-deck-swiper";
 
 export interface DeckSwiperProps<T> {
+  onSwipedLeft?: (index: number) => void;
+  onSwipedRight?: (index: number) => void;
+  onSwipedUp?: (index: number) => void;
+  onSwipedDown?: (index: number) => void;
   onIndexChanged?: (index: number) => void;
   onEndReached?: () => void;
   startCardIndex?: number;
@@ -17,6 +21,10 @@ export interface DeckSwiperProps<T> {
 }
 
 const DeckSwiper = <T extends object>({
+  onSwipedLeft,
+  onSwipedRight,
+  onSwipedUp,
+  onSwipedDown,
   onIndexChanged,
   onEndReached,
   startCardIndex = 0,
@@ -113,6 +121,10 @@ const DeckSwiper = <T extends object>({
         backgroundColor="transparent"
         cardVerticalMargin={0}
         cardHorizontalMargin={0}
+        onSwipedLeft={onSwipedLeft}
+        onSwipedRight={onSwipedRight}
+        onSwipedTop={onSwipedUp}
+        onSwipedBottom={onSwipedDown}
       />
     </View>
   );

package/src/components/Swiper/Swiper.js

@@ -1,29 +1,54 @@
 import React from "react";
 import { View } from "react-native";
 import SwiperComponent from "react-native-web-swiper";
-const Swiper = ({ vertical = false, loop = false, timeout = 0, from = 0, prevTitle = "", nextTitle = "", prevTitleColor, nextTitleColor, dotsTouchable = true, dotColor, dotActiveColor, data, keyExtractor, renderItem, children, onIndexChanged, style, }) => (React.createElement(View, { style: style },
-    React.createElement(SwiperComponent, { from: from, loop: loop, timeout: timeout, vertical: vertical, onIndexChanged: onIndexChanged, controlsProps: {
-            prevTitle,
-            nextTitle,
-            prevTitleStyle: { color: prevTitleColor },
-            nextTitleStyle: { color: nextTitleColor },
-            dotsTouchable,
-            ...(dotColor
-                ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }
-                : {}),
-            ...(dotActiveColor
-                ? { dotActiveStyle: { backgroundColor: dotActiveColor } }
-                : {}),
-        } }, data && renderItem
-        ? data.map((item, index) => {
-            const component = renderItem({ item, index });
-            if (!component) {
-                return null;
-            }
-            const key = keyExtractor ? keyExtractor(item, index) : index;
-            return React.cloneElement(component, {
-                key,
-            });
-        })
-        : children)));
+const Swiper = ({ vertical = false, loop = false, timeout = 0, from = 0, prevTitle = "", nextTitle = "", prevTitleColor, nextTitleColor, dotsTouchable = true, dotColor, dotActiveColor, data, keyExtractor, renderItem, children, onIndexChanged: onIndexChangedProp, onSwipedNext, onSwipedPrevious, style, }) => {
+    var _a;
+    const [currentIndex, setCurrentIndex] = React.useState(0);
+    const numberOfItems = (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : React.Children.count(children);
+    const onIndexChanged = (index) => {
+        const previous = currentIndex;
+        const current = index;
+        onIndexChangedProp === null || onIndexChangedProp === void 0 ? void 0 : onIndexChangedProp(index);
+        setCurrentIndex(index);
+        if (previous === numberOfItems - 1 && current === 0) {
+            //Last -> first swipe
+            onSwipedNext === null || onSwipedNext === void 0 ? void 0 : onSwipedNext(previous);
+        }
+        else if (previous === 0 && current === numberOfItems - 1) {
+            //First -> last swipe
+            onSwipedPrevious === null || onSwipedPrevious === void 0 ? void 0 : onSwipedPrevious(previous);
+        }
+        else if (current > previous) {
+            onSwipedNext === null || onSwipedNext === void 0 ? void 0 : onSwipedNext(previous);
+        }
+        else if (current < previous) {
+            onSwipedPrevious === null || onSwipedPrevious === void 0 ? void 0 : onSwipedPrevious(previous);
+        }
+    };
+    return (React.createElement(View, { style: style },
+        React.createElement(SwiperComponent, { from: from, loop: loop, timeout: timeout, vertical: vertical, onIndexChanged: onIndexChanged, controlsProps: {
+                prevTitle,
+                nextTitle,
+                prevTitleStyle: { color: prevTitleColor },
+                nextTitleStyle: { color: nextTitleColor },
+                dotsTouchable,
+                ...(dotColor
+                    ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }
+                    : {}),
+                ...(dotActiveColor
+                    ? { dotActiveStyle: { backgroundColor: dotActiveColor } }
+                    : {}),
+            } }, data && renderItem
+            ? data.map((item, index) => {
+                const component = renderItem({ item, index });
+                if (!component) {
+                    return null;
+                }
+                const key = keyExtractor ? keyExtractor(item, index) : index;
+                return React.cloneElement(component, {
+                    key,
+                });
+            })
+            : children)));
+};
 export default Swiper;

package/src/components/Swiper/Swiper.tsx

@@ -3,6 +3,8 @@ import { View, StyleProp, ViewStyle } from "react-native";
 import SwiperComponent from "react-native-web-swiper";
 
 export interface SwiperProps<T> {
+  onSwipedNext?: (index: number) => void;
+  onSwipedPrevious?: (index: number) => void;
   vertical?: boolean;
   loop?: boolean;
   from?: number;
@@ -38,47 +40,74 @@ const Swiper = ({
   keyExtractor,
   renderItem,
   children,
-  onIndexChanged,
+  onIndexChanged: onIndexChangedProp,
+  onSwipedNext,
+  onSwipedPrevious,
   style,
-}: SwiperProps<any>) => (
-  <View style={style}>
-    {/* @ts-ignore */}
-    <SwiperComponent
-      from={from}
-      loop={loop}
-      timeout={timeout}
-      vertical={vertical}
-      onIndexChanged={onIndexChanged}
-      controlsProps={{
-        prevTitle,
-        nextTitle,
-        prevTitleStyle: { color: prevTitleColor },
-        nextTitleStyle: { color: nextTitleColor },
-        dotsTouchable,
-        ...(dotColor
-          ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }
-          : {}),
-        ...(dotActiveColor
-          ? { dotActiveStyle: { backgroundColor: dotActiveColor } }
-          : {}),
-      }}
-    >
-      {data && renderItem
-        ? data.map((item, index) => {
-            const component = renderItem({ item, index });
+}: SwiperProps<any>) => {
+  const [currentIndex, setCurrentIndex] = React.useState(0);
+  const numberOfItems = data?.length ?? React.Children.count(children);
 
-            if (!component) {
-              return null;
-            }
+  const onIndexChanged = (index: number) => {
+    const previous = currentIndex;
+    const current = index;
 
-            const key = keyExtractor ? keyExtractor(item, index) : index;
-            return React.cloneElement(component, {
-              key,
-            });
-          })
-        : children}
-    </SwiperComponent>
-  </View>
-);
+    onIndexChangedProp?.(index);
+    setCurrentIndex(index);
+
+    if (previous === numberOfItems - 1 && current === 0) {
+      //Last -> first swipe
+      onSwipedNext?.(previous);
+    } else if (previous === 0 && current === numberOfItems - 1) {
+      //First -> last swipe
+      onSwipedPrevious?.(previous);
+    } else if (current > previous) {
+      onSwipedNext?.(previous);
+    } else if (current < previous) {
+      onSwipedPrevious?.(previous);
+    }
+  };
+
+  return (
+    <View style={style}>
+      {/* @ts-ignore */}
+      <SwiperComponent
+        from={from}
+        loop={loop}
+        timeout={timeout}
+        vertical={vertical}
+        onIndexChanged={onIndexChanged}
+        controlsProps={{
+          prevTitle,
+          nextTitle,
+          prevTitleStyle: { color: prevTitleColor },
+          nextTitleStyle: { color: nextTitleColor },
+          dotsTouchable,
+          ...(dotColor
+            ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }
+            : {}),
+          ...(dotActiveColor
+            ? { dotActiveStyle: { backgroundColor: dotActiveColor } }
+            : {}),
+        }}
+      >
+        {data && renderItem
+          ? data.map((item, index) => {
+              const component = renderItem({ item, index });
+
+              if (!component) {
+                return null;
+              }
+
+              const key = keyExtractor ? keyExtractor(item, index) : index;
+              return React.cloneElement(component, {
+                key,
+              });
+            })
+          : children}
+      </SwiperComponent>
+    </View>
+  );
+};
 
 export default Swiper;