@draftbit/core 44.1.8 → 44.1.9-222859.1

package/lib/commonjs/components/ActionSheet/ActionSheetItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ActionSheetItem.tsx"],"names":["ActionSheetItem","label","style","color","onPress","textStyles","viewStyles","styles","wrapper","StyleSheet","create","borderBottomWidth","hairlineWidth","borderBottomColor","backgroundColor","minHeight","overflow","display","justifyContent","fontSize","textAlign","fontWeight","paddingHorizontal","paddingVertical","alignSelf"],"mappings":";;;;;;;AAAA;;AACA;;AAQA;;;;AASA,MAAMA,eAAgC,GAAG,QAAsC;AAAA,MAArC;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,KAAhB;AAAuBC,IAAAA;AAAvB,GAAqC;AAC7E,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,8BAAcJ,KAAd,CAAnC;AACA,sBACE,6BAAC,6BAAD;AACE,IAAA,aAAa,EAAE,GADjB;AAEE,IAAA,KAAK,EAAE,CAACK,MAAM,CAACC,OAAR,EAAiBF,UAAjB,CAFT;AAGE,IAAA,OAAO,EAAEF;AAHX,kBAKE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACG,MAAM,CAACN,KAAR,EAAeI,UAAf,EAA2B;AAAEF,MAAAA;AAAF,KAA3B;AAAb,KAAqDF,KAArD,CALF,CADF;AASD,CAXD;;AAaA,MAAMM,MAAM,GAAGE,wBAAWC,MAAX,CAAkB;AAC/BF,EAAAA,OAAO,EAAE;AACPG,IAAAA,iBAAiB,EAAEF,wBAAWG,aADvB;AAEPC,IAAAA,iBAAiB,EAAE,SAFZ;AAGPC,IAAAA,eAAe,EAAE,SAHV;AAIPC,IAAAA,SAAS,EAAE,EAJJ;AAKPC,IAAAA,QAAQ,EAAE,QALH;AAMPC,IAAAA,OAAO,EAAE,MANF;AAOPC,IAAAA,cAAc,EAAE;AAPT,GADsB;AAU/BjB,EAAAA,KAAK,EAAE;AACLkB,IAAAA,QAAQ,EAAE,EADL;AAELC,IAAAA,SAAS,EAAE,QAFN;AAGLjB,IAAAA,KAAK,EAAE,SAHF;AAILkB,IAAAA,UAAU,EAAE,KAJP;AAKLL,IAAAA,QAAQ,EAAE,QALL;AAMLM,IAAAA,iBAAiB,EAAE,EANd;AAOLC,IAAAA,eAAe,EAAE,EAPZ;AAQLC,IAAAA,SAAS,EAAE;AARN;AAVwB,CAAlB,CAAf;;eAsBexB,e","sourcesContent":["import React from \"react\";\nimport {\n  Text,\n  StyleSheet,\n  StyleProp,\n  TouchableOpacity,\n  ViewStyle,\n  TextStyle,\n} from \"react-native\";\nimport { extractStyles } from \"../../utilities\";\n\ntype Props = {\n  label: string;\n  color: string;\n  style?: StyleProp<ViewStyle | TextStyle>;\n  onPress?: () => void;\n};\n\nconst ActionSheetItem: React.FC<Props> = ({ label, style, color, onPress }) => {\n  const { textStyles, viewStyles } = extractStyles(style);\n  return (\n    <TouchableOpacity\n      activeOpacity={0.7}\n      style={[styles.wrapper, viewStyles]}\n      onPress={onPress}\n    >\n      <Text style={[styles.label, textStyles, { color }]}>{label}</Text>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  wrapper: {\n    borderBottomWidth: StyleSheet.hairlineWidth,\n    borderBottomColor: \"#CCCCCC\",\n    backgroundColor: \"#F1F1F1\",\n    minHeight: 50,\n    overflow: \"hidden\",\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n  label: {\n    fontSize: 16,\n    textAlign: \"center\",\n    color: \"#0A84FF\",\n    fontWeight: \"500\",\n    overflow: \"hidden\",\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n    alignSelf: \"center\",\n  },\n});\n\nexport default ActionSheetItem;\n"]}
+{"version":3,"sources":["ActionSheetItem.js"],"names":["ActionSheetItem","label","style","color","onPress","textStyles","viewStyles","React","createElement","TouchableOpacity","activeOpacity","styles","wrapper","Text","StyleSheet","create","borderBottomWidth","hairlineWidth","borderBottomColor","backgroundColor","minHeight","overflow","display","justifyContent","fontSize","textAlign","fontWeight","paddingHorizontal","paddingVertical","alignSelf"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AACA,MAAMA,eAAe,GAAG,QAAsC;AAAA,MAArC;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,KAAhB;AAAuBC,IAAAA;AAAvB,GAAqC;AAC1D,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,8BAAcJ,KAAd,CAAnC;AACA,sBAAQK,eAAMC,aAAN,CAAoBC,6BAApB,EAAsC;AAAEC,IAAAA,aAAa,EAAE,GAAjB;AAAsBR,IAAAA,KAAK,EAAE,CAACS,MAAM,CAACC,OAAR,EAAiBN,UAAjB,CAA7B;AAA2DF,IAAAA,OAAO,EAAEA;AAApE,GAAtC,eACJG,eAAMC,aAAN,CAAoBK,iBAApB,EAA0B;AAAEX,IAAAA,KAAK,EAAE,CAACS,MAAM,CAACV,KAAR,EAAeI,UAAf,EAA2B;AAAEF,MAAAA;AAAF,KAA3B;AAAT,GAA1B,EAA4EF,KAA5E,CADI,CAAR;AAEH,CAJD;;AAKA,MAAMU,MAAM,GAAGG,wBAAWC,MAAX,CAAkB;AAC7BH,EAAAA,OAAO,EAAE;AACLI,IAAAA,iBAAiB,EAAEF,wBAAWG,aADzB;AAELC,IAAAA,iBAAiB,EAAE,SAFd;AAGLC,IAAAA,eAAe,EAAE,SAHZ;AAILC,IAAAA,SAAS,EAAE,EAJN;AAKLC,IAAAA,QAAQ,EAAE,QALL;AAMLC,IAAAA,OAAO,EAAE,MANJ;AAOLC,IAAAA,cAAc,EAAE;AAPX,GADoB;AAU7BtB,EAAAA,KAAK,EAAE;AACHuB,IAAAA,QAAQ,EAAE,EADP;AAEHC,IAAAA,SAAS,EAAE,QAFR;AAGHtB,IAAAA,KAAK,EAAE,SAHJ;AAIHuB,IAAAA,UAAU,EAAE,KAJT;AAKHL,IAAAA,QAAQ,EAAE,QALP;AAMHM,IAAAA,iBAAiB,EAAE,EANhB;AAOHC,IAAAA,eAAe,EAAE,EAPd;AAQHC,IAAAA,SAAS,EAAE;AARR;AAVsB,CAAlB,CAAf;;eAqBe7B,e","sourcesContent":["import React from \"react\";\nimport { Text, StyleSheet, TouchableOpacity, } from \"react-native\";\nimport { extractStyles } from \"../../utilities\";\nconst ActionSheetItem = ({ label, style, color, onPress }) => {\n    const { textStyles, viewStyles } = extractStyles(style);\n    return (React.createElement(TouchableOpacity, { activeOpacity: 0.7, style: [styles.wrapper, viewStyles], onPress: onPress },\n        React.createElement(Text, { style: [styles.label, textStyles, { color }] }, label)));\n};\nconst styles = StyleSheet.create({\n    wrapper: {\n        borderBottomWidth: StyleSheet.hairlineWidth,\n        borderBottomColor: \"#CCCCCC\",\n        backgroundColor: \"#F1F1F1\",\n        minHeight: 50,\n        overflow: \"hidden\",\n        display: \"flex\",\n        justifyContent: \"center\",\n    },\n    label: {\n        fontSize: 16,\n        textAlign: \"center\",\n        color: \"#0A84FF\",\n        fontWeight: \"500\",\n        overflow: \"hidden\",\n        paddingHorizontal: 20,\n        paddingVertical: 10,\n        alignSelf: \"center\",\n    },\n});\nexport default ActionSheetItem;\n"]}

package/lib/commonjs/components/Picker/Picker.js

@@ -7,9 +7,23 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
+var _reactNative = require("react-native");
+
+var _lodash = require("lodash");
+
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+
+var _picker = require("@react-native-picker/picker");
+
 var _theming = require("../../theming");
 
-var _PickerComponent = _interopRequireDefault(require("./PickerComponent"));
+var _Portal = _interopRequireDefault(require("../Portal/Portal"));
+
+var _DeprecatedButton = _interopRequireDefault(require("../DeprecatedButton"));
+
+var _Touchable = _interopRequireDefault(require("../Touchable"));
+
+var _utilities = require("../../utilities");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -17,24 +31,22 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || 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); }
-
 function normalizeOptions(options) {
   if (options.length === 0) {
     return [];
   }
 
-  if (typeof options[0] === "string") {
+  if (typeof options[0] === ("string" || "number")) {
     return options.map(option => ({
-      label: option,
+      label: String(option),
       value: String(option)
     }));
   }
 
-  if (options[0].label && options[0].value) {
+  if (typeof options[0] === "object" && options[0].value !== null && options[0].label !== null) {
     return options.map(option => {
       return {
-        label: option.label,
+        label: String(option.label),
         value: String(option.value)
       };
     });
@@ -43,16 +55,36 @@ function normalizeOptions(options) {
   throw new Error('Picker options must be either an array of strings or array of { "label": string; "value": string; } objects.');
 }
 
+const unstyledColor = "rgba(165, 173, 183, 1)";
+const disabledColor = "rgb(240, 240, 240)";
+const errorColor = "rgba(255, 69, 100, 1)";
+
 const Picker = _ref => {
+  var _find$label, _find, _stylesWithoutBorders;
+
   let {
+    error,
     options = [],
+    onValueChange,
+    defaultValue,
+    Icon,
+    style,
     placeholder,
-    onValueChange: onValueChangeOverride,
     value,
-    defaultValue,
-    ...props
+    disabled = false,
+    theme,
+    assistiveText,
+    label,
+    iconColor = unstyledColor,
+    iconSize = 24,
+    leftIconMode = "inset",
+    leftIconName,
+    placeholderTextColor = unstyledColor,
+    rightIconName,
+    type = "solid"
   } = _ref;
   const [internalValue, setInternalValue] = React.useState(value || defaultValue);
+  const [pickerVisible, togglePickerVisible] = React.useReducer(state => !state, false);
   React.useEffect(() => {
     if (value != null) {
       setInternalValue(value);
@@ -63,36 +95,231 @@ const Picker = _ref => {
       setInternalValue(defaultValue);
     }
   }, [defaultValue]);
-  const onValueChange = React.useCallback((itemValue, itemIndex) => {
-    if (placeholder && itemIndex === 0) {
-      return;
-    }
-
-    onValueChangeOverride && onValueChangeOverride(String(itemValue), itemIndex);
-  }, [placeholder, onValueChangeOverride]);
   const normalizedOptions = normalizeOptions(options);
   const pickerOptions = placeholder ? [{
     value: placeholder,
     label: placeholder
   }, ...normalizedOptions] : normalizedOptions;
+  const {
+    viewStyles,
+    textStyles
+  } = (0, _utilities.extractStyles)(style);
+  const {
+    colors
+  } = theme;
+  const borders = ["borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomRightRadius", "borderBottomLeftRadius", "borderTopWidth", "borderRightWidth", "borderBottomWidth", "borderLeftWidth", "borderColor", "borderStyle", "backgroundColor"];
+  const borderStyles = { ...{ ...(type === "solid" ? {
+        borderTopLeftRadius: 5,
+        borderTopRightRadius: 5,
+        borderBottomRightRadius: 5,
+        borderBottomLeftRadius: 5,
+        borderTopWidth: 1,
+        borderRightWidth: 1,
+        borderLeftWidth: 1
+      } : {}),
+      borderBottomWidth: 1,
+      borderColor: unstyledColor,
+      borderStyle: "solid"
+    },
+    ...(0, _lodash.pick)(viewStyles, borders),
+    ...(error ? {
+      borderColor: errorColor
+    } : {}),
+    ...(disabled ? {
+      borderColor: "transparent",
+      backgroundColor: disabledColor
+    } : {})
+  };
+  const margins = ["marginLeft", "marginRight", "marginTop", "marginBottom"];
+  const marginStyles = (0, _lodash.pick)(viewStyles, margins);
+  const maxHeight = viewStyles !== null && viewStyles !== void 0 && viewStyles.maxHeight && viewStyles.maxHeight !== "100%" ? viewStyles.maxHeight : _reactNative.Dimensions.get("window").height;
+  const stylesWithoutBordersAndMargins = { ...{
+      height: 60,
+      width: "100%"
+    },
+    ...(0, _lodash.omit)(viewStyles, [...borders, ...margins]),
+    ...{
+      maxHeight
+    }
+  };
+  const selectedLabel = internalValue && ((_find$label = (_find = pickerOptions.find(option => option.value === internalValue)) === null || _find === void 0 ? void 0 : _find.label) !== null && _find$label !== void 0 ? _find$label : internalValue);
+  const labelText = label ? /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: {
+      textAlign: textStyles.textAlign,
+      color: unstyledColor,
+      fontSize: 12,
+      paddingBottom: 4
+    }
+  }, label) : null;
+  const leftIconOutset = leftIconMode === "outset";
+  const leftIcon = leftIconName ? /*#__PURE__*/React.createElement(Icon, {
+    name: leftIconName,
+    color: disabled ? unstyledColor : iconColor,
+    size: iconSize,
+    style: {
+      marginRight: 4,
+      marginLeft: 4
+    }
+  }) : null;
+  const rightIcon = rightIconName ? /*#__PURE__*/React.createElement(Icon, {
+    name: rightIconName,
+    color: disabled ? unstyledColor : iconColor,
+    size: iconSize,
+    style: {
+      marginRight: -10,
+      marginLeft: 8
+    }
+  }) : null;
+  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") ? iconSize + 4 : 0;
+  const assistiveTextLabel = assistiveText ? /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: {
+      textAlign,
+      width,
+      paddingLeft,
+      color: unstyledColor,
+      fontSize: 12,
+      paddingTop: 4
+    }
+  }, assistiveText) : null;
+  const primaryTextStyle = {
+    color: unstyledColor,
+    fontSize: 14,
+    ...(0, _lodash.pickBy)(textStyles, _lodash.identity),
+    ...(placeholder === internalValue ? {
+      color: placeholderTextColor
+    } : {}),
+    ...(disabled ? {
+      color: unstyledColor
+    } : {})
+  };
 
   const handleValueChange = (newValue, itemIndex) => {
-    setInternalValue(newValue);
-
-    if (onValueChange) {
-      onValueChange(newValue, itemIndex);
+    if (!placeholder || itemIndex > 0) {
+      onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newValue, itemIndex);
     }
+
+    setInternalValue(newValue);
   };
 
-  return /*#__PURE__*/React.createElement(_PickerComponent.default, _extends({}, props, {
-    selectedValue: String(internalValue),
-    placeholder: placeholder,
-    options: pickerOptions,
-    onValueChange: handleValueChange
-  }));
+  return (
+    /*#__PURE__*/
+
+    /* marginsContainer */
+    React.createElement(_reactNative.View, {
+      style: [styles.marginsContainer, marginStyles]
+    }, /*#__PURE__*/React.createElement(_Touchable.default, {
+      disabled: disabled,
+      onPress: togglePickerVisible,
+      style: styles.touchableContainer
+    }, /*#__PURE__*/React.createElement(_reactNative.View, {
+      pointerEvents: "none",
+      style: [styles.outsetContainer, stylesWithoutBordersAndMargins, // @ts-expect-error ... rejects border-related { key: undefined }
+      !leftIconOutset && borderStyles // set border if Icon is inset
+      ]
+    }, leftIcon, /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: [styles.insetContainer, // @ts-expect-error ... rejects border-related { key: undefined }
+      leftIconOutset && borderStyles // set border if Icon is outset
+      ]
+    }, /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: styles.primaryTextContainer
+    }, labelText, /*#__PURE__*/React.createElement(_reactNative.Text, {
+      style: primaryTextStyle
+    }, String(selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : placeholder))), rightIcon)), assistiveTextLabel), _reactNative.Platform.OS === "ios" && pickerVisible ? /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: [styles.iosPicker, {
+        backgroundColor: colors.divider
+      }]
+    }, /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+      style: styles.iosSafeArea
+    }, /*#__PURE__*/React.createElement(_DeprecatedButton.default, {
+      Icon: Icon,
+      type: "text",
+      onPress: togglePickerVisible,
+      style: styles.iosButton
+    }, "Close"), /*#__PURE__*/React.createElement(_picker.Picker, {
+      style: styles.iosNativePicker,
+      selectedValue: internalValue,
+      onValueChange: handleValueChange
+    }, pickerOptions.map(option => /*#__PURE__*/React.createElement(_picker.Picker.Item, {
+      label: option.label,
+      value: option.value,
+      key: option.value
+    })))))) : null, _reactNative.Platform.OS !== "ios" ? /*#__PURE__*/React.createElement(_picker.Picker, {
+      enabled: !disabled,
+      selectedValue: internalValue,
+      onValueChange: handleValueChange,
+      style: styles.nonIosPicker
+    }, pickerOptions.map(option => /*#__PURE__*/React.createElement(_picker.Picker.Item, {
+      label: option.label,
+      value: option.value,
+      key: option.value
+    }))) : null)
+  );
 };
 
 var _default = (0, _theming.withTheme)(Picker);
 
 exports.default = _default;
+
+const styles = _reactNative.StyleSheet.create({
+  marginsContainer: {
+    alignSelf: "stretch"
+  },
+  touchableContainer: {
+    alignSelf: "stretch",
+    alignItems: "center"
+  },
+  outsetContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  insetContainer: {
+    flex: 1,
+    height: "100%",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingLeft: 12,
+    paddingRight: 12
+  },
+  primaryTextContainer: {
+    flex: 1
+  },
+  iosPicker: {
+    position: "absolute",
+    bottom: 0,
+    left: 0,
+    right: 0,
+    flexDirection: "row",
+    justifyContent: "center"
+  },
+  iosSafeArea: {
+    backgroundColor: "white",
+    flexDirection: "column",
+    width: "100%"
+  },
+  iosButton: {
+    alignSelf: "flex-end"
+  },
+  iosNativePicker: {
+    backgroundColor: "white"
+  },
+  nonIosPicker: {
+    opacity: 0,
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width: "100%"
+  }
+});
+//# sourceMappingURL=Picker.js.mapft: 0,
+    right: 0,
+    bottom: 0,
+    width: "100%"
+  }
+});
 //# sourceMappingURL=Picker.js.map

package/lib/commonjs/components/Picker/Picker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Picker.tsx"],"names":["normalizeOptions","options","length","map","option","label","value","String","Error","Picker","placeholder","onValueChange","onValueChangeOverride","defaultValue","props","internalValue","setInternalValue","React","useState","useEffect","useCallback","itemValue","itemIndex","normalizedOptions","pickerOptions","handleValueChange","newValue"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../../theming\";\n//@ts-ignore\nimport PickerComponent from \"./PickerComponent\"; //unable to find file due to using .android/.web/.ios\nimport { PickerComponentProps, PickerOption } from \"./PickerTypes\";\n\ntype Props = PickerComponentProps & {\n  placeholder?: string;\n  value?: string;\n  options: PickerOption[] | string[];\n};\n\nfunction normalizeOptions(options: Props[\"options\"]): PickerOption[] {\n  if (options.length === 0) {\n    return [];\n  }\n\n  if (typeof options[0] === \"string\") {\n    return (options as string[]).map((option) => ({\n      label: option,\n      value: String(option),\n    }));\n  }\n\n  if (options[0].label && options[0].value) {\n    return options.map((option) => {\n      return {\n        label: option.label,\n        value: String(option.value),\n      };\n    });\n  }\n\n  throw new Error(\n    'Picker options must be either an array of strings or array of { \"label\": string; \"value\": string; } objects.'\n  );\n}\n\nconst Picker: React.FC<Props> = ({\n  options = [],\n  placeholder,\n  onValueChange: onValueChangeOverride,\n  value,\n  defaultValue,\n  ...props\n}) => {\n  const [internalValue, setInternalValue] = React.useState<string | 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 onValueChange = React.useCallback(\n    (itemValue: string, itemIndex: number) => {\n      if (placeholder && itemIndex === 0) {\n        return;\n      }\n      onValueChangeOverride &&\n        onValueChangeOverride(String(itemValue), itemIndex);\n    },\n    [placeholder, onValueChangeOverride]\n  );\n\n  const normalizedOptions = normalizeOptions(options);\n\n  const pickerOptions = placeholder\n    ? [{ value: placeholder, label: placeholder }, ...normalizedOptions]\n    : normalizedOptions;\n\n  const handleValueChange = (newValue: string, itemIndex: number) => {\n    setInternalValue(newValue);\n    if (onValueChange) {\n      onValueChange(newValue, itemIndex);\n    }\n  };\n\n  return (\n    <PickerComponent\n      {...props}\n      selectedValue={String(internalValue)}\n      placeholder={placeholder}\n      options={pickerOptions}\n      onValueChange={handleValueChange}\n    />\n  );\n};\n\nexport default withTheme(Picker);\n"]}
+{"version":3,"sources":["Picker.tsx"],"names":["normalizeOptions","options","length","map","option","label","String","value","Error","unstyledColor","disabledColor","errorColor","Picker","error","onValueChange","defaultValue","Icon","style","placeholder","disabled","theme","assistiveText","iconColor","iconSize","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","internalValue","setInternalValue","React","useState","pickerVisible","togglePickerVisible","useReducer","state","useEffect","normalizedOptions","pickerOptions","viewStyles","textStyles","colors","borders","borderStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","borderStyle","backgroundColor","margins","marginStyles","maxHeight","Dimensions","get","height","stylesWithoutBordersAndMargins","width","selectedLabel","find","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","undefined","paddingLeft","assistiveTextLabel","paddingTop","primaryTextStyle","identity","handleValueChange","newValue","itemIndex","styles","marginsContainer","touchableContainer","outsetContainer","insetContainer","primaryTextContainer","Platform","OS","iosPicker","divider","iosSafeArea","iosButton","iosNativePicker","nonIosPicker","StyleSheet","create","alignSelf","alignItems","flexDirection","justifyContent","flex","paddingRight","position","bottom","left","right","opacity","top"],"mappings":";;;;;;;AAAA;;AACA;;AASA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAGA;;;;;;;;AA6BA,SAASA,gBAAT,CAA0BC,OAA1B,EAA2E;AACzE,MAAIA,OAAO,CAACC,MAAR,KAAmB,CAAvB,EAA0B;AACxB,WAAO,EAAP;AACD;;AAED,MAAI,OAAOD,OAAO,CAAC,CAAD,CAAd,MAAuB,YAAY,QAAnC,CAAJ,EAAkD;AAChD,WAAQA,OAAD,CAAsBE,GAAtB,CAA2BC,MAAD,KAAa;AAC5CC,MAAAA,KAAK,EAAEC,MAAM,CAACF,MAAD,CAD+B;AAE5CG,MAAAA,KAAK,EAAED,MAAM,CAACF,MAAD;AAF+B,KAAb,CAA1B,CAAP;AAID;;AAED,MACE,OAAOH,OAAO,CAAC,CAAD,CAAd,KAAsB,QAAtB,IACAA,OAAO,CAAC,CAAD,CAAP,CAAWM,KAAX,KAAqB,IADrB,IAEAN,OAAO,CAAC,CAAD,CAAP,CAAWI,KAAX,KAAqB,IAHvB,EAIE;AACA,WAAQJ,OAAD,CAA4BE,GAA5B,CAAiCC,MAAD,IAAY;AACjD,aAAO;AACLC,QAAAA,KAAK,EAAEC,MAAM,CAACF,MAAM,CAACC,KAAR,CADR;AAELE,QAAAA,KAAK,EAAED,MAAM,CAACF,MAAM,CAACG,KAAR;AAFR,OAAP;AAID,KALM,CAAP;AAMD;;AAED,QAAM,IAAIC,KAAJ,CACJ,8GADI,CAAN;AAGD;;AAED,MAAMC,aAAa,GAAG,wBAAtB;AACA,MAAMC,aAAa,GAAG,oBAAtB;AACA,MAAMC,UAAU,GAAG,uBAAnB;;AAEA,MAAMC,MAA6B,GAAG,QAoBhC;AAAA;;AAAA,MApBiC;AACrCC,IAAAA,KADqC;AAErCZ,IAAAA,OAAO,GAAG,EAF2B;AAGrCa,IAAAA,aAHqC;AAIrCC,IAAAA,YAJqC;AAKrCC,IAAAA,IALqC;AAMrCC,IAAAA,KANqC;AAOrCC,IAAAA,WAPqC;AAQrCX,IAAAA,KARqC;AASrCY,IAAAA,QAAQ,GAAG,KAT0B;AAUrCC,IAAAA,KAVqC;AAWrCC,IAAAA,aAXqC;AAYrChB,IAAAA,KAZqC;AAarCiB,IAAAA,SAAS,GAAGb,aAbyB;AAcrCc,IAAAA,QAAQ,GAAG,EAd0B;AAerCC,IAAAA,YAAY,GAAG,OAfsB;AAgBrCC,IAAAA,YAhBqC;AAiBrCC,IAAAA,oBAAoB,GAAGjB,aAjBc;AAkBrCkB,IAAAA,aAlBqC;AAmBrCC,IAAAA,IAAI,GAAG;AAnB8B,GAoBjC;AACJ,QAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCC,KAAK,CAACC,QAAN,CACxCzB,KAAK,IAAIQ,YAD+B,CAA1C;AAIA,QAAM,CAACkB,aAAD,EAAgBC,mBAAhB,IAAuCH,KAAK,CAACI,UAAN,CAC1CC,KAAD,IAAW,CAACA,KAD+B,EAE3C,KAF2C,CAA7C;AAKAL,EAAAA,KAAK,CAACM,SAAN,CAAgB,MAAM;AACpB,QAAI9B,KAAK,IAAI,IAAb,EAAmB;AACjBuB,MAAAA,gBAAgB,CAACvB,KAAD,CAAhB;AACD;AACF,GAJD,EAIG,CAACA,KAAD,CAJH;AAMAwB,EAAAA,KAAK,CAACM,SAAN,CAAgB,MAAM;AACpB,QAAItB,YAAY,IAAI,IAApB,EAA0B;AACxBe,MAAAA,gBAAgB,CAACf,YAAD,CAAhB;AACD;AACF,GAJD,EAIG,CAACA,YAAD,CAJH;AAMA,QAAMuB,iBAAiB,GAAGtC,gBAAgB,CAACC,OAAD,CAA1C;AAEA,QAAMsC,aAAa,GAAGrB,WAAW,GAC7B,CAAC;AAAEX,IAAAA,KAAK,EAAEW,WAAT;AAAsBb,IAAAA,KAAK,EAAEa;AAA7B,GAAD,EAA6C,GAAGoB,iBAAhD,CAD6B,GAE7BA,iBAFJ;AAIA,QAAM;AAAEE,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,8BAAcxB,KAAd,CAAnC;AAEA,QAAM;AAAEyB,IAAAA;AAAF,MAAatB,KAAnB;AAEA,QAAMuB,OAAO,GAAG,CACd,cADc,EAEd,qBAFc,EAGd,sBAHc,EAId,yBAJc,EAKd,wBALc,EAMd,gBANc,EAOd,kBAPc,EAQd,mBARc,EASd,iBATc,EAUd,aAVc,EAWd,aAXc,EAYd,iBAZc,CAAhB;AAeA,QAAMC,YAAY,GAAG,EACnB,GAAG,EACD,IAAIhB,IAAI,KAAK,OAAT,GACA;AACEiB,QAAAA,mBAAmB,EAAE,CADvB;AAEEC,QAAAA,oBAAoB,EAAE,CAFxB;AAGEC,QAAAA,uBAAuB,EAAE,CAH3B;AAIEC,QAAAA,sBAAsB,EAAE,CAJ1B;AAKEC,QAAAA,cAAc,EAAE,CALlB;AAMEC,QAAAA,gBAAgB,EAAE,CANpB;AAOEC,QAAAA,eAAe,EAAE;AAPnB,OADA,GAUA,EAVJ,CADC;AAYDC,MAAAA,iBAAiB,EAAE,CAZlB;AAaDC,MAAAA,WAAW,EAAE5C,aAbZ;AAcD6C,MAAAA,WAAW,EAAE;AAdZ,KADgB;AAiBnB,OAAG,kBAAKd,UAAL,EAAiBG,OAAjB,CAjBgB;AAkBnB,QAAI9B,KAAK,GAAG;AAAEwC,MAAAA,WAAW,EAAE1C;AAAf,KAAH,GAAiC,EAA1C,CAlBmB;AAmBnB,QAAIQ,QAAQ,GACR;AAAEkC,MAAAA,WAAW,EAAE,aAAf;AAA8BE,MAAAA,eAAe,EAAE7C;AAA/C,KADQ,GAER,EAFJ;AAnBmB,GAArB;AAwBA,QAAM8C,OAAO,GAAG,CAAC,YAAD,EAAe,aAAf,EAA8B,WAA9B,EAA2C,cAA3C,CAAhB;AAEA,QAAMC,YAAY,GAAG,kBAAKjB,UAAL,EAAiBgB,OAAjB,CAArB;AAEA,QAAME,SAAS,GACblB,UAAU,SAAV,IAAAA,UAAU,WAAV,IAAAA,UAAU,CAAEkB,SAAZ,IAAyBlB,UAAU,CAACkB,SAAX,KAAyB,MAAlD,GACIlB,UAAU,CAACkB,SADf,GAEIC,wBAAWC,GAAX,CAAe,QAAf,EAAyBC,MAH/B;AAKA,QAAMC,8BAA8B,GAAG,EACrC,GAAG;AACDD,MAAAA,MAAM,EAAE,EADP;AAEDE,MAAAA,KAAK,EAAE;AAFN,KADkC;AAKrC,OAAG,kBAAKvB,UAAL,EAAiB,CAAC,GAAGG,OAAJ,EAAa,GAAGa,OAAhB,CAAjB,CALkC;AAMrC,OAAG;AAAEE,MAAAA;AAAF;AANkC,GAAvC;AASA,QAAMM,aAAa,GACjBnC,aAAa,6BACXU,aAAD,CAA6C0B,IAA7C,CACE7D,MAAD,IAAYA,MAAM,CAACG,KAAP,KAAiBsB,aAD9B,CADY,0CACZ,MAEExB,KAHU,qDAIXwB,aAJW,CADf;AAOA,QAAMqC,SAAS,GAAG7D,KAAK,gBACrB,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACL8D,MAAAA,SAAS,EAAE1B,UAAU,CAAC0B,SADjB;AAELC,MAAAA,KAAK,EAAE3D,aAFF;AAGL4D,MAAAA,QAAQ,EAAE,EAHL;AAILC,MAAAA,aAAa,EAAE;AAJV;AADT,KAQGjE,KARH,CADqB,GAWnB,IAXJ;AAaA,QAAMkE,cAAc,GAAG/C,YAAY,KAAK,QAAxC;AAEA,QAAMgD,QAAQ,GAAG/C,YAAY,gBAC3B,oBAAC,IAAD;AACE,IAAA,IAAI,EAAEA,YADR;AAEE,IAAA,KAAK,EAAEN,QAAQ,GAAGV,aAAH,GAAmBa,SAFpC;AAGE,IAAA,IAAI,EAAEC,QAHR;AAIE,IAAA,KAAK,EAAE;AACLkD,MAAAA,WAAW,EAAE,CADR;AAELC,MAAAA,UAAU,EAAE;AAFP;AAJT,IAD2B,GAUzB,IAVJ;AAYA,QAAMC,SAAS,GAAGhD,aAAa,gBAC7B,oBAAC,IAAD;AACE,IAAA,IAAI,EAAEA,aADR;AAEE,IAAA,KAAK,EAAER,QAAQ,GAAGV,aAAH,GAAmBa,SAFpC;AAGE,IAAA,IAAI,EAAEC,QAHR;AAIE,IAAA,KAAK,EAAE;AACLkD,MAAAA,WAAW,EAAE,CAAC,EADT;AAELC,MAAAA,UAAU,EAAE;AAFP;AAJT,IAD6B,GAU3B,IAVJ;AAYA,QAAMX,KAAK,4BAAGD,8BAAH,aAAGA,8BAAH,uBAAGA,8BAA8B,CAAEC,KAAnC,yEAA4Ca,SAAvD;AAEA,QAAMT,SAAS,GAAG1B,UAAH,aAAGA,UAAH,uBAAGA,UAAU,CAAE0B,SAA9B;AAEA,QAAMU,WAAW,GACfN,cAAc,KACb,CAACJ,SAAD,IAAcA,SAAS,KAAK,MAA5B,IAAsCA,SAAS,KAAK,SADvC,CAAd,GAEI5C,QAAQ,GAAG,CAFf,GAGI,CAJN;AAMA,QAAMuD,kBAAkB,GAAGzD,aAAa,gBACtC,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACL8C,MAAAA,SADK;AAELJ,MAAAA,KAFK;AAGLc,MAAAA,WAHK;AAILT,MAAAA,KAAK,EAAE3D,aAJF;AAKL4D,MAAAA,QAAQ,EAAE,EALL;AAMLU,MAAAA,UAAU,EAAE;AANP;AADT,KAUG1D,aAVH,CADsC,GAapC,IAbJ;AAeA,QAAM2D,gBAAgB,GAAG;AACvBZ,IAAAA,KAAK,EAAE3D,aADgB;AAEvB4D,IAAAA,QAAQ,EAAE,EAFa;AAGvB,OAAG,oBAAO5B,UAAP,EAAmBwC,gBAAnB,CAHoB;AAIvB,QAAI/D,WAAW,KAAKW,aAAhB,GAAgC;AAAEuC,MAAAA,KAAK,EAAE1C;AAAT,KAAhC,GAAkE,EAAtE,CAJuB;AAKvB,QAAIP,QAAQ,GAAG;AAAEiD,MAAAA,KAAK,EAAE3D;AAAT,KAAH,GAA8B,EAA1C;AALuB,GAAzB;;AAQA,QAAMyE,iBAAiB,GAAG,CAACC,QAAD,EAAmBC,SAAnB,KAAyC;AACjE,QAAI,CAAClE,WAAD,IAAgBkE,SAAS,GAAG,CAAhC,EAAmC;AACjCtE,MAAAA,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGqE,QAAH,EAAaC,SAAb,CAAb;AACD;;AACDtD,IAAAA,gBAAgB,CAACqD,QAAD,CAAhB;AACD,GALD;;AAOA;AAAA;;AACE;AACA,wBAAC,iBAAD;AAAM,MAAA,KAAK,EAAE,CAACE,MAAM,CAACC,gBAAR,EAA0B7B,YAA1B;AAAb,oBAEE,oBAAC,kBAAD;AACE,MAAA,QAAQ,EAAEtC,QADZ;AAEE,MAAA,OAAO,EAAEe,mBAFX;AAGE,MAAA,KAAK,EAAEmD,MAAM,CAACE;AAHhB,oBAME,oBAAC,iBAAD;AACE,MAAA,aAAa,EAAC,MADhB;AAEE,MAAA,KAAK,EAAE,CACLF,MAAM,CAACG,eADF,EAEL1B,8BAFK,EAGL;AACA,OAACS,cAAD,IAAmB3B,YAJd,CAI4B;AAJ5B;AAFT,OASG4B,QATH,eAYE,oBAAC,iBAAD;AACE,MAAA,KAAK,EAAE,CACLa,MAAM,CAACI,cADF,EAEL;AACAlB,MAAAA,cAAc,IAAI3B,YAHb,CAG2B;AAH3B;AADT,oBAQE,oBAAC,iBAAD;AAAM,MAAA,KAAK,EAAEyC,MAAM,CAACK;AAApB,OACGxB,SADH,eAGE,oBAAC,iBAAD;AAAM,MAAA,KAAK,EAAEc;AAAb,OACG1E,MAAM,CAAC0D,aAAD,aAACA,aAAD,cAACA,aAAD,GAAkB9C,WAAlB,CADT,CAHF,CARF,EAgBGyD,SAhBH,CAZF,CANF,EAqCGG,kBArCH,CAFF,EA2CGa,sBAASC,EAAT,KAAgB,KAAhB,IAAyB3D,aAAzB,gBACC,oBAAC,eAAD,qBACE,oBAAC,iBAAD;AACE,MAAA,KAAK,EAAE,CACLoD,MAAM,CAACQ,SADF,EAEL;AACEtC,QAAAA,eAAe,EAAEb,MAAM,CAACoD;AAD1B,OAFK;AADT,oBAQE,oBAAC,wCAAD;AAAc,MAAA,KAAK,EAAET,MAAM,CAACU;AAA5B,oBACE,oBAAC,yBAAD;AACE,MAAA,IAAI,EAAE/E,IADR;AAEE,MAAA,IAAI,EAAC,MAFP;AAGE,MAAA,OAAO,EAAEkB,mBAHX;AAIE,MAAA,KAAK,EAAEmD,MAAM,CAACW;AAJhB,OAMG,OANH,CADF,eAUE,oBAAC,cAAD;AACE,MAAA,KAAK,EAAEX,MAAM,CAACY,eADhB;AAEE,MAAA,aAAa,EAAEpE,aAFjB;AAGE,MAAA,aAAa,EAAEqD;AAHjB,OAKI3C,aAAD,CAA6CpC,GAA7C,CAAkDC,MAAD,iBAChD,oBAAC,cAAD,CAAc,IAAd;AACE,MAAA,KAAK,EAAEA,MAAM,CAACC,KADhB;AAEE,MAAA,KAAK,EAAED,MAAM,CAACG,KAFhB;AAGE,MAAA,GAAG,EAAEH,MAAM,CAACG;AAHd,MADD,CALH,CAVF,CARF,CADF,CADD,GAoCG,IA/EN,EAkFGoF,sBAASC,EAAT,KAAgB,KAAhB,gBACC,oBAAC,cAAD;AACE,MAAA,OAAO,EAAE,CAACzE,QADZ;AAEE,MAAA,aAAa,EAAEU,aAFjB;AAGE,MAAA,aAAa,EAAEqD,iBAHjB;AAIE,MAAA,KAAK,EAAEG,MAAM,CAACa;AAJhB,OAMI3D,aAAD,CAA6CpC,GAA7C,CAAkDC,MAAD,iBAChD,oBAAC,cAAD,CAAc,IAAd;AACE,MAAA,KAAK,EAAEA,MAAM,CAACC,KADhB;AAEE,MAAA,KAAK,EAAED,MAAM,CAACG,KAFhB;AAGE,MAAA,GAAG,EAAEH,MAAM,CAACG;AAHd,MADD,CANH,CADD,GAeG,IAjGN;AAFF;AAsGD,CAzSD;;eA2Se,wBAAUK,MAAV,C;;;;AAEf,MAAMyE,MAAM,GAAGc,wBAAWC,MAAX,CAAkB;AAC/Bd,EAAAA,gBAAgB,EAAE;AAAEe,IAAAA,SAAS,EAAE;AAAb,GADa;AAE/Bd,EAAAA,kBAAkB,EAAE;AAAEc,IAAAA,SAAS,EAAE,SAAb;AAAwBC,IAAAA,UAAU,EAAE;AAApC,GAFW;AAG/Bd,EAAAA,eAAe,EAAE;AACfe,IAAAA,aAAa,EAAE,KADA;AAEfD,IAAAA,UAAU,EAAE,QAFG;AAGfE,IAAAA,cAAc,EAAE;AAHD,GAHc;AAQ/Bf,EAAAA,cAAc,EAAE;AACdgB,IAAAA,IAAI,EAAE,CADQ;AAEd5C,IAAAA,MAAM,EAAE,MAFM;AAGd0C,IAAAA,aAAa,EAAE,KAHD;AAIdD,IAAAA,UAAU,EAAE,QAJE;AAKdE,IAAAA,cAAc,EAAE,eALF;AAMd3B,IAAAA,WAAW,EAAE,EANC;AAOd6B,IAAAA,YAAY,EAAE;AAPA,GARe;AAiB/BhB,EAAAA,oBAAoB,EAAE;AAAEe,IAAAA,IAAI,EAAE;AAAR,GAjBS;AAkB/BZ,EAAAA,SAAS,EAAE;AACTc,IAAAA,QAAQ,EAAE,UADD;AAETC,IAAAA,MAAM,EAAE,CAFC;AAGTC,IAAAA,IAAI,EAAE,CAHG;AAITC,IAAAA,KAAK,EAAE,CAJE;AAKTP,IAAAA,aAAa,EAAE,KALN;AAMTC,IAAAA,cAAc,EAAE;AANP,GAlBoB;AA0B/BT,EAAAA,WAAW,EAAE;AACXxC,IAAAA,eAAe,EAAE,OADN;AAEXgD,IAAAA,aAAa,EAAE,QAFJ;AAGXxC,IAAAA,KAAK,EAAE;AAHI,GA1BkB;AA+B/BiC,EAAAA,SAAS,EAAE;AAAEK,IAAAA,SAAS,EAAE;AAAb,GA/BoB;AAgC/BJ,EAAAA,eAAe,EAAE;AAAE1C,IAAAA,eAAe,EAAE;AAAnB,GAhCc;AAiC/B2C,EAAAA,YAAY,EAAE;AACZa,IAAAA,OAAO,EAAE,CADG;AAEZJ,IAAAA,QAAQ,EAAE,UAFE;AAGZK,IAAAA,GAAG,EAAE,CAHO;AAIZH,IAAAA,IAAI,EAAE,CAJM;AAKZC,IAAAA,KAAK,EAAE,CALK;AAMZF,IAAAA,MAAM,EAAE,CANI;AAOZ7C,IAAAA,KAAK,EAAE;AAPK;AAjCiB,CAAlB,CAAf","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  Text,\n  Platform,\n  ViewStyle,\n  StyleProp,\n  Dimensions,\n} from \"react-native\";\nimport { omit, pick, pickBy, identity } from \"lodash\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\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 type { Theme } from \"../../styles/DefaultTheme\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { extractStyles } from \"../../utilities\";\n\nexport interface PickerOption {\n  value: string;\n  label: string;\n}\n\nexport type PickerProps = {\n  error?: any;\n  placeholder?: string;\n  disabled?: boolean;\n  style?: StyleProp<ViewStyle> & { height?: number };\n  value?: string;\n  options: PickerOption[] | string[];\n  onValueChange: (value: string, index: number) => void;\n  defaultValue?: string;\n  assistiveText?: string;\n  label?: string;\n  iconColor?: string;\n  iconSize?: number;\n  leftIconMode?: \"inset\" | \"outset\";\n  leftIconName?: string;\n  placeholderTextColor?: string;\n  rightIconName?: string;\n  type?: \"solid\" | \"underline\";\n  theme: Theme;\n  Icon: IconSlot[\"Icon\"];\n};\n\nfunction normalizeOptions(options: PickerProps[\"options\"]): PickerOption[] {\n  if (options.length === 0) {\n    return [];\n  }\n\n  if (typeof options[0] === (\"string\" || \"number\")) {\n    return (options as string[]).map((option) => ({\n      label: String(option),\n      value: String(option),\n    }));\n  }\n\n  if (\n    typeof options[0] === \"object\" &&\n    options[0].value !== null &&\n    options[0].label !== null\n  ) {\n    return (options as PickerOption[]).map((option) => {\n      return {\n        label: String(option.label),\n        value: String(option.value),\n      };\n    });\n  }\n\n  throw new Error(\n    'Picker options must be either an array of strings or array of { \"label\": string; \"value\": string; } objects.'\n  );\n}\n\nconst unstyledColor = \"rgba(165, 173, 183, 1)\";\nconst disabledColor = \"rgb(240, 240, 240)\";\nconst errorColor = \"rgba(255, 69, 100, 1)\";\n\nconst Picker: React.FC<PickerProps> = ({\n  error,\n  options = [],\n  onValueChange,\n  defaultValue,\n  Icon,\n  style,\n  placeholder,\n  value,\n  disabled = false,\n  theme,\n  assistiveText,\n  label,\n  iconColor = unstyledColor,\n  iconSize = 24,\n  leftIconMode = \"inset\",\n  leftIconName,\n  placeholderTextColor = unstyledColor,\n  rightIconName,\n  type = \"solid\",\n}) => {\n  const [internalValue, setInternalValue] = React.useState<string | undefined>(\n    value || defaultValue\n  );\n\n  const [pickerVisible, togglePickerVisible] = React.useReducer(\n    (state) => !state,\n    false\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 normalizedOptions = normalizeOptions(options);\n\n  const pickerOptions = placeholder\n    ? [{ value: placeholder, label: placeholder }, ...normalizedOptions]\n    : normalizedOptions;\n\n  const { viewStyles, textStyles } = extractStyles(style);\n\n  const { colors } = theme;\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    \"backgroundColor\",\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: unstyledColor,\n      borderStyle: \"solid\",\n    },\n    ...pick(viewStyles, borders),\n    ...(error ? { borderColor: errorColor } : {}),\n    ...(disabled\n      ? { borderColor: \"transparent\", backgroundColor: disabledColor }\n      : {}),\n  };\n\n  const margins = [\"marginLeft\", \"marginRight\", \"marginTop\", \"marginBottom\"];\n\n  const marginStyles = pick(viewStyles, margins);\n\n  const maxHeight =\n    viewStyles?.maxHeight && viewStyles.maxHeight !== \"100%\"\n      ? viewStyles.maxHeight\n      : Dimensions.get(\"window\").height;\n\n  const stylesWithoutBordersAndMargins = {\n    ...{\n      height: 60,\n      width: \"100%\",\n    },\n    ...omit(viewStyles, [...borders, ...margins]),\n    ...{ maxHeight },\n  };\n\n  const selectedLabel =\n    internalValue &&\n    ((pickerOptions as unknown as PickerOption[]).find(\n      (option) => option.value === internalValue\n    )?.label ??\n      internalValue);\n\n  const labelText = label ? (\n    <Text\n      style={{\n        textAlign: textStyles.textAlign,\n        color: unstyledColor,\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      color={disabled ? unstyledColor : iconColor}\n      size={iconSize}\n      style={{\n        marginRight: 4,\n        marginLeft: 4,\n      }}\n    />\n  ) : null;\n\n  const rightIcon = rightIconName ? (\n    <Icon\n      name={rightIconName}\n      color={disabled ? unstyledColor : iconColor}\n      size={iconSize}\n      style={{\n        marginRight: -10,\n        marginLeft: 8,\n      }}\n    />\n  ) : null;\n\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      ? iconSize + 4\n      : 0;\n\n  const assistiveTextLabel = assistiveText ? (\n    <Text\n      style={{\n        textAlign,\n        width,\n        paddingLeft,\n        color: unstyledColor,\n        fontSize: 12,\n        paddingTop: 4,\n      }}\n    >\n      {assistiveText}\n    </Text>\n  ) : null;\n\n  const primaryTextStyle = {\n    color: unstyledColor,\n    fontSize: 14,\n    ...pickBy(textStyles, identity),\n    ...(placeholder === internalValue ? { color: placeholderTextColor } : {}),\n    ...(disabled ? { color: unstyledColor } : {}),\n  };\n\n  const handleValueChange = (newValue: string, itemIndex: number) => {\n    if (!placeholder || itemIndex > 0) {\n      onValueChange?.(newValue, itemIndex);\n    }\n    setInternalValue(newValue);\n  };\n\n  return (\n    /* marginsContainer */\n    <View style={[styles.marginsContainer, marginStyles]}>\n      {/* touchableContainer */}\n      <Touchable\n        disabled={disabled}\n        onPress={togglePickerVisible}\n        style={styles.touchableContainer}\n      >\n        {/* outsetContainer */}\n        <View\n          pointerEvents=\"none\"\n          style={[\n            styles.outsetContainer,\n            stylesWithoutBordersAndMargins,\n            // @ts-expect-error ... rejects border-related { key: undefined }\n            !leftIconOutset && borderStyles, // set border if Icon is inset\n          ]}\n        >\n          {leftIcon}\n\n          {/* insetContainer */}\n          <View\n            style={[\n              styles.insetContainer,\n              // @ts-expect-error ... rejects border-related { key: undefined }\n              leftIconOutset && borderStyles, // set border if Icon is outset\n            ]}\n          >\n            {/* primaryTextContainer */}\n            <View style={styles.primaryTextContainer}>\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      {/* iosPicker */}\n      {Platform.OS === \"ios\" && pickerVisible ? (\n        <Portal>\n          <View\n            style={[\n              styles.iosPicker,\n              {\n                backgroundColor: colors.divider,\n              },\n            ]}\n          >\n            <SafeAreaView style={styles.iosSafeArea}>\n              <Button\n                Icon={Icon}\n                type=\"text\"\n                onPress={togglePickerVisible}\n                style={styles.iosButton}\n              >\n                {\"Close\"}\n              </Button>\n\n              <NativePicker\n                style={styles.iosNativePicker}\n                selectedValue={internalValue}\n                onValueChange={handleValueChange}\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            </SafeAreaView>\n          </View>\n        </Portal>\n      ) : null}\n\n      {/* nonIosPicker */}\n      {Platform.OS !== \"ios\" ? (\n        <NativePicker\n          enabled={!disabled}\n          selectedValue={internalValue}\n          onValueChange={handleValueChange}\n          style={styles.nonIosPicker}\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      ) : null}\n    </View>\n  );\n};\n\nexport default withTheme(Picker);\n\nconst styles = StyleSheet.create({\n  marginsContainer: { alignSelf: \"stretch\" },\n  touchableContainer: { alignSelf: \"stretch\", alignItems: \"center\" },\n  outsetContainer: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n  },\n  insetContainer: {\n    flex: 1,\n    height: \"100%\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n  primaryTextContainer: { flex: 1 },\n  iosPicker: {\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n  },\n  iosSafeArea: {\n    backgroundColor: \"white\",\n    flexDirection: \"column\",\n    width: \"100%\",\n  },\n  iosButton: { alignSelf: \"flex-end\" },\n  iosNativePicker: { backgroundColor: \"white\" },\n  nonIosPicker: {\n    opacity: 0,\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    width: \"100%\",\n  },\n});\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["StepIndicator.tsx"],"names":["STEP_STATUS","CURRENT","FINISHED","UNFINISHED","StepIndicator","Component","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","Animated","sequence","timing","toValue","duration","parallel","start","defaultStyles","Object","assign","Value","onPress","render","container","flex","renderProgressBarBackground","renderProgressBar","renderStepLabels","componentDidUpdate","prevProps","StyleSheet","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":["STEP_STATUS","CURRENT","FINISHED","UNFINISHED","StepIndicator","Component","constructor","props","stepCount","direction","progressBarBackgroundStyle","backgroundColor","state","customStyles","separatorUnFinishedColor","position","left","width","separatorStrokeWidth","top","height","bottom","separatorStrokeUnfinishedWidth","right","React","createElement","View","onLayout","event","setState","progressBarSize","nativeEvent","layout","onCurrentPositionChanged","currentPosition","style","progressBarStyle","separatorFinishedColor","separatorStrokeFinishedWidth","progressAnim","Animated","steps","push","TouchableWithoutFeedback","key","onPress","stepPressed","styles","stepContainer","flexDirection","renderStep","stepIndicatorContainer","currentStepIndicatorSize","labels","renderLabel","labelViews","map","label","index","selectedStepLabelStyle","color","currentStepLabelColor","labelColor","stepLabelItem","stepStatus","getStepStatus","Text","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","StyleSheet","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"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["Stepper.tsx"],"names":["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"],"mappings":"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","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"]}
+{"version":3,"sources":["Stepper.js"],"names":["Stepper","min","Infinity","max","value","valueProp","defaultValue","style","typeStyle","iconSize","iconColor","onChange","theme","colors","typography","Icon","setValue","isValidValue","valueArg","handlePlusOrMinus","type","newValue","React","createElement","View","flexDirection","IconButton","icon","onPress","size","color","disabled","opacity","Text","body1","textAlign","alignSelf","medium","marginHorizontal"],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { View, Text } from \"react-native\";\nimport { isNumber } from \"lodash\";\nimport { withTheme } from \"../theming\";\nimport IconButton from \"./IconButton\";\nconst Stepper = ({ min = -Infinity, max = Infinity, value: valueProp, defaultValue, style, typeStyle, iconSize = 24, iconColor, onChange, theme: { colors, typography }, Icon, }) => {\n    const [value, setValue] = useState(defaultValue ?? 0);\n    const isValidValue = (valueArg) => valueArg >= min && valueArg <= max;\n    const handlePlusOrMinus = (type) => {\n        const newValue = type === \"plus\" ? value + 1 : value - 1;\n        if (isValidValue(newValue)) {\n            setValue(newValue);\n            onChange?.(newValue);\n        }\n    };\n    useEffect(() => {\n        if (valueProp != null &&\n            isNumber(valueProp) &&\n            valueProp !== value &&\n            isValidValue(valueProp)) {\n            setValue(valueProp);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [valueProp]);\n    return (React.createElement(View, { style: [{ flexDirection: \"row\" }, style] },\n        React.createElement(IconButton, { Icon: Icon, icon: \"MaterialIcons/remove\", onPress: () => handlePlusOrMinus(\"minus\"), size: iconSize, color: iconColor, disabled: value === min, style: { opacity: value === min ? 0.5 : 1 } }),\n        React.createElement(Text, { style: [\n                typography.body1,\n                {\n                    textAlign: \"center\",\n                    alignSelf: \"center\",\n                    color: colors.medium,\n                    marginHorizontal: 8,\n                },\n                typeStyle,\n            ] }, value),\n        React.createElement(IconButton, { Icon: Icon, icon: \"MaterialIcons/add\", onPress: () => handlePlusOrMinus(\"plus\"), size: iconSize, color: iconColor, disabled: value === max, style: { opacity: value === max ? 0.5 : 1 } })));\n};\nexport default withTheme(Stepper);\n"]}

package/lib/commonjs/hooks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["hooks.ts"],"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"mappings":";;;;;;;AAAA;;;;AAEO,SAASA,WAAT,CAAqBC,KAArB,EAAiC;AACtC;AACA;AACA,QAAMC,GAAG,GAAGC,eAAMC,MAAN,EAAZ,CAHsC,CAKtC;;;AACAD,iBAAME,SAAN,CAAgB,MAAM;AACpBH,IAAAA,GAAG,CAACI,OAAJ,GAAcL,KAAd;AACD,GAFD,EAEG,CAACA,KAAD,CAFH,EANsC,CAUtC;;;AACA,SAAOC,GAAG,CAACI,OAAX;AACD","sourcesContent":["import React from \"react\";\n\nexport function usePrevious(value: any) {\n  // The ref object is a generic container whose current property is mutable\n  // and can hold any value, similar to an instance property on a class\n  const ref = React.useRef();\n\n  // Store current value in ref\n  React.useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  // Return previous value (happens before update in useEffect above)\n  return ref.current;\n}\n"]}
+{"version":3,"sources":["hooks.js"],"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"mappings":";;;;;;;AAAA;;;;AACO,SAASA,WAAT,CAAqBC,KAArB,EAA4B;AAC/B;AACA;AACA,QAAMC,GAAG,GAAGC,eAAMC,MAAN,EAAZ,CAH+B,CAI/B;;;AACAD,iBAAME,SAAN,CAAgB,MAAM;AAClBH,IAAAA,GAAG,CAACI,OAAJ,GAAcL,KAAd;AACH,GAFD,EAEG,CAACA,KAAD,CAFH,EAL+B,CAQ/B;;;AACA,SAAOC,GAAG,CAACI,OAAX;AACH","sourcesContent":["import React from \"react\";\nexport function usePrevious(value) {\n    // The ref object is a generic container whose current property is mutable\n    // and can hold any value, similar to an instance property on a class\n    const ref = React.useRef();\n    // Store current value in ref\n    React.useEffect(() => {\n        ref.current = value;\n    }, [value]);\n    // Return previous value (happens before update in useEffect above)\n    return ref.current;\n}\n"]}