@estuary-solutions/rn-core-ui 0.0.4 → 0.1.0

package/lib/module/constants/types.js

@@ -0,0 +1,24 @@
+"use strict";
+
+export const MIME_TYPES = {
+  csv: 'text/csv',
+  doc: 'application/msword',
+  docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+  jpeg: 'image/jpeg',
+  jpg: 'image/jpeg',
+  mp4: 'video/mp4',
+  pdf: 'application/pdf',
+  png: 'image/png',
+  ppt: 'application/vnd.ms-powerpoint',
+  pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+  webm: 'video/webm',
+  xls: 'application/vnd.ms-excel',
+  xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+};
+export const FILE_TYPE = {
+  empty: -1,
+  pdf: 1,
+  video: 2,
+  other: 3
+};
+//# sourceMappingURL=types.js.map

package/lib/module/constants/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MIME_TYPES","csv","doc","docx","jpeg","jpg","mp4","pdf","png","ppt","pptx","webm","xls","xlsx","FILE_TYPE","empty","video","other"],"sourceRoot":"../../../src","sources":["constants/types.ts"],"mappings":";;AAAA,OAAO,MAAMA,UAAU,GAAG;EACxBC,GAAG,EAAE,UAAU;EACfC,GAAG,EAAE,oBAAoB;EACzBC,IAAI,EAAE,yEAAyE;EAC/EC,IAAI,EAAE,YAAY;EAClBC,GAAG,EAAE,YAAY;EACjBC,GAAG,EAAE,WAAW;EAChBC,GAAG,EAAE,iBAAiB;EACtBC,GAAG,EAAE,WAAW;EAChBC,GAAG,EAAE,+BAA+B;EACpCC,IAAI,EAAE,2EAA2E;EACjFC,IAAI,EAAE,YAAY;EAClBC,GAAG,EAAE,0BAA0B;EAC/BC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAE,CAAC,CAAC;EACTR,GAAG,EAAE,CAAC;EACNS,KAAK,EAAE,CAAC;EACRC,KAAK,EAAE;AACT,CAAC","ignoreList":[]}

package/lib/module/context/DraggableFlatList/animatedValueContext.js

@@ -0,0 +1,141 @@
+"use strict";
+
+import React from 'react';
+import { useAnimatedReaction, useDerivedValue, useSharedValue } from 'react-native-reanimated';
+import { State as GestureState } from 'react-native-gesture-handler';
+import { useProps } from './propsContext';
+import { jsx as _jsx } from "react/jsx-runtime";
+const AnimatedValueContext = /*#__PURE__*/React.createContext(undefined);
+export default function AnimatedValueProvider({
+  children
+}) {
+  const value = useSetupAnimatedValues();
+  return /*#__PURE__*/_jsx(AnimatedValueContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+export function useAnimatedValues() {
+  const value = React.useContext(AnimatedValueContext);
+  if (!value) {
+    throw new Error('useAnimatedValues must be called from within AnimatedValueProvider!');
+  }
+  return value;
+}
+function useSetupAnimatedValues() {
+  const props = useProps();
+  const DEFAULT_VAL = useSharedValue(0);
+  const containerSize = useSharedValue(0);
+  const scrollViewSize = useSharedValue(0);
+  const panGestureState = useSharedValue(GestureState.UNDETERMINED);
+  const touchTranslate = useSharedValue(0);
+  const isTouchActiveNative = useSharedValue(false);
+  const hasMoved = useSharedValue(0);
+  const disabled = useSharedValue(false);
+  const horizontalAnim = useSharedValue(!!props.horizontal);
+  const activeIndexAnim = useSharedValue(-1); // Index of hovering cell
+  const spacerIndexAnim = useSharedValue(-1); // Index of hovered-over cell
+
+  const activeCellSize = useSharedValue(0); // Height or width of acctive cell
+  const activeCellOffset = useSharedValue(0); // Distance between active cell and edge of container
+
+  const scrollOffset = useSharedValue(0);
+  const scrollInit = useSharedValue(0);
+  const viewableIndexMin = useSharedValue(0);
+  const viewableIndexMax = useSharedValue(0);
+
+  // If list is nested there may be an outer scrollview
+  const outerScrollOffset = props.outerScrollOffset || DEFAULT_VAL;
+  const outerScrollInit = useSharedValue(0);
+  useAnimatedReaction(() => {
+    return activeIndexAnim.value;
+  }, (cur, prev) => {
+    if (cur !== prev && cur >= 0) {
+      scrollInit.value = scrollOffset.value;
+      outerScrollInit.value = outerScrollOffset.value;
+    }
+  }, [outerScrollOffset]);
+  const placeholderOffset = useSharedValue(0);
+  const isDraggingCell = useDerivedValue(() => {
+    return isTouchActiveNative.value && activeIndexAnim.value >= 0;
+  }, []);
+  const autoScrollDistance = useDerivedValue(() => {
+    if (!isDraggingCell.value) {
+      return 0;
+    }
+    const innerScrollDiff = scrollOffset.value - scrollInit.value;
+    // If list is nested there may be an outer scroll diff
+    const outerScrollDiff = outerScrollOffset.value - outerScrollInit.value;
+    const scrollDiff = innerScrollDiff + outerScrollDiff;
+    return scrollDiff;
+  }, []);
+  const touchPositionDiff = useDerivedValue(() => {
+    const extraTranslate = isTouchActiveNative.value ? autoScrollDistance.value : 0;
+    return touchTranslate.value + extraTranslate;
+  }, []);
+  const touchPositionDiffConstrained = useDerivedValue(() => {
+    const containerMinusActiveCell = containerSize.value - activeCellSize.value + scrollOffset.value;
+    const offsetRelativeToScrollTop = touchPositionDiff.value + activeCellOffset.value;
+    const constrained = Math.min(containerMinusActiveCell, Math.max(scrollOffset.value, offsetRelativeToScrollTop));
+    const maxTranslateNegative = -activeCellOffset.value;
+    const maxTranslatePositive = scrollViewSize.value - (activeCellOffset.value + activeCellSize.value);
+
+    // Only constrain the touch position while the finger is on the screen. This allows the active cell
+    // to snap above/below the fold once let go, if the drag ends at the top/bottom of the screen.
+    const constrainedBase = isTouchActiveNative.value ? constrained - activeCellOffset.value : touchPositionDiff.value;
+
+    // Make sure item is constrained to the boundaries of the scrollview
+    return Math.min(Math.max(constrainedBase, maxTranslateNegative), maxTranslatePositive);
+  }, []);
+  const dragItemOverflow = props.dragItemOverflow;
+  const hoverAnim = useDerivedValue(() => {
+    if (activeIndexAnim.value < 0) {
+      return 0;
+    }
+    return dragItemOverflow ? touchPositionDiff.value : touchPositionDiffConstrained.value;
+  }, []);
+  const hoverOffset = useDerivedValue(() => {
+    return hoverAnim.value + activeCellOffset.value;
+  }, [hoverAnim, activeCellOffset]);
+  useDerivedValue(() => {
+    // Reset spacer index when we stop hovering
+    const isHovering = activeIndexAnim.value >= 0;
+    if (!isHovering && spacerIndexAnim.value >= 0) {
+      spacerIndexAnim.value = -1;
+    }
+  }, []);
+
+  // Note: this could use a refactor as it combines touch state + cell animation
+  const resetTouchedCell = React.useCallback(() => {
+    activeCellOffset.value = 0;
+    hasMoved.value = 0;
+  }, []);
+  const value = React.useMemo(() => ({
+    activeCellOffset,
+    activeCellSize,
+    activeIndexAnim,
+    containerSize,
+    disabled,
+    horizontalAnim,
+    hoverAnim,
+    hoverOffset,
+    isDraggingCell,
+    isTouchActiveNative,
+    panGestureState,
+    placeholderOffset,
+    resetTouchedCell,
+    scrollOffset,
+    scrollViewSize,
+    spacerIndexAnim,
+    touchPositionDiff,
+    touchTranslate,
+    autoScrollDistance,
+    viewableIndexMin,
+    viewableIndexMax
+  }), [activeCellOffset, activeCellSize, activeIndexAnim, containerSize, disabled, horizontalAnim, hoverAnim, hoverOffset, isDraggingCell, isTouchActiveNative, panGestureState, placeholderOffset, resetTouchedCell, scrollOffset, scrollViewSize, spacerIndexAnim, touchPositionDiff, touchTranslate, autoScrollDistance, viewableIndexMin, viewableIndexMax]);
+  React.useEffect(() => {
+    props.onAnimValInit?.(value);
+  }, [value]);
+  return value;
+}
+//# sourceMappingURL=animatedValueContext.js.map

package/lib/module/context/DraggableFlatList/animatedValueContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useAnimatedReaction","useDerivedValue","useSharedValue","State","GestureState","useProps","jsx","_jsx","AnimatedValueContext","createContext","undefined","AnimatedValueProvider","children","value","useSetupAnimatedValues","Provider","useAnimatedValues","useContext","Error","props","DEFAULT_VAL","containerSize","scrollViewSize","panGestureState","UNDETERMINED","touchTranslate","isTouchActiveNative","hasMoved","disabled","horizontalAnim","horizontal","activeIndexAnim","spacerIndexAnim","activeCellSize","activeCellOffset","scrollOffset","scrollInit","viewableIndexMin","viewableIndexMax","outerScrollOffset","outerScrollInit","cur","prev","placeholderOffset","isDraggingCell","autoScrollDistance","innerScrollDiff","outerScrollDiff","scrollDiff","touchPositionDiff","extraTranslate","touchPositionDiffConstrained","containerMinusActiveCell","offsetRelativeToScrollTop","constrained","Math","min","max","maxTranslateNegative","maxTranslatePositive","constrainedBase","dragItemOverflow","hoverAnim","hoverOffset","isHovering","resetTouchedCell","useCallback","useMemo","useEffect","onAnimValInit"],"sourceRoot":"../../../../src","sources":["context/DraggableFlatList/animatedValueContext.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/context/DraggableFlatList/cellContext.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import React from 'react';
+import { typedMemo } from '../../utils/DraggableFlatList/typedMemo';
+import { jsx as _jsx } from "react/jsx-runtime";
+const CellContext = /*#__PURE__*/React.createContext(undefined);
+export function CellProvider({
+  isActive,
+  children
+}) {
+  const value = React.useMemo(() => ({
+    isActive
+  }), [isActive]);
+  return /*#__PURE__*/_jsx(CellContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+export default typedMemo(CellProvider);
+export function useIsActive() {
+  const value = React.useContext(CellContext);
+  if (!value) {
+    throw new Error('useIsActive must be called from within CellProvider!');
+  }
+  return value.isActive;
+}
+//# sourceMappingURL=cellContext.js.map

package/lib/module/context/DraggableFlatList/cellContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","typedMemo","jsx","_jsx","CellContext","createContext","undefined","CellProvider","isActive","children","value","useMemo","Provider","useIsActive","useContext","Error"],"sourceRoot":"../../../../src","sources":["context/DraggableFlatList/cellContext.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,QAAQ,yCAAyC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMpE,MAAMC,WAAW,gBAAGJ,KAAK,CAACK,aAAa,CACrCC,SACF,CAAC;AAOD,OAAO,SAASC,YAAYA,CAAC;EAAEC,QAAQ;EAAEC;AAAgB,CAAC,EAAE;EAC1D,MAAMC,KAAK,GAAGV,KAAK,CAACW,OAAO,CACzB,OAAO;IACLH;EACF,CAAC,CAAC,EACF,CAACA,QAAQ,CACX,CAAC;EACD,oBAAOL,IAAA,CAACC,WAAW,CAACQ,QAAQ;IAACF,KAAK,EAAEA,KAAM;IAAAD,QAAA,EAAEA;EAAQ,CAAuB,CAAC;AAC9E;AAEA,eAAeR,SAAS,CAACM,YAAY,CAAC;AAEtC,OAAO,SAASM,WAAWA,CAAA,EAAG;EAC5B,MAAMH,KAAK,GAAGV,KAAK,CAACc,UAAU,CAACV,WAAW,CAAC;EAC3C,IAAI,CAACM,KAAK,EAAE;IACV,MAAM,IAAIK,KAAK,CAAC,sDAAsD,CAAC;EACzE;EACA,OAAOL,KAAK,CAACF,QAAQ;AACvB","ignoreList":[]}

package/lib/module/context/DraggableFlatList/draggableFlatListContext.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const DraggableFlatListContext = /*#__PURE__*/React.createContext(undefined);
+export default function DraggableFlatListProvider({
+  activeKey,
+  keyExtractor,
+  horizontal,
+  layoutAnimationDisabled,
+  children
+}) {
+  const value = React.useMemo(() => ({
+    activeKey,
+    keyExtractor,
+    horizontal,
+    layoutAnimationDisabled
+  }), [activeKey, keyExtractor, horizontal, layoutAnimationDisabled]);
+  return /*#__PURE__*/_jsx(DraggableFlatListContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+export function useDraggableFlatListContext() {
+  const value = React.useContext(DraggableFlatListContext);
+  if (!value) {
+    throw new Error('useDraggableFlatListContext must be called within DraggableFlatListProvider');
+  }
+  return value;
+}
+//# sourceMappingURL=draggableFlatListContext.js.map

package/lib/module/context/DraggableFlatList/draggableFlatListContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","jsx","_jsx","DraggableFlatListContext","createContext","undefined","DraggableFlatListProvider","activeKey","keyExtractor","horizontal","layoutAnimationDisabled","children","value","useMemo","Provider","useDraggableFlatListContext","useContext","Error"],"sourceRoot":"../../../../src","sources":["context/DraggableFlatList/draggableFlatListContext.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAY1B,MAAMC,wBAAwB,gBAAGH,KAAK,CAACI,aAAa,CAElDC,SAAS,CAAC;AAEZ,eAAe,SAASC,yBAAyBA,CAAI;EACnDC,SAAS;EACTC,YAAY;EACZC,UAAU;EACVC,uBAAuB;EACvBC;AACQ,CAAC,EAAE;EACX,MAAMC,KAAK,GAAGZ,KAAK,CAACa,OAAO,CACzB,OAAO;IACLN,SAAS;IACTC,YAAY;IACZC,UAAU;IACVC;EACF,CAAC,CAAC,EACF,CAACH,SAAS,EAAEC,YAAY,EAAEC,UAAU,EAAEC,uBAAuB,CAC/D,CAAC;EAED,oBACER,IAAA,CAACC,wBAAwB,CAACW,QAAQ;IAACF,KAAK,EAAEA,KAAM;IAAAD,QAAA,EAC7CA;EAAQ,CACwB,CAAC;AAExC;AAEA,OAAO,SAASI,2BAA2BA,CAAA,EAAM;EAC/C,MAAMH,KAAK,GAAGZ,KAAK,CAACgB,UAAU,CAACb,wBAAwB,CAAC;EACxD,IAAI,CAACS,KAAK,EAAE;IACV,MAAM,IAAIK,KAAK,CACb,6EACF,CAAC;EACH;EACA,OAAOL,KAAK;AACd","ignoreList":[]}

package/lib/module/context/DraggableFlatList/nestableScrollContainerContext.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import React from 'react';
+import { useSharedValue } from 'react-native-reanimated';
+import { jsx as _jsx } from "react/jsx-runtime";
+const NestableScrollContainerContext = /*#__PURE__*/React.createContext(undefined);
+function useSetupNestableScrollContextValue({
+  forwardedRef
+}) {
+  const [outerScrollEnabled, setOuterScrollEnabled] = React.useState(true);
+  const scrollViewSize = useSharedValue(0);
+  const scrollableRefInner = React.useRef(null);
+  const scrollableRef = forwardedRef || scrollableRefInner;
+  const outerScrollOffset = useSharedValue(0);
+  const containerSize = useSharedValue(0);
+  const contextVal = React.useMemo(() => ({
+    outerScrollEnabled,
+    setOuterScrollEnabled,
+    outerScrollOffset,
+    scrollViewSize,
+    scrollableRef,
+    containerSize
+  }), [outerScrollEnabled]);
+  return contextVal;
+}
+export function NestableScrollContainerProvider({
+  children,
+  forwardedRef
+}) {
+  const contextVal = useSetupNestableScrollContextValue({
+    forwardedRef
+  });
+  return /*#__PURE__*/_jsx(NestableScrollContainerContext.Provider, {
+    value: contextVal,
+    children: children
+  });
+}
+export function useNestableScrollContainerContext() {
+  const value = React.useContext(NestableScrollContainerContext);
+  return value;
+}
+export function useSafeNestableScrollContainerContext() {
+  const value = useNestableScrollContainerContext();
+  if (!value) {
+    throw new Error('useSafeNestableScrollContainerContext must be called within a NestableScrollContainerContext.Provider');
+  }
+  return value;
+}
+//# sourceMappingURL=nestableScrollContainerContext.js.map

package/lib/module/context/DraggableFlatList/nestableScrollContainerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useSharedValue","jsx","_jsx","NestableScrollContainerContext","createContext","undefined","useSetupNestableScrollContextValue","forwardedRef","outerScrollEnabled","setOuterScrollEnabled","useState","scrollViewSize","scrollableRefInner","useRef","scrollableRef","outerScrollOffset","containerSize","contextVal","useMemo","NestableScrollContainerProvider","children","Provider","value","useNestableScrollContainerContext","useContext","useSafeNestableScrollContainerContext","Error"],"sourceRoot":"../../../../src","sources":["context/DraggableFlatList/nestableScrollContainerContext.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKzD,MAAMC,8BAA8B,gBAAGJ,KAAK,CAACK,aAAa,CAExDC,SAAS,CAAC;AAEZ,SAASC,kCAAkCA,CAAC;EAC1CC;AAGF,CAAC,EAAE;EACD,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGV,KAAK,CAACW,QAAQ,CAAC,IAAI,CAAC;EACxE,MAAMC,cAAc,GAAGX,cAAc,CAAC,CAAC,CAAC;EACxC,MAAMY,kBAAkB,GAAGb,KAAK,CAACc,MAAM,CAAa,IAAI,CAAC;EACzD,MAAMC,aAAa,GAAGP,YAAY,IAAIK,kBAAkB;EACxD,MAAMG,iBAAiB,GAAGf,cAAc,CAAC,CAAC,CAAC;EAC3C,MAAMgB,aAAa,GAAGhB,cAAc,CAAC,CAAC,CAAC;EAEvC,MAAMiB,UAAU,GAAGlB,KAAK,CAACmB,OAAO,CAC9B,OAAO;IACLV,kBAAkB;IAClBC,qBAAqB;IACrBM,iBAAiB;IACjBJ,cAAc;IACdG,aAAa;IACbE;EACF,CAAC,CAAC,EACF,CAACR,kBAAkB,CACrB,CAAC;EAED,OAAOS,UAAU;AACnB;AAEA,OAAO,SAASE,+BAA+BA,CAAC;EAC9CC,QAAQ;EACRb;AAIF,CAAC,EAAE;EACD,MAAMU,UAAU,GAAGX,kCAAkC,CAAC;IAAEC;EAAa,CAAC,CAAC;EACvE,oBACEL,IAAA,CAACC,8BAA8B,CAACkB,QAAQ;IAACC,KAAK,EAAEL,UAAW;IAAAG,QAAA,EACxDA;EAAQ,CAC8B,CAAC;AAE9C;AAEA,OAAO,SAASG,iCAAiCA,CAAA,EAAG;EAClD,MAAMD,KAAK,GAAGvB,KAAK,CAACyB,UAAU,CAACrB,8BAA8B,CAAC;EAC9D,OAAOmB,KAAK;AACd;AAEA,OAAO,SAASG,qCAAqCA,CAAA,EAAG;EACtD,MAAMH,KAAK,GAAGC,iCAAiC,CAAC,CAAC;EACjD,IAAI,CAACD,KAAK,EAAE;IACV,MAAM,IAAII,KAAK,CACb,uGACF,CAAC;EACH;EACA,OAAOJ,KAAK;AACd","ignoreList":[]}

package/lib/module/context/DraggableFlatList/propsContext.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const PropsContext = /*#__PURE__*/React.createContext(undefined);
+export default function PropsProvider({
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(PropsContext.Provider, {
+    value: props,
+    children: children
+  });
+}
+export function useProps() {
+  const value = React.useContext(PropsContext);
+  if (!value) {
+    throw new Error('useProps must be called from within PropsProvider!');
+  }
+  return value;
+}
+//# sourceMappingURL=propsContext.js.map

package/lib/module/context/DraggableFlatList/propsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","jsx","_jsx","PropsContext","createContext","undefined","PropsProvider","children","props","Provider","value","useProps","useContext","Error"],"sourceRoot":"../../../../src","sources":["context/DraggableFlatList/propsContext.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI1B,MAAMC,YAAY,gBAAGH,KAAK,CAACI,aAAa,CAEtCC,SAAS,CAAC;AAIZ,eAAe,SAASC,aAAaA,CAAI;EAAEC,QAAQ;EAAE,GAAGC;AAAgB,CAAC,EAAE;EACzE,oBACEN,IAAA,CAACC,YAAY,CAACM,QAAQ;IAACC,KAAK,EAAEF,KAAM;IAAAD,QAAA,EAAEA;EAAQ,CAAwB,CAAC;AAE3E;AAEA,OAAO,SAASI,QAAQA,CAAA,EAAM;EAC5B,MAAMD,KAAK,GAAGV,KAAK,CAACY,UAAU,CAACT,YAAY,CAE9B;EACb,IAAI,CAACO,KAAK,EAAE;IACV,MAAM,IAAIG,KAAK,CAAC,oDAAoD,CAAC;EACvE;EACA,OAAOH,KAAK;AACd","ignoreList":[]}

package/lib/module/context/DraggableFlatList/refContext.js

@@ -0,0 +1,75 @@
+"use strict";
+
+import React from 'react';
+import { useSharedValue } from 'react-native-reanimated';
+import { DEFAULT_PROPS } from '../../constants/DraggableFlatList/constants';
+import { useProps } from './propsContext';
+import { jsx as _jsx } from "react/jsx-runtime";
+const RefContext = /*#__PURE__*/React.createContext(undefined);
+export default function RefProvider({
+  children,
+  flatListRef
+}) {
+  const value = useSetupRefs({
+    flatListRef
+  });
+  return /*#__PURE__*/_jsx(RefContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+export function useRefs() {
+  const value = React.useContext(RefContext);
+  if (!value) {
+    throw new Error('useRefs must be called from within a RefContext.Provider!');
+  }
+  return value;
+}
+function useSetupRefs({
+  flatListRef: flatListRefProp
+}) {
+  const props = useProps();
+  const {
+    animationConfig = DEFAULT_PROPS.animationConfig
+  } = props;
+  const propsRef = React.useRef(props);
+  propsRef.current = props;
+  const animConfig = React.useMemo(() => ({
+    ...DEFAULT_PROPS.animationConfig,
+    ...animationConfig
+  }), [animationConfig]);
+  const animationConfigRef = useSharedValue(animConfig);
+  React.useEffect(() => {
+    animationConfigRef.value = animConfig;
+  }, [animConfig]);
+  const cellDataRef = React.useRef(new Map());
+  const keyToIndexRef = React.useRef(new Map());
+  const containerRef = React.useRef(null);
+  const flatlistRefInternal = React.useRef(null);
+  const flatlistRef = flatListRefProp || flatlistRefInternal;
+  const scrollViewRef = React.useRef(null);
+
+  // useEffect(() => {
+  //   // This is a workaround for the fact that RN does not respect refs passed in
+  //   // to renderScrollViewComponent underlying ScrollView (currently not used but
+  //   // may need to add if we want to use reanimated scrollTo in the future)
+  //   //@ts-ignore
+  //   const scrollRef = flatlistRef.current?.getNativeScrollRef();
+  //   if (!scrollViewRef.current) {
+  //     //@ts-ignore
+  //     scrollViewRef(scrollRef);
+  //   }
+  // }, []);
+
+  const refs = React.useMemo(() => ({
+    animationConfigRef,
+    cellDataRef,
+    containerRef,
+    flatlistRef,
+    keyToIndexRef,
+    propsRef,
+    scrollViewRef
+  }), []);
+  return refs;
+}
+//# sourceMappingURL=refContext.js.map

package/lib/module/context/DraggableFlatList/refContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useSharedValue","DEFAULT_PROPS","useProps","jsx","_jsx","RefContext","createContext","undefined","RefProvider","children","flatListRef","value","useSetupRefs","Provider","useRefs","useContext","Error","flatListRefProp","props","animationConfig","propsRef","useRef","current","animConfig","useMemo","animationConfigRef","useEffect","cellDataRef","Map","keyToIndexRef","containerRef","flatlistRefInternal","flatlistRef","scrollViewRef","refs"],"sourceRoot":"../../../../src","sources":["context/DraggableFlatList/refContext.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAEEC,cAAc,QAET,yBAAyB;AAMhC,SAASC,aAAa,QAAQ,6CAA6C;AAC3E,SAASC,QAAQ,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAW1C,MAAMC,UAAU,gBAAGN,KAAK,CAACO,aAAa,CACpCC,SACF,CAAC;AAED,eAAe,SAASC,WAAWA,CAAI;EACrCC,QAAQ;EACRC;AAIF,CAAC,EAAE;EACD,MAAMC,KAAK,GAAGC,YAAY,CAAI;IAAEF;EAAY,CAAC,CAAC;EAC9C,oBAAON,IAAA,CAACC,UAAU,CAACQ,QAAQ;IAACF,KAAK,EAAEA,KAAM;IAAAF,QAAA,EAAEA;EAAQ,CAAsB,CAAC;AAC5E;AAEA,OAAO,SAASK,OAAOA,CAAA,EAAM;EAC3B,MAAMH,KAAK,GAAGZ,KAAK,CAACgB,UAAU,CAACV,UAAU,CAAC;EAC1C,IAAI,CAACM,KAAK,EAAE;IACV,MAAM,IAAIK,KAAK,CACb,2DACF,CAAC;EACH;EACA,OAAOL,KAAK;AACd;AAEA,SAASC,YAAYA,CAAI;EACvBF,WAAW,EAAEO;AAGf,CAAC,EAAE;EACD,MAAMC,KAAK,GAAGhB,QAAQ,CAAI,CAAC;EAC3B,MAAM;IAAEiB,eAAe,GAAGlB,aAAa,CAACkB;EAAgB,CAAC,GAAGD,KAAK;EAEjE,MAAME,QAAQ,GAAGrB,KAAK,CAACsB,MAAM,CAACH,KAAK,CAAC;EACpCE,QAAQ,CAACE,OAAO,GAAGJ,KAAK;EACxB,MAAMK,UAAU,GAAGxB,KAAK,CAACyB,OAAO,CAC9B,OACG;IACC,GAAGvB,aAAa,CAACkB,eAAe;IAChC,GAAGA;EACL,CAAC,CAAqB,EACxB,CAACA,eAAe,CAClB,CAAC;EAED,MAAMM,kBAAkB,GAAGzB,cAAc,CAACuB,UAAU,CAAC;EACrDxB,KAAK,CAAC2B,SAAS,CAAC,MAAM;IACpBD,kBAAkB,CAACd,KAAK,GAAGY,UAAU;EACvC,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,MAAMI,WAAW,GAAG5B,KAAK,CAACsB,MAAM,CAAC,IAAIO,GAAG,CAAmB,CAAC,CAAC;EAC7D,MAAMC,aAAa,GAAG9B,KAAK,CAACsB,MAAM,CAAC,IAAIO,GAAG,CAAiB,CAAC,CAAC;EAC7D,MAAME,YAAY,GAAG/B,KAAK,CAACsB,MAAM,CAAgB,IAAI,CAAC;EACtD,MAAMU,mBAAmB,GAAGhC,KAAK,CAACsB,MAAM,CAAc,IAAI,CAAC;EAC3D,MAAMW,WAAW,GAAGf,eAAe,IAAIc,mBAAmB;EAC1D,MAAME,aAAa,GAAGlC,KAAK,CAACsB,MAAM,CAAsB,IAAI,CAAC;;EAE7D;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;EAEA,MAAMa,IAAI,GAAGnC,KAAK,CAACyB,OAAO,CACxB,OAAO;IACLC,kBAAkB;IAClBE,WAAW;IACXG,YAAY;IACZE,WAAW;IACXH,aAAa;IACbT,QAAQ;IACRa;EACF,CAAC,CAAC,EACF,EACF,CAAC;EAED,OAAOC,IAAI;AACb","ignoreList":[]}

package/lib/module/hooks/DraggableFlatList/useAutoScroll.js

@@ -0,0 +1,90 @@
+"use strict";
+
+import { runOnJS, useAnimatedReaction, useDerivedValue, useSharedValue } from 'react-native-reanimated';
+import { useRefs } from '../../context/DraggableFlatList/refContext';
+import { useAnimatedValues } from '../../context/DraggableFlatList/animatedValueContext';
+import { useProps } from '../../context/DraggableFlatList/propsContext';
+import { DEFAULT_PROPS, SCROLL_POSITION_TOLERANCE } from '../../constants/DraggableFlatList/constants';
+export function useAutoScroll() {
+  const {
+    flatlistRef
+  } = useRefs();
+  const {
+    autoscrollThreshold = DEFAULT_PROPS.autoscrollThreshold,
+    autoscrollSpeed = DEFAULT_PROPS.autoscrollSpeed
+  } = useProps();
+  const {
+    scrollOffset,
+    scrollViewSize,
+    containerSize,
+    activeCellSize,
+    hoverOffset,
+    activeIndexAnim
+  } = useAnimatedValues();
+  const hoverScreenOffset = useDerivedValue(() => {
+    return hoverOffset.value - scrollOffset.value;
+  }, []);
+  const isScrolledUp = useDerivedValue(() => {
+    return scrollOffset.value - SCROLL_POSITION_TOLERANCE <= 0;
+  }, []);
+  const isScrolledDown = useDerivedValue(() => {
+    return scrollOffset.value + containerSize.value + SCROLL_POSITION_TOLERANCE >= scrollViewSize.value;
+  }, []);
+  const distToTopEdge = useDerivedValue(() => {
+    return Math.max(0, hoverScreenOffset.value);
+  }, []);
+  const distToBottomEdge = useDerivedValue(() => {
+    const hoverPlusActiveCell = hoverScreenOffset.value + activeCellSize.value;
+    return Math.max(0, containerSize.value - hoverPlusActiveCell);
+  }, []);
+  const isAtTopEdge = useDerivedValue(() => {
+    return distToTopEdge.value <= autoscrollThreshold;
+  });
+  const isAtBottomEdge = useDerivedValue(() => {
+    return distToBottomEdge.value <= autoscrollThreshold;
+  }, []);
+  const scrollTarget = useSharedValue(0);
+  const dragIsActive = useDerivedValue(() => {
+    return activeIndexAnim.value >= 0;
+  }, []);
+  useAnimatedReaction(() => {
+    return dragIsActive.value;
+  }, (cur, prev) => {
+    if (cur && !prev) {
+      scrollTarget.value = scrollOffset.value;
+    }
+  });
+  const shouldAutoScroll = useDerivedValue(() => {
+    const scrollTargetDiff = Math.abs(scrollTarget.value - scrollOffset.value);
+    const hasScrolledToTarget = scrollTargetDiff < SCROLL_POSITION_TOLERANCE;
+    const isAtEdge = isAtTopEdge.value || isAtBottomEdge.value;
+    const topDisabled = isAtTopEdge.value && isScrolledUp.value;
+    const bottomDisabled = isAtBottomEdge.value && isScrolledDown.value;
+    const isEdgeDisabled = topDisabled || bottomDisabled;
+    const cellIsActive = activeIndexAnim.value >= 0;
+    return hasScrolledToTarget && isAtEdge && !isEdgeDisabled && cellIsActive;
+  }, []);
+  function scrollToInternal(offset) {
+    if (flatlistRef && 'current' in flatlistRef) {
+      flatlistRef.current?.scrollToOffset({
+        offset,
+        animated: true
+      });
+    }
+  }
+  useDerivedValue(() => {
+    if (!shouldAutoScroll.value) {
+      return;
+    }
+    const distFromEdge = isAtTopEdge.value ? distToTopEdge.value : distToBottomEdge.value;
+    const speedPct = 1 - distFromEdge / autoscrollThreshold;
+    const offset = speedPct * autoscrollSpeed;
+    const targetOffset = isAtTopEdge.value ? Math.max(0, scrollOffset.value - offset) : Math.min(scrollOffset.value + offset, scrollViewSize.value - containerSize.value);
+    scrollTarget.value = targetOffset;
+    // Reanimated scrollTo is crashing on android. use 'regular' scrollTo until figured out.
+    // scrollTo(scrollViewRef, targetX, targetY, true);
+    runOnJS(scrollToInternal)(targetOffset);
+  }, []);
+  return null;
+}
+//# sourceMappingURL=useAutoScroll.js.map

package/lib/module/hooks/DraggableFlatList/useAutoScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["runOnJS","useAnimatedReaction","useDerivedValue","useSharedValue","useRefs","useAnimatedValues","useProps","DEFAULT_PROPS","SCROLL_POSITION_TOLERANCE","useAutoScroll","flatlistRef","autoscrollThreshold","autoscrollSpeed","scrollOffset","scrollViewSize","containerSize","activeCellSize","hoverOffset","activeIndexAnim","hoverScreenOffset","value","isScrolledUp","isScrolledDown","distToTopEdge","Math","max","distToBottomEdge","hoverPlusActiveCell","isAtTopEdge","isAtBottomEdge","scrollTarget","dragIsActive","cur","prev","shouldAutoScroll","scrollTargetDiff","abs","hasScrolledToTarget","isAtEdge","topDisabled","bottomDisabled","isEdgeDisabled","cellIsActive","scrollToInternal","offset","current","scrollToOffset","animated","distFromEdge","speedPct","targetOffset","min"],"sourceRoot":"../../../../src","sources":["hooks/DraggableFlatList/useAutoScroll.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/hooks/DraggableFlatList/useCellTranslate.js

@@ -0,0 +1,81 @@
+"use strict";
+
+import { useDerivedValue, withSpring } from 'react-native-reanimated';
+import { useRefs } from '../../context/DraggableFlatList/refContext';
+import { useDraggableFlatListContext } from '../../context/DraggableFlatList/draggableFlatListContext';
+import { useAnimatedValues } from '../../context/DraggableFlatList/animatedValueContext';
+export function useCellTranslate({
+  cellIndex,
+  cellSize,
+  cellOffset
+}) {
+  const {
+    activeIndexAnim,
+    activeCellSize,
+    hoverOffset,
+    spacerIndexAnim,
+    placeholderOffset,
+    hoverAnim,
+    viewableIndexMin,
+    viewableIndexMax
+  } = useAnimatedValues();
+  const {
+    activeKey
+  } = useDraggableFlatListContext();
+  const {
+    animationConfigRef
+  } = useRefs();
+  const translate = useDerivedValue(() => {
+    const isActiveCell = cellIndex === activeIndexAnim.value;
+    const isOutsideViewableRange = !isActiveCell && (cellIndex < viewableIndexMin.value || cellIndex > viewableIndexMax.value);
+    if (!activeKey || activeIndexAnim.value < 0 || isOutsideViewableRange) {
+      return 0;
+    }
+
+    // Determining spacer index is hard to visualize. See diagram: https://i.imgur.com/jRPf5t3.jpg
+    const isBeforeActive = cellIndex < activeIndexAnim.value;
+    const isAfterActive = cellIndex > activeIndexAnim.value;
+    const hoverPlusActiveSize = hoverOffset.value + activeCellSize.value;
+    const offsetPlusHalfSize = cellOffset.value + cellSize.value / 2;
+    const offsetPlusSize = cellOffset.value + cellSize.value;
+    let result = -1;
+    if (isAfterActive) {
+      if (hoverPlusActiveSize >= cellOffset.value && hoverPlusActiveSize < offsetPlusHalfSize) {
+        // bottom edge of active cell overlaps top half of current cell
+        result = cellIndex - 1;
+      } else if (hoverPlusActiveSize >= offsetPlusHalfSize && hoverPlusActiveSize < offsetPlusSize) {
+        // bottom edge of active cell overlaps bottom half of current cell
+        result = cellIndex;
+      }
+    } else if (isBeforeActive) {
+      if (hoverOffset.value < offsetPlusSize && hoverOffset.value >= offsetPlusHalfSize) {
+        // top edge of active cell overlaps bottom half of current cell
+        result = cellIndex + 1;
+      } else if (hoverOffset.value >= cellOffset.value && hoverOffset.value < offsetPlusHalfSize) {
+        // top edge of active cell overlaps top half of current cell
+        result = cellIndex;
+      }
+    }
+    if (result !== -1 && result !== spacerIndexAnim.value) {
+      spacerIndexAnim.value = result;
+    }
+    if (spacerIndexAnim.value === cellIndex) {
+      const newPlaceholderOffset = isAfterActive ? cellSize.value + (cellOffset.value - activeCellSize.value) : cellOffset.value;
+      placeholderOffset.value = newPlaceholderOffset;
+    }
+
+    // Active cell follows touch
+    if (isActiveCell) {
+      return hoverAnim.value;
+    }
+
+    // Translate cell down if it is before active index and active cell has passed it.
+    // Translate cell up if it is after the active index and active cell has passed it.
+
+    const shouldTranslate = isAfterActive ? cellIndex <= spacerIndexAnim.value : cellIndex >= spacerIndexAnim.value;
+    const translationAmt = shouldTranslate ? activeCellSize.value * (isAfterActive ? -1 : 1) : 0;
+    return withSpring(translationAmt, animationConfigRef.value);
+  }, [activeKey, cellIndex]);
+  return translate;
+}
+//# sourceMappingURL=useCellTranslate.js.map

package/lib/module/hooks/DraggableFlatList/useCellTranslate.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useDerivedValue","withSpring","useRefs","useDraggableFlatListContext","useAnimatedValues","useCellTranslate","cellIndex","cellSize","cellOffset","activeIndexAnim","activeCellSize","hoverOffset","spacerIndexAnim","placeholderOffset","hoverAnim","viewableIndexMin","viewableIndexMax","activeKey","animationConfigRef","translate","isActiveCell","value","isOutsideViewableRange","isBeforeActive","isAfterActive","hoverPlusActiveSize","offsetPlusHalfSize","offsetPlusSize","result","newPlaceholderOffset","shouldTranslate","translationAmt"],"sourceRoot":"../../../../src","sources":["hooks/DraggableFlatList/useCellTranslate.tsx"],"mappings":"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","ignoreList":[]}