@draftbit/core 46.4.4-9a666e.2 → 46.4.4-ad6b6b.2

package/lib/module/components/ScreenContainer.js

@@ -1,10 +1,8 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 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(_ref) {
   let {
     scrollable = false,
@@ -18,15 +16,12 @@ function ScreenContainer(_ref) {
   } = _ref;
   const backgroundColor = theme.colors.background;
   const edges = ["left", "right"];
-
   if (hasSafeArea || hasTopSafeArea) {
     edges.push("top");
   }
-
   if (hasSafeArea || hasBottomSafeArea) {
     edges.push("bottom");
   }
-
   return /*#__PURE__*/React.createElement(SafeAreaView, _extends({
     edges: edges,
     style: [styles.container, {
@@ -42,7 +37,6 @@ function ScreenContainer(_ref) {
     }, style]
   }, children));
 }
-
 const styles = StyleSheet.create({
   container: {
     flex: 1
@@ -52,4 +46,5 @@ const styles = StyleSheet.create({
     flex: undefined
   }
 });
-export default withTheme(ScreenContainer);
+export default withTheme(ScreenContainer);
+//# sourceMappingURL=ScreenContainer.js.map

package/lib/module/components/ScreenContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","ScrollView","View","SafeAreaView","withTheme","ScreenContainer","scrollable","hasSafeArea","hasBottomSafeArea","hasTopSafeArea","theme","style","children","rest","backgroundColor","colors","background","edges","push","styles","container","scrollViewContainer","create","flex","flexGrow","undefined"],"sources":["ScreenContainer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  StyleSheet,\n  ScrollView,\n  StyleProp,\n  ViewStyle,\n  View,\n} from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport type { Edge } from \"react-native-safe-area-context\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype ScreenContainerProps = {\n  scrollable: boolean;\n  hasSafeArea: boolean;\n  hasTopSafeArea: boolean;\n  hasBottomSafeArea: boolean;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  children?: React.ReactNode;\n};\n\nfunction ScreenContainer({\n  scrollable = false,\n  hasSafeArea = false,\n  hasBottomSafeArea = false,\n  hasTopSafeArea = false,\n  theme,\n  style,\n  children,\n  ...rest\n}: ScreenContainerProps) {\n  const backgroundColor = theme.colors.background;\n\n  const edges: Edge[] = [\"left\", \"right\"];\n  if (hasSafeArea || hasTopSafeArea) {\n    edges.push(\"top\");\n  }\n\n  if (hasSafeArea || hasBottomSafeArea) {\n    edges.push(\"bottom\");\n  }\n\n  return (\n    <SafeAreaView\n      edges={edges}\n      style={[\n        styles.container,\n        {\n          backgroundColor,\n        },\n      ]}\n      {...rest}\n    >\n      {scrollable ? (\n        <ScrollView\n          contentContainerStyle={[\n            styles.scrollViewContainer,\n            { backgroundColor },\n            style,\n          ]}\n        >\n          {children}\n        </ScrollView>\n      ) : (\n        <View style={[styles.container, { backgroundColor }, style]}>\n          {children}\n        </View>\n      )}\n    </SafeAreaView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  scrollViewContainer: {\n    flexGrow: 1,\n    flex: undefined,\n  },\n});\n\nexport default withTheme(ScreenContainer);\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,UAAU,EACVC,UAAU,EAGVC,IAAI,QACC,cAAc;AACrB,SAASC,YAAY,QAAQ,gCAAgC;AAE7D,SAASC,SAAS,QAAQ,YAAY;AAatC,SAASC,eAAe,OASC;EAAA,IATA;IACvBC,UAAU,GAAG,KAAK;IAClBC,WAAW,GAAG,KAAK;IACnBC,iBAAiB,GAAG,KAAK;IACzBC,cAAc,GAAG,KAAK;IACtBC,KAAK;IACLC,KAAK;IACLC,QAAQ;IACR,GAAGC;EACiB,CAAC;EACrB,MAAMC,eAAe,GAAGJ,KAAK,CAACK,MAAM,CAACC,UAAU;EAE/C,MAAMC,KAAa,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;EACvC,IAAIV,WAAW,IAAIE,cAAc,EAAE;IACjCQ,KAAK,CAACC,IAAI,CAAC,KAAK,CAAC;EACnB;EAEA,IAAIX,WAAW,IAAIC,iBAAiB,EAAE;IACpCS,KAAK,CAACC,IAAI,CAAC,QAAQ,CAAC;EACtB;EAEA,oBACE,oBAAC,YAAY;IACX,KAAK,EAAED,KAAM;IACb,KAAK,EAAE,CACLE,MAAM,CAACC,SAAS,EAChB;MACEN;IACF,CAAC;EACD,GACED,IAAI,GAEPP,UAAU,gBACT,oBAAC,UAAU;IACT,qBAAqB,EAAE,CACrBa,MAAM,CAACE,mBAAmB,EAC1B;MAAEP;IAAgB,CAAC,EACnBH,KAAK;EACL,GAEDC,QAAQ,CACE,gBAEb,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACO,MAAM,CAACC,SAAS,EAAE;MAAEN;IAAgB,CAAC,EAAEH,KAAK;EAAE,GACzDC,QAAQ,CAEZ,CACY;AAEnB;AAEA,MAAMO,MAAM,GAAGnB,UAAU,CAACsB,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,IAAI,EAAE;EACR,CAAC;EACDF,mBAAmB,EAAE;IACnBG,QAAQ,EAAE,CAAC;IACXD,IAAI,EAAEE;EACR;AACF,CAAC,CAAC;AAEF,eAAerB,SAAS,CAACC,eAAe,CAAC"}

package/lib/module/components/Slider.js

@@ -1,34 +1,27 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 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(_ref) {
   let {
     Icon,
@@ -67,12 +60,10 @@ function Slider(_ref) {
   const leftIconThemeColor = leftIconColor || theme.colors.light;
   const rightIconThemeColor = rightIconColor || theme.colors.light;
   const parsedValue = maybeParseValue(internalValue);
-
   const handleSlidingComplete = newValue => {
     setInternalValue(newValue);
     onValueChange(newValue);
   };
-
   return /*#__PURE__*/React.createElement(View, _extends({
     style: [styles.container, style]
   }, rest), leftIcon ? /*#__PURE__*/React.createElement(Icon, {
@@ -96,7 +87,6 @@ function Slider(_ref) {
     size: 24
   }) : null);
 }
-
 const styles = StyleSheet.create({
   container: {
     height: 40,
@@ -108,4 +98,5 @@ const styles = StyleSheet.create({
     marginHorizontal: 12
   }
 });
-export default withTheme(Slider);
+export default withTheme(Slider);
+//# sourceMappingURL=Slider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","NativeSlider","isNumber","toNumber","withTheme","maybeParseValue","value","undefined","maybe","Slider","Icon","leftIcon","rightIcon","leftIconColor","rightIconColor","defaultValue","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor","minimumValue","maximumValue","tapToSeek","step","onValueChange","style","theme","rest","internalValue","setInternalValue","useState","useEffect","minTrackColor","colors","primary","maxTrackColor","light","thumbColor","leftIconThemeColor","rightIconThemeColor","parsedValue","handleSlidingComplete","newValue","styles","container","slider","create","height","flexDirection","alignItems","flex","marginHorizontal"],"sources":["Slider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet, StyleProp, ViewStyle } from \"react-native\";\nimport NativeSlider from \"@react-native-community/slider\";\nimport isNumber from \"lodash.isnumber\";\nimport toNumber from \"lodash.tonumber\";\n\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nexport type Props = {\n  style?: StyleProp<ViewStyle>;\n  value?: number;\n  defaultValue?: number;\n  minimumTrackTintColor: string;\n  maximumTrackTintColor: string;\n  leftIcon?: string;\n  rightIcon?: string;\n  leftIconColor?: string;\n  rightIconColor?: string;\n  thumbTintColor?: string;\n  tapToSeek?: boolean;\n  minimumValue: number;\n  maximumValue: number;\n  step: number;\n  onValueChange?: (value: number) => void;\n  theme: Theme;\n} & IconSlot;\n\nfunction maybeParseValue(value: any) {\n  if (value === undefined) {\n    return undefined;\n  }\n\n  if (isNumber(value)) {\n    return value;\n  }\n\n  try {\n    const maybe = toNumber(value);\n    if (isNumber(maybe)) {\n      return maybe;\n    }\n  } catch {\n    return undefined;\n  }\n\n  return undefined;\n}\n\nfunction Slider({\n  Icon,\n  leftIcon,\n  rightIcon,\n  leftIconColor,\n  rightIconColor,\n  value,\n  defaultValue,\n  minimumTrackTintColor,\n  maximumTrackTintColor,\n  thumbTintColor,\n  minimumValue = 0,\n  maximumValue = 100,\n  tapToSeek,\n  step = 1,\n  onValueChange = () => {},\n  style,\n  theme,\n  ...rest\n}: Props) {\n  const [internalValue, setInternalValue] = React.useState<number | undefined>(\n    value || defaultValue\n  );\n\n  React.useEffect(() => {\n    if (value != null) {\n      setInternalValue(value);\n    }\n  }, [value]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setInternalValue(defaultValue);\n    }\n  }, [defaultValue]);\n\n  const minTrackColor = minimumTrackTintColor || theme.colors.primary;\n  const maxTrackColor = maximumTrackTintColor || theme.colors.light;\n  const thumbColor = thumbTintColor || theme.colors.primary;\n\n  const leftIconThemeColor = leftIconColor || theme.colors.light;\n  const rightIconThemeColor = rightIconColor || theme.colors.light;\n\n  const parsedValue = maybeParseValue(internalValue);\n\n  const handleSlidingComplete = (newValue: number) => {\n    setInternalValue(newValue);\n    onValueChange(newValue);\n  };\n\n  return (\n    <View style={[styles.container, style]} {...rest}>\n      {leftIcon ? (\n        <Icon color={leftIconThemeColor} name={leftIcon} size={24} />\n      ) : null}\n      <NativeSlider\n        value={parsedValue}\n        step={step}\n        minimumValue={minimumValue}\n        maximumValue={maximumValue}\n        tapToSeek={tapToSeek}\n        minimumTrackTintColor={minTrackColor}\n        maximumTrackTintColor={maxTrackColor}\n        thumbTintColor={thumbColor}\n        onSlidingComplete={handleSlidingComplete}\n        style={styles.slider}\n      />\n      {rightIcon ? (\n        <Icon color={rightIconThemeColor} name={rightIcon} size={24} />\n      ) : null}\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    height: 40,\n    flexDirection: \"row\",\n    alignItems: \"center\",\n  },\n  slider: {\n    flex: 1,\n    marginHorizontal: 12,\n  },\n});\n\nexport default withTheme(Slider);\n"],"mappings":"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"}

package/lib/module/components/StarRating.js

@@ -1,9 +1,7 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import * as React from "react";
 import { View, StyleSheet, Pressable } from "react-native";
 import { withTheme } from "../theming";
-
 const StarRating = _ref => {
   let {
     Icon,
@@ -55,7 +53,6 @@ const StarRating = _ref => {
     onPress: () => ratingHandler(i + 1)
   })))));
 };
-
 const styles = StyleSheet.create({
   container: {
     flexDirection: "row",
@@ -77,4 +74,5 @@ const styles = StyleSheet.create({
     width: "50%"
   }
 });
-export default withTheme(StarRating);
+export default withTheme(StarRating);
+//# sourceMappingURL=StarRating.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Pressable","withTheme","StarRating","Icon","starSize","maxStars","rating","defaultValue","isEditable","activeColor","inactiveColor","style","onPress","rest","localRating","setLocalRating","useState","useEffect","ratingHandler","useCallback","r","ratingRounded","Math","round","styles","container","Array","map","_","i","display","touchContainer","pressable","create","flexDirection","alignItems","position","top","right","left","bottom","zIndex","flex","height","width"],"sources":["StarRating.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  StyleProp,\n  ViewStyle,\n  Pressable,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  starSize?: number;\n  maxStars?: number;\n  rating?: number;\n  defaultValue?: number;\n  isEditable?: boolean;\n  activeColor?: string;\n  inactiveColor?: string;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  onPress?: (newValue: number) => void;\n} & IconSlot;\n\nconst StarRating: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  starSize = 16,\n  maxStars = 5,\n  rating = 0,\n  defaultValue,\n  isEditable = false,\n  activeColor,\n  inactiveColor,\n  style,\n  onPress,\n  ...rest\n}) => {\n  const [localRating, setLocalRating] = React.useState<number>(\n    rating || defaultValue || 0\n  );\n\n  React.useEffect(() => {\n    if (rating != null) {\n      setLocalRating(rating);\n    }\n  }, [rating]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setLocalRating(defaultValue);\n    }\n  }, [defaultValue]);\n\n  const ratingHandler = React.useCallback(\n    (r: number) => {\n      setLocalRating(r);\n      !!onPress && onPress(r);\n    },\n    [onPress]\n  );\n\n  const ratingRounded = Math.round(localRating * 2) / 2;\n\n  return (\n    <View style={[styles.container, style]} {...rest}>\n      {[...Array(maxStars)].map((_, i) => (\n        <View key={i} style={{ display: \"flex\" }}>\n          <Icon\n            name={\n              ratingRounded - i === 0.5\n                ? \"MaterialIcons/star-half\"\n                : \"MaterialIcons/star\"\n            }\n            size={starSize}\n            color={ratingRounded > i ? activeColor : inactiveColor}\n          />\n          {isEditable && (\n            <View style={styles.touchContainer}>\n              <Pressable\n                style={styles.pressable}\n                onPress={() => ratingHandler(i + 0.5)}\n              />\n              <Pressable\n                style={styles.pressable}\n                onPress={() => ratingHandler(i + 1)}\n              />\n            </View>\n          )}\n        </View>\n      ))}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n  },\n  touchContainer: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    position: \"absolute\",\n    top: 0,\n    right: 0,\n    left: 0,\n    bottom: 0,\n    zIndex: 1,\n  },\n  pressable: {\n    flex: 1,\n    height: \"100%\",\n    width: \"50%\",\n  },\n});\n\nexport default withTheme(StarRating);\n"],"mappings":"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"}

package/lib/module/components/StepIndicator.js

@@ -1,5 +1,6 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 // @ts-nocheck
 import React, { Component } from "react";
 import { View, Text, StyleSheet, Animated, TouchableWithoutFeedback } from "react-native";
@@ -11,14 +12,12 @@ const STEP_STATUS = {
 export default class StepIndicator extends Component {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "renderProgressBarBackground", () => {
       const {
         stepCount,
         direction
       } = this.props;
       let progressBarBackgroundStyle;
-
       if (direction === "vertical") {
         progressBarBackgroundStyle = {
           backgroundColor: this.state.customStyles.separatorUnFinishedColor,
@@ -38,7 +37,6 @@ export default class StepIndicator extends Component {
           height: this.state.customStyles.separatorStrokeUnfinishedWidth === 0 ? this.state.customStyles.separatorStrokeWidth : this.state.customStyles.separatorStrokeUnfinishedWidth
         };
       }
-
       return /*#__PURE__*/React.createElement(View, {
         onLayout: event => {
           if (direction === "vertical") {
@@ -58,14 +56,12 @@ export default class StepIndicator extends Component {
         style: progressBarBackgroundStyle
       });
     });
-
     _defineProperty(this, "renderProgressBar", () => {
       const {
         stepCount,
         direction
       } = this.props;
       let progressBarStyle;
-
       if (direction === "vertical") {
         progressBarStyle = {
           backgroundColor: this.state.customStyles.separatorFinishedColor,
@@ -87,19 +83,16 @@ export default class StepIndicator extends Component {
           width: this.progressAnim
         };
       }
-
       return /*#__PURE__*/React.createElement(Animated.View, {
         style: progressBarStyle
       });
     });
-
     _defineProperty(this, "renderStepIndicator", () => {
       let steps = [];
       const {
         stepCount,
         direction
       } = this.props;
-
       for (let position = 0; position < stepCount; position++) {
         steps.push( /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
           key: position,
@@ -112,7 +105,6 @@ export default class StepIndicator extends Component {
           }]
         }, this.renderStep(position))));
       }
-
       return /*#__PURE__*/React.createElement(View, {
         onLayout: event => this.setState({
           width: event.nativeEvent.layout.width,
@@ -127,7 +119,6 @@ export default class StepIndicator extends Component {
         }]
       }, steps);
     });
-
     _defineProperty(this, "renderStepLabels", () => {
       const {
         labels,
@@ -171,14 +162,12 @@ export default class StepIndicator extends Component {
         }]
       }, labelViews);
     });
-
     _defineProperty(this, "renderStep", position => {
       const {
         renderStepIndicator
       } = this.props;
       let stepStyle;
       let indicatorLabelStyle;
-
       switch (this.getStepStatus(position)) {
         case STEP_STATUS.CURRENT:
           {
@@ -196,7 +185,6 @@ export default class StepIndicator extends Component {
             };
             break;
           }
-
         case STEP_STATUS.FINISHED:
           {
             stepStyle = {
@@ -213,7 +201,6 @@ export default class StepIndicator extends Component {
             };
             break;
           }
-
         case STEP_STATUS.UNFINISHED:
           {
             stepStyle = {
@@ -231,10 +218,8 @@ export default class StepIndicator extends Component {
             };
             break;
           }
-
         default:
       }
-
       return /*#__PURE__*/React.createElement(Animated.View, {
         key: "step-indicator",
         style: [styles.step, stepStyle]
@@ -243,14 +228,12 @@ export default class StepIndicator extends Component {
         stepStatus: this.getStepStatus(position)
       }) : /*#__PURE__*/React.createElement(Text, {
         style: indicatorLabelStyle
-      }, "".concat(position + 1)));
+      }, `${position + 1}`));
     });
-
     _defineProperty(this, "getStepStatus", stepPosition => {
       const {
         currentPosition
       } = this.props;
-
       if (stepPosition === currentPosition) {
         return STEP_STATUS.CURRENT;
       } else if (stepPosition < currentPosition) {
@@ -259,16 +242,13 @@ export default class StepIndicator extends Component {
         return STEP_STATUS.UNFINISHED;
       }
     });
-
     _defineProperty(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);
@@ -283,7 +263,6 @@ export default class StepIndicator extends Component {
         duration: 100
       })])]).start();
     });
-
     const defaultStyles = {
       stepIndicatorSize: 30,
       currentStepIndicatorSize: 40,
@@ -321,13 +300,11 @@ export default class StepIndicator extends Component {
     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,
@@ -342,7 +319,6 @@ export default class StepIndicator extends Component {
       }]
     }, 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) => ({
@@ -352,11 +328,11 @@ export default class StepIndicator extends Component {
     //     ),
     //   }));
     // }
+
     if (prevProps.currentPosition !== this.props.currentPosition) {
       this.onCurrentPositionChanged(this.props.currentPosition);
     }
   }
-
 }
 const styles = StyleSheet.create({
   container: {
@@ -398,4 +374,5 @@ StepIndicator.defaultProps = {
   stepCount: 5,
   customStyles: {},
   direction: "horizontal"
-};
+};
+//# sourceMappingURL=StepIndicator.js.map

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

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

package/lib/module/components/Stepper.js

@@ -3,7 +3,6 @@ import { View, Text } from "react-native";
 import { isNumber } from "lodash";
 import { withTheme } from "../theming";
 import IconButton from "./IconButton";
-
 const Stepper = _ref => {
   let {
     min = -Infinity,
@@ -21,24 +20,20 @@ const Stepper = _ref => {
     },
     Icon
   } = _ref;
-  const [value, setValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : 0);
-
+  const [value, setValue] = useState(defaultValue ?? 0);
   const isValidValue = valueArg => valueArg >= min && valueArg <= max;
-
   const handlePlusOrMinus = type => {
     const newValue = type === "plus" ? value + 1 : value - 1;
-
     if (isValidValue(newValue)) {
       setValue(newValue);
       onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
     }
   };
-
   useEffect(() => {
     if (valueProp != null && isNumber(valueProp) && valueProp !== value && isValidValue(valueProp)) {
       setValue(valueProp);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [valueProp]);
   return /*#__PURE__*/React.createElement(View, {
     style: [{
@@ -73,5 +68,6 @@ const Stepper = _ref => {
     }
   }));
 };
-
-export default withTheme(Stepper);
+export default withTheme(Stepper);
+//# sourceMappingURL=Stepper.js.mapheme(Stepper);
+//# sourceMappingURL=Stepper.js.map

package/lib/module/components/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","View","Text","isNumber","withTheme","IconButton","Stepper","min","Infinity","max","value","valueProp","defaultValue","style","typeStyle","iconSize","iconColor","onChange","theme","colors","typography","Icon","setValue","isValidValue","valueArg","handlePlusOrMinus","type","newValue","flexDirection","opacity","body1","textAlign","alignSelf","color","medium","marginHorizontal"],"sources":["Stepper.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from \"react\";\nimport { View, Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport { isNumber } from \"lodash\";\n\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport IconButton from \"./IconButton\";\n\ntype Props = {\n  min: number;\n  max: number;\n  value?: number;\n  defaultValue?: number;\n  style?: StyleProp<ViewStyle>;\n  typeStyle?: StyleProp<TextStyle>;\n  iconSize: number;\n  iconColor?: string;\n  onChange?: (value: number) => void;\n  theme: Theme;\n} & IconSlot;\n\nconst Stepper: FC<Props> = ({\n  min = -Infinity,\n  max = Infinity,\n  value: valueProp,\n  defaultValue,\n  style,\n  typeStyle,\n  iconSize = 24,\n  iconColor,\n  onChange,\n  theme: { colors, typography },\n  Icon,\n}) => {\n  const [value, setValue] = useState(defaultValue ?? 0);\n\n  const isValidValue = (valueArg: number) => valueArg >= min && valueArg <= max;\n\n  const handlePlusOrMinus = (type: \"plus\" | \"minus\") => {\n    const newValue = type === \"plus\" ? value + 1 : value - 1;\n\n    if (isValidValue(newValue)) {\n      setValue(newValue);\n      onChange?.(newValue);\n    }\n  };\n\n  useEffect(() => {\n    if (\n      valueProp != null &&\n      isNumber(valueProp) &&\n      valueProp !== value &&\n      isValidValue(valueProp)\n    ) {\n      setValue(valueProp);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [valueProp]);\n\n  return (\n    <View style={[{ flexDirection: \"row\" }, style]}>\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/remove\"\n        onPress={() => handlePlusOrMinus(\"minus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === min}\n        style={{ opacity: value === min ? 0.5 : 1 }}\n      />\n\n      <Text\n        style={[\n          typography.body1,\n          {\n            textAlign: \"center\",\n            alignSelf: \"center\",\n            color: colors.medium,\n            marginHorizontal: 8,\n          },\n          typeStyle,\n        ]}\n      >\n        {value}\n      </Text>\n\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/add\"\n        onPress={() => handlePlusOrMinus(\"plus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === max}\n        style={{ opacity: value === max ? 0.5 : 1 }}\n      />\n    </View>\n  );\n};\n\nexport default withTheme(Stepper);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACtD,SAASC,IAAI,EAAEC,IAAI,QAAyC,cAAc;AAC1E,SAASC,QAAQ,QAAQ,QAAQ;AAEjC,SAASC,SAAS,QAAQ,YAAY;AAGtC,OAAOC,UAAU,MAAM,cAAc;AAerC,MAAMC,OAAkB,GAAG,QAYrB;EAAA,IAZsB;IAC1BC,GAAG,GAAG,CAACC,QAAQ;IACfC,GAAG,GAAGD,QAAQ;IACdE,KAAK,EAAEC,SAAS;IAChBC,YAAY;IACZC,KAAK;IACLC,SAAS;IACTC,QAAQ,GAAG,EAAE;IACbC,SAAS;IACTC,QAAQ;IACRC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAW,CAAC;IAC7BC;EACF,CAAC;EACC,MAAM,CAACX,KAAK,EAAEY,QAAQ,CAAC,GAAGtB,QAAQ,CAACY,YAAY,IAAI,CAAC,CAAC;EAErD,MAAMW,YAAY,GAAIC,QAAgB,IAAKA,QAAQ,IAAIjB,GAAG,IAAIiB,QAAQ,IAAIf,GAAG;EAE7E,MAAMgB,iBAAiB,GAAIC,IAAsB,IAAK;IACpD,MAAMC,QAAQ,GAAGD,IAAI,KAAK,MAAM,GAAGhB,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAAC;IAExD,IAAIa,YAAY,CAACI,QAAQ,CAAC,EAAE;MAC1BL,QAAQ,CAACK,QAAQ,CAAC;MAClBV,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGU,QAAQ,CAAC;IACtB;EACF,CAAC;EAED5B,SAAS,CAAC,MAAM;IACd,IACEY,SAAS,IAAI,IAAI,IACjBR,QAAQ,CAACQ,SAAS,CAAC,IACnBA,SAAS,KAAKD,KAAK,IACnBa,YAAY,CAACZ,SAAS,CAAC,EACvB;MACAW,QAAQ,CAACX,SAAS,CAAC;IACrB;IACA;EACF,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAAC;MAAEiB,aAAa,EAAE;IAAM,CAAC,EAAEf,KAAK;EAAE,gBAC7C,oBAAC,UAAU;IACT,IAAI,EAAEQ,IAAK;IACX,IAAI,EAAC,sBAAsB;IAC3B,OAAO,EAAE,MAAMI,iBAAiB,CAAC,OAAO,CAAE;IAC1C,IAAI,EAAEV,QAAS;IACf,KAAK,EAAEC,SAAU;IACjB,QAAQ,EAAEN,KAAK,KAAKH,GAAI;IACxB,KAAK,EAAE;MAAEsB,OAAO,EAAEnB,KAAK,KAAKH,GAAG,GAAG,GAAG,GAAG;IAAE;EAAE,EAC5C,eAEF,oBAAC,IAAI;IACH,KAAK,EAAE,CACLa,UAAU,CAACU,KAAK,EAChB;MACEC,SAAS,EAAE,QAAQ;MACnBC,SAAS,EAAE,QAAQ;MACnBC,KAAK,EAAEd,MAAM,CAACe,MAAM;MACpBC,gBAAgB,EAAE;IACpB,CAAC,EACDrB,SAAS;EACT,GAEDJ,KAAK,CACD,eAEP,oBAAC,UAAU;IACT,IAAI,EAAEW,IAAK;IACX,IAAI,EAAC,mBAAmB;IACxB,OAAO,EAAE,MAAMI,iBAAiB,CAAC,MAAM,CAAE;IACzC,IAAI,EAAEV,QAAS;IACf,KAAK,EAAEC,SAAU;IACjB,QAAQ,EAAEN,KAAK,KAAKD,GAAI;IACxB,KAAK,EAAE;MAAEoB,OAAO,EAAEnB,KAAK,KAAKD,GAAG,GAAG,GAAG,GAAG;IAAE;EAAE,EAC5C,CACG;AAEX,CAAC;AAED,eAAeL,SAAS,CAACE,OAAO,CAAC"}

package/lib/module/components/Surface.js

@@ -1,12 +1,10 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 /* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */
 import * as React from "react";
 import { Animated, StyleSheet } from "react-native";
 import shadow from "../styles/shadow";
 import overlay from "../styles/overlay";
 import { withTheme } from "../theming";
-
 const Surface = _ref => {
   let {
     elevation: propElevation,
@@ -27,7 +25,6 @@ const Surface = _ref => {
   } = theme;
   const elevation = propElevation || styleElevation;
   const evalationStyles = elevation ? shadow(elevation) : {};
-
   const getBackgroundColor = () => {
     if (backgroundColor) {
       return backgroundColor;
@@ -37,7 +34,6 @@ const Surface = _ref => {
       return colors.surface;
     }
   };
-
   return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
     style: [{
       backgroundColor: getBackgroundColor(),
@@ -47,5 +43,5 @@ const Surface = _ref => {
     }]
   }), children);
 };
-
-export default withTheme(Surface);
+export default withTheme(Surface);
+//# sourceMappingURL=Surface.js.map

package/lib/module/components/Surface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","StyleSheet","shadow","overlay","withTheme","Surface","elevation","propElevation","style","theme","children","rest","styleElevation","backgroundColor","restStyle","flatten","dark","isDarkTheme","mode","colors","evalationStyles","getBackgroundColor","surface"],"sources":["Surface.tsx"],"sourcesContent":["/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */\nimport * as React from \"react\";\nimport {\n  Animated,\n  StyleSheet,\n  ViewProps,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\n\nimport shadow from \"../styles/shadow\";\nimport overlay from \"../styles/overlay\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n  elevation?: number;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & ViewProps;\n\nconst Surface: React.FC<React.PropsWithChildren<Props>> = ({\n  elevation: propElevation,\n  style,\n  theme,\n  children,\n  ...rest\n}) => {\n  const {\n    elevation: styleElevation = 3,\n    backgroundColor,\n    ...restStyle\n  } = (StyleSheet.flatten(style) || {}) as ViewStyle;\n\n  const { dark: isDarkTheme, mode, colors } = theme;\n\n  const elevation = propElevation || styleElevation;\n\n  const evalationStyles = elevation ? shadow(elevation) : {};\n\n  const getBackgroundColor = () => {\n    if (backgroundColor) {\n      return backgroundColor;\n    } else if (isDarkTheme && mode === \"adaptive\") {\n      return overlay(elevation, colors.surface);\n    } else {\n      return colors.surface;\n    }\n  };\n\n  return (\n    <Animated.View\n      {...rest}\n      style={[\n        {\n          backgroundColor: getBackgroundColor(),\n          elevation,\n          ...evalationStyles,\n          ...restStyle,\n        },\n      ]}\n    >\n      {children}\n    </Animated.View>\n  );\n};\n\nexport default withTheme(Surface);\n"],"mappings":";AAAA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EACRC,UAAU,QAIL,cAAc;AAErB,OAAOC,MAAM,MAAM,kBAAkB;AACrC,OAAOC,OAAO,MAAM,mBAAmB;AACvC,SAASC,SAAS,QAAQ,YAAY;AAStC,MAAMC,OAAiD,GAAG,QAMpD;EAAA,IANqD;IACzDC,SAAS,EAAEC,aAAa;IACxBC,KAAK;IACLC,KAAK;IACLC,QAAQ;IACR,GAAGC;EACL,CAAC;EACC,MAAM;IACJL,SAAS,EAAEM,cAAc,GAAG,CAAC;IAC7BC,eAAe;IACf,GAAGC;EACL,CAAC,GAAIb,UAAU,CAACc,OAAO,CAACP,KAAK,CAAC,IAAI,CAAC,CAAe;EAElD,MAAM;IAAEQ,IAAI,EAAEC,WAAW;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAGV,KAAK;EAEjD,MAAMH,SAAS,GAAGC,aAAa,IAAIK,cAAc;EAEjD,MAAMQ,eAAe,GAAGd,SAAS,GAAGJ,MAAM,CAACI,SAAS,CAAC,GAAG,CAAC,CAAC;EAE1D,MAAMe,kBAAkB,GAAG,MAAM;IAC/B,IAAIR,eAAe,EAAE;MACnB,OAAOA,eAAe;IACxB,CAAC,MAAM,IAAII,WAAW,IAAIC,IAAI,KAAK,UAAU,EAAE;MAC7C,OAAOf,OAAO,CAACG,SAAS,EAAEa,MAAM,CAACG,OAAO,CAAC;IAC3C,CAAC,MAAM;MACL,OAAOH,MAAM,CAACG,OAAO;IACvB;EACF,CAAC;EAED,oBACE,oBAAC,QAAQ,CAAC,IAAI,eACRX,IAAI;IACR,KAAK,EAAE,CACL;MACEE,eAAe,EAAEQ,kBAAkB,EAAE;MACrCf,SAAS;MACT,GAAGc,eAAe;MAClB,GAAGN;IACL,CAAC;EACD,IAEDJ,QAAQ,CACK;AAEpB,CAAC;AAED,eAAeN,SAAS,CAACC,OAAO,CAAC"}

package/lib/module/components/Swiper/Swiper.js

@@ -1,7 +1,6 @@
 import React from "react";
 import { View } from "react-native";
 import SwiperComponent from "react-native-web-swiper";
-
 const Swiper = _ref => {
   let {
     vertical = false,
@@ -56,16 +55,14 @@ const Swiper = _ref => {
       item,
       index
     });
-
     if (!component) {
       return null;
     }
-
     const key = keyExtractor ? keyExtractor(item, index) : index;
     return /*#__PURE__*/React.cloneElement(component, {
       key
     });
   }) : children));
 };
-
-export default Swiper;
+export default Swiper;
+//# sourceMappingURL=Swiper.js.map

package/lib/module/components/Swiper/Swiper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","data","keyExtractor","renderItem","children","style","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle","map","item","index","component","key","cloneElement"],"sources":["Swiper.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps<T> {\n  vertical?: boolean;\n  loop?: boolean;\n  from?: number;\n  timeout?: number;\n  prevTitle?: string;\n  nextTitle?: string;\n  prevTitleColor?: string;\n  nextTitleColor?: string;\n  dotsTouchable?: boolean;\n  dotColor?: string;\n  dotActiveColor?: string;\n  children: React.ReactNode;\n  data?: Array<T>;\n  keyExtractor: (item: T, index: number) => string;\n  renderItem?: ({ item, index }: { item: T; index: number }) => JSX.Element;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n  vertical = false,\n  loop = false,\n  timeout = 0,\n  from = 0,\n  prevTitle = \"\",\n  nextTitle = \"\",\n  prevTitleColor,\n  nextTitleColor,\n  dotsTouchable = true,\n  dotColor,\n  dotActiveColor,\n  data,\n  keyExtractor,\n  renderItem,\n  children,\n  style,\n}: SwiperProps<any>) => (\n  <View style={style}>\n    {/* @ts-ignore */}\n    <SwiperComponent\n      from={from}\n      loop={loop}\n      timeout={timeout}\n      vertical={vertical}\n      controlsProps={{\n        prevTitle,\n        nextTitle,\n        prevTitleStyle: { color: prevTitleColor },\n        nextTitleStyle: { color: nextTitleColor },\n        dotsTouchable,\n        ...(dotColor\n          ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }\n          : {}),\n        ...(dotActiveColor\n          ? { dotActiveStyle: { backgroundColor: dotActiveColor } }\n          : {}),\n      }}\n    >\n      {data && renderItem\n        ? data.map((item, index) => {\n            const component = renderItem({ item, index });\n\n            if (!component) {\n              return null;\n            }\n\n            const key = keyExtractor ? keyExtractor(item, index) : index;\n            return React.cloneElement(component, {\n              key,\n            });\n          })\n        : children}\n    </SwiperComponent>\n  </View>\n);\n\nexport default Swiper;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAA8B,cAAc;AACzD,OAAOC,eAAe,MAAM,yBAAyB;AAqBrD,MAAMC,MAAM,GAAG;EAAA,IAAC;IACdC,QAAQ,GAAG,KAAK;IAChBC,IAAI,GAAG,KAAK;IACZC,OAAO,GAAG,CAAC;IACXC,IAAI,GAAG,CAAC;IACRC,SAAS,GAAG,EAAE;IACdC,SAAS,GAAG,EAAE;IACdC,cAAc;IACdC,cAAc;IACdC,aAAa,GAAG,IAAI;IACpBC,QAAQ;IACRC,cAAc;IACdC,IAAI;IACJC,YAAY;IACZC,UAAU;IACVC,QAAQ;IACRC;EACgB,CAAC;EAAA,oBACjB,oBAAC,IAAI;IAAC,KAAK,EAAEA;EAAM,gBAEjB,oBAAC,eAAe;IACd,IAAI,EAAEZ,IAAK;IACX,IAAI,EAAEF,IAAK;IACX,OAAO,EAAEC,OAAQ;IACjB,QAAQ,EAAEF,QAAS;IACnB,aAAa,EAAE;MACbI,SAAS;MACTC,SAAS;MACTW,cAAc,EAAE;QAAEC,KAAK,EAAEX;MAAe,CAAC;MACzCY,cAAc,EAAE;QAAED,KAAK,EAAEV;MAAe,CAAC;MACzCC,aAAa;MACb,IAAIC,QAAQ,GACR;QAAEU,QAAQ,EAAE;UAAEC,UAAU,EAAE;YAAEC,eAAe,EAAEZ;UAAS;QAAE;MAAE,CAAC,GAC3D,CAAC,CAAC,CAAC;MACP,IAAIC,cAAc,GACd;QAAEY,cAAc,EAAE;UAAED,eAAe,EAAEX;QAAe;MAAE,CAAC,GACvD,CAAC,CAAC;IACR;EAAE,GAEDC,IAAI,IAAIE,UAAU,GACfF,IAAI,CAACY,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IACxB,MAAMC,SAAS,GAAGb,UAAU,CAAC;MAAEW,IAAI;MAAEC;IAAM,CAAC,CAAC;IAE7C,IAAI,CAACC,SAAS,EAAE;MACd,OAAO,IAAI;IACb;IAEA,MAAMC,GAAG,GAAGf,YAAY,GAAGA,YAAY,CAACY,IAAI,EAAEC,KAAK,CAAC,GAAGA,KAAK;IAC5D,oBAAO7B,KAAK,CAACgC,YAAY,CAACF,SAAS,EAAE;MACnCC;IACF,CAAC,CAAC;EACJ,CAAC,CAAC,GACFb,QAAQ,CACI,CACb;AAAA,CACR;AAED,eAAef,MAAM"}

package/lib/module/components/Swiper/SwiperItem.js

@@ -5,7 +5,6 @@ const styles = StyleSheet.create({
     flex: 1
   }
 });
-
 const SwiperItem = _ref => {
   let {
     children,
@@ -15,5 +14,5 @@ const SwiperItem = _ref => {
     style: [styles.wrapper, style]
   }, children);
 };
-
-export default SwiperItem;
+export default SwiperItem;
+//# sourceMappingURL=SwiperItem.js.map

package/lib/module/components/Swiper/SwiperItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","styles","create","wrapper","flex","SwiperItem","children","style"],"sources":["SwiperItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleSheet, StyleProp, ViewStyle } from \"react-native\";\n\nconst styles = StyleSheet.create({\n  wrapper: {\n    flex: 1,\n  },\n});\n\nexport interface SwiperProps {\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst SwiperItem = ({ children, style }: SwiperProps) => (\n  <View style={[styles.wrapper, style]}>{children}</View>\n);\n\nexport default SwiperItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAA8B,cAAc;AAErE,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAOF,MAAMC,UAAU,GAAG;EAAA,IAAC;IAAEC,QAAQ;IAAEC;EAAmB,CAAC;EAAA,oBAClD,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACN,MAAM,CAACE,OAAO,EAAEI,KAAK;EAAE,GAAED,QAAQ,CAAQ;AAAA,CACxD;AAED,eAAeD,UAAU"}

package/lib/module/components/Swiper/index.js

@@ -1,2 +1,3 @@
 export { default as Swiper } from "./Swiper";
-export { default as SwiperItem } from "./SwiperItem";
+export { default as SwiperItem } from "./SwiperItem";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Swiper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Swiper","SwiperItem"],"sources":["index.tsx"],"sourcesContent":["export { default as Swiper } from \"./Swiper\";\nexport { default as SwiperItem } from \"./SwiperItem\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,UAAU;AAC5C,SAASD,OAAO,IAAIE,UAAU,QAAQ,cAAc"}