@estuary-solutions/rn-core-ui 0.0.3

package/dist/Cards/CardHeader.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { View, Text, StyleSheet, } from 'react-native';
+import { colors } from '../themes';
+const CardHeader = React.forwardRef(({ avatar, action, title, subheader, disableTypography = false, style, contentStyle, titleStyle, subheaderStyle, }, ref) => {
+    const renderTitle = () => {
+        if (title == null)
+            return null;
+        if (disableTypography || React.isValidElement(title))
+            return title;
+        return (_jsx(Text, { numberOfLines: 1, style: [styles.title, !!avatar && styles.titleWithAvatar, titleStyle], children: title }));
+    };
+    const renderSubheader = () => {
+        if (subheader == null)
+            return null;
+        if (disableTypography || React.isValidElement(subheader))
+            return subheader;
+        return (_jsx(Text, { numberOfLines: 2, style: [
+                styles.subheader,
+                !!avatar && styles.subheaderWithAvatar,
+                subheaderStyle,
+            ], children: subheader }));
+    };
+    return (_jsxs(View, { ref: ref, style: [styles.root, style], children: [avatar && _jsx(View, { style: styles.avatar, children: avatar }), _jsxs(View, { style: [styles.content, contentStyle], children: [renderTitle(), renderSubheader()] }), action && _jsx(View, { style: styles.action, children: action })] }));
+});
+CardHeader.displayName = 'CardHeader';
+const styles = StyleSheet.create({
+    root: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 16,
+    },
+    avatar: {
+        marginRight: 16,
+    },
+    content: {
+        flex: 1,
+        justifyContent: 'center',
+    },
+    action: {
+        marginLeft: 8,
+        alignSelf: 'flex-start',
+    },
+    title: {
+        fontSize: 16,
+        fontWeight: '600',
+        color: colors.black,
+    },
+    titleWithAvatar: {
+        fontSize: 14,
+    },
+    subheader: {
+        marginTop: 2,
+        fontSize: 14,
+        color: colors.gray_727272,
+    },
+    subheaderWithAvatar: {
+        fontSize: 13,
+    },
+});
+export default CardHeader;

package/dist/Cards/CardMedia.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { ImageResizeMode, ImageSourcePropType, StyleProp, ViewStyle } from 'react-native';
+import { ImageStyle, ResizeMode as FastImageResizeMode, Source } from 'react-native-fast-image';
+export type CardMediaComponent = 'image' | 'background';
+interface BaseProps {
+    children?: React.ReactNode;
+}
+export interface CardMediaImageProps extends BaseProps {
+    component?: 'image';
+    source: number | Source | undefined;
+    resizeMode?: FastImageResizeMode;
+    style?: StyleProp<ImageStyle>;
+}
+export interface CardMediaBackgroundProps extends BaseProps {
+    component: 'background';
+    source: ImageSourcePropType;
+    resizeMode?: ImageResizeMode;
+    style?: StyleProp<ViewStyle>;
+}
+export type CardMediaProps = CardMediaImageProps | CardMediaBackgroundProps;
+declare const CardMedia: React.FC<CardMediaProps>;
+export default CardMedia;
+//# sourceMappingURL=CardMedia.d.ts.map

package/dist/Cards/CardMedia.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardMedia.d.ts","sourceRoot":"","sources":["../../src/Cards/CardMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,eAAe,EACf,mBAAmB,EACnB,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAkB,EAChB,UAAU,EACV,UAAU,IAAI,mBAAmB,EACjC,MAAM,EACP,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,YAAY,CAAC;AAExD,UAAU,SAAS;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;CAC/B;AAED,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,SAAS,EAAE,YAAY,CAAC;IACxB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,MAAM,MAAM,cAAc,GACtB,mBAAmB,GACnB,wBAAwB,CAAC;AAE7B,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4BvC,CAAC;AAIF,eAAe,SAAS,CAAC"}

package/dist/Cards/CardMedia.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ImageBackground, } from 'react-native';
+import FastImage from 'react-native-fast-image';
+const CardMedia = (props) => {
+    const { children } = props;
+    if (props.component === 'background') {
+        const { source, resizeMode = 'cover', style } = props;
+        return (_jsx(ImageBackground, { source: source, resizeMode: resizeMode, style: [{ width: '100%' }, style], children: children }));
+    }
+    const { source, resizeMode = 'cover', style } = props;
+    if (!source)
+        return null;
+    return (_jsx(FastImage, { source: source, resizeMode: resizeMode, style: [{ width: '100%' }, style] }));
+};
+CardMedia.displayName = 'CardMedia';
+export default CardMedia;

package/dist/Cards/Paper.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { View, ViewProps, StyleProp, ViewStyle } from 'react-native';
+export type PaperVariant = 'elevation' | 'outlined';
+export type PaperElevation = 0 | 1 | 2 | 3 | 4 | 6 | 8 | 12 | 16 | 24;
+export interface PaperProps extends ViewProps {
+    elevation?: PaperElevation;
+    square?: boolean;
+    variant?: PaperVariant;
+    style?: StyleProp<ViewStyle>;
+}
+declare const Paper: React.ForwardRefExoticComponent<PaperProps & React.RefAttributes<View>>;
+export default Paper;
+//# sourceMappingURL=Paper.d.ts.map

package/dist/Cards/Paper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paper.d.ts","sourceRoot":"","sources":["../../src/Cards/Paper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,IAAI,EACJ,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,UAAU,CAAC;AAEpD,MAAM,MAAM,cAAc,GACtB,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE7C,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,KAAK,yEA4CT,CAAC;AAIH,eAAe,KAAK,CAAC"}

package/dist/Cards/Paper.js

@@ -0,0 +1,42 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { View, } from 'react-native';
+import { useTheme } from '../hooks/useTheme';
+import { colorsUtils } from '../utils';
+const Paper = React.forwardRef(function Paper(_a, ref) {
+    var { elevation = 1, square = false, variant = 'elevation', style } = _a, rest = __rest(_a, ["elevation", "square", "variant", "style"]);
+    const { colors, isDark } = useTheme();
+    const { shadowStyle, overlayColor } = variant === 'elevation'
+        ? colorsUtils.getElevationStyle(elevation, isDark)
+        : { shadowStyle: {} };
+    const baseStyle = {
+        backgroundColor: colors.surface,
+        borderRadius: square ? 0 : 8,
+    };
+    const outlinedStyle = variant === 'outlined'
+        ? {
+            borderWidth: 1,
+            borderColor: colors.outline,
+        }
+        : {};
+    return (_jsx(View, Object.assign({ ref: ref, style: [
+            baseStyle,
+            shadowStyle,
+            outlinedStyle,
+            overlayColor ? { backgroundColor: overlayColor } : undefined,
+            style,
+        ] }, rest)));
+});
+Paper.displayName = 'Paper';
+export default Paper;

package/dist/DraggableFlatList/CellDecorators.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+type ScaleProps = {
+    activeScale?: number;
+    children: React.ReactNode;
+};
+export declare const ScaleDecorator: ({ activeScale, children }: ScaleProps) => import("react/jsx-runtime").JSX.Element;
+type ShadowProps = {
+    children: React.ReactNode;
+    elevation?: number;
+    radius?: number;
+    color?: string;
+    opacity?: number;
+};
+export declare const ShadowDecorator: ({ elevation, color, opacity, radius, children, }: ShadowProps) => import("react/jsx-runtime").JSX.Element;
+type OpacityProps = {
+    activeOpacity?: number;
+    children: React.ReactNode;
+};
+export declare const OpacityDecorator: ({ activeOpacity, children, }: OpacityProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CellDecorators.d.ts.map

package/dist/DraggableFlatList/CellDecorators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellDecorators.d.ts","sourceRoot":"","sources":["../../src/DraggableFlatList/CellDecorators.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,KAAK,UAAU,GAAG;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,2BAAiC,UAAU,4CAkCzE,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,kDAM7B,WAAW,4CAqCb,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,8BAG9B,YAAY,4CA+Bd,CAAC"}

package/dist/DraggableFlatList/CellDecorators.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyleSheet } from "react-native";
+import Animated, { interpolate, useAnimatedStyle, } from "react-native-reanimated";
+import { useDraggableFlatListContext } from "../context/DraggableFlatList/draggableFlatListContext";
+import { useOnCellActiveAnimation } from "../hooks/DraggableFlatList/useOnCellActiveAnimation";
+import { WEB } from "../utils";
+export const ScaleDecorator = ({ activeScale = 1.1, children }) => {
+    const { isActive, onActiveAnim } = useOnCellActiveAnimation({
+        animationConfig: { mass: 0.1, restDisplacementThreshold: 0.0001 },
+    });
+    const { horizontal } = useDraggableFlatListContext();
+    if (WEB) {
+        const scale = isActive ? activeScale : 1;
+        return (_jsx("div", { style: Object.assign({ transform: `scale(${scale})`, transition: "transform 0.2s ease" }, (horizontal && { display: "inline-block" })), children: children }));
+    }
+    const style = useAnimatedStyle(() => {
+        const animScale = interpolate(onActiveAnim.value, [0, 1], [1, activeScale]);
+        const scale = isActive ? animScale : 1;
+        return {
+            transform: [{ scaleX: scale }, { scaleY: scale }],
+        };
+    }, [isActive]);
+    return (_jsx(Animated.View, { style: [style, horizontal && styles.horizontal], children: children }));
+};
+export const ShadowDecorator = ({ elevation = 10, color = "black", opacity = 0.25, radius = 5, children, }) => {
+    const { isActive, onActiveAnim } = useOnCellActiveAnimation();
+    const { horizontal } = useDraggableFlatListContext();
+    if (WEB) {
+        const shadowOpacity = isActive ? opacity : 0;
+        const boxShadow = isActive
+            ? `0px ${elevation}px ${radius}px rgba(0, 0, 0, ${shadowOpacity})`
+            : "none";
+        return (_jsx("div", { style: Object.assign({ boxShadow, transition: "box-shadow 0.2s ease" }, (horizontal && { display: "inline-block" })), children: children }));
+    }
+    const style = useAnimatedStyle(() => {
+        const shadowOpacity = onActiveAnim.value * opacity;
+        return {
+            elevation: isActive ? elevation : 0,
+            shadowRadius: isActive ? radius : 0,
+            shadowColor: isActive ? color : "transparent",
+            shadowOpacity: isActive ? shadowOpacity : 0,
+        };
+    }, [isActive, onActiveAnim]);
+    return (_jsx(Animated.View, { style: [style, horizontal && styles.horizontal], children: children }));
+};
+export const OpacityDecorator = ({ activeOpacity = 0.25, children, }) => {
+    const { isActive, onActiveAnim } = useOnCellActiveAnimation();
+    const { horizontal } = useDraggableFlatListContext();
+    if (WEB) {
+        const opacity = isActive ? activeOpacity : 1;
+        return (_jsx("div", { style: Object.assign({ opacity, transition: "opacity 0.2s ease" }, (horizontal && { display: "inline-block" })), children: children }));
+    }
+    const style = useAnimatedStyle(() => {
+        const opacity = interpolate(onActiveAnim.value, [0, 1], [1, activeOpacity]);
+        return {
+            opacity: isActive ? opacity : 1,
+        };
+    }, [isActive]);
+    return (_jsx(Animated.View, { style: [style, horizontal && styles.horizontal], children: children }));
+};
+const styles = StyleSheet.create({
+    horizontal: {
+        flexDirection: "row",
+        flex: 1,
+    },
+});

package/dist/DraggableFlatList/CellRendererComponent.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { LayoutChangeEvent, StyleProp, ViewStyle } from "react-native";
+type Props<T> = {
+    item: T;
+    index: number;
+    children: React.ReactNode;
+    onLayout?: (e: LayoutChangeEvent) => void;
+    style?: StyleProp<ViewStyle>;
+};
+declare function CellRendererComponent<T>(props: Props<T>): import("react/jsx-runtime").JSX.Element;
+declare const _default: typeof CellRendererComponent;
+export default _default;
+declare global {
+    namespace NodeJS {
+        interface Global {
+            RNDFLLayoutAnimationConfigStash: Record<string, unknown>;
+        }
+    }
+}
+//# sourceMappingURL=CellRendererComponent.d.ts.map

package/dist/DraggableFlatList/CellRendererComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellRendererComponent.d.ts","sourceRoot":"","sources":["../../src/DraggableFlatList/CellRendererComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,iBAAiB,EAEjB,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAgBtB,KAAK,KAAK,CAAC,CAAC,IAAI;IACd,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,iBAAS,qBAAqB,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,2CAqIhD;;AAED,wBAAgD;AAEhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM,CAAC;QACf,UAAU,MAAM;YACd,+BAA+B,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;SAC1D;KACF;CACF"}

package/dist/DraggableFlatList/CellRendererComponent.js

@@ -0,0 +1,146 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { findNodeHandle, } from "react-native";
+import Animated, { runOnUI, useAnimatedStyle, useSharedValue, } from "react-native-reanimated";
+import { typedMemo } from "../utils/DraggableFlatList/typedMemo";
+import { WEB } from "../utils";
+import { CellProvider } from "../context/DraggableFlatList/cellContext";
+import { useRefs } from "../context/DraggableFlatList/refContext";
+import { useDraggableFlatListContext } from "../context/DraggableFlatList/draggableFlatListContext";
+import { useAnimatedValues } from "../context/DraggableFlatList/animatedValueContext";
+import { useStableCallback } from "../hooks/DraggableFlatList/useStableCallback";
+import { useCellTranslate } from "../hooks/DraggableFlatList/useCellTranslate";
+function CellRendererComponent(props) {
+    const { item, index, onLayout, children } = props, rest = __rest(props, ["item", "index", "onLayout", "children"]);
+    const viewRef = React.useRef(null);
+    const { cellDataRef, propsRef, containerRef } = useRefs();
+    const { horizontalAnim, scrollOffset } = useAnimatedValues();
+    const { activeKey, keyExtractor, horizontal, layoutAnimationDisabled } = useDraggableFlatListContext();
+    const key = keyExtractor(item, index);
+    const offset = useSharedValue(-1);
+    const size = useSharedValue(-1);
+    const heldTanslate = useSharedValue(0);
+    const translate = useCellTranslate({
+        cellOffset: offset,
+        cellSize: size,
+        cellIndex: index,
+    });
+    const isActive = activeKey === key;
+    const animStyle = useAnimatedStyle(() => {
+        // When activeKey becomes null at the end of a drag and the list reorders,
+        // the animated style may apply before the next paint, causing a flicker.
+        // Solution is to hold over the last animated value until the next onLayout.
+        // (Not required in web)
+        if (translate.value && !WEB) {
+            heldTanslate.value = translate.value;
+        }
+        const t = activeKey ? translate.value : heldTanslate.value;
+        return {
+            transform: [horizontalAnim.value ? { translateX: t } : { translateY: t }],
+        };
+    }, [translate, activeKey]);
+    const updateCellMeasurements = useStableCallback(() => {
+        const onSuccess = (x, y, w, h) => {
+            if (WEB && horizontal)
+                x += scrollOffset.value;
+            const cellOffset = horizontal ? x : y;
+            const cellSize = horizontal ? w : h;
+            cellDataRef.current.set(key, {
+                measurements: { size: cellSize, offset: cellOffset },
+            });
+            size.value = cellSize;
+            offset.value = cellOffset;
+        };
+        const onFail = () => {
+            var _a;
+            if ((_a = propsRef.current) === null || _a === void 0 ? void 0 : _a.debug) {
+                console.log(`## on measure fail, index: ${index}`);
+            }
+        };
+        const containerNode = containerRef.current;
+        const viewNode = viewRef.current;
+        const nodeHandle = containerNode;
+        if (viewNode && nodeHandle) {
+            //@ts-ignore
+            viewNode.measureLayout(nodeHandle, onSuccess, onFail);
+        }
+    });
+    const onCellLayout = useStableCallback((e) => {
+        heldTanslate.value = 0;
+        updateCellMeasurements();
+        if (onLayout && e)
+            onLayout(e);
+    });
+    React.useEffect(() => {
+        if (WEB) {
+            // onLayout isn't called on web when the cell index changes, so we manually re-measure
+            requestAnimationFrame(() => {
+                onCellLayout();
+            });
+        }
+    }, [index, onCellLayout]);
+    const baseStyle = React.useMemo(() => {
+        return {
+            elevation: isActive ? 1 : 0,
+            zIndex: isActive ? 999 : 0,
+            flexDirection: horizontal ? "row" : "column",
+        };
+    }, [isActive, horizontal]);
+    const { itemEnteringAnimation, itemExitingAnimation, itemLayoutAnimation } = propsRef.current;
+    React.useEffect(() => {
+        // NOTE: Keep an eye on reanimated LayoutAnimation refactor:
+        // https://github.com/software-mansion/react-native-reanimated/pull/3332/files
+        // We might have to change the way we register/unregister LayouAnimations:
+        // - get native module: https://github.com/software-mansion/react-native-reanimated/blob/cf59766460d05eb30357913455318d8a95909468/src/reanimated2/NativeReanimated/NativeReanimated.ts#L18
+        // - register layout animation for tag: https://github.com/software-mansion/react-native-reanimated/blob/cf59766460d05eb30357913455318d8a95909468/src/reanimated2/NativeReanimated/NativeReanimated.ts#L99
+        if (!propsRef.current.enableLayoutAnimationExperimental)
+            return;
+        const tag = findNodeHandle(viewRef.current);
+        runOnUI((t, _layoutDisabled) => {
+            "worklet";
+            if (!t)
+                return;
+            const config = global.LayoutAnimationRepository.configs[t];
+            if (config)
+                stashConfig(t, config);
+            const stashedConfig = getStashedConfig(t);
+            if (_layoutDisabled) {
+                global.LayoutAnimationRepository.removeConfig(t);
+            }
+            else if (stashedConfig) {
+                global.LayoutAnimationRepository.registerConfig(t, stashedConfig);
+            }
+        })(tag, layoutAnimationDisabled);
+    }, [layoutAnimationDisabled]);
+    return (_jsx(Animated.View, Object.assign({}, rest, { ref: viewRef, onLayout: onCellLayout, entering: itemEnteringAnimation, exiting: itemExitingAnimation, layout: propsRef.current.enableLayoutAnimationExperimental
+            ? itemLayoutAnimation
+            : undefined, style: [props.style, baseStyle, animStyle], pointerEvents: activeKey ? "none" : "auto", children: _jsx(CellProvider, { isActive: isActive, children: children }) })));
+}
+export default typedMemo(CellRendererComponent);
+runOnUI(() => {
+    "worklet";
+    global.RNDFLLayoutAnimationConfigStash = {};
+})();
+function stashConfig(tag, config) {
+    "worklet";
+    if (!global.RNDFLLayoutAnimationConfigStash)
+        global.RNDFLLayoutAnimationConfigStash = {};
+    global.RNDFLLayoutAnimationConfigStash[tag] = config;
+}
+function getStashedConfig(tag) {
+    "worklet";
+    if (!global.RNDFLLayoutAnimationConfigStash)
+        return null;
+    return global.RNDFLLayoutAnimationConfigStash[tag];
+}

package/dist/DraggableFlatList/DraggableFlatList.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { FlatList } from "react-native-gesture-handler";
+import { DraggableFlatListProps } from "../constants/DraggableFlatList/types";
+declare function DraggableFlatList<T>(props: DraggableFlatListProps<T>, ref?: React.ForwardedRef<FlatList<T>> | null): import("react/jsx-runtime").JSX.Element;
+declare const _default: <T>(props: DraggableFlatListProps<T> & {
+    ref?: React.ForwardedRef<FlatList<T>>;
+}) => ReturnType<typeof DraggableFlatList>;
+export default _default;
+//# sourceMappingURL=DraggableFlatList.d.ts.map

package/dist/DraggableFlatList/DraggableFlatList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableFlatList.d.ts","sourceRoot":"","sources":["../../src/DraggableFlatList/DraggableFlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EACL,QAAQ,EAGT,MAAM,8BAA8B,CAAC;AAiBtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AA0Y3E,iBAAS,iBAAiB,CAAC,CAAC,EAC1B,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,EAChC,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,2CA8C7C;wBAMqD,CAAC,CAAC,EACtD,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,KACzE,UAAU,CAAC,OAAO,iBAAiB,CAAC;AAFzC,wBAE0C"}