@draftbit/core 48.5.5-bc0b6e.2 → 48.5.6

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

@@ -1,51 +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);
+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/typescript/src/components/StepIndicator.d.ts

@@ -1,53 +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 {};
+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 {};