@draftbit/core 44.1.13-3bb0d0.0 → 44.1.13-6f194c.0

package/lib/module/components/Picker/PickerComponent.js

@@ -0,0 +1,231 @@
+import * as React from "react";
+import { View,
+/* StyleSheet, */
+Text, Platform } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { omit, pick, pickBy, identity } from "lodash";
+import { Picker as NativePicker } from "@react-native-picker/picker";
+import { withTheme } from "../../theming";
+import Portal from "../Portal/Portal";
+import Button from "../DeprecatedButton";
+import Touchable from "../Touchable";
+import { extractStyles } from "../../utilities";
+
+const Picker = _ref => {
+  var _find$label, _find, _stylesWithoutBorders;
+
+  let {
+    Icon,
+    style,
+    options = [],
+    placeholder = "",
+    value: selectedValue = "",
+    disabled = false,
+    onValueChange = () => {},
+    theme,
+    assistiveText,
+    label,
+    leftIconMode = "inset",
+    leftIconName,
+    placeholderTextColor,
+    rightIconName,
+    type
+  } = _ref;
+  const [pickerVisible, setIsPickerVisible] = React.useState(false);
+  const {
+    viewStyles,
+    textStyles
+  } = extractStyles(style);
+  const {
+    colors
+  } = theme;
+  console.log({// viewStyles,
+    // textStyles,
+    // options,
+    // placeholder,
+    // selectedValue,
+    // theme,
+    // disabled,
+    // onValueChange,
+    // colors,
+    // assistiveText,
+    // label,
+    // leftIconMode,
+    // leftIconName,
+    // placeholderTextColor,
+    // rightIconName,
+    // type,
+  });
+  const borders = ["borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomRightRadius", "borderBottomLeftRadius", "borderTopWidth", "borderRightWidth", "borderBottomWidth", "borderLeftWidth", "borderColor", "borderStyle"];
+  const borderStyles = { ...{ ...(type === "solid" ? {
+        borderTopLeftRadius: 5,
+        borderTopRightRadius: 5,
+        borderBottomRightRadius: 5,
+        borderBottomLeftRadius: 5,
+        borderTopWidth: 1,
+        borderRightWidth: 1,
+        borderLeftWidth: 1
+      } : {}),
+      borderBottomWidth: 1,
+      borderColor: colors.light,
+      borderStyle: "solid"
+    },
+    ...pick(viewStyles, borders)
+  };
+  const margins = ["marginLeft", "marginRight", "marginTop", "marginBottom"];
+  const marginStyles = pick(viewStyles, margins);
+  const stylesWithoutBordersAndMargins = { ...{
+      height: 60,
+      width: "100%"
+    },
+    ...omit(viewStyles, [...borders, ...margins])
+  };
+  const selectedLabel = selectedValue && ((_find$label = (_find = options.find(o => o.value === selectedValue)) === null || _find === void 0 ? void 0 : _find.label) !== null && _find$label !== void 0 ? _find$label : selectedValue);
+  const labelText = label ? /*#__PURE__*/React.createElement(Text, {
+    style: {
+      textAlign: textStyles.textAlign,
+      color: colors.light,
+      fontSize: 12,
+      paddingBottom: 4
+    }
+  }, label) : null;
+  const leftIconOutset = leftIconMode === "outset";
+  const leftIcon = leftIconName ? /*#__PURE__*/React.createElement(Icon, {
+    name: leftIconName,
+    size: 24,
+    style: {
+      marginRight: 8,
+      marginLeft: -6
+    }
+  }) : null;
+  const rightIcon = rightIconName ? /*#__PURE__*/React.createElement(Icon, {
+    name: rightIconName,
+    size: 24,
+    style: {
+      marginRight: -6,
+      marginLeft: 8
+    }
+  }) : null; // @ts-ignore
+
+  const width = (_stylesWithoutBorders = stylesWithoutBordersAndMargins === null || stylesWithoutBordersAndMargins === void 0 ? void 0 : stylesWithoutBordersAndMargins.width) !== null && _stylesWithoutBorders !== void 0 ? _stylesWithoutBorders : undefined;
+  const textAlign = textStyles === null || textStyles === void 0 ? void 0 : textStyles.textAlign;
+  const paddingLeft = leftIconOutset && (!textAlign || textAlign === "left" || textAlign === "justify") ? 28 // icon size + 4
+  : 0;
+  const assistiveTextLabel = assistiveText ? /*#__PURE__*/React.createElement(Text, {
+    style: {
+      textAlign,
+      width,
+      paddingLeft,
+      color: colors.light,
+      fontSize: 12,
+      paddingTop: 4
+    }
+  }, assistiveText) : null;
+  const primaryTextStyle = {
+    color: colors.light,
+    fontSize: 14,
+    ...pickBy(textStyles, identity),
+    ...(placeholder === selectedValue ? {
+      color: placeholderTextColor !== null && placeholderTextColor !== void 0 ? placeholderTextColor : colors.light
+    } : {})
+  };
+
+  const toggleVisibility = () => setIsPickerVisible(!pickerVisible);
+
+  return /*#__PURE__*/React.createElement(View, {
+    style: [{
+      alignSelf: "stretch"
+    }, marginStyles]
+  }, /*#__PURE__*/React.createElement(Touchable, {
+    disabled: disabled,
+    onPress: toggleVisibility,
+    style: {
+      alignSelf: "stretch",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    pointerEvents: "none",
+    style: [{
+      //alignSelf: "stretch",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between"
+    }, stylesWithoutBordersAndMargins, // @ts-ignore
+    !leftIconOutset && borderStyles]
+  }, leftIcon, /*#__PURE__*/React.createElement(View, {
+    style: [{
+      flex: 1,
+      height: "100%",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      paddingLeft: 12,
+      paddingRight: 12
+    }, // @ts-ignore
+    leftIconOutset && borderStyles]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1 // paddingTop: 0,
+      // paddingRight: 0, // add inner text paddding settings
+      // paddingLeft: 0,
+      // paddingBottom: 0,
+
+    }
+  }, labelText, /*#__PURE__*/React.createElement(Text, {
+    style: primaryTextStyle
+  }, String(selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : placeholder))), rightIcon)), assistiveTextLabel), Platform.OS === "ios" && pickerVisible ? /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
+    style: {
+      position: "absolute",
+      bottom: 0,
+      left: 0,
+      right: 0,
+      flexDirection: "row",
+      justifyContent: "center",
+      backgroundColor: colors.divider
+    }
+  }, /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: {
+      backgroundColor: "white",
+      flexDirection: "column",
+      width: "100%"
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    Icon: Icon,
+    type: "text",
+    onPress: toggleVisibility,
+    style: {
+      alignSelf: "flex-end"
+    }
+  }, "Close"), /*#__PURE__*/React.createElement(NativePicker, {
+    style: {
+      backgroundColor: "white"
+    },
+    selectedValue: selectedValue,
+    onValueChange: onValueChange
+  }, options.map(o => /*#__PURE__*/React.createElement(NativePicker.Item, {
+    label: o.label,
+    value: o.value,
+    key: o.value
+  })))))) : /*#__PURE__*/React.createElement(NativePicker, {
+    enabled: pickerVisible,
+    selectedValue: selectedValue,
+    onValueChange: onValueChange,
+    style: {
+      opacity: 0,
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      width: "100%"
+    }
+  }, options.map(o => /*#__PURE__*/React.createElement(NativePicker.Item, {
+    label: o.label,
+    value: o.value,
+    key: o.value
+  }))));
+};
+
+export default withTheme(Picker);
+//# sourceMappingURL=PickerComponent.js.mapt withTheme(Picker);
+//# sourceMappingURL=PickerComponent.js.map

package/lib/module/components/Picker/PickerComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PickerComponent.tsx"],"names":["React","View","Text","Platform","SafeAreaView","omit","pick","pickBy","identity","Picker","NativePicker","withTheme","Portal","Button","Touchable","extractStyles","Icon","style","options","placeholder","value","selectedValue","disabled","onValueChange","theme","assistiveText","label","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","pickerVisible","setIsPickerVisible","useState","viewStyles","textStyles","colors","console","log","borders","borderStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","light","borderStyle","margins","marginStyles","stylesWithoutBordersAndMargins","height","width","selectedLabel","find","o","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","undefined","paddingLeft","assistiveTextLabel","paddingTop","primaryTextStyle","toggleVisibility","alignSelf","alignItems","flexDirection","justifyContent","flex","paddingRight","String","OS","position","bottom","left","right","backgroundColor","divider","map","opacity","top"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, /* StyleSheet, */ Text, Platform } from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport { omit, pick, pickBy, identity } from \"lodash\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport Touchable from \"../Touchable\";\nimport { PickerProps, PickerOption } from \"./Picker\";\nimport { extractStyles } from \"../../utilities\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\nconst Picker: React.FC<PickerProps & IconSlot & Theme> = ({\n  Icon,\n  style,\n  options = [],\n  placeholder = \"\",\n  value: selectedValue = \"\",\n  disabled = false,\n  onValueChange = () => {},\n  theme,\n  assistiveText,\n  label,\n  leftIconMode = \"inset\",\n  leftIconName,\n  placeholderTextColor,\n  rightIconName,\n  type,\n}) => {\n  const [pickerVisible, setIsPickerVisible] = React.useState(false);\n\n  const { viewStyles, textStyles } = extractStyles(style);\n\n  const { colors } = theme;\n\n  console.log({\n    // viewStyles,\n    // textStyles,\n    // options,\n    // placeholder,\n    // selectedValue,\n    // theme,\n    // disabled,\n    // onValueChange,\n    // colors,\n    // assistiveText,\n    // label,\n    // leftIconMode,\n    // leftIconName,\n    // placeholderTextColor,\n    // rightIconName,\n    // type,\n  });\n\n  const borders = [\n    \"borderRadius\",\n    \"borderTopLeftRadius\",\n    \"borderTopRightRadius\",\n    \"borderBottomRightRadius\",\n    \"borderBottomLeftRadius\",\n    \"borderTopWidth\",\n    \"borderRightWidth\",\n    \"borderBottomWidth\",\n    \"borderLeftWidth\",\n    \"borderColor\",\n    \"borderStyle\",\n  ];\n\n  const borderStyles = {\n    ...{\n      ...(type === \"solid\"\n        ? {\n            borderTopLeftRadius: 5,\n            borderTopRightRadius: 5,\n            borderBottomRightRadius: 5,\n            borderBottomLeftRadius: 5,\n            borderTopWidth: 1,\n            borderRightWidth: 1,\n            borderLeftWidth: 1,\n          }\n        : {}),\n      borderBottomWidth: 1,\n      borderColor: colors.light,\n      borderStyle: \"solid\",\n    },\n    ...pick(viewStyles, borders),\n  };\n\n  const margins = [\"marginLeft\", \"marginRight\", \"marginTop\", \"marginBottom\"];\n\n  const marginStyles = pick(viewStyles, margins);\n\n  const stylesWithoutBordersAndMargins = {\n    ...{\n      height: 60,\n      width: \"100%\",\n    },\n    ...omit(viewStyles, [...borders, ...margins]),\n  };\n\n  const selectedLabel =\n    selectedValue &&\n    ((options as unknown as PickerOption[]).find(\n      (o) => o.value === selectedValue\n    )?.label ??\n      selectedValue);\n\n  const labelText = label ? (\n    <Text\n      style={{\n        textAlign: textStyles.textAlign,\n        color: colors.light,\n        fontSize: 12,\n        paddingBottom: 4,\n      }}\n    >\n      {label}\n    </Text>\n  ) : null;\n\n  const leftIconOutset = leftIconMode === \"outset\";\n\n  const leftIcon = leftIconName ? (\n    <Icon\n      name={leftIconName}\n      size={24}\n      style={{\n        marginRight: 8,\n        marginLeft: -6,\n      }}\n    />\n  ) : null;\n\n  const rightIcon = rightIconName ? (\n    <Icon\n      name={rightIconName}\n      size={24}\n      style={{\n        marginRight: -6,\n        marginLeft: 8,\n      }}\n    />\n  ) : null;\n\n  // @ts-ignore\n  const width = stylesWithoutBordersAndMargins?.width ?? undefined;\n\n  const textAlign = textStyles?.textAlign;\n\n  const paddingLeft =\n    leftIconOutset &&\n    (!textAlign || textAlign === \"left\" || textAlign === \"justify\")\n      ? 28 // icon size + 4\n      : 0;\n\n  const assistiveTextLabel = assistiveText ? (\n    <Text\n      style={{\n        textAlign,\n        width,\n        paddingLeft,\n        color: colors.light,\n        fontSize: 12,\n        paddingTop: 4,\n      }}\n    >\n      {assistiveText}\n    </Text>\n  ) : null;\n\n  const primaryTextStyle = {\n    color: colors.light,\n    fontSize: 14,\n    ...pickBy(textStyles, identity),\n    ...(placeholder === selectedValue\n      ? { color: placeholderTextColor ?? colors.light }\n      : {}),\n  };\n\n  const toggleVisibility = () => setIsPickerVisible(!pickerVisible);\n\n  return (\n    <View\n      style={[\n        {\n          alignSelf: \"stretch\",\n        },\n        marginStyles,\n      ]}\n    >\n      <Touchable\n        disabled={disabled}\n        onPress={toggleVisibility}\n        style={{ alignSelf: \"stretch\", alignItems: \"center\" }}\n      >\n        <View\n          pointerEvents=\"none\"\n          style={[\n            {\n              //alignSelf: \"stretch\",\n              flexDirection: \"row\",\n              alignItems: \"center\",\n              justifyContent: \"space-between\",\n            },\n            stylesWithoutBordersAndMargins,\n            // @ts-ignore\n            !leftIconOutset && borderStyles,\n          ]}\n        >\n          {leftIcon}\n\n          <View\n            style={[\n              {\n                flex: 1,\n                height: \"100%\",\n                flexDirection: \"row\",\n                alignItems: \"center\",\n                justifyContent: \"space-between\",\n                paddingLeft: 12,\n                paddingRight: 12,\n              },\n              // @ts-ignore\n              leftIconOutset && borderStyles,\n            ]}\n          >\n            <View\n              style={{\n                flex: 1,\n                // paddingTop: 0,\n                // paddingRight: 0, // add inner text paddding settings\n                // paddingLeft: 0,\n                // paddingBottom: 0,\n              }}\n            >\n              {labelText}\n\n              <Text style={primaryTextStyle}>\n                {String(selectedLabel ?? placeholder)}\n              </Text>\n            </View>\n\n            {rightIcon}\n          </View>\n        </View>\n        {assistiveTextLabel}\n      </Touchable>\n\n      {Platform.OS === \"ios\" && pickerVisible ? (\n        <Portal>\n          <View\n            style={{\n              position: \"absolute\",\n              bottom: 0,\n              left: 0,\n              right: 0,\n              flexDirection: \"row\",\n              justifyContent: \"center\",\n              backgroundColor: colors.divider,\n            }}\n          >\n            <SafeAreaView\n              style={{\n                backgroundColor: \"white\",\n                flexDirection: \"column\",\n                width: \"100%\",\n              }}\n            >\n              <Button\n                Icon={Icon}\n                type=\"text\"\n                onPress={toggleVisibility}\n                style={{ alignSelf: \"flex-end\" }}\n              >\n                {\"Close\"}\n              </Button>\n\n              <NativePicker\n                style={{ backgroundColor: \"white\" }}\n                selectedValue={selectedValue}\n                onValueChange={onValueChange}\n              >\n                {(options as unknown as PickerOption[]).map((o) => (\n                  <NativePicker.Item\n                    label={o.label}\n                    value={o.value}\n                    key={o.value}\n                  />\n                ))}\n              </NativePicker>\n            </SafeAreaView>\n          </View>\n        </Portal>\n      ) : (\n        <NativePicker\n          enabled={pickerVisible}\n          selectedValue={selectedValue}\n          onValueChange={onValueChange}\n          style={{\n            opacity: 0,\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            width: \"100%\",\n          }}\n        >\n          {(options as unknown as PickerOption[]).map((o) => (\n            <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n          ))}\n        </NativePicker>\n      )}\n    </View>\n  );\n};\n\nexport default withTheme(Picker);\n"]}

package/lib/module/components/Picker/PickerComponent.web.js

@@ -1,41 +1,21 @@
 import * as React from "react";
-import { StyleSheet, Dimensions } from "react-native";
-import { Picker as NativePicker } from "@react-native-picker/picker";
-const {
-  width: deviceWidth,
-  height: deviceHeight
-} = Dimensions.get("screen");
-export const PickerComponent = _ref => {
-  let {
-    androidPickerRef,
-    togglePickerVisible,
-    pickerOptions,
-    internalValue,
-    handleValueChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(NativePicker, {
-    selectedValue: internalValue,
-    onValueChange: handleValueChange,
-    style: styles.nonIosPicker,
-    ref: androidPickerRef,
-    onBlur: togglePickerVisible
-  }, pickerOptions.map(option => /*#__PURE__*/React.createElement(NativePicker.Item, {
-    label: option.label,
-    value: option.value,
-    key: option.value
-  })));
-};
-const styles = StyleSheet.create({
-  nonIosPicker: {
-    opacity: 0,
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: "100%",
-    maxWidth: deviceWidth,
-    maxHeight: deviceHeight
-  }
-});
+import {
+/* StyleSheet, Dimensions,  */
+Text } from "react-native"; // import { Picker as NativePicker } from "@react-native-picker/picker";
+
+export const PickerComponent = () => {
+  return /*#__PURE__*/React.createElement(Text, null, "web");
+}; // const styles = StyleSheet.create({
+//   nonIosPicker: {
+//     opacity: 0,
+//     position: "absolute",
+//     top: 0,
+//     left: 0,
+//     right: 0,
+//     bottom: 0,
+//     width: "100%",
+//     maxWidth: deviceWidth,
+//     maxHeight: deviceHeight,
+//   },
+// });
 //# sourceMappingURL=PickerComponent.web.js.map

package/lib/module/components/Picker/PickerComponent.web.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PickerComponent.web.tsx"],"names":["React","StyleSheet","Dimensions","Picker","NativePicker","width","deviceWidth","height","deviceHeight","get","PickerComponent","androidPickerRef","togglePickerVisible","pickerOptions","internalValue","handleValueChange","styles","nonIosPicker","map","option","label","value","create","opacity","position","top","left","right","bottom","maxWidth","maxHeight"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT,EAAqBC,UAArB,QAAuC,cAAvC;AAEA,SAASC,MAAM,IAAIC,YAAnB,QAAuC,6BAAvC;AAMA,MAAM;AAAEC,EAAAA,KAAK,EAAEC,WAAT;AAAsBC,EAAAA,MAAM,EAAEC;AAA9B,IAA+CN,UAAU,CAACO,GAAX,CAAe,QAAf,CAArD;AAWA,OAAO,MAAMC,eAA+C,GAAG,QAMzD;AAAA,MAN0D;AAC9DC,IAAAA,gBAD8D;AAE9DC,IAAAA,mBAF8D;AAG9DC,IAAAA,aAH8D;AAI9DC,IAAAA,aAJ8D;AAK9DC,IAAAA;AAL8D,GAM1D;AACJ,sBACE,oBAAC,YAAD;AACE,IAAA,aAAa,EAAED,aADjB;AAEE,IAAA,aAAa,EAAEC,iBAFjB;AAGE,IAAA,KAAK,EAAEC,MAAM,CAACC,YAHhB;AAIE,IAAA,GAAG,EAAEN,gBAJP;AAKE,IAAA,MAAM,EAAEC;AALV,KAOIC,aAAD,CAA6CK,GAA7C,CAAkDC,MAAD,iBAChD,oBAAC,YAAD,CAAc,IAAd;AACE,IAAA,KAAK,EAAEA,MAAM,CAACC,KADhB;AAEE,IAAA,KAAK,EAAED,MAAM,CAACE,KAFhB;AAGE,IAAA,GAAG,EAAEF,MAAM,CAACE;AAHd,IADD,CAPH,CADF;AAiBD,CAxBM;AA0BP,MAAML,MAAM,GAAGf,UAAU,CAACqB,MAAX,CAAkB;AAC/BL,EAAAA,YAAY,EAAE;AACZM,IAAAA,OAAO,EAAE,CADG;AAEZC,IAAAA,QAAQ,EAAE,UAFE;AAGZC,IAAAA,GAAG,EAAE,CAHO;AAIZC,IAAAA,IAAI,EAAE,CAJM;AAKZC,IAAAA,KAAK,EAAE,CALK;AAMZC,IAAAA,MAAM,EAAE,CANI;AAOZvB,IAAAA,KAAK,EAAE,MAPK;AAQZwB,IAAAA,QAAQ,EAAEvB,WARE;AASZwB,IAAAA,SAAS,EAAEtB;AATC;AADiB,CAAlB,CAAf","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, Dimensions } from \"react-native\";\n\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nimport { PickerOption } from \"./Picker\";\n\nconst { width: deviceWidth, height: deviceHeight } = Dimensions.get(\"screen\");\n\ninterface PickerComponentProps {\n  Icon: IconSlot[\"Icon\"];\n  androidPickerRef: React.RefObject<any>;\n  togglePickerVisible: () => void;\n  pickerOptions: PickerOption[];\n  internalValue: string | undefined;\n  handleValueChange: (newValue: string, itemIndex: number) => void;\n}\n\nexport const PickerComponent: React.FC<PickerComponentProps> = ({\n  androidPickerRef,\n  togglePickerVisible,\n  pickerOptions,\n  internalValue,\n  handleValueChange,\n}) => {\n  return (\n    <NativePicker\n      selectedValue={internalValue}\n      onValueChange={handleValueChange}\n      style={styles.nonIosPicker}\n      ref={androidPickerRef}\n      onBlur={togglePickerVisible}\n    >\n      {(pickerOptions as unknown as PickerOption[]).map((option) => (\n        <NativePicker.Item\n          label={option.label}\n          value={option.value}\n          key={option.value}\n        />\n      ))}\n    </NativePicker>\n  );\n};\n\nconst styles = StyleSheet.create({\n  nonIosPicker: {\n    opacity: 0,\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    width: \"100%\",\n    maxWidth: deviceWidth,\n    maxHeight: deviceHeight,\n  },\n});\n"]}
+{"version":3,"sources":["PickerComponent.web.tsx"],"names":["React","Text","PickerComponent"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA;AAAS;AAA+BC,IAAxC,QAAoD,cAApD,C,CAEA;;AAiBA,OAAO,MAAMC,eAA+C,GAAG,MAAM;AACnE,sBAAO,oBAAC,IAAD,cAAP;AACD,CAFM,C,CAIP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourcesContent":["import * as React from \"react\";\nimport { /* StyleSheet, Dimensions,  */ Text } from \"react-native\";\n\n// import { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nimport { PickerOption } from \"./Picker\";\n\n// const { width: deviceWidth, height: deviceHeight } = Dimensions.get(\"screen\");\n\ninterface PickerComponentProps {\n  Icon: IconSlot[\"Icon\"];\n  androidPickerRef: React.RefObject<any>;\n  togglePickerVisible: () => void;\n  pickerOptions: PickerOption[];\n  internalValue: string | undefined;\n  handleValueChange: (newValue: string, itemIndex: number) => void;\n}\n\nexport const PickerComponent: React.FC<PickerComponentProps> = () => {\n  return <Text>web</Text>;\n};\n\n// const styles = StyleSheet.create({\n//   nonIosPicker: {\n//     opacity: 0,\n//     position: \"absolute\",\n//     top: 0,\n//     left: 0,\n//     right: 0,\n//     bottom: 0,\n//     width: \"100%\",\n//     maxWidth: deviceWidth,\n//     maxHeight: deviceHeight,\n//   },\n// });\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["StepIndicator.tsx"],"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"],"mappings":"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","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"]}
+{"version":3,"sources":["StepIndicator.js"],"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","createElement","onLayout","event","setState","progressBarSize","nativeEvent","layout","onCurrentPositionChanged","currentPosition","style","progressBarStyle","separatorFinishedColor","separatorStrokeFinishedWidth","progressAnim","steps","push","key","onPress","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","render","container","flex","renderProgressBarBackground","renderProgressBar","renderStepLabels","componentDidUpdate","prevProps","create","justifyContent","zIndex","textAlign","fontWeight","defaultProps"],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport React, { Component } from \"react\";\nimport { View, Text, StyleSheet, Animated, TouchableWithoutFeedback, } from \"react-native\";\nconst STEP_STATUS = {\n    CURRENT: \"current\",\n    FINISHED: \"finished\",\n    UNFINISHED: \"unfinished\",\n};\nexport default class StepIndicator extends Component {\n    constructor(props) {\n        super(props);\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        const customStyles = Object.assign(defaultStyles, props.customStyles);\n        this.state = {\n            width: 0,\n            height: 1,\n            progressBarSize: -2,\n            customStyles,\n        };\n        this.progressAnim = new Animated.Value(0);\n        this.sizeAnim = new Animated.Value(this.state.customStyles.stepIndicatorSize);\n        this.borderRadiusAnim = new Animated.Value(this.state.customStyles.stepIndicatorSize / 2);\n    }\n    stepPressed(position) {\n        if (this.props.onPress) {\n            this.props.onPress(position);\n        }\n    }\n    render() {\n        const { labels, direction } = this.props;\n        return (React.createElement(View, { style: [\n                styles.container,\n                direction === \"vertical\"\n                    ? { flexDirection: \"row\", flex: 1 }\n                    : { flexDirection: \"column\" },\n            ] },\n            this.state.width !== 0 && this.renderProgressBarBackground(),\n            this.state.width !== 0 && this.renderProgressBar(),\n            this.renderStepIndicator(),\n            labels && this.renderStepLabels()));\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        if (prevProps.currentPosition !== this.props.currentPosition) {\n            this.onCurrentPositionChanged(this.props.currentPosition);\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: (this.state.width - this.state.customStyles.separatorStrokeWidth) / 2,\n                top: this.state.height / (2 * stepCount),\n                bottom: this.state.height / (2 * stepCount),\n                width: this.state.customStyles.separatorStrokeUnfinishedWidth === 0\n                    ? this.state.customStyles.separatorStrokeWidth\n                    : this.state.customStyles.separatorStrokeUnfinishedWidth,\n            };\n        }\n        else {\n            progressBarBackgroundStyle = {\n                backgroundColor: this.state.customStyles.separatorUnFinishedColor,\n                position: \"absolute\",\n                top: (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: this.state.customStyles.separatorStrokeUnfinishedWidth === 0\n                    ? this.state.customStyles.separatorStrokeWidth\n                    : this.state.customStyles.separatorStrokeUnfinishedWidth,\n            };\n        }\n        return (React.createElement(View, { onLayout: (event) => {\n                if (direction === \"vertical\") {\n                    this.setState({ progressBarSize: event.nativeEvent.layout.height }, () => {\n                        this.onCurrentPositionChanged(this.props.currentPosition);\n                    });\n                }\n                else {\n                    this.setState({ progressBarSize: event.nativeEvent.layout.width }, () => {\n                        this.onCurrentPositionChanged(this.props.currentPosition);\n                    });\n                }\n            }, style: progressBarBackgroundStyle }));\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: (this.state.width - this.state.customStyles.separatorStrokeWidth) / 2,\n                top: this.state.height / (2 * stepCount),\n                bottom: this.state.height / (2 * stepCount),\n                width: this.state.customStyles.separatorStrokeFinishedWidth === 0\n                    ? this.state.customStyles.separatorStrokeWidth\n                    : this.state.customStyles.separatorStrokeFinishedWidth,\n                height: this.progressAnim,\n            };\n        }\n        else {\n            progressBarStyle = {\n                backgroundColor: this.state.customStyles.separatorFinishedColor,\n                position: \"absolute\",\n                top: (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: this.state.customStyles.separatorStrokeFinishedWidth === 0\n                    ? this.state.customStyles.separatorStrokeWidth\n                    : this.state.customStyles.separatorStrokeFinishedWidth,\n                width: this.progressAnim,\n            };\n        }\n        return React.createElement(Animated.View, { style: progressBarStyle });\n    };\n    renderStepIndicator = () => {\n        let steps = [];\n        const { stepCount, direction } = this.props;\n        for (let position = 0; position < stepCount; position++) {\n            steps.push(React.createElement(TouchableWithoutFeedback, { key: position, onPress: () => this.stepPressed(position) },\n                React.createElement(View, { style: [\n                        styles.stepContainer,\n                        direction === \"vertical\"\n                            ? { flexDirection: \"column\" }\n                            : { flexDirection: \"row\" },\n                    ] }, this.renderStep(position))));\n        }\n        return (React.createElement(View, { onLayout: (event) => this.setState({\n                width: event.nativeEvent.layout.width,\n                height: event.nativeEvent.layout.height,\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            ] }, steps));\n    };\n    renderStepLabels = () => {\n        const { labels, direction, currentPosition, renderLabel } = this.props;\n        var labelViews = labels.map((label, index) => {\n            const selectedStepLabelStyle = index === currentPosition\n                ? { color: this.state.customStyles.currentStepLabelColor }\n                : { color: this.state.customStyles.labelColor };\n            return (React.createElement(TouchableWithoutFeedback, { style: styles.stepLabelItem, key: index, onPress: () => this.stepPressed(index) },\n                React.createElement(View, { style: styles.stepLabelItem }, renderLabel ? (renderLabel({\n                    position: index,\n                    stepStatus: this.getStepStatus(index),\n                    label,\n                    currentPosition,\n                })) : (React.createElement(Text, { style: [\n                        styles.stepLabel,\n                        selectedStepLabelStyle,\n                        {\n                            fontSize: this.state.customStyles.labelSize,\n                            fontFamily: this.state.customStyles.labelFontFamily,\n                        },\n                    ] }, label)))));\n        });\n        return (React.createElement(View, { style: [\n                styles.stepLabelsContainer,\n                direction === \"vertical\"\n                    ? { flexDirection: \"column\", paddingHorizontal: 4 }\n                    : { flexDirection: \"row\", paddingVertical: 4 },\n                { alignItems: this.state.customStyles.labelAlign },\n            ] }, labelViews));\n    };\n    renderStep = (position) => {\n        const { renderStepIndicator } = this.props;\n        let stepStyle;\n        let indicatorLabelStyle;\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                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            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        return (React.createElement(Animated.View, { key: \"step-indicator\", style: [styles.step, stepStyle] }, renderStepIndicator ? (renderStepIndicator({\n            position,\n            stepStatus: this.getStepStatus(position),\n        })) : (React.createElement(Text, { style: indicatorLabelStyle }, `${position + 1}`))));\n    };\n    getStepStatus = (stepPosition) => {\n        const { currentPosition } = this.props;\n        if (stepPosition === currentPosition) {\n            return STEP_STATUS.CURRENT;\n        }\n        else if (stepPosition < currentPosition) {\n            return STEP_STATUS.FINISHED;\n        }\n        else {\n            return STEP_STATUS.UNFINISHED;\n        }\n    };\n    onCurrentPositionChanged = (position) => {\n        let { stepCount } = this.props;\n        if (position > stepCount - 1) {\n            position = stepCount - 1;\n        }\n        const animateToPosition = (this.state.progressBarSize / (stepCount - 1)) * position;\n        this.sizeAnim.setValue(this.state.customStyles.stepIndicatorSize);\n        this.borderRadiusAnim.setValue(this.state.customStyles.stepIndicatorSize / 2);\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}\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});\nStepIndicator.defaultProps = {\n    currentPosition: 0,\n    stepCount: 5,\n    customStyles: {},\n    direction: \"horizontal\",\n};\n"]}