@wavemaker-ai/app-rn-runtime 1.0.0-rc.647469

package/gestures/swipe.animation.js

@@ -0,0 +1,220 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { isNil } from 'lodash-es';
+import React from 'react';
+import { Animated, Easing } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';
+import injector from '@wavemaker-ai/app-rn-runtime/core/injector';
+export class Handlers {
+  constructor() {
+    _defineProperty(this, "bounds", null);
+    _defineProperty(this, "onAnimation", () => {});
+    _defineProperty(this, "onLower", () => {});
+    _defineProperty(this, "onUpper", () => {});
+    _defineProperty(this, "computePhase", null);
+  }
+}
+export class Props {
+  constructor() {
+    _defineProperty(this, "threshold", 5);
+    _defineProperty(this, "direction", 'horizontal');
+    _defineProperty(this, "handlers", {});
+    _defineProperty(this, "style", {});
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "enableGestures", void 0);
+    _defineProperty(this, "slideWidth", '100%');
+    _defineProperty(this, "slideMinWidth", undefined);
+  }
+}
+export class State {
+  constructor() {
+    _defineProperty(this, "threshold", 5);
+    _defineProperty(this, "isHorizontal", false);
+    _defineProperty(this, "bounds", {});
+    _defineProperty(this, "maxPosition", Number.MAX_VALUE);
+  }
+}
+export class View extends React.Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "gesture", Gesture.Pan());
+    _defineProperty(this, "position", new Animated.Value(0));
+    _defineProperty(this, "animationPhase", new Animated.Value(0));
+    _defineProperty(this, "i18nService", injector.I18nService.get());
+    _defineProperty(this, "childrenLayout", []);
+    _defineProperty(this, "viewLayout", null);
+    this.state = {
+      isHorizontal: props.direction === 'horizontal',
+      threshold: props.threshold || 5,
+      bounds: {}
+    };
+    var touchStart = {
+      x: 0,
+      y: 0,
+      active: false
+    };
+    var swipeDirection = 'horizontal';
+    this.gesture.minPointers(1).minDistance(this.state.threshold).enabled(this.props.enableGestures && !isWebPreviewMode()).onTouchesDown((e, s) => {
+      touchStart = {
+        x: e.changedTouches[0].x,
+        y: e.changedTouches[0].y,
+        active: false
+      };
+    }).onTouchesMove((e, s) => {
+      if (touchStart.active) {
+        return;
+      }
+      const translationX = e.allTouches[0].x - touchStart.x;
+      const translationY = e.allTouches[0].y - touchStart.y;
+      swipeDirection = Math.abs(translationX) > Math.abs(translationY) ? 'horizontal' : 'vertical';
+      const d = this.state.isHorizontal ? translationX : translationY;
+      const od = this.state.isHorizontal ? translationY : translationX;
+      if (swipeDirection == this.props.direction && Math.abs(d) >= this.state.threshold) {
+        touchStart.active = true;
+      }
+      this.gesture.activeOffsetX([-this.state.threshold, this.state.threshold]).failOffsetY([-this.state.threshold, this.state.threshold]);
+    }).onChange(e => {
+      var _this$props$handlers, _this$props$handlers2;
+      if (!touchStart.active || swipeDirection != this.props.direction) {
+        return;
+      }
+      const bounds = ((_this$props$handlers = this.props.handlers) === null || _this$props$handlers === void 0 ? void 0 : _this$props$handlers.bounds) && ((_this$props$handlers2 = this.props.handlers) === null || _this$props$handlers2 === void 0 ? void 0 : _this$props$handlers2.bounds(e)) || {};
+      const d = this.state.isHorizontal ? e.translationX : e.translationY;
+      let phase = this.computePhase((bounds === null || bounds === void 0 ? void 0 : bounds.center) || 0);
+      if (d && d < 0 && !isNil(bounds.center) && !isNil(bounds.lower) && bounds.center !== bounds.lower) {
+        phase += d / (bounds.center - bounds.lower) || 0;
+      } else if (d && d > 0 && !isNil(bounds.center) && !isNil(bounds.upper) && bounds.center !== bounds.upper) {
+        phase += d / (bounds.upper - bounds.center) || 0;
+      }
+      this.animationPhase.setValue(phase);
+      this.position.setValue((this.isRTL() ? -(bounds === null || bounds === void 0 ? void 0 : bounds.center) : (bounds === null || bounds === void 0 ? void 0 : bounds.center) || 0) + d);
+    }).onEnd(e => {
+      var _this$props$handlers3, _this$props$handlers4;
+      if (!touchStart.active || swipeDirection != this.props.direction) {
+        return;
+      }
+      touchStart = {
+        x: 0,
+        y: 0,
+        active: false
+      };
+      ((_this$props$handlers3 = this.props.handlers) === null || _this$props$handlers3 === void 0 ? void 0 : _this$props$handlers3.onAnimation) && ((_this$props$handlers4 = this.props.handlers) === null || _this$props$handlers4 === void 0 ? void 0 : _this$props$handlers4.onAnimation(e));
+      if (e.translationX < 0) {
+        this.isRTL() ? this.goToLower(e) : this.goToUpper(e);
+      } else if (e.translationX > 0) {
+        this.isRTL() ? this.goToUpper(e) : this.goToLower(e);
+      }
+    });
+  }
+  computeMaxScroll() {
+    var _this$viewLayout2;
+    let max = Number.MAX_VALUE;
+    const childrenWidth = this.childrenLayout.reduce((s, v) => s + v.width, 0);
+    const childrenHeight = this.childrenLayout.reduce((s, v) => s + v.height, 0);
+    if (this.props.direction === 'horizontal') {
+      var _this$viewLayout;
+      if (childrenWidth && (_this$viewLayout = this.viewLayout) !== null && _this$viewLayout !== void 0 && _this$viewLayout.width) {
+        max = childrenWidth - this.viewLayout.width;
+      }
+    } else if (childrenHeight && (_this$viewLayout2 = this.viewLayout) !== null && _this$viewLayout2 !== void 0 && _this$viewLayout2.height) {
+      max = childrenHeight - this.viewLayout.height;
+    }
+    this.setState({
+      maxPosition: -1 * max
+    });
+  }
+  setChildrenLayout(event, index) {
+    this.childrenLayout[index] = event.nativeEvent.layout;
+    this.computeMaxScroll();
+  }
+  setViewLayout(event) {
+    this.viewLayout = event.nativeEvent.layout;
+    this.computeMaxScroll();
+  }
+  computePhase(value) {
+    var _this$props$handlers5, _this$props$handlers6;
+    return ((_this$props$handlers5 = this.props.handlers) === null || _this$props$handlers5 === void 0 ? void 0 : _this$props$handlers5.computePhase) && ((_this$props$handlers6 = this.props.handlers) === null || _this$props$handlers6 === void 0 ? void 0 : _this$props$handlers6.computePhase(value)) || 0;
+  }
+  isRTL() {
+    return this.i18nService.isRTLLocale();
+  }
+  goToLower(e) {
+    var _this$props$handlers7, _this$props$handlers8;
+    const bounds = ((_this$props$handlers7 = this.props.handlers) === null || _this$props$handlers7 === void 0 ? void 0 : _this$props$handlers7.bounds) && ((_this$props$handlers8 = this.props.handlers) === null || _this$props$handlers8 === void 0 ? void 0 : _this$props$handlers8.bounds(e)) || {};
+    this.setPosition(bounds.lower).then(() => {
+      if (!isNil(bounds.lower) && bounds.center !== bounds.lower) {
+        var _this$props$handlers9, _this$props$handlers0;
+        ((_this$props$handlers9 = this.props.handlers) === null || _this$props$handlers9 === void 0 ? void 0 : _this$props$handlers9.onLower) && ((_this$props$handlers0 = this.props.handlers) === null || _this$props$handlers0 === void 0 ? void 0 : _this$props$handlers0.onLower(e));
+      }
+    });
+  }
+  goToUpper(e) {
+    var _this$props$handlers1, _this$props$handlers10;
+    const bounds = ((_this$props$handlers1 = this.props.handlers) === null || _this$props$handlers1 === void 0 ? void 0 : _this$props$handlers1.bounds) && ((_this$props$handlers10 = this.props.handlers) === null || _this$props$handlers10 === void 0 ? void 0 : _this$props$handlers10.bounds(e)) || {};
+    this.setPosition(bounds.upper).then(() => {
+      if (!isNil(bounds.upper) && bounds.center !== bounds.upper) {
+        var _this$props$handlers11, _this$props$handlers12;
+        ((_this$props$handlers11 = this.props.handlers) === null || _this$props$handlers11 === void 0 ? void 0 : _this$props$handlers11.onUpper) && ((_this$props$handlers12 = this.props.handlers) === null || _this$props$handlers12 === void 0 ? void 0 : _this$props$handlers12.onUpper(e));
+      }
+    });
+  }
+  setPosition(value) {
+    if (isNil(value)) {
+      return Promise.reject();
+    }
+    let position = isNaN(this.state.maxPosition) ? value : Math.max(this.state.maxPosition, value);
+    return new Promise(resolve => {
+      Animated.parallel([Animated.timing(this.animationPhase, {
+        useNativeDriver: true,
+        toValue: this.computePhase(value),
+        duration: 200,
+        easing: Easing.out(Easing.linear)
+      }), Animated.timing(this.position, {
+        useNativeDriver: true,
+        toValue: (this.isRTL() ? -1 : 1) * position,
+        duration: 200,
+        easing: Easing.out(Easing.linear)
+      })]).start(resolve);
+    });
+  }
+  render() {
+    const isHorizontal = this.props.direction === 'horizontal';
+    return (
+      /*#__PURE__*/
+      //@ts-ignore
+      React.createElement(GestureDetector, {
+        gesture: this.gesture
+      }, /*#__PURE__*/React.createElement(Animated.View, {
+        style: [isHorizontal ? {
+          flexDirection: 'row',
+          flexWrap: 'nowrap',
+          alignItems: 'center'
+        } : null, this.props.style],
+        onLayout: this.setViewLayout.bind(this)
+      }, this.props.children.map((c, i) => {
+        var _this$props$style;
+        return /*#__PURE__*/React.createElement(Animated.View, {
+          onLayout: e => this.setChildrenLayout(e, i),
+          key: c.key,
+          style: [this.props.slideMinWidth ? {
+            minWidth: this.props.slideMinWidth
+          } : {
+            width: this.props.slideWidth
+          }, {
+            transform: this.state.isHorizontal ? [{
+              translateX: this.position
+            }] : [{
+              translateY: this.position
+            }]
+          }, ((_this$props$style = this.props.style) === null || _this$props$style === void 0 ? void 0 : _this$props$style.height) === '100%' ? {
+            height: '100%'
+          } : null]
+        }, c);
+      })))
+    );
+  }
+}
+_defineProperty(View, "defaultProps", new Props());
+//# sourceMappingURL=swipe.animation.js.map

package/gestures/swipe.animation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isNil","React","Animated","Easing","Gesture","GestureDetector","isWebPreviewMode","injector","Handlers","constructor","_defineProperty","Props","undefined","State","Number","MAX_VALUE","View","Component","props","Pan","Value","I18nService","get","state","isHorizontal","direction","threshold","bounds","touchStart","x","y","active","swipeDirection","gesture","minPointers","minDistance","enabled","enableGestures","onTouchesDown","e","s","changedTouches","onTouchesMove","translationX","allTouches","translationY","Math","abs","d","od","activeOffsetX","failOffsetY","onChange","_this$props$handlers","_this$props$handlers2","handlers","phase","computePhase","center","lower","upper","animationPhase","setValue","position","isRTL","onEnd","_this$props$handlers3","_this$props$handlers4","onAnimation","goToLower","goToUpper","computeMaxScroll","_this$viewLayout2","max","childrenWidth","childrenLayout","reduce","v","width","childrenHeight","height","_this$viewLayout","viewLayout","setState","maxPosition","setChildrenLayout","event","index","nativeEvent","layout","setViewLayout","value","_this$props$handlers5","_this$props$handlers6","i18nService","isRTLLocale","_this$props$handlers7","_this$props$handlers8","setPosition","then","_this$props$handlers9","_this$props$handlers0","onLower","_this$props$handlers1","_this$props$handlers10","_this$props$handlers11","_this$props$handlers12","onUpper","Promise","reject","isNaN","resolve","parallel","timing","useNativeDriver","toValue","duration","easing","out","linear","start","render","createElement","style","flexDirection","flexWrap","alignItems","onLayout","bind","children","map","c","i","_this$props$style","key","slideMinWidth","minWidth","slideWidth","transform","translateX","translateY"],"sources":["swipe.animation.tsx"],"sourcesContent":["import { isNil } from 'lodash-es';\nimport React from  'react';\nimport { Animated, Easing, View as RNView, ViewStyle, LayoutChangeEvent, LayoutRectangle, DimensionValue } from 'react-native';\nimport { Gesture, GestureDetector, GestureUpdateEvent } from 'react-native-gesture-handler';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport injector from '@wavemaker-ai/app-rn-runtime/core/injector';\n\nexport class Handlers {\n    bounds?: (g: GestureUpdateEvent<any>) => Bounds = null as any;\n    onAnimation?: (g: GestureUpdateEvent<any>) => any = () => {};\n    onLower?:  (g: GestureUpdateEvent<any>) => any = () => {};\n    onUpper?:  (g: GestureUpdateEvent<any>) => any = () => {};\n    computePhase?: (value: number) => number = null as any;\n}\n\nexport interface Bounds {\n    upper?: number;\n    center?: number;\n    lower?: number;\n}\n\nexport class Props {\n    threshold?: number = 5;\n    direction?: 'horizontal' | 'vertical' = 'horizontal';\n    handlers?: Handlers = {} as any;\n    style?: ViewStyle = {} as any;\n    children: any;\n    enableGestures: any;\n    slideWidth?: DimensionValue = '100%';\n    slideMinWidth?: DimensionValue = undefined;\n}\n\nexport class State {\n    threshold = 5;\n    isHorizontal = false;\n    bounds: Bounds = {} as any;\n    maxPosition = Number.MAX_VALUE;\n}\n\nexport class View extends React.Component<Props, State> {\n\n    static defaultProps = new Props();\n\n    private gesture = Gesture.Pan();\n    private position = new Animated.Value(0);\n    public animationPhase = new Animated.Value(0);\n    private i18nService = injector.I18nService.get();\n    private childrenLayout: LayoutRectangle[] = [];\n    private viewLayout: LayoutRectangle = null as any;\n\n    constructor(props: Props) {\n        super(props);\n        this.state = {\n            isHorizontal:  props.direction === 'horizontal',\n            threshold: props.threshold || 5,\n            bounds: {} as any\n        } as State;\n        var touchStart = {\n            x: 0,\n            y: 0,\n            active: false\n        };\n        var swipeDirection :'horizontal' | 'vertical' = 'horizontal';\n        this.gesture\n            .minPointers(1)\n            .minDistance(this.state.threshold)\n            .enabled(this.props.enableGestures && !isWebPreviewMode())\n            .onTouchesDown((e, s) => {\n                touchStart = {\n                    x: e.changedTouches[0].x,\n                    y: e.changedTouches[0].y,\n                    active: false\n                  };\n            })\n            .onTouchesMove((e, s) => {\n                if (touchStart.active) {\n                    return;\n                }\n                const translationX = e.allTouches[0].x - touchStart.x;\n                const translationY = e.allTouches[0].y - touchStart.y;\n                swipeDirection = (Math.abs(translationX) > Math.abs(translationY)) ? 'horizontal' : 'vertical';\n                const d = (this.state.isHorizontal ? translationX : translationY);\n                const od = (this.state.isHorizontal ? translationY : translationX);\n                if(swipeDirection == this.props.direction && Math.abs(d) >= this.state.threshold){\n                    touchStart.active = true;\n                }\n                this.gesture\n                  .activeOffsetX([-this.state.threshold, this.state.threshold])\n                  .failOffsetY([-this.state.threshold, this.state.threshold]);\n            })\n            .onChange(e => {\n              if (!touchStart.active || swipeDirection != this.props.direction) {\n                    return;\n                }\n                const bounds = (this.props.handlers?.bounds && this.props.handlers?.bounds(e)) || {};\n                const d = (this.state.isHorizontal ? e.translationX : e.translationY);\n                let phase = this.computePhase(bounds?.center || 0);\n                if (d && d < 0 && !isNil(bounds.center) && !isNil(bounds.lower)\n                    && bounds.center !== bounds.lower) {\n                    phase += (d / (bounds.center - bounds.lower)) || 0;\n                } else if (d && d > 0 && !isNil(bounds.center) && !isNil(bounds.upper)\n                    && bounds.center !== bounds.upper) {\n                    phase += (d / (bounds.upper - bounds.center)) || 0;\n                }\n                this.animationPhase.setValue(phase);\n                this.position.setValue(\n                    (this.isRTL()?-bounds?.center! :bounds?.center || 0) + d);\n            })\n            .onEnd(e => {\n                if (!touchStart.active || swipeDirection != this.props.direction) {\n                    return;\n                }\n                touchStart =  {\n                    x: 0,\n                    y: 0,\n                    active: false\n                };\n                this.props.handlers?.onAnimation &&\n                this.props.handlers?.onAnimation(e);\n                if (e.translationX < 0) {\n                    this.isRTL()?this.goToLower(e):this.goToUpper(e);\n                } else if (e.translationX > 0) {\n                    this.isRTL()?this.goToUpper(e):this.goToLower(e);\n                }\n            })\n\n    }\n\n    computeMaxScroll() {\n        let max = Number.MAX_VALUE;\n        const childrenWidth = this.childrenLayout.reduce((s, v) => s + v.width, 0);\n        const childrenHeight = this.childrenLayout.reduce((s, v) => s + v.height, 0);\n        if (this.props.direction === 'horizontal') {\n            if (childrenWidth && this.viewLayout?.width) {\n                max = childrenWidth - this.viewLayout.width;\n            }\n        } else if (childrenHeight && this.viewLayout?.height) {\n            max = childrenHeight - this.viewLayout.height;\n        }\n        this.setState({maxPosition: -1 * max});\n    }\n\n    setChildrenLayout(event: LayoutChangeEvent, index: number) {\n      this.childrenLayout[index] = event.nativeEvent.layout;\n      this.computeMaxScroll();\n    }\n\n    setViewLayout(event: LayoutChangeEvent) {\n        this.viewLayout = event.nativeEvent.layout;\n        this.computeMaxScroll();\n    }\n\n    computePhase(value: number) {\n        return (this.props.handlers?.computePhase &&\n            this.props.handlers?.computePhase(value)) || 0;\n    }\n\n    isRTL(){\n        return this.i18nService.isRTLLocale();\n    }\n\n    goToLower(e?: any) {\n        const bounds = (this.props.handlers?.bounds && this.props.handlers?.bounds(e)) || {};\n        this.setPosition(bounds.lower)\n            .then(() => {\n                if (!isNil(bounds.lower) && bounds.center !== bounds.lower) {\n                    this.props.handlers?.onLower &&\n                    this.props.handlers?.onLower(e);\n                }\n            });\n    }\n\n    goToUpper(e?: any) {\n        const bounds = (this.props.handlers?.bounds && this.props.handlers?.bounds(e)) || {};\n        this.setPosition(bounds.upper)\n            .then(() => {\n                if (!isNil(bounds.upper) && bounds.center !== bounds.upper) {\n                    this.props.handlers?.onUpper &&\n                    this.props.handlers?.onUpper(e);\n                }\n            });\n    }\n\n    setPosition(value: number | undefined) {\n        if (isNil(value)) {\n            return Promise.reject();\n        }\n        let position = isNaN(this.state.maxPosition) ? value : Math.max(this.state.maxPosition, value);\n        return new Promise((resolve) => {\n            Animated.parallel([\n                Animated.timing(this.animationPhase, {\n                    useNativeDriver: true,\n                    toValue:  this.computePhase(value),\n                    duration: 200,\n                    easing: Easing.out(Easing.linear)\n                }),\n                Animated.timing(this.position, {\n                    useNativeDriver: true,\n                    toValue:  (this.isRTL() ? -1: 1) * position,\n                    duration: 200,\n                    easing: Easing.out(Easing.linear)\n                })\n            ]).start(resolve);\n        });\n    }\n\n    public render() {\n        const isHorizontal = this.props.direction === 'horizontal';\n        return (\n            //@ts-ignore\n            <GestureDetector gesture={this.gesture}>\n                <Animated.View style={[\n                    isHorizontal ? {\n                        flexDirection: 'row',\n                        flexWrap: 'nowrap',\n                        alignItems: 'center',\n                    } : null,\n                    this.props.style,\n                    ]} onLayout={this.setViewLayout.bind(this)}>\n                    {this.props.children.map((c: any, i: number) => {\n                        return (<Animated.View onLayout={(e) => this.setChildrenLayout(e, i)} key={c.key}\n                            style={[this.props.slideMinWidth ? {\n                                minWidth: this.props.slideMinWidth\n                            } : {\n                                width: this.props.slideWidth\n                            },\n                            {\n                                transform: this.state.isHorizontal ? [{\n                                    translateX: this.position\n                                }] : [{\n                                    translateY: this.position\n                                }]\n                            },\n                            this.props.style?.height === '100%' ? {\n                                height: '100%'\n                            } : null\n                        ]}>\n                            {c}\n                        </Animated.View>);\n                    })}\n                </Animated.View>\n            </GestureDetector>\n        );\n    }\n\n}\n"],"mappings":"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","ignoreList":[]}

package/gestures-prism/carousel.flatlist.js

@@ -0,0 +1,349 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { Dimensions, PanResponder } from 'react-native';
+import Animated, { interpolate, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { FlatList } from 'react-native-gesture-handler';
+import { isArray, isUndefined } from 'lodash-es';
+import { getCurrentBreakpoint } from '@wavemaker-ai/app-rn-runtime/core/responsive.utils';
+import { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';
+const {
+  width: windowWidth
+} = Dimensions.get("window");
+const SWIPE_THRESHOLD = 20;
+const VELOCITY_THRESHOLD = 0.3;
+const carouselType = {
+  'HERO': 'hero',
+  'MULTI_BROWSER': 'multi-browser',
+  'CENTER_ALIGNED_HERO': 'center-aligned-hero',
+  'CLASSIC': 'classic'
+};
+const getWidth = (carouselType, size, numberOfLargeItems = 1) => {
+  const differentWidths = numberOfLargeItems === 1 ? {
+    LARGE_IMAGE_WIDTH: {
+      'hero': windowWidth * 0.75,
+      'multi-browser': windowWidth * 0.5,
+      'center-aligned-hero': windowWidth * 0.625
+    },
+    MEDIUM_IMAGE_WIDTH: {
+      'multi-browser': windowWidth * 0.25
+    },
+    SMALL_IMAGE_WIDTH: {
+      'hero': windowWidth * 0.125,
+      'multi-browser': windowWidth * 0.125,
+      'center-aligned-hero': windowWidth * 0.125
+    }
+  } : {
+    LARGE_IMAGE_WIDTH: windowWidth / (numberOfLargeItems + 1),
+    MEDIUM_IMAGE_WIDTH: windowWidth / ((numberOfLargeItems + 1) * 2),
+    SMALL_IMAGE_WIDTH: windowWidth / ((numberOfLargeItems + 1) * 4)
+  };
+  return numberOfLargeItems && numberOfLargeItems === 1 ? differentWidths[size][carouselType] : differentWidths[size];
+};
+const getNumberOfLargeItemsToShow = () => {
+  switch (getCurrentBreakpoint()) {
+    case 'xs':
+      return 1;
+    // case 'sm':
+    //   return 2;
+    // case 'md':
+    //   return 3;
+    default:
+      return 3;
+  }
+};
+const getFocusOffset = (index, count, type, numberOfLargeItems, parentWidth) => {
+  let offset = 0;
+  for (let i = 0; i < index; i++) {
+    offset += type === carouselType.CLASSIC ? parentWidth - 16 : getWidth(type, 'SMALL_IMAGE_WIDTH', numberOfLargeItems) + 8;
+  }
+  return offset;
+};
+const ListItem = ({
+  item,
+  index,
+  scrollX,
+  length,
+  itemFocusOffsets,
+  type,
+  numberOfLargeItems = 1,
+  parentWidth,
+  customStyles,
+  activeIndex
+}) => {
+  var _customStyles$slide5;
+  const [slideScale, setSlideScale] = useState(1);
+  const inputRange = itemFocusOffsets;
+  let outputRange = [];
+  const outputScaleRange = [];
+  const outputPaddingHorizontalRange = [];
+  inputRange.forEach((_, inputRangeIndex) => {
+    if (type === carouselType.CLASSIC) {
+      var _customStyles$slide$p, _customStyles$slide;
+      outputRange[inputRangeIndex] = parentWidth - 16;
+      outputScaleRange[inputRangeIndex] = inputRangeIndex === index ? 1 : slideScale;
+      outputPaddingHorizontalRange[inputRangeIndex] = inputRangeIndex === index ? (_customStyles$slide$p = customStyles === null || customStyles === void 0 || (_customStyles$slide = customStyles.slide) === null || _customStyles$slide === void 0 ? void 0 : _customStyles$slide.paddingHorizontal) !== null && _customStyles$slide$p !== void 0 ? _customStyles$slide$p : 0 : 0;
+    } else if (numberOfLargeItems > 1) {
+      if (index < inputRangeIndex) {
+        outputRange[inputRangeIndex] = getWidth(type, 'SMALL_IMAGE_WIDTH', numberOfLargeItems);
+      } else if (index === inputRangeIndex + 2) {
+        outputRange[inputRangeIndex] = getWidth(type, 'LARGE_IMAGE_WIDTH', numberOfLargeItems);
+      } else if (index === inputRangeIndex + 1) {
+        outputRange[inputRangeIndex] = getWidth(type, 'LARGE_IMAGE_WIDTH', numberOfLargeItems);
+      } else if (index === inputRangeIndex) {
+        outputRange[inputRangeIndex] = getWidth(type, 'LARGE_IMAGE_WIDTH', numberOfLargeItems);
+      } else if (index === inputRangeIndex + 3) {
+        outputRange[inputRangeIndex] = getWidth(type, 'MEDIUM_IMAGE_WIDTH', numberOfLargeItems);
+      } else {
+        outputRange[inputRangeIndex] = getWidth(type, 'SMALL_IMAGE_WIDTH', numberOfLargeItems);
+      }
+      if (index + 1 === length) {
+        outputRange[index] = getWidth(type, 'LARGE_IMAGE_WIDTH', numberOfLargeItems);
+        outputRange[index + 1] = getWidth(type, 'MEDIUM_IMAGE_WIDTH', numberOfLargeItems);
+      }
+      if (index + 2 === length) {
+        outputRange[index] = getWidth(type, 'LARGE_IMAGE_WIDTH', numberOfLargeItems);
+        outputRange[index + 1] = getWidth(type, 'LARGE_IMAGE_WIDTH', numberOfLargeItems);
+        outputRange[index + 2] = getWidth(type, 'LARGE_IMAGE_WIDTH', numberOfLargeItems);
+        outputRange[index - 1] = getWidth(type, 'LARGE_IMAGE_WIDTH', numberOfLargeItems);
+        outputRange[index - 2] = getWidth(type, 'LARGE_IMAGE_WIDTH', numberOfLargeItems);
+      }
+      if (index + 3 === length) {
+        outputRange[index] = getWidth(type, 'LARGE_IMAGE_WIDTH', numberOfLargeItems);
+        outputRange[index + 1] = getWidth(type, 'LARGE_IMAGE_WIDTH', numberOfLargeItems);
+        outputRange[index + 2] = getWidth(type, 'LARGE_IMAGE_WIDTH', numberOfLargeItems);
+        outputRange[index - 1] = getWidth(type, 'LARGE_IMAGE_WIDTH', numberOfLargeItems);
+        outputRange[index - 2] = getWidth(type, 'LARGE_IMAGE_WIDTH', numberOfLargeItems);
+      }
+      if (index + 4 === length) {
+        if (index < inputRangeIndex) {
+          outputRange[inputRangeIndex] = getWidth(type, 'MEDIUM_IMAGE_WIDTH', numberOfLargeItems);
+        }
+      }
+    } else if (type === carouselType.HERO) {
+      if (index < inputRangeIndex) {
+        outputRange[inputRangeIndex] = getWidth(type, 'SMALL_IMAGE_WIDTH');
+      } else if (index === inputRangeIndex) {
+        outputRange[inputRangeIndex] = getWidth(type, 'LARGE_IMAGE_WIDTH');
+      } else if (index === inputRangeIndex + 1) {
+        outputRange[inputRangeIndex] = getWidth(type, 'SMALL_IMAGE_WIDTH');
+      } else {
+        outputRange[inputRangeIndex] = getWidth(type, 'SMALL_IMAGE_WIDTH');
+      }
+    } else if (type === carouselType.MULTI_BROWSER) {
+      if (index < inputRangeIndex) {
+        outputRange[inputRangeIndex] = getWidth(type, 'SMALL_IMAGE_WIDTH');
+      } else if (index === inputRangeIndex) {
+        outputRange[inputRangeIndex] = getWidth(type, 'LARGE_IMAGE_WIDTH');
+      } else if (index === inputRangeIndex + 1) {
+        outputRange[inputRangeIndex] = getWidth(type, 'MEDIUM_IMAGE_WIDTH');
+      } else {
+        outputRange[inputRangeIndex] = getWidth(type, 'SMALL_IMAGE_WIDTH');
+      }
+      if (index + 1 === length) {
+        outputRange[index] = getWidth(type, 'LARGE_IMAGE_WIDTH');
+        outputRange[index + 1] = getWidth(type, 'MEDIUM_IMAGE_WIDTH');
+      }
+      if (index + 2 === length) {
+        outputRange[index] = getWidth(type, 'LARGE_IMAGE_WIDTH');
+        outputRange[index + 1] = getWidth(type, 'MEDIUM_IMAGE_WIDTH');
+        outputRange[index - 1] = getWidth(type, 'MEDIUM_IMAGE_WIDTH');
+      }
+    } else if (type === carouselType.CENTER_ALIGNED_HERO) {
+      if (index < inputRangeIndex) {
+        outputRange[inputRangeIndex] = getWidth(type, 'SMALL_IMAGE_WIDTH');
+      } else if (index === inputRangeIndex) {
+        outputRange[inputRangeIndex] = getWidth(type, 'LARGE_IMAGE_WIDTH');
+      } else {
+        outputRange[inputRangeIndex] = getWidth(type, 'SMALL_IMAGE_WIDTH');
+      }
+      if (index === 0) {
+        if (index === inputRangeIndex) {
+          outputRange[inputRangeIndex] = getWidth(carouselType.HERO, 'LARGE_IMAGE_WIDTH');
+        }
+      } else if (index === length - 1) {
+        if (index === inputRangeIndex) {
+          outputRange[inputRangeIndex] = getWidth(carouselType.HERO, 'LARGE_IMAGE_WIDTH');
+        }
+      }
+    }
+  });
+  const animatedStyle = useAnimatedStyle(() => {
+    var _customStyles$slide2;
+    return {
+      width: interpolate(scrollX.value, inputRange, outputRange, 'clamp'),
+      transform: [{
+        scaleY: type === carouselType.CLASSIC && slideScale > 0 ? interpolate(scrollX.value, inputRange, outputScaleRange, 'clamp') : 1
+      }],
+      paddingHorizontal: type === carouselType.CLASSIC && customStyles !== null && customStyles !== void 0 && (_customStyles$slide2 = customStyles.slide) !== null && _customStyles$slide2 !== void 0 && _customStyles$slide2.paddingHorizontal ? interpolate(scrollX.value, inputRange, outputPaddingHorizontalRange, 'clamp') : 0
+    };
+  });
+  const containerStyle = useMemo(() => {
+    return [type !== carouselType.CLASSIC ? {
+      margin: 4
+    } : {}, customStyles.slide, index === 0 ? customStyles.firstSlide : null, index === length - 1 ? customStyles.lastSlide : null, index === activeIndex - 1 ? customStyles.activeSlide : null, type === carouselType.CLASSIC && index === 0 ? {
+      marginLeft: 8
+    } : {}];
+  }, [activeIndex, type, customStyles, index]);
+  useEffect(() => {
+    var _customStyles$slide3;
+    if (isArray((_customStyles$slide3 = customStyles.slide) === null || _customStyles$slide3 === void 0 ? void 0 : _customStyles$slide3.transform)) {
+      var _customStyles$slide4;
+      const value = (_customStyles$slide4 = customStyles.slide) === null || _customStyles$slide4 === void 0 || (_customStyles$slide4 = _customStyles$slide4.transform) === null || _customStyles$slide4 === void 0 || (_customStyles$slide4 = _customStyles$slide4.find(o => !isUndefined(o.scale))) === null || _customStyles$slide4 === void 0 ? void 0 : _customStyles$slide4.scale;
+      setSlideScale(prevValue => {
+        return value !== undefined ? value : prevValue;
+      });
+    }
+  }, [(_customStyles$slide5 = customStyles.slide) === null || _customStyles$slide5 === void 0 ? void 0 : _customStyles$slide5.transform, customStyles]);
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [containerStyle, animatedStyle]
+  }, item);
+};
+export default function FlatListCarousel(props) {
+  const listRef = useRef(null);
+  const scrollX = useSharedValue(0);
+  const activeIndexRef = useRef(0);
+  const currentOffsetX = useRef(0);
+  const focusOffsets = useRef([]);
+
+  // TODO: this state will be used once the table designs are released from design team.
+  const [numberOfLargeItems, setNumberOfLargeItems] = useState(getNumberOfLargeItemsToShow());
+  focusOffsets.current = useMemo(() => {
+    return Array.from({
+      length: props.data.length
+    }, (_, i) => getFocusOffset(i, props.data.length, props.carouselType, numberOfLargeItems, props.containerWidth));
+  }, [props.carouselType, props.containerWidth, props.data.length,, props.data, numberOfLargeItems]);
+  const onScroll = event => {
+    currentOffsetX.current = event.nativeEvent.contentOffset.x;
+    if (props.carouselType === carouselType.CLASSIC) {
+      scrollX.value = currentOffsetX.current;
+    }
+  };
+  const animateSwipe = (value, scale = 5) => {
+    if (props.carouselType === carouselType.CLASSIC && activeIndexRef.current !== undefined) {
+      var _listRef$current;
+      (_listRef$current = listRef.current) === null || _listRef$current === void 0 || _listRef$current.scrollToIndex({
+        index: activeIndexRef.current - 1,
+        animated: true
+      });
+      return;
+    }
+    const duration = Math.abs(1000 - scale * 100) < 50 ? 50 : Math.abs(1000 - scale * 100);
+    scrollX.value = withTiming(value, {
+      duration: duration
+    });
+    if (props.carouselType === carouselType.CENTER_ALIGNED_HERO && activeIndexRef.current === props.data.length) {
+      setTimeout(() => {
+        var _listRef$current2;
+        (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 || _listRef$current2.scrollToOffset({
+          offset: getOffsetValue(),
+          animated: true
+        });
+      }, duration);
+    } else {
+      var _listRef$current3;
+      (_listRef$current3 = listRef.current) === null || _listRef$current3 === void 0 || _listRef$current3.scrollToOffset({
+        offset: getOffsetValue(),
+        animated: true
+      });
+    }
+  };
+  const panResponder = useRef(PanResponder.create({
+    onMoveShouldSetPanResponder: (_, gestureState) => {
+      return Math.abs(gestureState.dx) > Math.abs(gestureState.dy);
+    },
+    onMoveShouldSetPanResponderCapture: (_, gestureState) => {
+      return Math.abs(gestureState.dx) > Math.abs(gestureState.dy);
+    },
+    onPanResponderRelease: (_, gestureState) => {
+      const {
+        dx,
+        vx
+      } = gestureState;
+      const isIntentional = Math.abs(dx) > SWIPE_THRESHOLD || Math.abs(vx) > VELOCITY_THRESHOLD;
+      if (!isIntentional) return;
+      if (dx < 0) {
+        if (activeIndexRef.current + 1 > props.data.length) {
+          activeIndexRef.current = 1;
+        } else {
+          activeIndexRef.current = activeIndexRef.current + 1;
+        }
+      } else if (dx > 0) {
+        if (activeIndexRef.current - 2 < 0) {
+          activeIndexRef.current = props.data.length;
+        } else {
+          activeIndexRef.current = activeIndexRef.current - 1;
+        }
+      }
+      props.updateActiveIndex(activeIndexRef.current);
+    },
+    onPanResponderTerminationRequest: () => false
+  })).current;
+  const getOffsetValue = () => {
+    if (props.carouselType === carouselType.CENTER_ALIGNED_HERO) {
+      if (activeIndexRef.current <= 2) {
+        return 0;
+      }
+      if (activeIndexRef.current === props.data.length) {
+        return focusOffsets.current[activeIndexRef.current - 1];
+      }
+      return focusOffsets.current[activeIndexRef.current - 2];
+    }
+    return focusOffsets.current[activeIndexRef.current - 1];
+  };
+  const renderItem = ({
+    item,
+    index
+  }) => {
+    var _props$data;
+    return /*#__PURE__*/React.createElement(Tappable, {
+      disableTouchEffect: true,
+      onTap: () => {
+        if (activeIndexRef.current !== index + 1) {
+          props.updateActiveIndex(index + 1);
+        }
+      },
+      rippleColor: props.customStyles.root.rippleColor
+    }, /*#__PURE__*/React.createElement(ListItem, {
+      item: item,
+      index: index,
+      scrollX: scrollX,
+      length: (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length,
+      itemFocusOffsets: focusOffsets.current,
+      type: props.carouselType,
+      numberOfLargeItems: numberOfLargeItems,
+      parentWidth: props.containerWidth,
+      customStyles: props.customStyles,
+      activeIndex: props.activeIndex
+    }));
+  };
+  useEffect(() => {
+    if (props.activeIndex !== undefined) {
+      activeIndexRef.current = props.activeIndex;
+      animateSwipe(focusOffsets.current[props.activeIndex - 1] + 0.1);
+    }
+  }, [props.activeIndex]);
+  if (!props.carouselType || props.carouselType === carouselType.CLASSIC && !props.containerWidth) return /*#__PURE__*/React.createElement(React.Fragment, null);
+  return /*#__PURE__*/React.createElement(FlatList, _extends({
+    ref: listRef,
+    data: props.data,
+    keyExtractor: item => item.id,
+    style: [props.carouselType === carouselType.CLASSIC ? {
+      width: '100%'
+    } : {
+      margin: 8
+    }],
+    onScroll: onScroll,
+    scrollEventThrottle: 16,
+    bounces: false,
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    renderItem: renderItem,
+    overScrollMode: "never",
+    directionalLockEnabled: true,
+    decelerationRate: 0.95,
+    snapToOffsets: focusOffsets.current,
+    snapToAlignment: "start",
+    scrollEnabled: false
+  }, panResponder.panHandlers));
+}
+//# sourceMappingURL=carousel.flatlist.js.map