@draftbit/core 47.2.13-f38301.2 → 47.2.14-9580d7.2

package/lib/src/components/Slider.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+export declare type Props = {
+    style?: StyleProp<ViewStyle>;
+    value?: number;
+    defaultValue?: number;
+    minimumTrackTintColor: string;
+    maximumTrackTintColor: string;
+    leftIcon?: string;
+    rightIcon?: string;
+    leftIconColor?: string;
+    rightIconColor?: string;
+    thumbTintColor?: string;
+    tapToSeek?: boolean;
+    minimumValue: number;
+    maximumValue: number;
+    step: number;
+    onValueChange?: (value: number) => void;
+    theme: Theme;
+} & IconSlot;
+declare function Slider({ Icon, leftIcon, rightIcon, leftIconColor, rightIconColor, value, defaultValue, minimumTrackTintColor, maximumTrackTintColor, thumbTintColor, minimumValue, maximumValue, tapToSeek, step, onValueChange, style, theme, ...rest }: Props): JSX.Element;
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<Props, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<Props> & typeof Slider, {}>;
+export default _default;

package/lib/src/components/Slider.js

@@ -0,0 +1,64 @@
+import * as React from "react";
+import { View, StyleSheet } from "react-native";
+import NativeSlider from "@react-native-community/slider";
+import isNumber from "lodash.isnumber";
+import toNumber from "lodash.tonumber";
+import { withTheme } from "../theming";
+function maybeParseValue(value) {
+    if (value === undefined) {
+        return undefined;
+    }
+    if (isNumber(value)) {
+        return value;
+    }
+    try {
+        const maybe = toNumber(value);
+        if (isNumber(maybe)) {
+            return maybe;
+        }
+    }
+    catch {
+        return undefined;
+    }
+    return undefined;
+}
+function Slider({ Icon, leftIcon, rightIcon, leftIconColor, rightIconColor, value, defaultValue, minimumTrackTintColor, maximumTrackTintColor, thumbTintColor, minimumValue = 0, maximumValue = 100, tapToSeek, step = 1, onValueChange = () => { }, style, theme, ...rest }) {
+    const [internalValue, setInternalValue] = React.useState(value || defaultValue);
+    React.useEffect(() => {
+        if (value != null) {
+            setInternalValue(value);
+        }
+    }, [value]);
+    React.useEffect(() => {
+        if (defaultValue != null) {
+            setInternalValue(defaultValue);
+        }
+    }, [defaultValue]);
+    const minTrackColor = minimumTrackTintColor || theme.colors.primary;
+    const maxTrackColor = maximumTrackTintColor || theme.colors.light;
+    const thumbColor = thumbTintColor || theme.colors.primary;
+    const leftIconThemeColor = leftIconColor || theme.colors.light;
+    const rightIconThemeColor = rightIconColor || theme.colors.light;
+    const parsedValue = maybeParseValue(internalValue);
+    const handleSlidingComplete = (newValue) => {
+        setInternalValue(newValue);
+        onValueChange(newValue);
+    };
+    return (React.createElement(View, { style: [styles.container, style], ...rest },
+        leftIcon ? (React.createElement(Icon, { color: leftIconThemeColor, name: leftIcon, size: 24 })) : null,
+        React.createElement(NativeSlider, { value: parsedValue, step: step, minimumValue: minimumValue, maximumValue: maximumValue, tapToSeek: tapToSeek, minimumTrackTintColor: minTrackColor, maximumTrackTintColor: maxTrackColor, thumbTintColor: thumbColor, onSlidingComplete: handleSlidingComplete, style: styles.slider }),
+        rightIcon ? (React.createElement(Icon, { color: rightIconThemeColor, name: rightIcon, size: 24 })) : null));
+}
+const styles = StyleSheet.create({
+    container: {
+        height: 40,
+        flexDirection: "row",
+        alignItems: "center",
+    },
+    slider: {
+        flex: 1,
+        marginHorizontal: 12,
+    },
+});
+export default withTheme(Slider);
+//# sourceMappingURL=Slider.js.map

package/lib/src/components/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/components/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AACtE,OAAO,YAAY,MAAM,gCAAgC,CAAC;AAC1D,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAuBvC,SAAS,eAAe,CAAC,KAAU;IACjC,IAAI,KAAK,KAAK,SAAS,EAAE;QACvB,OAAO,SAAS,CAAC;KAClB;IAED,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;QACnB,OAAO,KAAK,CAAC;KACd;IAED,IAAI;QACF,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;YACnB,OAAO,KAAK,CAAC;SACd;KACF;IAAC,MAAM;QACN,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,MAAM,CAAC,EACd,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACd,KAAK,EACL,YAAY,EACZ,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,YAAY,GAAG,CAAC,EAChB,YAAY,GAAG,GAAG,EAClB,SAAS,EACT,IAAI,GAAG,CAAC,EACR,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,KAAK,EACL,KAAK,EACL,GAAG,IAAI,EACD;IACN,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CACtD,KAAK,IAAI,YAAY,CACtB,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,KAAK,IAAI,IAAI,EAAE;YACjB,gBAAgB,CAAC,KAAK,CAAC,CAAC;SACzB;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,YAAY,IAAI,IAAI,EAAE;YACxB,gBAAgB,CAAC,YAAY,CAAC,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,aAAa,GAAG,qBAAqB,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IACpE,MAAM,aAAa,GAAG,qBAAqB,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;IAClE,MAAM,UAAU,GAAG,cAAc,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IAE1D,MAAM,kBAAkB,GAAG,aAAa,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;IAC/D,MAAM,mBAAmB,GAAG,cAAc,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;IAEjE,MAAM,WAAW,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;IAEnD,MAAM,qBAAqB,GAAG,CAAC,QAAgB,EAAE,EAAE;QACjD,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAC3B,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,KAAM,IAAI;QAC7C,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,IAAI,IAAC,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAI,CAC9D,CAAC,CAAC,CAAC,IAAI;QACR,oBAAC,YAAY,IACX,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,qBAAqB,EAAE,aAAa,EACpC,qBAAqB,EAAE,aAAa,EACpC,cAAc,EAAE,UAAU,EAC1B,iBAAiB,EAAE,qBAAqB,EACxC,KAAK,EAAE,MAAM,CAAC,MAAM,GACpB;QACD,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,GAAI,CAChE,CAAC,CAAC,CAAC,IAAI,CACH,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,MAAM,EAAE,EAAE;QACV,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,gBAAgB,EAAE,EAAE;KACrB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,MAAM,CAAC,CAAC"}

package/lib/src/components/StarRating.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+declare type Props = {
+    starSize?: number;
+    maxStars?: number;
+    rating?: number;
+    defaultValue?: number;
+    isEditable?: boolean;
+    activeColor?: string;
+    inactiveColor?: string;
+    theme: Theme;
+    style?: StyleProp<ViewStyle>;
+    onPress?: (newValue: number) => void;
+} & IconSlot;
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
+export default _default;

package/lib/src/components/StarRating.js

@@ -0,0 +1,51 @@
+import * as React from "react";
+import { View, StyleSheet, Pressable, } from "react-native";
+import { withTheme } from "../theming";
+const StarRating = ({ Icon, starSize = 16, maxStars = 5, rating = 0, defaultValue, isEditable = false, activeColor, inactiveColor, style, onPress, ...rest }) => {
+    const [localRating, setLocalRating] = React.useState(rating || defaultValue || 0);
+    React.useEffect(() => {
+        if (rating != null) {
+            setLocalRating(rating);
+        }
+    }, [rating]);
+    React.useEffect(() => {
+        if (defaultValue != null) {
+            setLocalRating(defaultValue);
+        }
+    }, [defaultValue]);
+    const ratingHandler = React.useCallback((r) => {
+        setLocalRating(r);
+        !!onPress && onPress(r);
+    }, [onPress]);
+    const ratingRounded = Math.round(localRating * 2) / 2;
+    return (React.createElement(View, { style: [styles.container, style], ...rest }, [...Array(maxStars)].map((_, i) => (React.createElement(View, { key: i, style: { display: "flex" } },
+        React.createElement(Icon, { name: ratingRounded - i === 0.5
+                ? "MaterialIcons/star-half"
+                : "MaterialIcons/star", size: starSize, color: ratingRounded > i ? activeColor : inactiveColor }),
+        isEditable && (React.createElement(View, { style: styles.touchContainer },
+            React.createElement(Pressable, { style: styles.pressable, onPress: () => ratingHandler(i + 0.5) }),
+            React.createElement(Pressable, { style: styles.pressable, onPress: () => ratingHandler(i + 1) }))))))));
+};
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: "row",
+        alignItems: "center",
+    },
+    touchContainer: {
+        display: "flex",
+        flexDirection: "row",
+        position: "absolute",
+        top: 0,
+        right: 0,
+        left: 0,
+        bottom: 0,
+        zIndex: 1,
+    },
+    pressable: {
+        flex: 1,
+        height: "100%",
+        width: "50%",
+    },
+});
+export default withTheme(StarRating);
+//# sourceMappingURL=StarRating.js.map

package/lib/src/components/StarRating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarRating.js","sourceRoot":"","sources":["../../../src/components/StarRating.tsx"],"names":[],"mappings":"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"}

package/lib/src/components/StepIndicator.d.ts

@@ -0,0 +1,53 @@
+import { Component } from "react";
+interface CustomStyles {
+    stepIndicatorSize?: number;
+    currentStepIndicatorSize?: number;
+    separatorStrokeWidth?: number;
+    separatorStrokeUnfinishedWidth?: number;
+    separatorStrokeFinishedWidth?: number;
+    currentStepStrokeWidth: number;
+    stepStrokeWidth?: number;
+    stepStrokeCurrentColor?: string;
+    stepStrokeFinishedColor: string;
+    stepStrokeUnFinishedColor: string;
+    separatorFinishedColor: string;
+    separatorUnFinishedColor: string;
+    stepIndicatorFinishedColor: string;
+    stepIndicatorUnFinishedColor: string;
+    stepIndicatorCurrentColor: string;
+    stepIndicatorLabelFontSize: number;
+    currentStepIndicatorLabelFontSize?: number;
+    stepIndicatorLabelCurrentColor: string;
+    stepIndicatorLabelFinishedColor: string;
+    stepIndicatorLabelUnFinishedColor: string;
+    labelColor?: string;
+    labelSize?: number;
+    labelAlign?: string;
+    currentStepLabelColor?: string;
+    labelFontFamily?: string;
+}
+declare type Props = {
+    stepCount: number;
+    currentPosition: number;
+    customStyles: CustomStyles;
+};
+declare type State = {
+    width: number;
+    height: number;
+    progressBarSize: number;
+    customStyles: CustomStyles;
+};
+export default class StepIndicator extends Component<Props, State> {
+    constructor(props: Props);
+    stepPressed(position: any): void;
+    render(): JSX.Element;
+    componentDidUpdate(prevProps: any): void;
+    renderProgressBarBackground: () => JSX.Element;
+    renderProgressBar: () => JSX.Element;
+    renderStepIndicator: () => JSX.Element;
+    renderStepLabels: () => JSX.Element;
+    renderStep: (position: any) => JSX.Element;
+    getStepStatus: (stepPosition: any) => string;
+    onCurrentPositionChanged: (position: any) => void;
+}
+export {};

package/lib/src/components/StepIndicator.js

@@ -0,0 +1,347 @@
+// @ts-nocheck
+import React, { Component } from "react";
+import { View, Text, StyleSheet, Animated, TouchableWithoutFeedback, } from "react-native";
+const STEP_STATUS = {
+    CURRENT: "current",
+    FINISHED: "finished",
+    UNFINISHED: "unfinished",
+};
+export default class StepIndicator extends Component {
+    constructor(props) {
+        super(props);
+        this.renderProgressBarBackground = () => {
+            const { stepCount, direction } = this.props;
+            let progressBarBackgroundStyle;
+            if (direction === "vertical") {
+                progressBarBackgroundStyle = {
+                    backgroundColor: this.state.customStyles.separatorUnFinishedColor,
+                    position: "absolute",
+                    left: (this.state.width - this.state.customStyles.separatorStrokeWidth) / 2,
+                    top: this.state.height / (2 * stepCount),
+                    bottom: this.state.height / (2 * stepCount),
+                    width: this.state.customStyles.separatorStrokeUnfinishedWidth === 0
+                        ? this.state.customStyles.separatorStrokeWidth
+                        : this.state.customStyles.separatorStrokeUnfinishedWidth,
+                };
+            }
+            else {
+                progressBarBackgroundStyle = {
+                    backgroundColor: this.state.customStyles.separatorUnFinishedColor,
+                    position: "absolute",
+                    top: (this.state.height - this.state.customStyles.separatorStrokeWidth) /
+                        2,
+                    left: this.state.width / (2 * stepCount),
+                    right: this.state.width / (2 * stepCount),
+                    height: this.state.customStyles.separatorStrokeUnfinishedWidth === 0
+                        ? this.state.customStyles.separatorStrokeWidth
+                        : this.state.customStyles.separatorStrokeUnfinishedWidth,
+                };
+            }
+            return (React.createElement(View, { onLayout: (event) => {
+                    if (direction === "vertical") {
+                        this.setState({ progressBarSize: event.nativeEvent.layout.height }, () => {
+                            this.onCurrentPositionChanged(this.props.currentPosition);
+                        });
+                    }
+                    else {
+                        this.setState({ progressBarSize: event.nativeEvent.layout.width }, () => {
+                            this.onCurrentPositionChanged(this.props.currentPosition);
+                        });
+                    }
+                }, style: progressBarBackgroundStyle }));
+        };
+        this.renderProgressBar = () => {
+            const { stepCount, direction } = this.props;
+            let progressBarStyle;
+            if (direction === "vertical") {
+                progressBarStyle = {
+                    backgroundColor: this.state.customStyles.separatorFinishedColor,
+                    position: "absolute",
+                    left: (this.state.width - this.state.customStyles.separatorStrokeWidth) / 2,
+                    top: this.state.height / (2 * stepCount),
+                    bottom: this.state.height / (2 * stepCount),
+                    width: this.state.customStyles.separatorStrokeFinishedWidth === 0
+                        ? this.state.customStyles.separatorStrokeWidth
+                        : this.state.customStyles.separatorStrokeFinishedWidth,
+                    height: this.progressAnim,
+                };
+            }
+            else {
+                progressBarStyle = {
+                    backgroundColor: this.state.customStyles.separatorFinishedColor,
+                    position: "absolute",
+                    top: (this.state.height - this.state.customStyles.separatorStrokeWidth) /
+                        2,
+                    left: this.state.width / (2 * stepCount),
+                    right: this.state.width / (2 * stepCount),
+                    height: this.state.customStyles.separatorStrokeFinishedWidth === 0
+                        ? this.state.customStyles.separatorStrokeWidth
+                        : this.state.customStyles.separatorStrokeFinishedWidth,
+                    width: this.progressAnim,
+                };
+            }
+            return React.createElement(Animated.View, { style: progressBarStyle });
+        };
+        this.renderStepIndicator = () => {
+            let steps = [];
+            const { stepCount, direction } = this.props;
+            for (let position = 0; position < stepCount; position++) {
+                steps.push(React.createElement(TouchableWithoutFeedback, { key: position, onPress: () => this.stepPressed(position) },
+                    React.createElement(View, { style: [
+                            styles.stepContainer,
+                            direction === "vertical"
+                                ? { flexDirection: "column" }
+                                : { flexDirection: "row" },
+                        ] }, this.renderStep(position))));
+            }
+            return (React.createElement(View, { onLayout: (event) => this.setState({
+                    width: event.nativeEvent.layout.width,
+                    height: event.nativeEvent.layout.height,
+                }), style: [
+                    styles.stepIndicatorContainer,
+                    direction === "vertical"
+                        ? {
+                            flexDirection: "column",
+                            width: this.state.customStyles.currentStepIndicatorSize,
+                        }
+                        : {
+                            flexDirection: "row",
+                            height: this.state.customStyles.currentStepIndicatorSize,
+                        },
+                ] }, steps));
+        };
+        this.renderStepLabels = () => {
+            const { labels, direction, currentPosition, renderLabel } = this.props;
+            var labelViews = labels.map((label, index) => {
+                const selectedStepLabelStyle = index === currentPosition
+                    ? { color: this.state.customStyles.currentStepLabelColor }
+                    : { color: this.state.customStyles.labelColor };
+                return (React.createElement(TouchableWithoutFeedback, { style: styles.stepLabelItem, key: index, onPress: () => this.stepPressed(index) },
+                    React.createElement(View, { style: styles.stepLabelItem }, renderLabel ? (renderLabel({
+                        position: index,
+                        stepStatus: this.getStepStatus(index),
+                        label,
+                        currentPosition,
+                    })) : (React.createElement(Text, { style: [
+                            styles.stepLabel,
+                            selectedStepLabelStyle,
+                            {
+                                fontSize: this.state.customStyles.labelSize,
+                                fontFamily: this.state.customStyles.labelFontFamily,
+                            },
+                        ] }, label)))));
+            });
+            return (React.createElement(View, { style: [
+                    styles.stepLabelsContainer,
+                    direction === "vertical"
+                        ? { flexDirection: "column", paddingHorizontal: 4 }
+                        : { flexDirection: "row", paddingVertical: 4 },
+                    { alignItems: this.state.customStyles.labelAlign },
+                ] }, labelViews));
+        };
+        this.renderStep = (position) => {
+            const { renderStepIndicator } = this.props;
+            let stepStyle;
+            let indicatorLabelStyle;
+            switch (this.getStepStatus(position)) {
+                case STEP_STATUS.CURRENT: {
+                    stepStyle = {
+                        backgroundColor: this.state.customStyles.stepIndicatorCurrentColor,
+                        borderWidth: this.state.customStyles.currentStepStrokeWidth,
+                        borderColor: this.state.customStyles.stepStrokeCurrentColor,
+                        height: this.sizeAnim,
+                        width: this.sizeAnim,
+                        borderRadius: this.borderRadiusAnim,
+                    };
+                    indicatorLabelStyle = {
+                        fontSize: this.state.customStyles.currentStepIndicatorLabelFontSize,
+                        color: this.state.customStyles.stepIndicatorLabelCurrentColor,
+                    };
+                    break;
+                }
+                case STEP_STATUS.FINISHED: {
+                    stepStyle = {
+                        backgroundColor: this.state.customStyles.stepIndicatorFinishedColor,
+                        borderWidth: this.state.customStyles.stepStrokeWidth,
+                        borderColor: this.state.customStyles.stepStrokeFinishedColor,
+                        height: this.state.customStyles.stepIndicatorSize,
+                        width: this.state.customStyles.stepIndicatorSize,
+                        borderRadius: this.state.customStyles.stepIndicatorSize / 2,
+                    };
+                    indicatorLabelStyle = {
+                        fontSize: this.state.customStyles.stepIndicatorLabelFontSize,
+                        color: this.state.customStyles.stepIndicatorLabelFinishedColor,
+                    };
+                    break;
+                }
+                case STEP_STATUS.UNFINISHED: {
+                    stepStyle = {
+                        backgroundColor: this.state.customStyles.stepIndicatorUnFinishedColor,
+                        borderWidth: this.state.customStyles.stepStrokeWidth,
+                        borderColor: this.state.customStyles.stepStrokeUnFinishedColor,
+                        height: this.state.customStyles.stepIndicatorSize,
+                        width: this.state.customStyles.stepIndicatorSize,
+                        borderRadius: this.state.customStyles.stepIndicatorSize / 2,
+                    };
+                    indicatorLabelStyle = {
+                        overflow: "hidden",
+                        fontSize: this.state.customStyles.stepIndicatorLabelFontSize,
+                        color: this.state.customStyles.stepIndicatorLabelUnFinishedColor,
+                    };
+                    break;
+                }
+                default:
+            }
+            return (React.createElement(Animated.View, { key: "step-indicator", style: [styles.step, stepStyle] }, renderStepIndicator ? (renderStepIndicator({
+                position,
+                stepStatus: this.getStepStatus(position),
+            })) : (React.createElement(Text, { style: indicatorLabelStyle }, `${position + 1}`))));
+        };
+        this.getStepStatus = (stepPosition) => {
+            const { currentPosition } = this.props;
+            if (stepPosition === currentPosition) {
+                return STEP_STATUS.CURRENT;
+            }
+            else if (stepPosition < currentPosition) {
+                return STEP_STATUS.FINISHED;
+            }
+            else {
+                return STEP_STATUS.UNFINISHED;
+            }
+        };
+        this.onCurrentPositionChanged = (position) => {
+            let { stepCount } = this.props;
+            if (position > stepCount - 1) {
+                position = stepCount - 1;
+            }
+            const animateToPosition = (this.state.progressBarSize / (stepCount - 1)) * position;
+            this.sizeAnim.setValue(this.state.customStyles.stepIndicatorSize);
+            this.borderRadiusAnim.setValue(this.state.customStyles.stepIndicatorSize / 2);
+            Animated.sequence([
+                Animated.timing(this.progressAnim, {
+                    toValue: animateToPosition,
+                    duration: 200,
+                }),
+                Animated.parallel([
+                    Animated.timing(this.sizeAnim, {
+                        toValue: this.state.customStyles.currentStepIndicatorSize,
+                        duration: 100,
+                    }),
+                    Animated.timing(this.borderRadiusAnim, {
+                        toValue: this.state.customStyles.currentStepIndicatorSize / 2,
+                        duration: 100,
+                    }),
+                ]),
+            ]).start();
+        };
+        const defaultStyles = {
+            stepIndicatorSize: 30,
+            currentStepIndicatorSize: 40,
+            separatorStrokeWidth: 3,
+            separatorStrokeUnfinishedWidth: 0,
+            separatorStrokeFinishedWidth: 0,
+            currentStepStrokeWidth: 5,
+            stepStrokeWidth: 0,
+            stepStrokeCurrentColor: "#4aae4f",
+            stepStrokeFinishedColor: "#4aae4f",
+            stepStrokeUnFinishedColor: "#4aae4f",
+            separatorFinishedColor: "#4aae4f",
+            separatorUnFinishedColor: "#a4d4a5",
+            stepIndicatorFinishedColor: "#4aae4f",
+            stepIndicatorUnFinishedColor: "#a4d4a5",
+            stepIndicatorCurrentColor: "#ffffff",
+            stepIndicatorLabelFontSize: 15,
+            currentStepIndicatorLabelFontSize: 15,
+            stepIndicatorLabelCurrentColor: "#000000",
+            stepIndicatorLabelFinishedColor: "#ffffff",
+            stepIndicatorLabelUnFinishedColor: "rgba(255,255,255,0.5)",
+            labelColor: "#000000",
+            labelSize: 13,
+            labelAlign: "center",
+            currentStepLabelColor: "#4aae4f",
+        };
+        const customStyles = Object.assign(defaultStyles, props.customStyles);
+        this.state = {
+            width: 0,
+            height: 1,
+            progressBarSize: -2,
+            customStyles,
+        };
+        this.progressAnim = new Animated.Value(0);
+        this.sizeAnim = new Animated.Value(this.state.customStyles.stepIndicatorSize);
+        this.borderRadiusAnim = new Animated.Value(this.state.customStyles.stepIndicatorSize / 2);
+    }
+    stepPressed(position) {
+        if (this.props.onPress) {
+            this.props.onPress(position);
+        }
+    }
+    render() {
+        const { labels, direction } = this.props;
+        return (React.createElement(View, { style: [
+                styles.container,
+                direction === "vertical"
+                    ? { flexDirection: "row", flex: 1 }
+                    : { flexDirection: "column" },
+            ] },
+            this.state.width !== 0 && this.renderProgressBarBackground(),
+            this.state.width !== 0 && this.renderProgressBar(),
+            this.renderStepIndicator(),
+            labels && this.renderStepLabels()));
+    }
+    componentDidUpdate(prevProps) {
+        // if (prevProps.customStyles !== this.props.customStyles) {
+        //   this.setState((state) => ({
+        //     customStyles: Object.assign(
+        //       state.customStyles,
+        //       this.props.customStyles
+        //     ),
+        //   }));
+        // }
+        if (prevProps.currentPosition !== this.props.currentPosition) {
+            this.onCurrentPositionChanged(this.props.currentPosition);
+        }
+    }
+}
+const styles = StyleSheet.create({
+    container: {
+        backgroundColor: "transparent",
+    },
+    stepIndicatorContainer: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-around",
+        backgroundColor: "transparent",
+    },
+    stepLabelsContainer: {
+        justifyContent: "space-around",
+    },
+    step: {
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 2,
+    },
+    stepContainer: {
+        flex: 1,
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    stepLabel: {
+        fontSize: 12,
+        textAlign: "center",
+        fontWeight: "500",
+    },
+    stepLabelItem: {
+        flex: 1,
+        alignItems: "center",
+        justifyContent: "center",
+    },
+});
+StepIndicator.defaultProps = {
+    currentPosition: 0,
+    stepCount: 5,
+    customStyles: {},
+    direction: "horizontal",
+};
+//# sourceMappingURL=StepIndicator.js.map

package/lib/src/components/StepIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepIndicator.js","sourceRoot":"","sources":["../../../src/components/StepIndicator.tsx"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,wBAAwB,GACzB,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,GAAG;IAClB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,YAAY;CACzB,CAAC;AA2CF,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,SAAuB;IAChE,YAAY,KAAY;QACtB,KAAK,CAAC,KAAK,CAAC,CAAC;QAuFf,gCAA2B,GAAG,GAAG,EAAE;YACjC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAC5C,IAAI,0BAA0B,CAAC;YAC/B,IAAI,SAAS,KAAK,UAAU,EAAE;gBAC5B,0BAA0B,GAAG;oBAC3B,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,wBAAwB;oBACjE,QAAQ,EAAE,UAAU;oBACpB,IAAI,EACF,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,GAAG,CAAC;oBACvE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;oBACxC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;oBAC3C,KAAK,EACH,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,8BAA8B,KAAK,CAAC;wBAC1D,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,oBAAoB;wBAC9C,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,8BAA8B;iBAC7D,CAAC;aACH;iBAAM;gBACL,0BAA0B,GAAG;oBAC3B,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,wBAAwB;oBACjE,QAAQ,EAAE,UAAU;oBACpB,GAAG,EACD,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC;wBAClE,CAAC;oBACH,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;oBACxC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;oBACzC,MAAM,EACJ,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,8BAA8B,KAAK,CAAC;wBAC1D,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,oBAAoB;wBAC9C,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,8BAA8B;iBAC7D,CAAC;aACH;YACD,OAAO,CACL,oBAAC,IAAI,IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,IAAI,SAAS,KAAK,UAAU,EAAE;wBAC5B,IAAI,CAAC,QAAQ,CACX,EAAE,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,EACpD,GAAG,EAAE;4BACH,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;wBAC5D,CAAC,CACF,CAAC;qBACH;yBAAM;wBACL,IAAI,CAAC,QAAQ,CACX,EAAE,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,EACnD,GAAG,EAAE;4BACH,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;wBAC5D,CAAC,CACF,CAAC;qBACH;gBACH,CAAC,EACD,KAAK,EAAE,0BAA0B,GACjC,CACH,CAAC;QACJ,CAAC,CAAC;QAEF,sBAAiB,GAAG,GAAG,EAAE;YACvB,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAC5C,IAAI,gBAAgB,CAAC;YACrB,IAAI,SAAS,KAAK,UAAU,EAAE;gBAC5B,gBAAgB,GAAG;oBACjB,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,sBAAsB;oBAC/D,QAAQ,EAAE,UAAU;oBACpB,IAAI,EACF,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,GAAG,CAAC;oBACvE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;oBACxC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;oBAC3C,KAAK,EACH,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,4BAA4B,KAAK,CAAC;wBACxD,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,oBAAoB;wBAC9C,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,4BAA4B;oBAC1D,MAAM,EAAE,IAAI,CAAC,YAAY;iBAC1B,CAAC;aACH;iBAAM;gBACL,gBAAgB,GAAG;oBACjB,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,sBAAsB;oBAC/D,QAAQ,EAAE,UAAU;oBACpB,GAAG,EACD,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC;wBAClE,CAAC;oBACH,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;oBACxC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;oBACzC,MAAM,EACJ,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,4BAA4B,KAAK,CAAC;wBACxD,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,oBAAoB;wBAC9C,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,4BAA4B;oBAC1D,KAAK,EAAE,IAAI,CAAC,YAAY;iBACzB,CAAC;aACH;YACD,OAAO,oBAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAE,gBAAgB,GAAI,CAAC;QACpD,CAAC,CAAC;QAEF,wBAAmB,GAAG,GAAG,EAAE;YACzB,IAAI,KAAK,GAAG,EAAE,CAAC;YACf,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAC5C,KAAK,IAAI,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,SAAS,EAAE,QAAQ,EAAE,EAAE;gBACvD,KAAK,CAAC,IAAI,CACR,oBAAC,wBAAwB,IACvB,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;oBAEzC,oBAAC,IAAI,IACH,KAAK,EAAE;4BACL,MAAM,CAAC,aAAa;4BACpB,SAAS,KAAK,UAAU;gCACtB,CAAC,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE;gCAC7B,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE;yBAC7B,IAEA,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CACrB,CACkB,CAC5B,CAAC;aACH;YACD,OAAO,CACL,oBAAC,IAAI,IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAClB,IAAI,CAAC,QAAQ,CAAC;oBACZ,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK;oBACrC,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM;iBACxC,CAAC,EAEJ,KAAK,EAAE;oBACL,MAAM,CAAC,sBAAsB;oBAC7B,SAAS,KAAK,UAAU;wBACtB,CAAC,CAAC;4BACE,aAAa,EAAE,QAAQ;4BACvB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,wBAAwB;yBACxD;wBACH,CAAC,CAAC;4BACE,aAAa,EAAE,KAAK;4BACpB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,wBAAwB;yBACzD;iBACN,IAEA,KAAK,CACD,CACR,CAAC;QACJ,CAAC,CAAC;QAEF,qBAAgB,GAAG,GAAG,EAAE;YACtB,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YACvE,IAAI,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBAC3C,MAAM,sBAAsB,GAC1B,KAAK,KAAK,eAAe;oBACvB,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,qBAAqB,EAAE;oBAC1D,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC;gBACpD,OAAO,CACL,oBAAC,wBAAwB,IACvB,KAAK,EAAE,MAAM,CAAC,aAAa,EAC3B,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;oBAEtC,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa,IAC9B,WAAW,CAAC,CAAC,CAAC,CACb,WAAW,CAAC;wBACV,QAAQ,EAAE,KAAK;wBACf,UAAU,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;wBACrC,KAAK;wBACL,eAAe;qBAChB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IACH,KAAK,EAAE;4BACL,MAAM,CAAC,SAAS;4BAChB,sBAAsB;4BACtB;gCACE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,SAAS;gCAC3C,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,eAAe;6BACpD;yBACF,IAEA,KAAK,CACD,CACR,CACI,CACkB,CAC5B,CAAC;YACJ,CAAC,CAAC,CAAC;YAEH,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;oBACL,MAAM,CAAC,mBAAmB;oBAC1B,SAAS,KAAK,UAAU;wBACtB,CAAC,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC,EAAE;wBACnD,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC,EAAE;oBAChD,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE;iBACnD,IAEA,UAAU,CACN,CACR,CAAC;QACJ,CAAC,CAAC;QAEF,eAAU,GAAG,CAAC,QAAQ,EAAE,EAAE;YACxB,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAC3C,IAAI,SAAS,CAAC;YACd,IAAI,mBAAmB,CAAC;YAExB,QAAQ,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE;gBACpC,KAAK,WAAW,CAAC,OAAO,CAAC,CAAC;oBACxB,SAAS,GAAG;wBACV,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,yBAAyB;wBAClE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,sBAAsB;wBAC3D,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,sBAAsB;wBAC3D,MAAM,EAAE,IAAI,CAAC,QAAQ;wBACrB,KAAK,EAAE,IAAI,CAAC,QAAQ;wBACpB,YAAY,EAAE,IAAI,CAAC,gBAAgB;qBACpC,CAAC;oBACF,mBAAmB,GAAG;wBACpB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,iCAAiC;wBACnE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,8BAA8B;qBAC9D,CAAC;oBAEF,MAAM;iBACP;gBACD,KAAK,WAAW,CAAC,QAAQ,CAAC,CAAC;oBACzB,SAAS,GAAG;wBACV,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,0BAA0B;wBACnE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,eAAe;wBACpD,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,uBAAuB;wBAC5D,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,iBAAiB;wBACjD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,iBAAiB;wBAChD,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,iBAAiB,GAAG,CAAC;qBAC5D,CAAC;oBACF,mBAAmB,GAAG;wBACpB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,0BAA0B;wBAC5D,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,+BAA+B;qBAC/D,CAAC;oBACF,MAAM;iBACP;gBAED,KAAK,WAAW,CAAC,UAAU,CAAC,CAAC;oBAC3B,SAAS,GAAG;wBACV,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,4BAA4B;wBACrE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,eAAe;wBACpD,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,yBAAyB;wBAC9D,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,iBAAiB;wBACjD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,iBAAiB;wBAChD,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,iBAAiB,GAAG,CAAC;qBAC5D,CAAC;oBACF,mBAAmB,GAAG;wBACpB,QAAQ,EAAE,QAAQ;wBAClB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,0BAA0B;wBAC5D,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,iCAAiC;qBACjE,CAAC;oBACF,MAAM;iBACP;gBACD,QAAQ;aACT;YAED,OAAO,CACL,oBAAC,QAAQ,CAAC,IAAI,IAAC,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,IAClE,mBAAmB,CAAC,CAAC,CAAC,CACrB,mBAAmB,CAAC;gBAClB,QAAQ;gBACR,UAAU,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;aACzC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,IAAG,GAAG,QAAQ,GAAG,CAAC,EAAE,CAAQ,CAC7D,CACa,CACjB,CAAC;QACJ,CAAC,CAAC;QAEF,kBAAa,GAAG,CAAC,YAAY,EAAE,EAAE;YAC/B,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YACvC,IAAI,YAAY,KAAK,eAAe,EAAE;gBACpC,OAAO,WAAW,CAAC,OAAO,CAAC;aAC5B;iBAAM,IAAI,YAAY,GAAG,eAAe,EAAE;gBACzC,OAAO,WAAW,CAAC,QAAQ,CAAC;aAC7B;iBAAM;gBACL,OAAO,WAAW,CAAC,UAAU,CAAC;aAC/B;QACH,CAAC,CAAC;QAEF,6BAAwB,GAAG,CAAC,QAAQ,EAAE,EAAE;YACtC,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAC/B,IAAI,QAAQ,GAAG,SAAS,GAAG,CAAC,EAAE;gBAC5B,QAAQ,GAAG,SAAS,GAAG,CAAC,CAAC;aAC1B;YACD,MAAM,iBAAiB,GACrB,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC;YAC5D,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;YAClE,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAC5B,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,iBAAiB,GAAG,CAAC,CAC9C,CAAC;YACF,QAAQ,CAAC,QAAQ,CAAC;gBAChB,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,EAAE;oBACjC,OAAO,EAAE,iBAAiB;oBAC1B,QAAQ,EAAE,GAAG;iBACd,CAAC;gBACF,QAAQ,CAAC,QAAQ,CAAC;oBAChB,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE;wBAC7B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,wBAAwB;wBACzD,QAAQ,EAAE,GAAG;qBACd,CAAC;oBACF,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,gBAAgB,EAAE;wBACrC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,wBAAwB,GAAG,CAAC;wBAC7D,QAAQ,EAAE,GAAG;qBACd,CAAC;iBACH,CAAC;aACH,CAAC,CAAC,KAAK,EAAE,CAAC;QACb,CAAC,CAAC;QApYA,MAAM,aAAa,GAAG;YACpB,iBAAiB,EAAE,EAAE;YACrB,wBAAwB,EAAE,EAAE;YAC5B,oBAAoB,EAAE,CAAC;YACvB,8BAA8B,EAAE,CAAC;YACjC,4BAA4B,EAAE,CAAC;YAC/B,sBAAsB,EAAE,CAAC;YACzB,eAAe,EAAE,CAAC;YAClB,sBAAsB,EAAE,SAAS;YACjC,uBAAuB,EAAE,SAAS;YAClC,yBAAyB,EAAE,SAAS;YACpC,sBAAsB,EAAE,SAAS;YACjC,wBAAwB,EAAE,SAAS;YACnC,0BAA0B,EAAE,SAAS;YACrC,4BAA4B,EAAE,SAAS;YACvC,yBAAyB,EAAE,SAAS;YACpC,0BAA0B,EAAE,EAAE;YAC9B,iCAAiC,EAAE,EAAE;YACrC,8BAA8B,EAAE,SAAS;YACzC,+BAA+B,EAAE,SAAS;YAC1C,iCAAiC,EAAE,uBAAuB;YAC1D,UAAU,EAAE,SAAS;YACrB,SAAS,EAAE,EAAE;YACb,UAAU,EAAE,QAAQ;YACpB,qBAAqB,EAAE,SAAS;SACjC,CAAC;QAEF,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;QAEtE,IAAI,CAAC,KAAK,GAAG;YACX,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,eAAe,EAAE,CAAC,CAAC;YACnB,YAAY;SACb,CAAC;QAEF,IAAI,CAAC,YAAY,GAAG,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC1C,IAAI,CAAC,QAAQ,GAAG,IAAI,QAAQ,CAAC,KAAK,CAChC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAC1C,CAAC;QACF,IAAI,CAAC,gBAAgB,GAAG,IAAI,QAAQ,CAAC,KAAK,CACxC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,iBAAiB,GAAG,CAAC,CAC9C,CAAC;IACJ,CAAC;IAED,WAAW,CAAC,QAAQ;QAClB,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACtB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;SAC9B;IACH,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACzC,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,MAAM,CAAC,SAAS;gBAChB,SAAS,KAAK,UAAU;oBACtB,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE;oBACnC,CAAC,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE;aAChC;YAEA,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,2BAA2B,EAAE;YAC5D,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAClD,IAAI,CAAC,mBAAmB,EAAE;YAC1B,MAAM,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAC7B,CACR,CAAC;IACJ,CAAC;IAED,kBAAkB,CAAC,SAAS;QAC1B,4DAA4D;QAC5D,gCAAgC;QAChC,mCAAmC;QACnC,4BAA4B;QAC5B,gCAAgC;QAChC,SAAS;QACT,SAAS;QACT,IAAI;QAEJ,IAAI,SAAS,CAAC,eAAe,KAAK,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE;YAC5D,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;SAC3D;IACH,CAAC;CAkTF;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,eAAe,EAAE,aAAa;KAC/B;IACD,sBAAsB,EAAE;QACtB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,cAAc;QAC9B,eAAe,EAAE,aAAa;KAC/B;IACD,mBAAmB,EAAE;QACnB,cAAc,EAAE,cAAc;KAC/B;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,CAAC;KACV;IACD,aAAa,EAAE;QACb,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,KAAK;KAClB;IACD,aAAa,EAAE;QACb,IAAI,EAAE,CAAC;QACP,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC;AAEH,aAAa,CAAC,YAAY,GAAG;IAC3B,eAAe,EAAE,CAAC;IAClB,SAAS,EAAE,CAAC;IACZ,YAAY,EAAE,EAAE;IAChB,SAAS,EAAE,YAAY;CACxB,CAAC"}

package/lib/src/components/Stepper.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { StyleProp, ViewStyle, TextStyle } from "react-native";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+declare type Props = {
+    min: number;
+    max: number;
+    value?: number;
+    defaultValue?: number;
+    style?: StyleProp<ViewStyle | TextStyle>;
+    iconSize: number;
+    iconColor?: string;
+    onChange?: (value: number) => void;
+    theme: Theme;
+} & IconSlot;
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<Props, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<Props> & React.FC<Props>, {}>;
+export default _default;