@0610studio/zs-ui 0.13.5 → 0.13.8

package/build/ui/ThrottleButton/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ThrottleButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAmD,qBAAqB,EAAQ,MAAM,cAAc,CAAC;AAY5G,UAAU,mBAAoB,SAAQ,qBAAqB;IACvD,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,kBAAkB,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACpC;AAkDD,iBAAS,cAAc,CAAC,EACpB,gBAAwC,EACxC,QAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,kBAAuB,EACvB,gBAAgB,EAChB,YAAoC,EACpC,OAAO,EACP,GAAG,cAAc,EACpB,EAAE,mBAAmB,qBAgBrB;AAoBD,eAAe,cAAc,CAAC"}

package/build/ui/ThrottleButton/index.js

@@ -1,74 +0,0 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { ActivityIndicator, StyleSheet, TouchableOpacity, View } from 'react-native';
-const DEFAULT_MARGIN_X = 20;
-const DEFAULT_MARGIN_TOP = 0;
-const DEFAULT_MARGIN_BOTTOM = 20;
-const DEFAULT_BORDER_RADIUS = 8;
-const TIME_CONSTANTS = {
-    debounce: 300,
-    throttle: 2000,
-};
-const useAsyncButton = (onPress, onError) => {
-    const [isLoading, setIsLoading] = useState(false);
-    const lastClickTime = useRef(0);
-    const isMounted = useRef(true);
-    useEffect(() => {
-        return () => {
-            isMounted.current = false;
-        };
-    }, []);
-    const handlePress = useCallback(async () => {
-        const now = Date.now();
-        if (now - lastClickTime.current < TIME_CONSTANTS.debounce) {
-            return;
-        }
-        if (isLoading) {
-            return;
-        }
-        lastClickTime.current = now;
-        try {
-            setIsLoading(true);
-            await onPress();
-            await new Promise(resolve => setTimeout(resolve, TIME_CONSTANTS.throttle));
-        }
-        catch (error) {
-            if (error instanceof Error && onError) {
-                onError(error);
-            }
-            console.error('ThrottleButton error:', error);
-        }
-        finally {
-            if (isMounted.current) {
-                setIsLoading(false);
-            }
-        }
-    }, [onPress, onError, isLoading]);
-    return { isLoading, handlePress };
-};
-function ThrottleButton({ loadingComponent = <ActivityIndicator />, disabled = false, primaryOnPress, primaryLabelComponent, primaryButtonStyle = {}, marginHorizontal, marginBottom = DEFAULT_MARGIN_BOTTOM, onError, ...touchableProps }) {
-    const { isLoading, handlePress } = useAsyncButton(primaryOnPress, onError);
-    return (<View style={[styles.container, { marginHorizontal: marginHorizontal ?? DEFAULT_MARGIN_X, marginBottom }]}>
-            <TouchableOpacity activeOpacity={0.7} style={[primaryButtonStyle, styles.touchContainer, { opacity: isLoading ? 0.4 : 1 }]} onPress={handlePress} disabled={disabled || isLoading} {...touchableProps}>
-                {isLoading ? loadingComponent : primaryLabelComponent}
-            </TouchableOpacity>
-        </View>);
-}
-const styles = StyleSheet.create({
-    touchContainer: {
-        justifyContent: 'center',
-        alignItems: 'center',
-        flex: 1
-    },
-    container: {
-        justifyContent: 'center',
-        alignItems: 'center',
-        borderRadius: DEFAULT_BORDER_RADIUS,
-        marginTop: DEFAULT_MARGIN_TOP,
-        marginBottom: DEFAULT_MARGIN_BOTTOM,
-        overflow: 'hidden',
-        flexDirection: 'row',
-        flex: 1
-    },
-});
-export default ThrottleButton;
-//# sourceMappingURL=index.js.map

package/build/ui/ThrottleButton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ThrottleButton/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { ActivityIndicator, StyleSheet, TouchableOpacity, TouchableOpacityProps, View } from 'react-native';\n\nconst DEFAULT_MARGIN_X = 20;\nconst DEFAULT_MARGIN_TOP = 0;\nconst DEFAULT_MARGIN_BOTTOM = 20;\nconst DEFAULT_BORDER_RADIUS = 8;\n\nconst TIME_CONSTANTS = {\n    debounce: 300,\n    throttle: 2000,\n} as const;\n\ninterface ThrottleButtonProps extends TouchableOpacityProps {\n    loadingComponent?: React.ReactNode;\n    disabled?: boolean;\n    primaryOnPress: () => Promise<void>;\n    primaryLabelComponent: React.ReactNode;\n    primaryButtonStyle?: TouchableOpacityProps['style'];\n    marginHorizontal?: number;\n    marginBottom?: number;\n    onError?: (error: Error) => void;\n}\n\nconst useAsyncButton = (\n    onPress: () => Promise<void>,\n    onError?: (error: Error) => void\n) => {\n    const [isLoading, setIsLoading] = useState(false);\n    const lastClickTime = useRef<number>(0);\n    const isMounted = useRef<boolean>(true);\n\n    useEffect(() => {\n        return () => {\n            isMounted.current = false;\n        };\n    }, []);\n\n    const handlePress = useCallback(async () => {\n        const now = Date.now();\n\n        if (now - lastClickTime.current < TIME_CONSTANTS.debounce) {\n            return;\n        }\n\n        if (isLoading) {\n            return;\n        }\n\n        lastClickTime.current = now;\n\n        try {\n            setIsLoading(true);\n            await onPress();\n            await new Promise(resolve =>\n                setTimeout(resolve, TIME_CONSTANTS.throttle)\n            );\n        } catch (error: unknown) {\n            if (error instanceof Error && onError) {\n                onError(error);\n            }\n            console.error('ThrottleButton error:', error);\n        } finally {\n            if (isMounted.current) {\n                setIsLoading(false);\n            }\n        }\n    }, [onPress, onError, isLoading]);\n\n    return { isLoading, handlePress };\n};\n\nfunction ThrottleButton({\n    loadingComponent = <ActivityIndicator />,\n    disabled = false,\n    primaryOnPress,\n    primaryLabelComponent,\n    primaryButtonStyle = {},\n    marginHorizontal,\n    marginBottom = DEFAULT_MARGIN_BOTTOM,\n    onError,\n    ...touchableProps\n}: ThrottleButtonProps) {\n    const { isLoading, handlePress } = useAsyncButton(primaryOnPress, onError);\n\n    return (\n        <View style={[styles.container, { marginHorizontal: marginHorizontal ?? DEFAULT_MARGIN_X, marginBottom }]}>\n            <TouchableOpacity\n                activeOpacity={0.7}\n                style={[primaryButtonStyle, styles.touchContainer, { opacity: isLoading ? 0.4 : 1 }]}\n                onPress={handlePress}\n                disabled={disabled || isLoading}\n                {...touchableProps}\n            >\n                {isLoading ? loadingComponent : primaryLabelComponent}\n            </TouchableOpacity>\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    touchContainer: {\n        justifyContent: 'center',\n        alignItems: 'center',\n        flex: 1\n    },\n    container: {\n        justifyContent: 'center',\n        alignItems: 'center',\n        borderRadius: DEFAULT_BORDER_RADIUS,\n        marginTop: DEFAULT_MARGIN_TOP,\n        marginBottom: DEFAULT_MARGIN_BOTTOM,\n        overflow: 'hidden',\n        flexDirection: 'row',\n        flex: 1\n    },\n});\n\nexport default ThrottleButton;\n"]}

package/build/ui/ZSBottomCta/index.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface Props {
-    render: () => React.ReactNode;
-    offset?: number;
-}
-declare function ZSBottomCta({ render, offset, }: Props): import("react").JSX.Element;
-export default ZSBottomCta;
-//# sourceMappingURL=index.d.ts.map

package/build/ui/ZSBottomCta/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ZSBottomCta/index.tsx"],"names":[],"mappings":";AAMA,UAAU,KAAK;IACb,MAAM,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,WAAW,CAAC,EACnB,MAAM,EACN,MAAU,GACX,EAAE,KAAK,+BAQP;AAED,eAAe,WAAW,CAAC"}

package/build/ui/ZSBottomCta/index.js

@@ -1,21 +0,0 @@
-import { StyleSheet } from "react-native";
-import Animated, { FadeInDown, FadeOutDown } from "react-native-reanimated";
-import { Z_INDEX_VALUE } from "../../model/utils";
-import useKeyboard from "../../model/useKeyboard";
-function ZSBottomCta({ render, offset = 0, }) {
-    const { isKeyboardVisible, keyboardHeight } = useKeyboard();
-    return (<Animated.View entering={FadeInDown} exiting={FadeOutDown} style={[styles.container, { bottom: keyboardHeight + (isKeyboardVisible ? offset : 0) }]}>
-      {render()}
-    </Animated.View>);
-}
-export default ZSBottomCta;
-const styles = StyleSheet.create({
-    container: {
-        position: 'absolute',
-        justifyContent: 'center',
-        alignItems: 'center',
-        zIndex: Z_INDEX_VALUE.BOTTOM_CTA,
-        width: '100%',
-    },
-});
-//# sourceMappingURL=index.js.map

package/build/ui/ZSBottomCta/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSBottomCta/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,QAAQ,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,WAAW,MAAM,yBAAyB,CAAC;AAOlD,SAAS,WAAW,CAAC,EACnB,MAAM,EACN,MAAM,GAAG,CAAC,GACJ;IACN,MAAM,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,WAAW,EAAE,CAAC;IAE5D,OAAO,CACL,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,cAAc,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAClJ;MAAA,CAAC,MAAM,EAAE,CACX;IAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC;AAE3B,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,aAAa,CAAC,UAAU;QAChC,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC","sourcesContent":["\nimport { StyleSheet } from \"react-native\";\nimport Animated, { FadeInDown, FadeOutDown } from \"react-native-reanimated\";\nimport { Z_INDEX_VALUE } from \"../../model/utils\";\nimport useKeyboard from \"../../model/useKeyboard\";\n\ninterface Props {\n  render: () => React.ReactNode;\n  offset?: number;\n}\n\nfunction ZSBottomCta({\n  render,\n  offset = 0,\n}: Props) {\n  const { isKeyboardVisible, keyboardHeight } = useKeyboard();\n\n  return (\n    <Animated.View entering={FadeInDown} exiting={FadeOutDown} style={[styles.container, { bottom: keyboardHeight + (isKeyboardVisible ? offset : 0) }]}>\n      {render()}\n    </Animated.View>\n  );\n}\n\nexport default ZSBottomCta;\n\nconst styles = StyleSheet.create({\n  container: {\n    position: 'absolute',\n    justifyContent: 'center',\n    alignItems: 'center',\n    zIndex: Z_INDEX_VALUE.BOTTOM_CTA,\n    width: '100%',\n  },\n});"]}