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

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

@@ -1 +1 @@
-{"version":3,"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"],"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":["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"],"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/commonjs/components/Stepper.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["Stepper","min","Infinity","max","value","valueProp","defaultValue","style","typeStyle","iconSize","iconColor","onChange","theme","colors","typography","Icon","setValue","useState","isValidValue","valueArg","handlePlusOrMinus","type","newValue","useEffect","isNumber","flexDirection","opacity","body1","textAlign","alignSelf","color","medium","marginHorizontal","withTheme"],"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;;AACA;;AACA;;AAEA;;AAGA;;;;;;;;AAeA,MAAMA,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,IAAoB,IAAAC,eAAA,EAASX,YAAY,IAAI,CAAzB,CAA1B;;EAEA,MAAMY,YAAY,GAAIC,QAAD,IAAsBA,QAAQ,IAAIlB,GAAZ,IAAmBkB,QAAQ,IAAIhB,GAA1E;;EAEA,MAAMiB,iBAAiB,GAAIC,IAAD,IAA4B;IACpD,MAAMC,QAAQ,GAAGD,IAAI,KAAK,MAAT,GAAkBjB,KAAK,GAAG,CAA1B,GAA8BA,KAAK,GAAG,CAAvD;;IAEA,IAAIc,YAAY,CAACI,QAAD,CAAhB,EAA4B;MAC1BN,QAAQ,CAACM,QAAD,CAAR;MACAX,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGW,QAAH,CAAR;IACD;EACF,CAPD;;EASA,IAAAC,gBAAA,EAAU,MAAM;IACd,IACElB,SAAS,IAAI,IAAb,IACA,IAAAmB,gBAAA,EAASnB,SAAT,CADA,IAEAA,SAAS,KAAKD,KAFd,IAGAc,YAAY,CAACb,SAAD,CAJd,EAKE;MACAW,QAAQ,CAACX,SAAD,CAAR;IACD,CARa,CASd;;EACD,CAVD,EAUG,CAACA,SAAD,CAVH;EAYA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAAC;MAAEoB,aAAa,EAAE;IAAjB,CAAD,EAA2BlB,KAA3B;EAAb,gBACE,6BAAC,mBAAD;IACE,IAAI,EAAEQ,IADR;IAEE,IAAI,EAAC,sBAFP;IAGE,OAAO,EAAE,MAAMK,iBAAiB,CAAC,OAAD,CAHlC;IAIE,IAAI,EAAEX,QAJR;IAKE,KAAK,EAAEC,SALT;IAME,QAAQ,EAAEN,KAAK,KAAKH,GANtB;IAOE,KAAK,EAAE;MAAEyB,OAAO,EAAEtB,KAAK,KAAKH,GAAV,GAAgB,GAAhB,GAAsB;IAAjC;EAPT,EADF,eAWE,6BAAC,iBAAD;IACE,KAAK,EAAE,CACLa,UAAU,CAACa,KADN,EAEL;MACEC,SAAS,EAAE,QADb;MAEEC,SAAS,EAAE,QAFb;MAGEC,KAAK,EAAEjB,MAAM,CAACkB,MAHhB;MAIEC,gBAAgB,EAAE;IAJpB,CAFK,EAQLxB,SARK;EADT,GAYGJ,KAZH,CAXF,eA0BE,6BAAC,mBAAD;IACE,IAAI,EAAEW,IADR;IAEE,IAAI,EAAC,mBAFP;IAGE,OAAO,EAAE,MAAMK,iBAAiB,CAAC,MAAD,CAHlC;IAIE,IAAI,EAAEX,QAJR;IAKE,KAAK,EAAEC,SALT;IAME,QAAQ,EAAEN,KAAK,KAAKD,GANtB;IAOE,KAAK,EAAE;MAAEuB,OAAO,EAAEtB,KAAK,KAAKD,GAAV,GAAgB,GAAhB,GAAsB;IAAjC;EAPT,EA1BF,CADF;AAsCD,CA5ED;;eA8Ee,IAAA8B,kBAAA,EAAUjC,OAAV,C"}
+{"version":3,"names":["Stepper","min","Infinity","max","value","valueProp","defaultValue","style","typeStyle","iconSize","iconColor","onChange","theme","colors","typography","Icon","setValue","useState","isValidValue","valueArg","handlePlusOrMinus","type","newValue","useEffect","isNumber","flexDirection","opacity","body1","textAlign","alignSelf","color","medium","marginHorizontal","withTheme"],"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;;AACA;;AACA;;AAEA;;AAGA;;;;;;;;AAeA,MAAMA,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,IAAoB,IAAAC,eAAA,EAASX,YAAT,aAASA,YAAT,cAASA,YAAT,GAAyB,CAAzB,CAA1B;;EAEA,MAAMY,YAAY,GAAIC,QAAD,IAAsBA,QAAQ,IAAIlB,GAAZ,IAAmBkB,QAAQ,IAAIhB,GAA1E;;EAEA,MAAMiB,iBAAiB,GAAIC,IAAD,IAA4B;IACpD,MAAMC,QAAQ,GAAGD,IAAI,KAAK,MAAT,GAAkBjB,KAAK,GAAG,CAA1B,GAA8BA,KAAK,GAAG,CAAvD;;IAEA,IAAIc,YAAY,CAACI,QAAD,CAAhB,EAA4B;MAC1BN,QAAQ,CAACM,QAAD,CAAR;MACAX,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGW,QAAH,CAAR;IACD;EACF,CAPD;;EASA,IAAAC,gBAAA,EAAU,MAAM;IACd,IACElB,SAAS,IAAI,IAAb,IACA,IAAAmB,gBAAA,EAASnB,SAAT,CADA,IAEAA,SAAS,KAAKD,KAFd,IAGAc,YAAY,CAACb,SAAD,CAJd,EAKE;MACAW,QAAQ,CAACX,SAAD,CAAR;IACD,CARa,CASd;;EACD,CAVD,EAUG,CAACA,SAAD,CAVH;EAYA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAAC;MAAEoB,aAAa,EAAE;IAAjB,CAAD,EAA2BlB,KAA3B;EAAb,gBACE,6BAAC,mBAAD;IACE,IAAI,EAAEQ,IADR;IAEE,IAAI,EAAC,sBAFP;IAGE,OAAO,EAAE,MAAMK,iBAAiB,CAAC,OAAD,CAHlC;IAIE,IAAI,EAAEX,QAJR;IAKE,KAAK,EAAEC,SALT;IAME,QAAQ,EAAEN,KAAK,KAAKH,GANtB;IAOE,KAAK,EAAE;MAAEyB,OAAO,EAAEtB,KAAK,KAAKH,GAAV,GAAgB,GAAhB,GAAsB;IAAjC;EAPT,EADF,eAWE,6BAAC,iBAAD;IACE,KAAK,EAAE,CACLa,UAAU,CAACa,KADN,EAEL;MACEC,SAAS,EAAE,QADb;MAEEC,SAAS,EAAE,QAFb;MAGEC,KAAK,EAAEjB,MAAM,CAACkB,MAHhB;MAIEC,gBAAgB,EAAE;IAJpB,CAFK,EAQLxB,SARK;EADT,GAYGJ,KAZH,CAXF,eA0BE,6BAAC,mBAAD;IACE,IAAI,EAAEW,IADR;IAEE,IAAI,EAAC,mBAFP;IAGE,OAAO,EAAE,MAAMK,iBAAiB,CAAC,MAAD,CAHlC;IAIE,IAAI,EAAEX,QAJR;IAKE,KAAK,EAAEC,SALT;IAME,QAAQ,EAAEN,KAAK,KAAKD,GANtB;IAOE,KAAK,EAAE;MAAEuB,OAAO,EAAEtB,KAAK,KAAKD,GAAV,GAAgB,GAAhB,GAAsB;IAAjC;EAPT,EA1BF,CADF;AAsCD,CA5ED;;eA8Ee,IAAA8B,kBAAA,EAAUjC,OAAV,C"}

package/lib/commonjs/mappings/NumberInput.js

@@ -0,0 +1,241 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA_PROPS = exports.SEED_DATA = void 0;
+
+var _types = require("@draftbit/types");
+
+const NUMBER_INPUT_PROPS = {
+  allowFontScaling: {
+    group: _types.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: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  autoFocus: {
+    group: _types.GROUPS.basic,
+    label: "Auto Focus",
+    description: "Focuses the input on load in and brings up the keyboard",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  caretHidden: {
+    group: _types.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: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  contextMenuHidden: {
+    group: _types.GROUPS.advanced,
+    label: "Hide Context Menu",
+    description: "Hides the system context menu (Default: false)",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  editable: {
+    group: _types.GROUPS.advanced,
+    label: "Editable",
+    description: "If false, the text is not editable",
+    editable: true,
+    required: false,
+    defaultValue: true,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  keyboardAppearance: {
+    group: _types.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: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING
+  },
+  keyboardType: {
+    group: _types.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: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING
+  },
+  maxLength: {
+    group: _types.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: _types.FORM_TYPES.number,
+    propType: _types.PROP_TYPES.NUMBER
+  },
+  placeholder: {
+    group: _types.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: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING
+  },
+  placeholderTextColor: {
+    group: _types.GROUPS.basic,
+    label: "Placeholder Text Color",
+    description: "The color of the placeholder text.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.color,
+    propType: _types.PROP_TYPES.STRING
+  },
+  returnKeyLabel: {
+    group: _types.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: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING
+  },
+  returnKeyType: {
+    group: _types.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: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING
+  },
+  selectionColor: {
+    group: _types.GROUPS.advanced,
+    label: "Selection Color",
+    description: "Color of the highlighted portion when selecting.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.color,
+    propType: _types.PROP_TYPES.STRING
+  },
+  selectTextOnFocus: {
+    group: _types.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: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  }
+};
+const SEED_DATA_PROPS = {
+  style: {
+    group: _types.GROUPS.basic,
+    label: "Style",
+    description: "Text Style",
+    editable: false,
+    required: false,
+    formType: _types.FORM_TYPES.typeStyle,
+    propType: _types.PROP_TYPES.THEME,
+    defaultValue: null
+  },
+  clearButtonMode: {
+    group: _types.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: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING
+  },
+  clearTextOnFocus: {
+    group: _types.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: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  enablesReturnKeyAutomatically: {
+    group: _types.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: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  underlineColorAndroid: {
+    group: _types.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: _types.FORM_TYPES.color,
+    propType: _types.PROP_TYPES.THEME
+  },
+  fieldName: { ..._types.FIELD_NAME,
+    defaultValue: "numberInputValue",
+    handlerPropName: "onChangeText"
+  }
+};
+exports.SEED_DATA_PROPS = SEED_DATA_PROPS;
+const SEED_DATA = [{
+  name: "Number Input",
+  tag: "NumberInput",
+  description: "An input field that allows users to type in data.",
+  category: _types.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: [_types.Triggers.OnChangeText],
+  props: { ...SEED_DATA_PROPS,
+    ...NUMBER_INPUT_PROPS
+  }
+}];
+exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=NumberInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NUMBER_INPUT_PROPS","allowFontScaling","group","GROUPS","advanced","label","description","editable","required","defaultValue","formType","FORM_TYPES","boolean","propType","PROP_TYPES","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","FIELD_NAME","handlerPropName","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","preview_image_url","supports_list_render","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","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/commonjs/mappings/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","triggers","Triggers","OnPress","props","value","createTextProp","label","description","defaultValue","required","color","createColorProp","group","GROUPS","basic","unselectedColor","disabled","createBoolProp","size","createNumberProp","min","max","step","precision","selectedIcon","createIconProp","unselectedIcon"],"sources":["RadioButton.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  createBoolProp,\n  createColorProp,\n  createNumberProp,\n  createIconProp,\n  createTextProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button\",\n  tag: \"RadioButton\",\n  category: COMPONENT_TYPES.input,\n  triggers: [Triggers.OnPress],\n  props: {\n    value: createTextProp({\n      label: \"Value\",\n      description: \"Value of the radio button\",\n      defaultValue: null,\n      required: true,\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      description: \"Color for the button\",\n      defaultValue: \"primary\",\n    }),\n    unselectedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Unselected Color for the button\",\n      defaultValue: \"primary\",\n    }),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      description: \"Whether radio button is disabled\",\n    }),\n    size: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Specifies the size of the button\",\n      defaultValue: 24,\n      min: 16,\n      max: 128,\n      step: 1,\n      precision: 0,\n    }),\n    selectedIcon: createIconProp({\n      label: \"Selected Icon\",\n      description: \"Icon to show when the radio button is selected\",\n      defaultValue: \"MaterialIcons/radio-button-checked\",\n    }),\n    unselectedIcon: createIconProp({\n      label: \"Unselected Icon\",\n      description: \"Icon to show when the radio button is unselected\",\n      defaultValue: \"MaterialIcons/radio-button-unchecked\",\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAWO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,cADiB;EAEvBC,GAAG,EAAE,aAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHH;EAIvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,CAJa;EAKvBC,KAAK,EAAE;IACLC,KAAK,EAAE,IAAAC,qBAAA,EAAe;MACpBC,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,2BAFO;MAGpBC,YAAY,EAAE,IAHM;MAIpBC,QAAQ,EAAE;IAJU,CAAf,CADF;IAOLC,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACrBC,KAAK,EAAEC,aAAA,CAAOC,KADO;MAErBP,WAAW,EAAE,sBAFQ;MAGrBC,YAAY,EAAE;IAHO,CAAhB,CAPF;IAYLO,eAAe,EAAE,IAAAJ,sBAAA,EAAgB;MAC/BC,KAAK,EAAEC,aAAA,CAAOC,KADiB;MAE/BR,KAAK,EAAE,kBAFwB;MAG/BC,WAAW,EAAE,iCAHkB;MAI/BC,YAAY,EAAE;IAJiB,CAAhB,CAZZ;IAkBLQ,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBX,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE;IAFU,CAAf,CAlBL;IAsBLW,IAAI,EAAE,IAAAC,uBAAA,EAAiB;MACrBP,KAAK,EAAEC,aAAA,CAAOC,KADO;MAErBR,KAAK,EAAE,MAFc;MAGrBC,WAAW,EAAE,kCAHQ;MAIrBC,YAAY,EAAE,EAJO;MAKrBY,GAAG,EAAE,EALgB;MAMrBC,GAAG,EAAE,GANgB;MAOrBC,IAAI,EAAE,CAPe;MAQrBC,SAAS,EAAE;IARU,CAAjB,CAtBD;IAgCLC,YAAY,EAAE,IAAAC,qBAAA,EAAe;MAC3BnB,KAAK,EAAE,eADoB;MAE3BC,WAAW,EAAE,gDAFc;MAG3BC,YAAY,EAAE;IAHa,CAAf,CAhCT;IAqCLkB,cAAc,EAAE,IAAAD,qBAAA,EAAe;MAC7BnB,KAAK,EAAE,iBADsB;MAE7BC,WAAW,EAAE,kDAFgB;MAG7BC,YAAY,EAAE;IAHe,CAAf;EArCX;AALgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","triggers","Triggers","OnPress","props","value","createTextProp","label","description","defaultValue","required","color","createColorProp","group","GROUPS","basic","unselectedColor","disabled","createBoolProp","size","createNumberProp","min","max","step","precision","selectedIcon","createIconProp","unselectedIcon"],"sources":["RadioButton.js"],"sourcesContent":["import { GROUPS, COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createIconProp, createTextProp, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Radio Button\",\n    tag: \"RadioButton\",\n    category: COMPONENT_TYPES.input,\n    triggers: [Triggers.OnPress],\n    props: {\n        value: createTextProp({\n            label: \"Value\",\n            description: \"Value of the radio button\",\n            defaultValue: null,\n            required: true,\n        }),\n        color: createColorProp({\n            group: GROUPS.basic,\n            description: \"Color for the button\",\n            defaultValue: \"primary\",\n        }),\n        unselectedColor: createColorProp({\n            group: GROUPS.basic,\n            label: \"Unselected Color\",\n            description: \"Unselected Color for the button\",\n            defaultValue: \"primary\",\n        }),\n        disabled: createBoolProp({\n            label: \"Disabled\",\n            description: \"Whether radio button is disabled\",\n        }),\n        size: createNumberProp({\n            group: GROUPS.basic,\n            label: \"Size\",\n            description: \"Specifies the size of the button\",\n            defaultValue: 24,\n            min: 16,\n            max: 128,\n            step: 1,\n            precision: 0,\n        }),\n        selectedIcon: createIconProp({\n            label: \"Selected Icon\",\n            description: \"Icon to show when the radio button is selected\",\n            defaultValue: \"MaterialIcons/radio-button-checked\",\n        }),\n        unselectedIcon: createIconProp({\n            label: \"Unselected Icon\",\n            description: \"Icon to show when the radio button is unselected\",\n            defaultValue: \"MaterialIcons/radio-button-unchecked\",\n        }),\n    },\n};\n"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,cADe;EAErBC,GAAG,EAAE,aAFgB;EAGrBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHL;EAIrBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,CAJW;EAKrBC,KAAK,EAAE;IACHC,KAAK,EAAE,IAAAC,qBAAA,EAAe;MAClBC,KAAK,EAAE,OADW;MAElBC,WAAW,EAAE,2BAFK;MAGlBC,YAAY,EAAE,IAHI;MAIlBC,QAAQ,EAAE;IAJQ,CAAf,CADJ;IAOHC,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACnBC,KAAK,EAAEC,aAAA,CAAOC,KADK;MAEnBP,WAAW,EAAE,sBAFM;MAGnBC,YAAY,EAAE;IAHK,CAAhB,CAPJ;IAYHO,eAAe,EAAE,IAAAJ,sBAAA,EAAgB;MAC7BC,KAAK,EAAEC,aAAA,CAAOC,KADe;MAE7BR,KAAK,EAAE,kBAFsB;MAG7BC,WAAW,EAAE,iCAHgB;MAI7BC,YAAY,EAAE;IAJe,CAAhB,CAZd;IAkBHQ,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACrBX,KAAK,EAAE,UADc;MAErBC,WAAW,EAAE;IAFQ,CAAf,CAlBP;IAsBHW,IAAI,EAAE,IAAAC,uBAAA,EAAiB;MACnBP,KAAK,EAAEC,aAAA,CAAOC,KADK;MAEnBR,KAAK,EAAE,MAFY;MAGnBC,WAAW,EAAE,kCAHM;MAInBC,YAAY,EAAE,EAJK;MAKnBY,GAAG,EAAE,EALc;MAMnBC,GAAG,EAAE,GANc;MAOnBC,IAAI,EAAE,CAPa;MAQnBC,SAAS,EAAE;IARQ,CAAjB,CAtBH;IAgCHC,YAAY,EAAE,IAAAC,qBAAA,EAAe;MACzBnB,KAAK,EAAE,eADkB;MAEzBC,WAAW,EAAE,gDAFY;MAGzBC,YAAY,EAAE;IAHW,CAAf,CAhCX;IAqCHkB,cAAc,EAAE,IAAAD,qBAAA,EAAe;MAC3BnB,KAAK,EAAE,iBADoB;MAE3BC,WAAW,EAAE,kDAFc;MAG3BC,YAAY,EAAE;IAHa,CAAf;EArCb;AALc,CAAlB"}

package/lib/commonjs/mappings/RadioButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","direction","createDirectionProp","fieldName","createFieldNameProp","handlerPropName","valuePropName","defaultValue"],"sources":["RadioButtonGroup.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createFieldNameProp,\n  createDirectionProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button Group\",\n  tag: \"RadioButtonGroup\",\n  category: COMPONENT_TYPES.input,\n  layout: {},\n  triggers: [Triggers.OnValueChange],\n  props: {\n    direction: createDirectionProp(),\n    fieldName: createFieldNameProp({\n      handlerPropName: \"onValueChange\",\n      valuePropName: \"value\",\n      defaultValue: \"radioButtonGroupValue\",\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,oBADiB;EAEvBC,GAAG,EAAE,kBAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,aAAV,CALa;EAMvBC,KAAK,EAAE;IACLC,SAAS,EAAE,IAAAC,0BAAA,GADN;IAELC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BC,eAAe,EAAE,eADY;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,YAAY,EAAE;IAHe,CAApB;EAFN;AANgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","direction","createDirectionProp","fieldName","createFieldNameProp","handlerPropName","valuePropName","defaultValue"],"sources":["RadioButtonGroup.js"],"sourcesContent":["import { COMPONENT_TYPES, createFieldNameProp, createDirectionProp, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Radio Button Group\",\n    tag: \"RadioButtonGroup\",\n    category: COMPONENT_TYPES.input,\n    layout: {},\n    triggers: [Triggers.OnValueChange],\n    props: {\n        direction: createDirectionProp(),\n        fieldName: createFieldNameProp({\n            handlerPropName: \"onValueChange\",\n            valuePropName: \"value\",\n            defaultValue: \"radioButtonGroupValue\",\n        }),\n    },\n};\n"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,oBADe;EAErBC,GAAG,EAAE,kBAFgB;EAGrBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHL;EAIrBC,MAAM,EAAE,EAJa;EAKrBC,QAAQ,EAAE,CAACC,eAAA,CAASC,aAAV,CALW;EAMrBC,KAAK,EAAE;IACHC,SAAS,EAAE,IAAAC,0BAAA,GADR;IAEHC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC3BC,eAAe,EAAE,eADU;MAE3BC,aAAa,EAAE,OAFY;MAG3BC,YAAY,EAAE;IAHa,CAApB;EAFR;AANc,CAAlB"}

package/lib/commonjs/mappings/RadioButtonRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","props","label","createTextProp","description","required","defaultValue","direction","createTextEnumProp","options","value","color","createColorProp","group","GROUPS","basic","unselectedColor"],"sources":["RadioButtonRow.js"],"sourcesContent":["import { createTextProp, createTextEnumProp, COMPONENT_TYPES, createColorProp, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Radio Button Row\",\n    tag: \"RadioButtonRow\",\n    category: COMPONENT_TYPES.input,\n    layout: {},\n    props: {\n        label: createTextProp({\n            label: \"Label\",\n            description: \"Label to show with the radio button\",\n            required: true,\n            defaultValue: \"First Option\",\n        }),\n        direction: createTextEnumProp({\n            label: \"Direction\",\n            description: \"Whether the checkbox will appear on the left or on the right\",\n            options: [\"row\", \"row-reverse\"],\n        }),\n        value: createTextProp({\n            label: \"Value\",\n            description: \"Value of the radio button\",\n            defaultValue: null,\n            required: true,\n        }),\n        color: createColorProp({\n            group: GROUPS.basic,\n            description: \"Color for the button\",\n            defaultValue: \"primary\",\n        }),\n        unselectedColor: createColorProp({\n            group: GROUPS.basic,\n            label: \"Unselected Color\",\n            description: \"Unselected Color for the button\",\n            defaultValue: \"primary\",\n        }),\n    },\n};\n"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,kBADe;EAErBC,GAAG,EAAE,gBAFgB;EAGrBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHL;EAIrBC,MAAM,EAAE,EAJa;EAKrBC,KAAK,EAAE;IACHC,KAAK,EAAE,IAAAC,qBAAA,EAAe;MAClBD,KAAK,EAAE,OADW;MAElBE,WAAW,EAAE,qCAFK;MAGlBC,QAAQ,EAAE,IAHQ;MAIlBC,YAAY,EAAE;IAJI,CAAf,CADJ;IAOHC,SAAS,EAAE,IAAAC,yBAAA,EAAmB;MAC1BN,KAAK,EAAE,WADmB;MAE1BE,WAAW,EAAE,8DAFa;MAG1BK,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;IAHiB,CAAnB,CAPR;IAYHC,KAAK,EAAE,IAAAP,qBAAA,EAAe;MAClBD,KAAK,EAAE,OADW;MAElBE,WAAW,EAAE,2BAFK;MAGlBE,YAAY,EAAE,IAHI;MAIlBD,QAAQ,EAAE;IAJQ,CAAf,CAZJ;IAkBHM,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACnBC,KAAK,EAAEC,aAAA,CAAOC,KADK;MAEnBX,WAAW,EAAE,sBAFM;MAGnBE,YAAY,EAAE;IAHK,CAAhB,CAlBJ;IAuBHU,eAAe,EAAE,IAAAJ,sBAAA,EAAgB;MAC7BC,KAAK,EAAEC,aAAA,CAAOC,KADe;MAE7Bb,KAAK,EAAE,kBAFsB;MAG7BE,WAAW,EAAE,iCAHgB;MAI7BE,YAAY,EAAE;IAJe,CAAhB;EAvBd;AALc,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","props","label","createTextProp","description","required","defaultValue","direction","createTextEnumProp","options","value","color","createColorProp","group","GROUPS","basic","unselectedColor"],"sources":["RadioButtonRow.ts"],"sourcesContent":["import {\n  createTextProp,\n  createTextEnumProp,\n  COMPONENT_TYPES,\n  createColorProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button Row\",\n  tag: \"RadioButtonRow\",\n  category: COMPONENT_TYPES.input,\n  layout: {},\n  props: {\n    label: createTextProp({\n      label: \"Label\",\n      description: \"Label to show with the radio button\",\n      required: true,\n      defaultValue: \"First Option\",\n    }),\n    direction: createTextEnumProp({\n      label: \"Direction\",\n      description:\n        \"Whether the checkbox will appear on the left or on the right\",\n      options: [\"row\", \"row-reverse\"],\n    }),\n    value: createTextProp({\n      label: \"Value\",\n      description: \"Value of the radio button\",\n      defaultValue: null,\n      required: true,\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      description: \"Color for the button\",\n      defaultValue: \"primary\",\n    }),\n    unselectedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Unselected Color for the button\",\n      defaultValue: \"primary\",\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,kBADiB;EAEvBC,GAAG,EAAE,gBAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,KAAK,EAAE;IACLC,KAAK,EAAE,IAAAC,qBAAA,EAAe;MACpBD,KAAK,EAAE,OADa;MAEpBE,WAAW,EAAE,qCAFO;MAGpBC,QAAQ,EAAE,IAHU;MAIpBC,YAAY,EAAE;IAJM,CAAf,CADF;IAOLC,SAAS,EAAE,IAAAC,yBAAA,EAAmB;MAC5BN,KAAK,EAAE,WADqB;MAE5BE,WAAW,EACT,8DAH0B;MAI5BK,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;IAJmB,CAAnB,CAPN;IAaLC,KAAK,EAAE,IAAAP,qBAAA,EAAe;MACpBD,KAAK,EAAE,OADa;MAEpBE,WAAW,EAAE,2BAFO;MAGpBE,YAAY,EAAE,IAHM;MAIpBD,QAAQ,EAAE;IAJU,CAAf,CAbF;IAmBLM,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACrBC,KAAK,EAAEC,aAAA,CAAOC,KADO;MAErBX,WAAW,EAAE,sBAFQ;MAGrBE,YAAY,EAAE;IAHO,CAAhB,CAnBF;IAwBLU,eAAe,EAAE,IAAAJ,sBAAA,EAAgB;MAC/BC,KAAK,EAAEC,aAAA,CAAOC,KADiB;MAE/Bb,KAAK,EAAE,kBAFwB;MAG/BE,WAAW,EAAE,iCAHkB;MAI/BE,YAAY,EAAE;IAJiB,CAAhB;EAxBZ;AALgB,CAAlB"}