@draftbit/core 48.4.8-f6d6b8.2 → 48.4.8-fa5021.2

package/src/components/Progress/CircularProgress/CircularProgress.js

@@ -0,0 +1,103 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+import { View } from "react-native";
+import Animated, { useAnimatedProps, useSharedValue, withTiming, } from "react-native-reanimated";
+import { DEFAULT_ANIMATION_DURATION, } from "../ProgressCommon";
+export const AnimatedPath = Animated.createAnimatedComponent(Path);
+export const CircularProgress = ({ theme, minimumValue = 0, maximumValue = 100, value = minimumValue, thickness = 10, trackThickness = thickness, color = theme.colors.primary, trackColor = theme.colors.divider, trackOpacity = 1, showTrack = true, animationDuration = DEFAULT_ANIMATION_DURATION, isAnimated = true, lineCap = "round", trackLineCap = lineCap, dashWidth, trackDashWidth, dashGap, trackDashGap, dashOffset, trackDashOffset, customDashArray, trackCustomDashArray, onFullPathWidth, startPosition = "top", style, testID, }) => {
+    const [svgContainerWidth, setSvgContainerWidth] = React.useState(0);
+    const [circumfrence, setCircumefrence] = React.useState(0);
+    const dashArray = dashWidth !== undefined
+        ? `${dashWidth} ${dashGap || dashWidth}`
+        : undefined;
+    const trackDashArray = trackDashWidth !== undefined
+        ? `${trackDashWidth} ${trackDashGap || trackDashWidth}`
+        : undefined;
+    const maxThickness = Math.max(thickness, trackThickness);
+    const thicknessOffset = maxThickness / 2; // This offset guarantees nothing is cut off by view bounds
+    const radius = svgContainerWidth / 2;
+    const c = 2 * Math.PI * radius;
+    if (c !== circumfrence) {
+        setCircumefrence(c);
+    }
+    const startAngle = React.useMemo(() => {
+        switch (startPosition) {
+            case "top":
+                return 0;
+            case "right":
+                return 90;
+            case "bottom":
+                return 180;
+            case "left":
+                return 270;
+        }
+    }, [startPosition]);
+    const currentFillPercentage = value / (maximumValue + minimumValue);
+    const currentAngle = useSharedValue(startAngle);
+    const progressPathAnimatedProps = useAnimatedProps(() => {
+        const isBelowMinAngle = currentAngle.value <= startAngle;
+        return {
+            d: circlePath(radius, radius, radius - thicknessOffset, startAngle, Math.min(currentAngle.value, startAngle + 360) //Prevents going beyond the max angle
+            ),
+            strokeOpacity: isBelowMinAngle ? 0.0 : 1.0,
+        };
+    });
+    React.useEffect(() => {
+        currentAngle.value = withTiming(startAngle + currentFillPercentage * 360, {
+            duration: isAnimated ? animationDuration : 0,
+        });
+    }, [
+        value,
+        currentFillPercentage,
+        animationDuration,
+        currentAngle,
+        maximumValue,
+        minimumValue,
+        isAnimated,
+        startAngle,
+    ]);
+    React.useEffect(() => {
+        onFullPathWidth === null || onFullPathWidth === void 0 ? void 0 : onFullPathWidth(circumfrence);
+    }, [circumfrence, onFullPathWidth]);
+    return (React.createElement(View, { onLayout: (event) => {
+            const width = event.nativeEvent.layout.width;
+            setSvgContainerWidth(width);
+        }, style: [
+            {
+                height: svgContainerWidth,
+            },
+            style,
+        ] },
+        React.createElement(Svg, { testID: testID !== null && testID !== void 0 ? testID : "circular-progress-component", style: { flex: 1 } },
+            showTrack && (React.createElement(Path, { d: circlePath(radius, radius, radius - thicknessOffset, startAngle, startAngle + 360), stroke: trackColor, strokeWidth: trackThickness, strokeOpacity: trackOpacity, strokeLinecap: trackLineCap, strokeDasharray: trackCustomDashArray || trackDashArray, strokeDashoffset: trackDashOffset, fill: "rgba(0,0,0,0)" })),
+            React.createElement(AnimatedPath, { animatedProps: progressPathAnimatedProps, stroke: color, strokeWidth: thickness, strokeLinecap: lineCap, strokeDasharray: customDashArray || dashArray, strokeDashoffset: dashOffset, fill: "rgba(0,0,0,0)", onPress: () => { } }))));
+};
+// From: https://github.com/bartgryszko/react-native-circular-progress/blob/a93b501aea40306126c8ede72089741eead52308/src/CircularProgress.js#L15
+function circlePath(x, y, radius, startAngle, endAngle) {
+    "worklet"; // Reanimated worklet to be runnable on the UI thread
+    function polarToCartesian(centerX, centerY, radius, angleInDegrees) {
+        var angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180.0;
+        return {
+            x: centerX + radius * Math.cos(angleInRadians),
+            y: centerY + radius * Math.sin(angleInRadians),
+        };
+    }
+    var start = polarToCartesian(x, y, radius, endAngle * 0.9999);
+    var end = polarToCartesian(x, y, radius, startAngle);
+    var largeArcFlag = endAngle - startAngle <= 180 ? "0" : "1";
+    var d = [
+        "M",
+        start.x,
+        start.y,
+        "A",
+        radius,
+        radius,
+        0,
+        largeArcFlag,
+        0,
+        end.x,
+        end.y,
+    ];
+    return d.join(" ");
+}
+//# sourceMappingURL=CircularProgress.js.map

package/src/components/Progress/CircularProgress/CircularProgress.js.map

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

package/src/components/Progress/CircularProgress/index.js

@@ -0,0 +1,14 @@
+import React from "react";
+import IndeterminateProgress from "../IndeterminateProgress";
+import { CircularProgress as CircularProgressComponent } from "./CircularProgress";
+import { withTheme } from "../../../theming";
+const CircularProgress = (props) => {
+    if (props.indeterminate) {
+        return (React.createElement(IndeterminateProgress, { ProgressComponent: CircularProgressComponent, ...props }));
+    }
+    else {
+        return React.createElement(CircularProgressComponent, { ...props });
+    }
+};
+export default withTheme(CircularProgress);
+//# sourceMappingURL=index.js.map

package/src/components/Progress/CircularProgress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,qBAAqB,MAAM,0BAA0B,CAAC;AAM7D,OAAO,EAAE,gBAAgB,IAAI,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,gBAAgB,GAElB,CAAC,KAAK,EAAE,EAAE;IACZ,IAAI,KAAK,CAAC,aAAa,EAAE;QACvB,OAAO,CACL,oBAAC,qBAAqB,IACpB,iBAAiB,EACf,yBAAwE,KAEtE,KAAK,GACT,CACH,CAAC;KACH;SAAM;QACL,OAAO,oBAAC,yBAAyB,OAAK,KAAK,GAAI,CAAC;KACjD;AACH,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,gBAAgB,CAAC,CAAC"}

package/src/components/Progress/IndeterminateProgress.js

@@ -0,0 +1,39 @@
+import React from "react";
+import { runOnJS, useAnimatedReaction, useSharedValue, withTiming, } from "react-native-reanimated";
+import { DEFAULT_ANIMATION_DURATION, } from "./ProgressCommon";
+const IndeterminateProgress = ({ ProgressComponent, ...rest }) => {
+    const [pathWidth, setPathWidth] = React.useState(0);
+    const [value, setValue] = React.useState(0);
+    const [dashOffset, setDashOffset] = React.useState(0);
+    const animationDuration = rest.animationDuration || DEFAULT_ANIMATION_DURATION;
+    const currentOffset = useSharedValue(0);
+    // dashOffset animation done through state due to it not being a 'native' prop that reanimated can animate on the native thread
+    useAnimatedReaction(() => currentOffset.value, (result) => runOnJS(setDashOffset)(result));
+    const repeatIndeterminateAnimation = React.useCallback(() => {
+        if (value === 0) {
+            setValue(100);
+            currentOffset.value = withTiming(pathWidth, {
+                duration: animationDuration,
+            });
+        }
+        else {
+            setValue(0);
+            currentOffset.value = withTiming(0, {
+                duration: animationDuration,
+            });
+        }
+    }, [currentOffset, value, animationDuration, pathWidth]);
+    React.useEffect(() => {
+        const timeout = setTimeout(() => {
+            repeatIndeterminateAnimation();
+        }, animationDuration);
+        return () => clearTimeout(timeout);
+    }, [animationDuration, repeatIndeterminateAnimation]);
+    return (React.createElement(ProgressComponent, { ...rest, testID: rest.testID || "indeterminate-progress", onFullPathWidth: (width) => {
+            var _a;
+            setPathWidth(width);
+            (_a = rest.onFullPathWidth) === null || _a === void 0 ? void 0 : _a.call(rest, width);
+        }, dashOffset: dashOffset, dashGap: pathWidth / 2, dashWidth: pathWidth / 2, animationDuration: animationDuration, minimumValue: 0, maximumValue: 100, value: 100 }));
+};
+export default IndeterminateProgress;
+//# sourceMappingURL=IndeterminateProgress.js.map

package/src/components/Progress/IndeterminateProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndeterminateProgress.js","sourceRoot":"","sources":["IndeterminateProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,OAAO,EACP,mBAAmB,EACnB,cAAc,EACd,UAAU,GACX,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAEL,0BAA0B,GAE3B,MAAM,kBAAkB,CAAC;AAM1B,MAAM,qBAAqB,GAAyC,CAAC,EACnE,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtD,MAAM,iBAAiB,GACrB,IAAI,CAAC,iBAAiB,IAAI,0BAA0B,CAAC;IAEvD,MAAM,aAAa,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAExC,+HAA+H;IAC/H,mBAAmB,CACjB,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,EACzB,CAAC,MAAM,EAAE,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAC3C,CAAC;IAEF,MAAM,4BAA4B,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1D,IAAI,KAAK,KAAK,CAAC,EAAE;YACf,QAAQ,CAAC,GAAG,CAAC,CAAC;YACd,aAAa,CAAC,KAAK,GAAG,UAAU,CAAC,SAAS,EAAE;gBAC1C,QAAQ,EAAE,iBAAiB;aAC5B,CAAC,CAAC;SACJ;aAAM;YACL,QAAQ,CAAC,CAAC,CAAC,CAAC;YACZ,aAAa,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,EAAE;gBAClC,QAAQ,EAAE,iBAAiB;aAC5B,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,EAAE,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC;IAEzD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,4BAA4B,EAAE,CAAC;QACjC,CAAC,EAAE,iBAAiB,CAAC,CAAC;QACtB,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,iBAAiB,EAAE,4BAA4B,CAAC,CAAC,CAAC;IAEtD,OAAO,CACL,oBAAC,iBAAiB,OACZ,IAAI,EACR,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,wBAAwB,EAC/C,eAAe,EAAE,CAAC,KAAK,EAAE,EAAE;;YACzB,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,MAAA,IAAI,CAAC,eAAe,qDAAG,KAAK,CAAC,CAAC;QAChC,CAAC,EACD,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,SAAS,GAAG,CAAC,EACtB,SAAS,EAAE,SAAS,GAAG,CAAC,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,EAAE,CAAC,EACf,YAAY,EAAE,GAAG,EACjB,KAAK,EAAE,GAAG,GACV,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/src/components/Progress/LinearProgress/LinearProgress.js

@@ -0,0 +1,56 @@
+import React from "react";
+import Svg, { Line } from "react-native-svg";
+import { View } from "react-native";
+import Animated, { useAnimatedProps, useSharedValue, withTiming, } from "react-native-reanimated";
+import { DEFAULT_ANIMATION_DURATION, } from "../ProgressCommon";
+export const AnimatedLine = Animated.createAnimatedComponent(Line);
+export const LinearProgress = ({ theme, minimumValue = 0, maximumValue = 100, value = minimumValue, thickness = 10, trackThickness = thickness, color = theme.colors.primary, trackColor = theme.colors.divider, trackOpacity = 1, showTrack = true, animationDuration = DEFAULT_ANIMATION_DURATION, isAnimated = true, lineCap = "round", trackLineCap = lineCap, dashWidth, trackDashWidth, dashGap, trackDashGap, dashOffset, trackDashOffset, customDashArray, trackCustomDashArray, onFullPathWidth, style, testID, }) => {
+    const [svgContainerWidth, setSvgContainerWidth] = React.useState(0);
+    const dashArray = dashWidth !== undefined
+        ? `${dashWidth} ${dashGap || dashWidth}`
+        : undefined;
+    const trackDashArray = trackDashWidth !== undefined
+        ? `${trackDashWidth} ${trackDashGap || trackDashWidth}`
+        : undefined;
+    const maxThickness = Math.max(thickness, trackThickness);
+    const thicknessOffset = maxThickness / 2; // This offset guarantees nothing is cut off by view bounds
+    const progressLineWidth = svgContainerWidth - thicknessOffset;
+    const trackProgressLineWidth = svgContainerWidth - thicknessOffset;
+    const currentFillPercentage = value / (maximumValue + minimumValue);
+    const currentProgressLineWidth = useSharedValue(0);
+    const progressLineAnimatedProps = useAnimatedProps(() => {
+        const isBelowMinWidth = currentProgressLineWidth.value <= thicknessOffset;
+        return {
+            x2: Math.min(progressLineWidth, currentProgressLineWidth.value),
+            strokeOpacity: isBelowMinWidth ? 0.0 : 1.0,
+        };
+    });
+    React.useEffect(() => {
+        currentProgressLineWidth.value = withTiming(progressLineWidth * currentFillPercentage, {
+            duration: isAnimated ? animationDuration : 0,
+        });
+    }, [
+        value,
+        progressLineWidth,
+        currentFillPercentage,
+        animationDuration,
+        currentProgressLineWidth,
+        maximumValue,
+        minimumValue,
+        isAnimated,
+    ]);
+    return (React.createElement(View, { onLayout: (event) => {
+            const width = event.nativeEvent.layout.width;
+            setSvgContainerWidth(width);
+            onFullPathWidth === null || onFullPathWidth === void 0 ? void 0 : onFullPathWidth(width);
+        }, style: [
+            {
+                height: maxThickness,
+            },
+            style,
+        ] },
+        React.createElement(Svg, { testID: testID !== null && testID !== void 0 ? testID : "linear-progress-component", style: { flex: 1 } },
+            showTrack && (React.createElement(Line, { x1: thicknessOffset, y1: thicknessOffset, x2: trackProgressLineWidth, y2: thicknessOffset, stroke: trackColor, strokeWidth: trackThickness, strokeOpacity: trackOpacity, strokeLinecap: trackLineCap, strokeDasharray: trackCustomDashArray || trackDashArray, strokeDashoffset: trackDashOffset })),
+            React.createElement(AnimatedLine, { animatedProps: progressLineAnimatedProps, x1: thicknessOffset, y1: thicknessOffset, y2: thicknessOffset, stroke: color, strokeWidth: thickness, strokeLinecap: lineCap, strokeDasharray: customDashArray || dashArray, strokeDashoffset: dashOffset, onPress: () => { } }))));
+};
+//# sourceMappingURL=LinearProgress.js.map

package/src/components/Progress/LinearProgress/LinearProgress.js.map

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

package/src/components/Progress/LinearProgress/index.js

@@ -0,0 +1,14 @@
+import React from "react";
+import IndeterminateProgress from "../IndeterminateProgress";
+import { LinearProgress as LinearProgressComponent } from "./LinearProgress";
+import { withTheme } from "../../../theming";
+const LinearProgress = (props) => {
+    if (props.indeterminate) {
+        return (React.createElement(IndeterminateProgress, { ProgressComponent: LinearProgressComponent, ...props }));
+    }
+    else {
+        return React.createElement(LinearProgressComponent, { ...props });
+    }
+};
+export default withTheme(LinearProgress);
+//# sourceMappingURL=index.js.map

package/src/components/Progress/LinearProgress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,qBAAqB,MAAM,0BAA0B,CAAC;AAK7D,OAAO,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,cAAc,GAEhB,CAAC,KAAK,EAAE,EAAE;IACZ,IAAI,KAAK,CAAC,aAAa,EAAE;QACvB,OAAO,CACL,oBAAC,qBAAqB,IACpB,iBAAiB,EAAE,uBAAuB,KACtC,KAAK,GACT,CACH,CAAC;KACH;SAAM;QACL,OAAO,oBAAC,uBAAuB,OAAK,KAAK,GAAI,CAAC;KAC/C;AACH,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,cAAc,CAAC,CAAC"}

package/src/components/Progress/ProgressCommon.js

@@ -0,0 +1,2 @@
+export const DEFAULT_ANIMATION_DURATION = 500;
+//# sourceMappingURL=ProgressCommon.js.map

package/src/components/Progress/ProgressCommon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCommon.js","sourceRoot":"","sources":["ProgressCommon.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAAC"}

package/src/components/ProgressIndicator.js

@@ -0,0 +1,28 @@
+import * as React from "react";
+import StepIndicator from "./StepIndicator";
+import { withTheme } from "../theming";
+const ProgressIndicator = ({ numberOfSteps, currentStep, currentStepStrokeWidth = 3, stepStrokeCurrentColor = "primary", stepIndicatorSize, currentStepIndicatorSize, stepIndicatorCurrentColor, stepIndicatorLabelCurrentColor, stepIndicatorLabelFontSize = 12, stepNumberFinishedColor = "strongInverse", stepNumberUnfinishedColor = "primary", unfinishedColor = "light", finishedColor = "primary", theme, }) => {
+    const currentPosition = currentStep - 1;
+    return (React.createElement(StepIndicator, { stepCount: numberOfSteps, currentPosition: currentPosition, customStyles: {
+            stepIndicatorSize,
+            currentStepIndicatorSize: currentStepIndicatorSize
+                ? currentStepIndicatorSize
+                : stepIndicatorSize,
+            stepStrokeFinishedColor: finishedColor,
+            stepStrokeUnFinishedColor: unfinishedColor,
+            separatorFinishedColor: finishedColor,
+            separatorUnFinishedColor: unfinishedColor,
+            stepIndicatorFinishedColor: finishedColor,
+            stepIndicatorUnFinishedColor: unfinishedColor,
+            currentStepStrokeWidth,
+            stepStrokeCurrentColor: stepStrokeCurrentColor || stepIndicatorCurrentColor,
+            stepIndicatorLabelUnFinishedColor: stepNumberUnfinishedColor,
+            stepIndicatorLabelFinishedColor: stepNumberFinishedColor,
+            stepIndicatorCurrentColor: stepIndicatorCurrentColor || unfinishedColor,
+            stepIndicatorLabelCurrentColor: stepIndicatorLabelCurrentColor || stepNumberUnfinishedColor,
+            stepIndicatorLabelFontSize,
+            labelFontFamily: theme.typography.body1.fontFamily,
+        } }));
+};
+export default withTheme(ProgressIndicator);
+//# sourceMappingURL=ProgressIndicator.js.map

package/src/components/ProgressIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressIndicator.js","sourceRoot":"","sources":["ProgressIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAqBvC,MAAM,iBAAiB,GAA6C,CAAC,EACnE,aAAa,EACb,WAAW,EACX,sBAAsB,GAAG,CAAC,EAC1B,sBAAsB,GAAG,SAAS,EAClC,iBAAiB,EACjB,wBAAwB,EACxB,yBAAyB,EACzB,8BAA8B,EAC9B,0BAA0B,GAAG,EAAE,EAC/B,uBAAuB,GAAG,eAAe,EACzC,yBAAyB,GAAG,SAAS,EACrC,eAAe,GAAG,OAAO,EACzB,aAAa,GAAG,SAAS,EACzB,KAAK,GACN,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,WAAW,GAAG,CAAC,CAAC;IACxC,OAAO,CACL,oBAAC,aAAa,IACZ,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE;YACZ,iBAAiB;YACjB,wBAAwB,EAAE,wBAAwB;gBAChD,CAAC,CAAC,wBAAwB;gBAC1B,CAAC,CAAC,iBAAiB;YACrB,uBAAuB,EAAE,aAAa;YACtC,yBAAyB,EAAE,eAAe;YAC1C,sBAAsB,EAAE,aAAa;YACrC,wBAAwB,EAAE,eAAe;YACzC,0BAA0B,EAAE,aAAa;YACzC,4BAA4B,EAAE,eAAe;YAC7C,sBAAsB;YACtB,sBAAsB,EACpB,sBAAsB,IAAI,yBAAyB;YACrD,iCAAiC,EAAE,yBAAyB;YAC5D,+BAA+B,EAAE,uBAAuB;YACxD,yBAAyB,EAAE,yBAAyB,IAAI,eAAe;YACvE,8BAA8B,EAC5B,8BAA8B,IAAI,yBAAyB;YAC7D,0BAA0B;YAC1B,eAAe,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU;SACnD,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,iBAAiB,CAAC,CAAC"}

package/src/components/RadioButton/RadioButton.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import Config from "../Config";
+import IconButton from "../IconButton";
+import { getValueForRadioButton } from "../../utilities";
+import { useRadioButtonGroupContext } from "./context";
+const RadioButton = ({ Icon, disabled = false, color, value = "", selected, unselectedColor, onPress, size = Config.radioButtonSize, selectedIcon = "MaterialIcons/radio-button-checked", unselectedIcon = "MaterialIcons/radio-button-unchecked", style, ...rest }) => {
+    const { value: contextValue, onValueChange } = useRadioButtonGroupContext();
+    const realValue = getValueForRadioButton(value);
+    const realContextValue = getValueForRadioButton(contextValue);
+    const isSelected = selected !== null && selected !== void 0 ? selected : realContextValue === realValue;
+    const handlePress = () => {
+        onPress === null || onPress === void 0 ? void 0 : onPress(realValue);
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realValue);
+    };
+    return (React.createElement(IconButton, { Icon: Icon, icon: isSelected ? selectedIcon : unselectedIcon, color: isSelected ? color : unselectedColor, disabled: disabled, onPress: handlePress, size: size, style: style, ...rest }));
+};
+export default RadioButton;
+//# sourceMappingURL=RadioButton.js.map

package/src/components/RadioButton/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAC;AAiBvD,MAAM,WAAW,GAA+B,CAAC,EAC/C,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,eAAe,EACf,OAAO,EACP,IAAI,GAAG,MAAM,CAAC,eAAe,EAC7B,YAAY,GAAG,oCAAoC,EACnD,cAAc,GAAG,sCAAsC,EACvD,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,0BAA0B,EAAE,CAAC;IAE5E,MAAM,SAAS,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,YAAY,CAAC,CAAC;IAC9D,MAAM,UAAU,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,gBAAgB,KAAK,SAAS,CAAC;IAE9D,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,SAAS,CAAC,CAAC;QACrB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,SAAS,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EAChD,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,EAC3C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,KACR,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/src/components/RadioButton/RadioButtonGroup.js

@@ -0,0 +1,44 @@
+import * as React from "react";
+import { View } from "react-native";
+import { getValueForRadioButton } from "../../utilities";
+import { radioButtonGroupContext, Direction } from "./context";
+const { Provider } = radioButtonGroupContext;
+const RadioButtonGroup = ({ direction = Direction.Vertical, value = "", onValueChange, defaultValue, style, children, ...rest }) => {
+    const [internalValue, setInternalValue] = React.useState("");
+    React.useEffect(() => {
+        if (value != null) {
+            const realValue = getValueForRadioButton(value);
+            setInternalValue(realValue);
+        }
+    }, [value]);
+    React.useEffect(() => {
+        if (defaultValue != null) {
+            const realDefaultValue = getValueForRadioButton(defaultValue);
+            setInternalValue(realDefaultValue);
+        }
+    }, [defaultValue]);
+    const handleValueChange = (newValue) => {
+        const realNewValue = getValueForRadioButton(newValue);
+        setInternalValue(realNewValue);
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realNewValue);
+    };
+    const _containerStyle = [
+        {
+            flexDirection: direction === Direction.Horizontal ? "row" : "column",
+        },
+    ];
+    if (direction !== Direction.Vertical) {
+        _containerStyle.push({
+            alignItems: "center",
+        });
+    }
+    return (React.createElement(View, { style: [{ minHeight: 40 }, style], ...rest },
+        React.createElement(Provider, { value: {
+                value: internalValue,
+                onValueChange: handleValueChange,
+                direction,
+            } },
+            React.createElement(View, { style: _containerStyle }, children))));
+};
+export default RadioButtonGroup;
+//# sourceMappingURL=RadioButtonGroup.js.map

package/src/components/RadioButton/RadioButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonGroup.js","sourceRoot":"","sources":["RadioButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAwB,MAAM,cAAc,CAAC;AAE1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAW/D,MAAM,EAAE,QAAQ,EAAE,GAAG,uBAAuB,CAAC;AAE7C,MAAM,gBAAgB,GAAoC,CAAC,EACzD,SAAS,GAAG,SAAS,CAAC,QAAQ,EAC9B,KAAK,GAAG,EAAE,EACV,aAAa,EACb,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,KAAK,IAAI,IAAI,EAAE;YACjB,MAAM,SAAS,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;YAEhD,gBAAgB,CAAC,SAAS,CAAC,CAAC;SAC7B;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,YAAY,IAAI,IAAI,EAAE;YACxB,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,YAAY,CAAC,CAAC;YAE9D,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;SACpC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,iBAAiB,GAAG,CAAC,QAAyB,EAAE,EAAE;QACtD,MAAM,YAAY,GAAG,sBAAsB,CAAC,QAAQ,CAAC,CAAC;QAEtD,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAC/B,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,YAAY,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAyB;QAC5C;YACE,aAAa,EAAE,SAAS,KAAK,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;SACrE;KACF,CAAC;IAEF,IAAI,SAAS,KAAK,SAAS,CAAC,QAAQ,EAAE;QACpC,eAAe,CAAC,IAAI,CAAC;YACnB,UAAU,EAAE,QAAQ;SACrB,CAAC,CAAC;KACJ;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,KAAM,IAAI;QAC/C,oBAAC,QAAQ,IACP,KAAK,EAAE;gBACL,KAAK,EAAE,aAAa;gBACpB,aAAa,EAAE,iBAAiB;gBAChC,SAAS;aACV;YAED,oBAAC,IAAI,IAAC,KAAK,EAAE,eAAe,IAAG,QAAQ,CAAQ,CACtC,CACN,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/src/components/RadioButton/RadioButtonRow.js

@@ -0,0 +1,77 @@
+import * as React from "react";
+import { StyleSheet, View, Platform, } from "react-native";
+import RadioButton from "./RadioButton";
+import Text from "../Text";
+import { useRadioButtonGroupContext } from "./context";
+import { Direction as GroupDirection } from "./context";
+import Touchable from "../Touchable";
+import { extractStyles, getValueForRadioButton } from "../../utilities";
+export var Direction;
+(function (Direction) {
+    Direction["Row"] = "row";
+    Direction["RowReverse"] = "row-reverse";
+})(Direction || (Direction = {}));
+const getRadioButtonAlignment = (parentDirection, direction) => {
+    if (parentDirection === GroupDirection.Horizontal) {
+        return direction === Direction.Row ? "flex-start" : "flex-end";
+    }
+    else if (direction === Direction.RowReverse) {
+        return "flex-start";
+    }
+    else {
+        return "flex-end";
+    }
+};
+const renderLabel = (value, labelStyle, textStyle) => {
+    if (typeof value === "string") {
+        return React.createElement(Text, { style: [labelStyle, textStyle] }, value);
+    }
+    else {
+        return React.createElement(React.Fragment, null, value);
+    }
+};
+const RadioButtonRow = ({ Icon, label, value = "", color, unselectedColor, onPress, labelContainerStyle, labelStyle, radioButtonStyle, direction = Direction.Row, selected, disabled, style, ...rest }) => {
+    const { value: contextValue, onValueChange, direction: parentDirection, } = useRadioButtonGroupContext();
+    const realValue = getValueForRadioButton(value);
+    const realContextValue = getValueForRadioButton(contextValue);
+    const isSelected = selected !== null && selected !== void 0 ? selected : realContextValue === realValue;
+    const handlePress = () => {
+        onPress === null || onPress === void 0 ? void 0 : onPress(realValue);
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realValue);
+    };
+    const { textStyles, viewStyles } = extractStyles(style);
+    return (React.createElement(Touchable, { onPress: handlePress, style: [styles.mainParent, { flexDirection: direction }, viewStyles], disabled: disabled, ...rest },
+        React.createElement(View, { style: [
+                styles.label,
+                {
+                    alignItems: direction === Direction.Row ? "flex-start" : "flex-end",
+                },
+                labelContainerStyle,
+            ] }, renderLabel(label, labelStyle, textStyles)),
+        React.createElement(View, { style: {
+                flex: 1,
+                alignItems: getRadioButtonAlignment(parentDirection, direction),
+            } },
+            React.createElement(RadioButton, { Icon: Icon, selected: isSelected, value: realValue, color: color, unselectedColor: unselectedColor, style: radioButtonStyle }))));
+};
+const styles = StyleSheet.create({
+    mainParent: {
+        alignItems: "center",
+        justifyContent: "space-around",
+        paddingStart: 20,
+        minHeight: 50,
+        paddingEnd: 20,
+        display: "flex",
+        ...Platform.select({
+            web: {
+                cursor: "pointer",
+                userSelect: "none",
+            },
+        }),
+    },
+    label: {
+        flex: 3,
+    },
+});
+export default RadioButtonRow;
+//# sourceMappingURL=RadioButtonRow.js.map

package/src/components/RadioButton/RadioButtonRow.js.map

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

package/src/components/RadioButton/context.js

@@ -0,0 +1,15 @@
+import { createContext, useContext } from "react";
+export var Direction;
+(function (Direction) {
+    Direction["Horizontal"] = "horizontal";
+    Direction["Vertical"] = "vertical";
+})(Direction || (Direction = {}));
+export const radioButtonGroupContext = createContext({
+    onValueChange: () => { },
+    value: "",
+    direction: undefined,
+});
+export function useRadioButtonGroupContext() {
+    return useContext(radioButtonGroupContext);
+}
+//# sourceMappingURL=context.js.map

package/src/components/RadioButton/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,sCAAyB,CAAA;IACzB,kCAAqB,CAAA;AACvB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAOD,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAA0B;IAC5E,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;IACvB,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AAEH,MAAM,UAAU,0BAA0B;IACxC,OAAO,UAAU,CAAC,uBAAuB,CAAC,CAAC;AAC7C,CAAC"}

package/src/components/RadioButton/index.js

@@ -0,0 +1,4 @@
+export { default as RadioButton } from "./RadioButton";
+export { default as RadioButtonGroup } from "./RadioButtonGroup";
+export { default as RadioButtonRow } from "./RadioButtonRow";
+//# sourceMappingURL=index.js.map

package/src/components/RadioButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/src/components/Row.js

@@ -0,0 +1,49 @@
+import * as React from "react";
+import { View, Text, Image, StyleSheet, } from "react-native";
+import { withTheme } from "../theming";
+import Config from "./Config";
+const Row = ({ titleTypeStyle, titleColor, subtitleTypeStyle, subtitleColor, title, subtitle, multilineSubtitle, image, right, style, }) => {
+    return (React.createElement(View, { style: [styles.container, { padding: 16 }, style] },
+        React.createElement(View, { style: styles.leftContainer },
+            image && (React.createElement(Image, { source: typeof image === "string" ? { uri: image } : image, style: {
+                    marginRight: 12,
+                    width: subtitle
+                        ? Config.rowMultiLineImageSize
+                        : Config.rowSingleLineImageSize,
+                    height: subtitle
+                        ? Config.rowMultiLineImageSize
+                        : Config.rowSingleLineImageSize,
+                } })),
+            React.createElement(View, { style: styles.textContainer },
+                React.createElement(Text, { style: [
+                        titleTypeStyle,
+                        {
+                            color: titleColor,
+                        },
+                    ], numberOfLines: 1 }, title),
+                subtitle ? (React.createElement(Text, { style: [
+                        subtitleTypeStyle,
+                        {
+                            color: subtitleColor,
+                            marginTop: 4,
+                        },
+                    ], numberOfLines: multilineSubtitle ? undefined : 1 }, subtitle)) : null)),
+        right && right()));
+};
+const styles = StyleSheet.create({
+    leftContainer: {
+        flexDirection: "row",
+        flex: 1,
+    },
+    container: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+    },
+    textContainer: {
+        flex: 1,
+        justifyContent: "center",
+    },
+});
+export default withTheme(Row);
+//# sourceMappingURL=Row.js.map

package/src/components/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EAEL,UAAU,GAIX,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,MAAM,MAAM,UAAU,CAAC;AAiB9B,MAAM,GAAG,GAA6C,CAAC,EACrD,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,aAAa,EACb,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,KAAK,EACL,KAAK,EACL,KAAK,GACN,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC;QACrD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa;YAC9B,KAAK,IAAI,CACR,oBAAC,KAAK,IACJ,MAAM,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,EAC1D,KAAK,EAAE;oBACL,WAAW,EAAE,EAAE;oBACf,KAAK,EAAE,QAAQ;wBACb,CAAC,CAAC,MAAM,CAAC,qBAAqB;wBAC9B,CAAC,CAAC,MAAM,CAAC,sBAAsB;oBACjC,MAAM,EAAE,QAAQ;wBACd,CAAC,CAAC,MAAM,CAAC,qBAAqB;wBAC9B,CAAC,CAAC,MAAM,CAAC,sBAAsB;iBAClC,GACD,CACH;YACD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa;gBAC/B,oBAAC,IAAI,IACH,KAAK,EAAE;wBACL,cAAc;wBACd;4BACE,KAAK,EAAE,UAAU;yBAClB;qBACF,EACD,aAAa,EAAE,CAAC,IAEf,KAAK,CACD;gBACN,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,IAAI,IACH,KAAK,EAAE;wBACL,iBAAiB;wBACjB;4BACE,KAAK,EAAE,aAAa;4BACpB,SAAS,EAAE,CAAC;yBACb;qBACF,EACD,aAAa,EAAE,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAE/C,QAAQ,CACJ,CACR,CAAC,CAAC,CAAC,IAAI,CACH,CACF;QACN,KAAK,IAAI,KAAK,EAAE,CACZ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,CAAC;KACR;IACD,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;KACrB;IACD,aAAa,EAAE;QACb,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,GAAG,CAAC,CAAC"}

package/src/components/SVG.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { View, Platform, Image } from "react-native";
+import { SvgUri } from "react-native-svg";
+import Config from "./Config";
+const SVG = ({ source = Config.placeholderSvgURL, style, }) => {
+    return (React.createElement(React.Fragment, null,
+        Platform.OS === "ios" && (React.createElement(View, { style: style },
+            React.createElement(SvgUri, { width: "100%", height: "100%", uri: source }))),
+        Platform.OS === "android" && (React.createElement(View, { style: style },
+            React.createElement(SvgUri, { width: "100%", height: "100%", uri: source }))),
+        Platform.OS === "web" && (React.createElement(Image, { style: style, source: { uri: source } }))));
+};
+export default SVG;
+//# sourceMappingURL=SVG.js.map

package/src/components/SVG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVG.js","sourceRoot":"","sources":["SVG.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAyB,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,MAAM,MAAM,UAAU,CAAC;AAO9B,MAAM,GAAG,GAAyD,CAAC,EACjE,MAAM,GAAG,MAAM,CAAC,iBAAiB,EACjC,KAAK,GACN,EAAE,EAAE;IACH,OAAO,CACL;QACG,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,CACxB,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK;YAChB,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,GAAG,EAAE,MAAM,GAAI,CAC7C,CACR;QACA,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,CAC5B,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK;YAChB,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,GAAG,EAAE,MAAM,GAAI,CAC7C,CACR;QACA,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,CACxB,oBAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,GAAI,CACjD,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/src/components/ScreenContainer.js

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { StyleSheet, ScrollView, View, } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { withTheme } from "../theming";
+function ScreenContainer({ scrollable = false, hasSafeArea = false, hasBottomSafeArea = false, hasTopSafeArea = false, theme, style, children, ...rest }) {
+    var _a;
+    const backgroundColor = ((_a = StyleSheet.flatten(style)) === null || _a === void 0 ? void 0 : _a.backgroundColor) || theme.colors.background;
+    const edges = ["left", "right"];
+    if (hasSafeArea || hasTopSafeArea) {
+        edges.push("top");
+    }
+    if (hasSafeArea || hasBottomSafeArea) {
+        edges.push("bottom");
+    }
+    return (React.createElement(SafeAreaView, { edges: edges, style: [
+            styles.container,
+            {
+                backgroundColor,
+            },
+        ], ...rest }, scrollable ? (React.createElement(ScrollView, { contentContainerStyle: [
+            styles.scrollViewContainer,
+            { backgroundColor },
+            style,
+        ] }, children)) : (React.createElement(View, { style: [styles.container, { backgroundColor }, style] }, children))));
+}
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    scrollViewContainer: {
+        flexGrow: 1,
+        flex: undefined,
+    },
+});
+export default withTheme(ScreenContainer);
+//# sourceMappingURL=ScreenContainer.js.map

package/src/components/ScreenContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenContainer.js","sourceRoot":"","sources":["ScreenContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,UAAU,EACV,UAAU,EAGV,IAAI,GACL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAavC,SAAS,eAAe,CAAC,EACvB,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,KAAK,EACnB,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,KAAK,EACtB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACc;;IACrB,MAAM,eAAe,GACnB,CAAA,MAAA,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,0CAAE,eAAe,KAAI,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;IAExE,MAAM,KAAK,GAAW,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,IAAI,WAAW,IAAI,cAAc,EAAE;QACjC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACnB;IAED,IAAI,WAAW,IAAI,iBAAiB,EAAE;QACpC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACtB;IAED,OAAO,CACL,oBAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE;YACL,MAAM,CAAC,SAAS;YAChB;gBACE,eAAe;aAChB;SACF,KACG,IAAI,IAEP,UAAU,CAAC,CAAC,CAAC,CACZ,oBAAC,UAAU,IACT,qBAAqB,EAAE;YACrB,MAAM,CAAC,mBAAmB;YAC1B,EAAE,eAAe,EAAE;YACnB,KAAK;SACN,IAEA,QAAQ,CACE,CACd,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,eAAe,EAAE,EAAE,KAAK,CAAC,IACxD,QAAQ,CACJ,CACR,CACY,CAChB,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;KACR;IACD,mBAAmB,EAAE;QACnB,QAAQ,EAAE,CAAC;QACX,IAAI,EAAE,SAAS;KAChB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,eAAe,CAAC,CAAC"}