@draftbit/core 46.1.4-e6469c.0 → 46.2.1-435444.1

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

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

package/lib/module/components/Stepper.js

@@ -21,7 +21,7 @@ const Stepper = _ref => {
     },
     Icon
   } = _ref;
-  const [value, setValue] = useState(defaultValue ?? 0);
+  const [value, setValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : 0);
 
   const isValidValue = valueArg => valueArg >= min && valueArg <= max;
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","View","Text","isNumber","withTheme","IconButton","Stepper","min","Infinity","max","value","valueProp","defaultValue","style","typeStyle","iconSize","iconColor","onChange","theme","colors","typography","Icon","setValue","isValidValue","valueArg","handlePlusOrMinus","type","newValue","flexDirection","opacity","body1","textAlign","alignSelf","color","medium","marginHorizontal"],"sources":["Stepper.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from \"react\";\nimport { View, Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport { isNumber } from \"lodash\";\n\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport IconButton from \"./IconButton\";\n\ntype Props = {\n  min: number;\n  max: number;\n  value?: number;\n  defaultValue?: number;\n  style?: StyleProp<ViewStyle>;\n  typeStyle?: StyleProp<TextStyle>;\n  iconSize: number;\n  iconColor?: string;\n  onChange?: (value: number) => void;\n  theme: Theme;\n} & IconSlot;\n\nconst Stepper: FC<Props> = ({\n  min = -Infinity,\n  max = Infinity,\n  value: valueProp,\n  defaultValue,\n  style,\n  typeStyle,\n  iconSize = 24,\n  iconColor,\n  onChange,\n  theme: { colors, typography },\n  Icon,\n}) => {\n  const [value, setValue] = useState(defaultValue ?? 0);\n\n  const isValidValue = (valueArg: number) => valueArg >= min && valueArg <= max;\n\n  const handlePlusOrMinus = (type: \"plus\" | \"minus\") => {\n    const newValue = type === \"plus\" ? value + 1 : value - 1;\n\n    if (isValidValue(newValue)) {\n      setValue(newValue);\n      onChange?.(newValue);\n    }\n  };\n\n  useEffect(() => {\n    if (\n      valueProp != null &&\n      isNumber(valueProp) &&\n      valueProp !== value &&\n      isValidValue(valueProp)\n    ) {\n      setValue(valueProp);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [valueProp]);\n\n  return (\n    <View style={[{ flexDirection: \"row\" }, style]}>\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/remove\"\n        onPress={() => handlePlusOrMinus(\"minus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === min}\n        style={{ opacity: value === min ? 0.5 : 1 }}\n      />\n\n      <Text\n        style={[\n          typography.body1,\n          {\n            textAlign: \"center\",\n            alignSelf: \"center\",\n            color: colors.medium,\n            marginHorizontal: 8,\n          },\n          typeStyle,\n        ]}\n      >\n        {value}\n      </Text>\n\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/add\"\n        onPress={() => handlePlusOrMinus(\"plus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === max}\n        style={{ opacity: value === max ? 0.5 : 1 }}\n      />\n    </View>\n  );\n};\n\nexport default withTheme(Stepper);\n"],"mappings":"AAAA,OAAOA,KAAP,IAAoBC,SAApB,EAA+BC,QAA/B,QAA+C,OAA/C;AACA,SAASC,IAAT,EAAeC,IAAf,QAA4D,cAA5D;AACA,SAASC,QAAT,QAAyB,QAAzB;AAEA,SAASC,SAAT,QAA0B,YAA1B;AAGA,OAAOC,UAAP,MAAuB,cAAvB;;AAeA,MAAMC,OAAkB,GAAG,QAYrB;EAAA,IAZsB;IAC1BC,GAAG,GAAG,CAACC,QADmB;IAE1BC,GAAG,GAAGD,QAFoB;IAG1BE,KAAK,EAAEC,SAHmB;IAI1BC,YAJ0B;IAK1BC,KAL0B;IAM1BC,SAN0B;IAO1BC,QAAQ,GAAG,EAPe;IAQ1BC,SAR0B;IAS1BC,QAT0B;IAU1BC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV,CAVmB;IAW1BC;EAX0B,CAYtB;EACJ,MAAM,CAACX,KAAD,EAAQY,QAAR,IAAoBtB,QAAQ,CAACY,YAAY,IAAI,CAAjB,CAAlC;;EAEA,MAAMW,YAAY,GAAIC,QAAD,IAAsBA,QAAQ,IAAIjB,GAAZ,IAAmBiB,QAAQ,IAAIf,GAA1E;;EAEA,MAAMgB,iBAAiB,GAAIC,IAAD,IAA4B;IACpD,MAAMC,QAAQ,GAAGD,IAAI,KAAK,MAAT,GAAkBhB,KAAK,GAAG,CAA1B,GAA8BA,KAAK,GAAG,CAAvD;;IAEA,IAAIa,YAAY,CAACI,QAAD,CAAhB,EAA4B;MAC1BL,QAAQ,CAACK,QAAD,CAAR;MACAV,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGU,QAAH,CAAR;IACD;EACF,CAPD;;EASA5B,SAAS,CAAC,MAAM;IACd,IACEY,SAAS,IAAI,IAAb,IACAR,QAAQ,CAACQ,SAAD,CADR,IAEAA,SAAS,KAAKD,KAFd,IAGAa,YAAY,CAACZ,SAAD,CAJd,EAKE;MACAW,QAAQ,CAACX,SAAD,CAAR;IACD,CARa,CASd;;EACD,CAVQ,EAUN,CAACA,SAAD,CAVM,CAAT;EAYA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAAC;MAAEiB,aAAa,EAAE;IAAjB,CAAD,EAA2Bf,KAA3B;EAAb,gBACE,oBAAC,UAAD;IACE,IAAI,EAAEQ,IADR;IAEE,IAAI,EAAC,sBAFP;IAGE,OAAO,EAAE,MAAMI,iBAAiB,CAAC,OAAD,CAHlC;IAIE,IAAI,EAAEV,QAJR;IAKE,KAAK,EAAEC,SALT;IAME,QAAQ,EAAEN,KAAK,KAAKH,GANtB;IAOE,KAAK,EAAE;MAAEsB,OAAO,EAAEnB,KAAK,KAAKH,GAAV,GAAgB,GAAhB,GAAsB;IAAjC;EAPT,EADF,eAWE,oBAAC,IAAD;IACE,KAAK,EAAE,CACLa,UAAU,CAACU,KADN,EAEL;MACEC,SAAS,EAAE,QADb;MAEEC,SAAS,EAAE,QAFb;MAGEC,KAAK,EAAEd,MAAM,CAACe,MAHhB;MAIEC,gBAAgB,EAAE;IAJpB,CAFK,EAQLrB,SARK;EADT,GAYGJ,KAZH,CAXF,eA0BE,oBAAC,UAAD;IACE,IAAI,EAAEW,IADR;IAEE,IAAI,EAAC,mBAFP;IAGE,OAAO,EAAE,MAAMI,iBAAiB,CAAC,MAAD,CAHlC;IAIE,IAAI,EAAEV,QAJR;IAKE,KAAK,EAAEC,SALT;IAME,QAAQ,EAAEN,KAAK,KAAKD,GANtB;IAOE,KAAK,EAAE;MAAEoB,OAAO,EAAEnB,KAAK,KAAKD,GAAV,GAAgB,GAAhB,GAAsB;IAAjC;EAPT,EA1BF,CADF;AAsCD,CA5ED;;AA8EA,eAAeL,SAAS,CAACE,OAAD,CAAxB"}
+{"version":3,"names":["React","useEffect","useState","View","Text","isNumber","withTheme","IconButton","Stepper","min","Infinity","max","value","valueProp","defaultValue","style","typeStyle","iconSize","iconColor","onChange","theme","colors","typography","Icon","setValue","isValidValue","valueArg","handlePlusOrMinus","type","newValue","flexDirection","opacity","body1","textAlign","alignSelf","color","medium","marginHorizontal"],"sources":["Stepper.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from \"react\";\nimport { View, Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport { isNumber } from \"lodash\";\n\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport IconButton from \"./IconButton\";\n\ntype Props = {\n  min: number;\n  max: number;\n  value?: number;\n  defaultValue?: number;\n  style?: StyleProp<ViewStyle>;\n  typeStyle?: StyleProp<TextStyle>;\n  iconSize: number;\n  iconColor?: string;\n  onChange?: (value: number) => void;\n  theme: Theme;\n} & IconSlot;\n\nconst Stepper: FC<Props> = ({\n  min = -Infinity,\n  max = Infinity,\n  value: valueProp,\n  defaultValue,\n  style,\n  typeStyle,\n  iconSize = 24,\n  iconColor,\n  onChange,\n  theme: { colors, typography },\n  Icon,\n}) => {\n  const [value, setValue] = useState(defaultValue ?? 0);\n\n  const isValidValue = (valueArg: number) => valueArg >= min && valueArg <= max;\n\n  const handlePlusOrMinus = (type: \"plus\" | \"minus\") => {\n    const newValue = type === \"plus\" ? value + 1 : value - 1;\n\n    if (isValidValue(newValue)) {\n      setValue(newValue);\n      onChange?.(newValue);\n    }\n  };\n\n  useEffect(() => {\n    if (\n      valueProp != null &&\n      isNumber(valueProp) &&\n      valueProp !== value &&\n      isValidValue(valueProp)\n    ) {\n      setValue(valueProp);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [valueProp]);\n\n  return (\n    <View style={[{ flexDirection: \"row\" }, style]}>\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/remove\"\n        onPress={() => handlePlusOrMinus(\"minus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === min}\n        style={{ opacity: value === min ? 0.5 : 1 }}\n      />\n\n      <Text\n        style={[\n          typography.body1,\n          {\n            textAlign: \"center\",\n            alignSelf: \"center\",\n            color: colors.medium,\n            marginHorizontal: 8,\n          },\n          typeStyle,\n        ]}\n      >\n        {value}\n      </Text>\n\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/add\"\n        onPress={() => handlePlusOrMinus(\"plus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === max}\n        style={{ opacity: value === max ? 0.5 : 1 }}\n      />\n    </View>\n  );\n};\n\nexport default withTheme(Stepper);\n"],"mappings":"AAAA,OAAOA,KAAP,IAAoBC,SAApB,EAA+BC,QAA/B,QAA+C,OAA/C;AACA,SAASC,IAAT,EAAeC,IAAf,QAA4D,cAA5D;AACA,SAASC,QAAT,QAAyB,QAAzB;AAEA,SAASC,SAAT,QAA0B,YAA1B;AAGA,OAAOC,UAAP,MAAuB,cAAvB;;AAeA,MAAMC,OAAkB,GAAG,QAYrB;EAAA,IAZsB;IAC1BC,GAAG,GAAG,CAACC,QADmB;IAE1BC,GAAG,GAAGD,QAFoB;IAG1BE,KAAK,EAAEC,SAHmB;IAI1BC,YAJ0B;IAK1BC,KAL0B;IAM1BC,SAN0B;IAO1BC,QAAQ,GAAG,EAPe;IAQ1BC,SAR0B;IAS1BC,QAT0B;IAU1BC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV,CAVmB;IAW1BC;EAX0B,CAYtB;EACJ,MAAM,CAACX,KAAD,EAAQY,QAAR,IAAoBtB,QAAQ,CAACY,YAAD,aAACA,YAAD,cAACA,YAAD,GAAiB,CAAjB,CAAlC;;EAEA,MAAMW,YAAY,GAAIC,QAAD,IAAsBA,QAAQ,IAAIjB,GAAZ,IAAmBiB,QAAQ,IAAIf,GAA1E;;EAEA,MAAMgB,iBAAiB,GAAIC,IAAD,IAA4B;IACpD,MAAMC,QAAQ,GAAGD,IAAI,KAAK,MAAT,GAAkBhB,KAAK,GAAG,CAA1B,GAA8BA,KAAK,GAAG,CAAvD;;IAEA,IAAIa,YAAY,CAACI,QAAD,CAAhB,EAA4B;MAC1BL,QAAQ,CAACK,QAAD,CAAR;MACAV,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGU,QAAH,CAAR;IACD;EACF,CAPD;;EASA5B,SAAS,CAAC,MAAM;IACd,IACEY,SAAS,IAAI,IAAb,IACAR,QAAQ,CAACQ,SAAD,CADR,IAEAA,SAAS,KAAKD,KAFd,IAGAa,YAAY,CAACZ,SAAD,CAJd,EAKE;MACAW,QAAQ,CAACX,SAAD,CAAR;IACD,CARa,CASd;;EACD,CAVQ,EAUN,CAACA,SAAD,CAVM,CAAT;EAYA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAAC;MAAEiB,aAAa,EAAE;IAAjB,CAAD,EAA2Bf,KAA3B;EAAb,gBACE,oBAAC,UAAD;IACE,IAAI,EAAEQ,IADR;IAEE,IAAI,EAAC,sBAFP;IAGE,OAAO,EAAE,MAAMI,iBAAiB,CAAC,OAAD,CAHlC;IAIE,IAAI,EAAEV,QAJR;IAKE,KAAK,EAAEC,SALT;IAME,QAAQ,EAAEN,KAAK,KAAKH,GANtB;IAOE,KAAK,EAAE;MAAEsB,OAAO,EAAEnB,KAAK,KAAKH,GAAV,GAAgB,GAAhB,GAAsB;IAAjC;EAPT,EADF,eAWE,oBAAC,IAAD;IACE,KAAK,EAAE,CACLa,UAAU,CAACU,KADN,EAEL;MACEC,SAAS,EAAE,QADb;MAEEC,SAAS,EAAE,QAFb;MAGEC,KAAK,EAAEd,MAAM,CAACe,MAHhB;MAIEC,gBAAgB,EAAE;IAJpB,CAFK,EAQLrB,SARK;EADT,GAYGJ,KAZH,CAXF,eA0BE,oBAAC,UAAD;IACE,IAAI,EAAEW,IADR;IAEE,IAAI,EAAC,mBAFP;IAGE,OAAO,EAAE,MAAMI,iBAAiB,CAAC,MAAD,CAHlC;IAIE,IAAI,EAAEV,QAJR;IAKE,KAAK,EAAEC,SALT;IAME,QAAQ,EAAEN,KAAK,KAAKD,GANtB;IAOE,KAAK,EAAE;MAAEoB,OAAO,EAAEnB,KAAK,KAAKD,GAAV,GAAgB,GAAhB,GAAsB;IAAjC;EAPT,EA1BF,CADF;AAsCD,CA5ED;;AA8EA,eAAeL,SAAS,CAACE,OAAD,CAAxB"}

package/lib/module/components/Touchable.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from "react";
 import { Pressable } from "react-native";
 export default function Touchable(_ref) {
@@ -8,22 +10,6 @@ export default function Touchable(_ref) {
     style,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement(Pressable, {
-    onPress: onPress,
-    disabled: disabled,
-    hitSlop: 8,
-    style: _ref2 => {
-      let {
-        pressed
-      } = _ref2;
-      return [{
-        opacity: pressed || disabled ? 0.75 : 1
-      }, style];
-    },
-    ...props
-  }, children);
-}
-//# sourceMappingURL=Touchable.js.map
   return /*#__PURE__*/React.createElement(Pressable, _extends({
     onPress: onPress,
     disabled: disabled,

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

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","Touchable","children","disabled","onPress","style","props","createElement","hitSlop","pressed","opacity"],"sources":["Touchable.js"],"sourcesContent":["import React from \"react\";\nimport { Pressable } from \"react-native\";\nexport default function Touchable({ children, disabled, onPress, style, ...props }) {\n    return (React.createElement(Pressable, { onPress: onPress, disabled: disabled, hitSlop: 8, style: ({ pressed }) => {\n            return [\n                {\n                    opacity: pressed || disabled ? 0.75 : 1,\n                },\n                style,\n            ];\n        }, ...props }, children));\n}\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,eAAe,SAASC,SAAT,OAAqE;EAAA,IAAlD;IAAEC,QAAF;IAAYC,QAAZ;IAAsBC,OAAtB;IAA+BC,KAA/B;IAAsC,GAAGC;EAAzC,CAAkD;EAChF,oBAAQP,KAAK,CAACQ,aAAN,CAAoBP,SAApB,EAA+B;IAAEI,OAAO,EAAEA,OAAX;IAAoBD,QAAQ,EAAEA,QAA9B;IAAwCK,OAAO,EAAE,CAAjD;IAAoDH,KAAK,EAAE,SAAiB;MAAA,IAAhB;QAAEI;MAAF,CAAgB;MAC3G,OAAO,CACH;QACIC,OAAO,EAAED,OAAO,IAAIN,QAAX,GAAsB,IAAtB,GAA6B;MAD1C,CADG,EAIHE,KAJG,CAAP;IAMH,CAPkC;IAOhC,GAAGC;EAP6B,CAA/B,EAOWJ,QAPX,CAAR;AAQH"}
+{"version":3,"names":["React","Pressable","Touchable","children","disabled","onPress","style","props","pressed","opacity"],"sources":["Touchable.tsx"],"sourcesContent":["import React from \"react\";\nimport { Pressable, ViewStyle, PressableProps } from \"react-native\";\n\ntype Props = {\n  disabled?: boolean;\n  children: React.ReactNode;\n  style?: ViewStyle;\n  onPress?: () => void;\n} & PressableProps;\n\nexport default function Touchable({\n  children,\n  disabled,\n  onPress,\n  style,\n  ...props\n}: Props) {\n  return (\n    <Pressable\n      onPress={onPress}\n      disabled={disabled}\n      hitSlop={8}\n      style={({ pressed }) => {\n        return [\n          {\n            opacity: pressed || disabled ? 0.75 : 1,\n          },\n          style,\n        ];\n      }}\n      {...props}\n    >\n      {children}\n    </Pressable>\n  );\n}\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAAqD,cAArD;AASA,eAAe,SAASC,SAAT,OAML;EAAA,IANwB;IAChCC,QADgC;IAEhCC,QAFgC;IAGhCC,OAHgC;IAIhCC,KAJgC;IAKhC,GAAGC;EAL6B,CAMxB;EACR,oBACE,oBAAC,SAAD;IACE,OAAO,EAAEF,OADX;IAEE,QAAQ,EAAED,QAFZ;IAGE,OAAO,EAAE,CAHX;IAIE,KAAK,EAAE,SAAiB;MAAA,IAAhB;QAAEI;MAAF,CAAgB;MACtB,OAAO,CACL;QACEC,OAAO,EAAED,OAAO,IAAIJ,QAAX,GAAsB,IAAtB,GAA6B;MADxC,CADK,EAILE,KAJK,CAAP;IAMD;EAXH,GAYMC,KAZN,GAcGJ,QAdH,CADF;AAkBD"}

package/lib/module/mappings/NumberInput.js

@@ -0,0 +1,231 @@
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers } from "@draftbit/types";
+const NUMBER_INPUT_PROPS = {
+  allowFontScaling: {
+    group: GROUPS.advanced,
+    label: "Allow Font Scaling",
+    description: "Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: FORM_TYPES.boolean,
+    propType: PROP_TYPES.BOOLEAN
+  },
+  autoFocus: {
+    group: GROUPS.basic,
+    label: "Auto Focus",
+    description: "Focuses the input on load in and brings up the keyboard",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: FORM_TYPES.boolean,
+    propType: PROP_TYPES.BOOLEAN
+  },
+  caretHidden: {
+    group: GROUPS.advanced,
+    label: "Hide Caret",
+    description: "Hides the caret(the line small line underneath each showing where you're editing/typing",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: FORM_TYPES.boolean,
+    propType: PROP_TYPES.BOOLEAN
+  },
+  contextMenuHidden: {
+    group: GROUPS.advanced,
+    label: "Hide Context Menu",
+    description: "Hides the system context menu (Default: false)",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: FORM_TYPES.boolean,
+    propType: PROP_TYPES.BOOLEAN
+  },
+  editable: {
+    group: GROUPS.advanced,
+    label: "Editable",
+    description: "If false, the text is not editable",
+    editable: true,
+    required: false,
+    defaultValue: true,
+    formType: FORM_TYPES.boolean,
+    propType: PROP_TYPES.BOOLEAN
+  },
+  keyboardAppearance: {
+    group: GROUPS.advanced,
+    label: "Keyboard Appearance",
+    description: "Determines the color of the keyboard.(iOS Only)",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    options: ["default", "light", "dark"],
+    formType: FORM_TYPES.flatArray,
+    propType: PROP_TYPES.STRING
+  },
+  keyboardType: {
+    group: GROUPS.advanced,
+    label: "Keyboard Type",
+    description: "Determines what keyboard is given to the user.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    options: ["numeric", "numbers-and-punctuation", "number-pad"],
+    formType: FORM_TYPES.flatArray,
+    propType: PROP_TYPES.STRING
+  },
+  maxLength: {
+    group: GROUPS.basic,
+    label: "Max Length",
+    description: "Limits the input to a set number of characters.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    min: 0,
+    step: 1,
+    precision: 0,
+    formType: FORM_TYPES.number,
+    propType: PROP_TYPES.NUMBER
+  },
+  placeholder: {
+    group: GROUPS.basic,
+    label: "Placeholder Text",
+    description: "The text that is shown on load when no value is available.",
+    editable: true,
+    required: false,
+    defaultValue: "Enter a number...",
+    formType: FORM_TYPES.string,
+    propType: PROP_TYPES.STRING
+  },
+  placeholderTextColor: {
+    group: GROUPS.basic,
+    label: "Placeholder Text Color",
+    description: "The color of the placeholder text.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: FORM_TYPES.color,
+    propType: PROP_TYPES.STRING
+  },
+  returnKeyLabel: {
+    group: GROUPS.advanced,
+    label: "Return Key Label",
+    description: "(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: FORM_TYPES.string,
+    propType: PROP_TYPES.STRING
+  },
+  returnKeyType: {
+    group: GROUPS.advanced,
+    label: "Return Key Type",
+    description: "Determines how the return key should look like",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    options: ["done", "go", "next", "search", "send", "none", "previous", "default", "emergency-call", "google", "join", "route", "yahoo"],
+    formType: FORM_TYPES.flatArray,
+    propType: PROP_TYPES.STRING
+  },
+  selectionColor: {
+    group: GROUPS.advanced,
+    label: "Selection Color",
+    description: "Color of the highlighted portion when selecting.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: FORM_TYPES.color,
+    propType: PROP_TYPES.STRING
+  },
+  selectTextOnFocus: {
+    group: GROUPS.advanced,
+    label: "Select Text on Focus",
+    description: "If true, all the text will automatically be selected on focus",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: FORM_TYPES.boolean,
+    propType: PROP_TYPES.BOOLEAN
+  }
+};
+export const SEED_DATA_PROPS = {
+  style: {
+    group: GROUPS.basic,
+    label: "Style",
+    description: "Text Style",
+    editable: false,
+    required: false,
+    formType: FORM_TYPES.typeStyle,
+    propType: PROP_TYPES.THEME,
+    defaultValue: null
+  },
+  clearButtonMode: {
+    group: GROUPS.basic,
+    label: "Clear Button Mode",
+    description: "Enables a button within the textInput to clear the data entered",
+    editable: true,
+    required: false,
+    options: ["never", "while-editing", "unless-editing", "always"],
+    defaultValue: null,
+    formType: FORM_TYPES.flatArray,
+    propType: PROP_TYPES.STRING
+  },
+  clearTextOnFocus: {
+    group: GROUPS.basic,
+    label: "Clear Text on Focus",
+    description: "If true, clears the text field automatically when its focused.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: FORM_TYPES.boolean,
+    propType: PROP_TYPES.BOOLEAN
+  },
+  enablesReturnKeyAutomatically: {
+    group: GROUPS.basic,
+    label: "Enables Return Key Automatically",
+    description: "If true, the keyboard disables the return key when there is no text and automatically enables it when there is (Default: false)",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: FORM_TYPES.boolean,
+    propType: PROP_TYPES.BOOLEAN
+  },
+  underlineColorAndroid: {
+    group: GROUPS.basic,
+    label: "Underline color",
+    description: "(Android Only) The color of the underline(the line underneath the text when finished typing.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: FORM_TYPES.color,
+    propType: PROP_TYPES.THEME
+  },
+  fieldName: { ...FIELD_NAME,
+    defaultValue: "numberInputValue",
+    handlerPropName: "onChangeText"
+  }
+};
+export const SEED_DATA = [{
+  name: "Number Input",
+  tag: "NumberInput",
+  description: "An input field that allows users to type in data.",
+  category: COMPONENT_TYPES.input,
+  preview_image_url: "https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png",
+  supports_list_render: false,
+  layout: {
+    borderLeftWidth: 1,
+    borderRightWidth: 1,
+    borderTopWidth: 1,
+    borderBottomWidth: 1,
+    borderColor: "divider",
+    paddingLeft: 8,
+    paddingRight: 8,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 8
+  },
+  triggers: [Triggers.OnChangeText],
+  props: { ...SEED_DATA_PROPS,
+    ...NUMBER_INPUT_PROPS
+  }
+}];
+//# sourceMappingURL=NumberInput.js.map

package/lib/module/mappings/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","Triggers","NUMBER_INPUT_PROPS","allowFontScaling","group","advanced","label","description","editable","required","defaultValue","formType","boolean","propType","BOOLEAN","autoFocus","basic","caretHidden","contextMenuHidden","keyboardAppearance","options","flatArray","STRING","keyboardType","maxLength","min","step","precision","number","NUMBER","placeholder","string","placeholderTextColor","color","returnKeyLabel","returnKeyType","selectionColor","selectTextOnFocus","SEED_DATA_PROPS","style","typeStyle","THEME","clearButtonMode","clearTextOnFocus","enablesReturnKeyAutomatically","underlineColorAndroid","fieldName","handlerPropName","SEED_DATA","name","tag","category","input","preview_image_url","supports_list_render","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","OnChangeText","props"],"sources":["NumberInput.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  Triggers,\n} from \"@draftbit/types\";\n\nconst NUMBER_INPUT_PROPS = {\n  allowFontScaling: {\n    group: GROUPS.advanced,\n    label: \"Allow Font Scaling\",\n    description:\n      \"Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  autoFocus: {\n    group: GROUPS.basic,\n    label: \"Auto Focus\",\n    description: \"Focuses the input on load in and brings up the keyboard\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  caretHidden: {\n    group: GROUPS.advanced,\n    label: \"Hide Caret\",\n    description:\n      \"Hides the caret(the line small line underneath each showing where you're editing/typing\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  contextMenuHidden: {\n    group: GROUPS.advanced,\n    label: \"Hide Context Menu\",\n    description: \"Hides the system context menu (Default: false)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  editable: {\n    group: GROUPS.advanced,\n    label: \"Editable\",\n    description: \"If false, the text is not editable\",\n    editable: true,\n    required: false,\n    defaultValue: true,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  keyboardAppearance: {\n    group: GROUPS.advanced,\n    label: \"Keyboard Appearance\",\n    description: \"Determines the color of the keyboard.(iOS Only)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    options: [\"default\", \"light\", \"dark\"],\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  keyboardType: {\n    group: GROUPS.advanced,\n    label: \"Keyboard Type\",\n    description: \"Determines what keyboard is given to the user.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    options: [\"numeric\", \"numbers-and-punctuation\", \"number-pad\"],\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  maxLength: {\n    group: GROUPS.basic,\n    label: \"Max Length\",\n    description: \"Limits the input to a set number of characters.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    min: 0,\n    step: 1,\n    precision: 0,\n    formType: FORM_TYPES.number,\n    propType: PROP_TYPES.NUMBER,\n  },\n  placeholder: {\n    group: GROUPS.basic,\n    label: \"Placeholder Text\",\n    description: \"The text that is shown on load when no value is available.\",\n    editable: true,\n    required: false,\n    defaultValue: \"Enter a number...\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n  },\n  placeholderTextColor: {\n    group: GROUPS.basic,\n    label: \"Placeholder Text Color\",\n    description: \"The color of the placeholder text.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.STRING,\n  },\n  returnKeyLabel: {\n    group: GROUPS.advanced,\n    label: \"Return Key Label\",\n    description:\n      \"(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n  },\n  returnKeyType: {\n    group: GROUPS.advanced,\n    label: \"Return Key Type\",\n    description: \"Determines how the return key should look like\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    options: [\n      \"done\",\n      \"go\",\n      \"next\",\n      \"search\",\n      \"send\",\n      \"none\",\n      \"previous\",\n      \"default\",\n      \"emergency-call\",\n      \"google\",\n      \"join\",\n      \"route\",\n      \"yahoo\",\n    ],\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  selectionColor: {\n    group: GROUPS.advanced,\n    label: \"Selection Color\",\n    description: \"Color of the highlighted portion when selecting.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.STRING,\n  },\n  selectTextOnFocus: {\n    group: GROUPS.advanced,\n    label: \"Select Text on Focus\",\n    description:\n      \"If true, all the text will automatically be selected on focus\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n};\n\nexport const SEED_DATA_PROPS = {\n  style: {\n    group: GROUPS.basic,\n    label: \"Style\",\n    description: \"Text Style\",\n    editable: false,\n    required: false,\n    formType: FORM_TYPES.typeStyle,\n    propType: PROP_TYPES.THEME,\n    defaultValue: null,\n  },\n  clearButtonMode: {\n    group: GROUPS.basic,\n    label: \"Clear Button Mode\",\n    description:\n      \"Enables a button within the textInput to clear the data entered\",\n    editable: true,\n    required: false,\n    options: [\"never\", \"while-editing\", \"unless-editing\", \"always\"],\n    defaultValue: null,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  clearTextOnFocus: {\n    group: GROUPS.basic,\n    label: \"Clear Text on Focus\",\n    description:\n      \"If true, clears the text field automatically when its focused.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  enablesReturnKeyAutomatically: {\n    group: GROUPS.basic,\n    label: \"Enables Return Key Automatically\",\n    description:\n      \"If true, the keyboard disables the return key when there is no text and automatically enables it when there is (Default: false)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  underlineColorAndroid: {\n    group: GROUPS.basic,\n    label: \"Underline color\",\n    description:\n      \"(Android Only) The color of the underline(the line underneath the text when finished typing.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.THEME,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    defaultValue: \"numberInputValue\",\n    handlerPropName: \"onChangeText\",\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Number Input\",\n    tag: \"NumberInput\",\n    description: \"An input field that allows users to type in data.\",\n    category: COMPONENT_TYPES.input,\n    preview_image_url:\n      \"https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png\",\n    supports_list_render: false,\n    layout: {\n      borderLeftWidth: 1,\n      borderRightWidth: 1,\n      borderTopWidth: 1,\n      borderBottomWidth: 1,\n      borderColor: \"divider\",\n      paddingLeft: 8,\n      paddingRight: 8,\n      paddingTop: 8,\n      paddingBottom: 8,\n      borderRadius: 8,\n    },\n    triggers: [Triggers.OnChangeText],\n    props: {\n      ...SEED_DATA_PROPS,\n      ...NUMBER_INPUT_PROPS,\n    },\n  },\n];\n"],"mappings":"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"}

package/lib/module/mappings/Text.js

@@ -5,7 +5,18 @@ const SEED_DATA_PROPS = {
     name: "accessibilityLabel",
     label: "accessibilityLabel",
     description: "Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.",
-    editable: false,
+    editable: true,
+    required: false,
+    formType: FORM_TYPES.string,
+    propType: PROP_TYPES.STRING,
+    defaultValue: null
+  },
+  accessibilityHint: {
+    group: GROUPS.accessibility,
+    name: "accessibilityHint",
+    label: "accessibilityHint",
+    description: "An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not clear from the accessibility label.",
+    editable: true,
     required: false,
     formType: FORM_TYPES.string,
     propType: PROP_TYPES.STRING,
@@ -17,7 +28,7 @@ const SEED_DATA_PROPS = {
     label: "accessibilityRole",
     description: "Tells the screen reader to treat the currently focused on element as having a specific role.Possible values for AccessibilityRole is one of:\n'none' - The element has no role.\n'button' - The element should be treated as a button.\n'link' - The element should be treated as a link.\n'header' - The element is a header that divides content into sections.\n'search' - The element should be treated as a search field.\n'image' - The element should be treated as an image.\n'key' - The element should be treated like a keyboard key.\n'text' - The element should be treated as text.\n'summary' - The element provides app summary information.\n'imagebutton' - The element has the role of both an image and also a button.\n'adjustable' - The element allows adjustment over a range of values.\nOn iOS, these roles map to corresponding Accessibility Traits. Image button has the same functionality as if the trait was set to both 'image' and 'button'. See the Accessibility guide for more information.On Android, these roles have similar functionality on TalkBack as adding Accessibility Traits does on Voiceover in iOS",
     options: ["none", "button", "link", "header", "search", "image", "key", "text", "summary", "imagebutton", "adjustable"],
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.flatArray,
     propType: PROP_TYPES.STRING,
@@ -27,8 +38,8 @@ const SEED_DATA_PROPS = {
     group: GROUPS.accessibility,
     name: "accessible",
     label: "accessible",
-    description: "When set to true, indicates that the view is an accessibility element. The default value for a Text element is true.See the Accessibility guide for more information.",
-    editable: false,
+    description: "When set to true, indicates that the view is an accessibility element. The default value for a Text element is true. See the Accessibility guide for more information.",
+    editable: true,
     required: false,
     formType: FORM_TYPES.boolean,
     propType: PROP_TYPES.BOOLEAN,
@@ -39,7 +50,7 @@ const SEED_DATA_PROPS = {
     name: "adjustsFontSizeToFit",
     label: "adjustsFontSizeToFit",
     description: "Specifies whether fonts should be scaled down automatically to fit given style constraints.",
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.boolean,
     propType: PROP_TYPES.BOOLEAN,
@@ -50,7 +61,7 @@ const SEED_DATA_PROPS = {
     name: "allowFontScaling",
     label: "allowFontScaling",
     description: "Specifies whether fonts should scale to respect Text Size accessibility settings. The default is true.",
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.boolean,
     propType: PROP_TYPES.BOOLEAN,
@@ -60,9 +71,9 @@ const SEED_DATA_PROPS = {
     group: GROUPS.advanced,
     name: "dataDetectorType",
     label: "dataDetectorType",
-    description: "Determines the types of data converted to clickable URLs in the text element. By default no data types are detected.You can provide only one type.Possible values for dataDetectorType are:\n'phoneNumber'\n'link'\n'email'\n'none'\n'all'\n",
+    description: "Determines the types of data converted to clickable URLs in the text element. By default no data types are detected. You can provide only one type. Possible values for dataDetectorType are:\n'phoneNumber'\n'link'\n'email'\n'none'\n'all'\n",
     options: ["phoneNumber", "link", "email", "none", "all"],
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.flatArray,
     propType: PROP_TYPES.STRING,
@@ -73,7 +84,7 @@ const SEED_DATA_PROPS = {
     name: "disabled",
     label: "disabled",
     description: "Specifies the disabled state of the text view for testing purposes",
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.boolean,
     propType: PROP_TYPES.BOOLEAN,
@@ -96,25 +107,21 @@ const SEED_DATA_PROPS = {
     name: "maxFontSizeMultiplier",
     label: "maxFontSizeMultiplier",
     description: "Specifies largest possible scale a font can reach when allowFontScaling is enabled. Possible values:\nnull/undefined (default): inherit from the parent node or the global default (0)\n0: no max, ignore parent/global default\n>= 1: sets the maxFontSizeMultiplier of this node to this value\n",
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.number,
     propType: PROP_TYPES.NUMBER,
     defaultValue: null
   },
-  minimumFontScale: {
-    group: GROUPS.advanced,
-    name: "minimumFontScale",
-    label: "minimumFontScale",
-    description: "Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0).",
-    editable: false,
+  nativeID: {
+    group: GROUPS.accessibility,
+    name: "nativeID",
+    label: "nativeID",
+    description: "Used to locate this view from native code.",
+    editable: true,
     required: false,
-    formType: FORM_TYPES.number,
-    propType: PROP_TYPES.NUMBER,
-    min: 0.01,
-    step: 0.01,
-    precision: 2,
-    max: 1.0,
+    formType: FORM_TYPES.string,
+    propType: PROP_TYPES.STRING,
     defaultValue: null
   },
   numberOfLines: {
@@ -135,7 +142,7 @@ const SEED_DATA_PROPS = {
     name: "selectable",
     label: "selectable",
     description: "Lets the user select text, to use the native copy and paste functionality.",
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.boolean,
     propType: PROP_TYPES.BOOLEAN,
@@ -146,7 +153,7 @@ const SEED_DATA_PROPS = {
     name: "selectionColor",
     label: "selectionColor",
     description: "The highlight color of the text.",
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.color,
     propType: PROP_TYPES.THEME,
@@ -157,7 +164,7 @@ const SEED_DATA_PROPS = {
     name: "suppressHighlighting",
     label: "suppressHighlighting",
     description: "When true, no visual change is made when text is pressed down. By default, a gray oval highlights the text on press down.",
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.boolean,
     propType: PROP_TYPES.BOOLEAN,
@@ -169,7 +176,7 @@ const SEED_DATA_PROPS = {
     label: "textBreakStrategy",
     description: "Set text break strategy on Android API Level 23+, possible values are simple, highQuality, balanced The default value is highQuality.",
     options: ["simple", "highQuality", "balanced"],
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.flatArray,
     propType: PROP_TYPES.STRING,