@draftbit/core 43.4.13-33b170.0 → 43.4.13-bf4057.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/RadioButton/index.js.map +1 -1
- package/lib/commonjs/components/ScreenContainer.js +4 -4
- package/lib/commonjs/components/ScreenContainer.js.map +1 -1
- package/lib/commonjs/components/StepIndicator.js.map +1 -1
- package/lib/commonjs/mappings/ActionSheet.js.map +1 -1
- package/lib/commonjs/mappings/Icon.js.map +1 -1
- package/lib/commonjs/mappings/RowHeadlineImageCaption.js.map +1 -1
- package/lib/commonjs/mappings/RowHeadlineImageIcon.js.map +1 -1
- package/lib/commonjs/mappings/Stepper.js.map +1 -1
- package/lib/module/components/DatePicker/DatePickerComponent.js.map +1 -1
- package/lib/module/components/ProgressCircle.js.map +1 -1
- package/lib/module/components/RadioButton/RadioButtonGroup.js +5 -16
- package/lib/module/components/RadioButton/RadioButtonGroup.js.map +1 -1
- package/lib/module/components/ScreenContainer.js +4 -4
- package/lib/module/components/ScreenContainer.js.map +1 -1
- package/package.json +2 -2
- package/src/components/ScreenContainer.js +2 -2
- package/src/components/ScreenContainer.tsx +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA","sourcesContent":["export { default as RadioButton } from \"./RadioButton\";\nexport { default as RadioButtonGroup } from \"./RadioButtonGroup\";\nexport { default as RadioButtonRow } from \"./RadioButtonRow\";\nexport { default as RadioButtonFieldGroup } from \"./RadioButtonFieldGroup\";\n"]}
|
|
@@ -47,13 +47,13 @@ function ScreenContainer(_ref) {
|
|
|
47
47
|
backgroundColor
|
|
48
48
|
}]
|
|
49
49
|
}, rest), scrollable ? /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
|
|
50
|
-
contentContainerStyle: [{
|
|
50
|
+
contentContainerStyle: [styles.scrollViewContainer, {
|
|
51
51
|
backgroundColor
|
|
52
|
-
}, style
|
|
52
|
+
}, style]
|
|
53
53
|
}, children) : /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
54
|
-
style: [{
|
|
54
|
+
style: [styles.container, {
|
|
55
55
|
backgroundColor
|
|
56
|
-
}, style
|
|
56
|
+
}, style]
|
|
57
57
|
}, children));
|
|
58
58
|
}
|
|
59
59
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ScreenContainer.tsx"],"names":["ScreenContainer","hasSafeArea","scrollable","hasBottomSafeArea","hasTopSafeArea","theme","style","children","rest","backgroundColor","colors","background","edges","push","styles","container","scrollViewContainer","StyleSheet","create","flex","flexGrow","undefined"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;AAEA;;;;;;;;AAaA,SAASA,eAAT,OASU;AAAA,MATe;AACvBC,IAAAA,WAAW,GAAG,KADS;AAEvBC,IAAAA,UAAU,GAAG,KAFU;AAGvBC,IAAAA,iBAHuB;AAIvBC,IAAAA,cAJuB;AAKvBC,IAAAA,KALuB;AAMvBC,IAAAA,KANuB;AAOvBC,IAAAA,QAPuB;AAQvB,OAAGC;AARoB,GASf;AACR,QAAMC,eAAe,GAAGJ,KAAK,CAACK,MAAN,CAAaC,UAArC;AAEA,QAAMC,KAAa,GAAG,CAAC,MAAD,EAAS,OAAT,CAAtB;;AACA,MAAIX,WAAW,IAAIG,cAAnB,EAAmC;AACjCQ,IAAAA,KAAK,CAACC,IAAN,CAAW,KAAX;AACD;;AAED,MAAIZ,WAAW,IAAIE,iBAAnB,EAAsC;AACpCS,IAAAA,KAAK,CAACC,IAAN,CAAW,QAAX;AACD;;AAED,sBACE,oBAAC,wCAAD;AACE,IAAA,KAAK,EAAED,KADT;AAEE,IAAA,KAAK,EAAE,CACLE,MAAM,CAACC,SADF,EAEL;AACEN,MAAAA;AADF,KAFK;AAFT,KAQMD,IARN,GAUGN,UAAU,gBACT,oBAAC,uBAAD;AACE,IAAA,qBAAqB,EAAE,
|
|
1
|
+
{"version":3,"sources":["ScreenContainer.tsx"],"names":["ScreenContainer","hasSafeArea","scrollable","hasBottomSafeArea","hasTopSafeArea","theme","style","children","rest","backgroundColor","colors","background","edges","push","styles","container","scrollViewContainer","StyleSheet","create","flex","flexGrow","undefined"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;AAEA;;;;;;;;AAaA,SAASA,eAAT,OASU;AAAA,MATe;AACvBC,IAAAA,WAAW,GAAG,KADS;AAEvBC,IAAAA,UAAU,GAAG,KAFU;AAGvBC,IAAAA,iBAHuB;AAIvBC,IAAAA,cAJuB;AAKvBC,IAAAA,KALuB;AAMvBC,IAAAA,KANuB;AAOvBC,IAAAA,QAPuB;AAQvB,OAAGC;AARoB,GASf;AACR,QAAMC,eAAe,GAAGJ,KAAK,CAACK,MAAN,CAAaC,UAArC;AAEA,QAAMC,KAAa,GAAG,CAAC,MAAD,EAAS,OAAT,CAAtB;;AACA,MAAIX,WAAW,IAAIG,cAAnB,EAAmC;AACjCQ,IAAAA,KAAK,CAACC,IAAN,CAAW,KAAX;AACD;;AAED,MAAIZ,WAAW,IAAIE,iBAAnB,EAAsC;AACpCS,IAAAA,KAAK,CAACC,IAAN,CAAW,QAAX;AACD;;AAED,sBACE,oBAAC,wCAAD;AACE,IAAA,KAAK,EAAED,KADT;AAEE,IAAA,KAAK,EAAE,CACLE,MAAM,CAACC,SADF,EAEL;AACEN,MAAAA;AADF,KAFK;AAFT,KAQMD,IARN,GAUGN,UAAU,gBACT,oBAAC,uBAAD;AACE,IAAA,qBAAqB,EAAE,CACrBY,MAAM,CAACE,mBADc,EAErB;AAAEP,MAAAA;AAAF,KAFqB,EAGrBH,KAHqB;AADzB,KAOGC,QAPH,CADS,gBAWT,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACO,MAAM,CAACC,SAAR,EAAmB;AAAEN,MAAAA;AAAF,KAAnB,EAAwCH,KAAxC;AAAb,KACGC,QADH,CArBJ,CADF;AA4BD;;AAED,MAAMO,MAAM,GAAGG,wBAAWC,MAAX,CAAkB;AAC/BH,EAAAA,SAAS,EAAE;AACTI,IAAAA,IAAI,EAAE;AADG,GADoB;AAI/BH,EAAAA,mBAAmB,EAAE;AACnBI,IAAAA,QAAQ,EAAE,CADS;AAEnBD,IAAAA,IAAI,EAAEE;AAFa;AAJU,CAAlB,CAAf;;eAUe,wBAAUrB,eAAV,C","sourcesContent":["import * as React from \"react\";\nimport {\n StyleSheet,\n ScrollView,\n StyleProp,\n ViewStyle,\n View,\n} from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport type { Edge } from \"react-native-safe-area-context\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n hasSafeArea: boolean;\n scrollable: boolean;\n hasBottomSafeArea?: boolean;\n hasTopSafeArea?: boolean;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n children?: React.ReactNode;\n};\n\nfunction ScreenContainer({\n hasSafeArea = false,\n scrollable = false,\n hasBottomSafeArea,\n hasTopSafeArea,\n theme,\n style,\n children,\n ...rest\n}: Props) {\n const backgroundColor = theme.colors.background;\n\n const edges: Edge[] = [\"left\", \"right\"];\n if (hasSafeArea || hasTopSafeArea) {\n edges.push(\"top\");\n }\n\n if (hasSafeArea || hasBottomSafeArea) {\n edges.push(\"bottom\");\n }\n\n return (\n <SafeAreaView\n edges={edges}\n style={[\n styles.container,\n {\n backgroundColor,\n },\n ]}\n {...rest}\n >\n {scrollable ? (\n <ScrollView\n contentContainerStyle={[\n styles.scrollViewContainer,\n { backgroundColor },\n style,\n ]}\n >\n {children}\n </ScrollView>\n ) : (\n <View style={[styles.container, { backgroundColor }, style]}>\n {children}\n </View>\n )}\n </SafeAreaView>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n },\n scrollViewContainer: {\n flexGrow: 1,\n flex: undefined,\n },\n});\n\nexport default withTheme(ScreenContainer);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["StepIndicator.tsx"],"names":["STEP_STATUS","CURRENT","FINISHED","UNFINISHED","StepIndicator","Component","constructor","props","stepCount","direction","progressBarBackgroundStyle","backgroundColor","state","customStyles","separatorUnFinishedColor","position","left","width","separatorStrokeWidth","top","height","bottom","separatorStrokeUnfinishedWidth","right","event","setState","progressBarSize","nativeEvent","layout","onCurrentPositionChanged","currentPosition","progressBarStyle","separatorFinishedColor","separatorStrokeFinishedWidth","progressAnim","steps","push","stepPressed","styles","stepContainer","flexDirection","renderStep","stepIndicatorContainer","currentStepIndicatorSize","labels","renderLabel","labelViews","map","label","index","selectedStepLabelStyle","color","currentStepLabelColor","labelColor","stepLabelItem","stepStatus","getStepStatus","stepLabel","fontSize","labelSize","fontFamily","labelFontFamily","stepLabelsContainer","paddingHorizontal","paddingVertical","alignItems","labelAlign","renderStepIndicator","stepStyle","indicatorLabelStyle","stepIndicatorCurrentColor","borderWidth","currentStepStrokeWidth","borderColor","stepStrokeCurrentColor","sizeAnim","borderRadius","borderRadiusAnim","currentStepIndicatorLabelFontSize","stepIndicatorLabelCurrentColor","stepIndicatorFinishedColor","stepStrokeWidth","stepStrokeFinishedColor","stepIndicatorSize","stepIndicatorLabelFontSize","stepIndicatorLabelFinishedColor","stepIndicatorUnFinishedColor","stepStrokeUnFinishedColor","overflow","stepIndicatorLabelUnFinishedColor","step","stepPosition","animateToPosition","setValue","Animated","sequence","timing","toValue","duration","parallel","start","defaultStyles","Object","assign","Value","onPress","render","container","flex","renderProgressBarBackground","renderProgressBar","renderStepLabels","componentDidUpdate","prevProps","StyleSheet","create","justifyContent","zIndex","textAlign","fontWeight","defaultProps"],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport React, { Component } from \"react\";\nimport {\n View,\n Text,\n StyleSheet,\n Animated,\n TouchableWithoutFeedback,\n} from \"react-native\";\n\nconst STEP_STATUS = {\n CURRENT: \"current\",\n FINISHED: \"finished\",\n UNFINISHED: \"unfinished\",\n};\n\ninterface CustomStyles {\n stepIndicatorSize?: number;\n currentStepIndicatorSize?: number;\n separatorStrokeWidth?: number;\n separatorStrokeUnfinishedWidth?: number;\n separatorStrokeFinishedWidth?: number;\n currentStepStrokeWidth: number;\n stepStrokeWidth?: number;\n stepStrokeCurrentColor?: string;\n stepStrokeFinishedColor: string;\n stepStrokeUnFinishedColor: string;\n separatorFinishedColor: string;\n separatorUnFinishedColor: string;\n stepIndicatorFinishedColor: string;\n stepIndicatorUnFinishedColor: string;\n stepIndicatorCurrentColor: string;\n stepIndicatorLabelFontSize: number;\n currentStepIndicatorLabelFontSize?: number;\n stepIndicatorLabelCurrentColor: string;\n stepIndicatorLabelFinishedColor: string;\n stepIndicatorLabelUnFinishedColor: string;\n labelColor?: string;\n labelSize?: number;\n labelAlign?: string;\n currentStepLabelColor?: string;\n labelFontFamily?: string;\n}\n\ntype Props = {\n stepCount: number;\n currentPosition: number;\n customStyles: CustomStyles;\n};\n\ntype State = {\n width: number;\n height: number;\n progressBarSize: number;\n customStyles: CustomStyles;\n};\n\nexport default class StepIndicator extends Component<Props, State> {\n constructor(props: Props) {\n super(props);\n\n const defaultStyles = {\n stepIndicatorSize: 30,\n currentStepIndicatorSize: 40,\n separatorStrokeWidth: 3,\n separatorStrokeUnfinishedWidth: 0,\n separatorStrokeFinishedWidth: 0,\n currentStepStrokeWidth: 5,\n stepStrokeWidth: 0,\n stepStrokeCurrentColor: \"#4aae4f\",\n stepStrokeFinishedColor: \"#4aae4f\",\n stepStrokeUnFinishedColor: \"#4aae4f\",\n separatorFinishedColor: \"#4aae4f\",\n separatorUnFinishedColor: \"#a4d4a5\",\n stepIndicatorFinishedColor: \"#4aae4f\",\n stepIndicatorUnFinishedColor: \"#a4d4a5\",\n stepIndicatorCurrentColor: \"#ffffff\",\n stepIndicatorLabelFontSize: 15,\n currentStepIndicatorLabelFontSize: 15,\n stepIndicatorLabelCurrentColor: \"#000000\",\n stepIndicatorLabelFinishedColor: \"#ffffff\",\n stepIndicatorLabelUnFinishedColor: \"rgba(255,255,255,0.5)\",\n labelColor: \"#000000\",\n labelSize: 13,\n labelAlign: \"center\",\n currentStepLabelColor: \"#4aae4f\",\n };\n\n const customStyles = Object.assign(defaultStyles, props.customStyles);\n\n this.state = {\n width: 0,\n height: 1,\n progressBarSize: -2,\n customStyles,\n };\n\n this.progressAnim = new Animated.Value(0);\n this.sizeAnim = new Animated.Value(\n this.state.customStyles.stepIndicatorSize\n );\n this.borderRadiusAnim = new Animated.Value(\n this.state.customStyles.stepIndicatorSize / 2\n );\n }\n\n stepPressed(position) {\n if (this.props.onPress) {\n this.props.onPress(position);\n }\n }\n\n render() {\n const { labels, direction } = this.props;\n return (\n <View\n style={[\n styles.container,\n direction === \"vertical\"\n ? { flexDirection: \"row\", flex: 1 }\n : { flexDirection: \"column\" },\n ]}\n >\n {this.state.width !== 0 && this.renderProgressBarBackground()}\n {this.state.width !== 0 && this.renderProgressBar()}\n {this.renderStepIndicator()}\n {labels && this.renderStepLabels()}\n </View>\n );\n }\n\n componentDidUpdate(prevProps) {\n // if (prevProps.customStyles !== this.props.customStyles) {\n // this.setState((state) => ({\n // customStyles: Object.assign(\n // state.customStyles,\n // this.props.customStyles\n // ),\n // }));\n // }\n\n if (prevProps.currentPosition !== this.props.currentPosition) {\n this.onCurrentPositionChanged(this.props.currentPosition);\n }\n }\n\n renderProgressBarBackground = () => {\n const { stepCount, direction } = this.props;\n let progressBarBackgroundStyle;\n if (direction === \"vertical\") {\n progressBarBackgroundStyle = {\n backgroundColor: this.state.customStyles.separatorUnFinishedColor,\n position: \"absolute\",\n left:\n (this.state.width - this.state.customStyles.separatorStrokeWidth) / 2,\n top: this.state.height / (2 * stepCount),\n bottom: this.state.height / (2 * stepCount),\n width:\n this.state.customStyles.separatorStrokeUnfinishedWidth === 0\n ? this.state.customStyles.separatorStrokeWidth\n : this.state.customStyles.separatorStrokeUnfinishedWidth,\n };\n } else {\n progressBarBackgroundStyle = {\n backgroundColor: this.state.customStyles.separatorUnFinishedColor,\n position: \"absolute\",\n top:\n (this.state.height - this.state.customStyles.separatorStrokeWidth) /\n 2,\n left: this.state.width / (2 * stepCount),\n right: this.state.width / (2 * stepCount),\n height:\n this.state.customStyles.separatorStrokeUnfinishedWidth === 0\n ? this.state.customStyles.separatorStrokeWidth\n : this.state.customStyles.separatorStrokeUnfinishedWidth,\n };\n }\n return (\n <View\n onLayout={(event) => {\n if (direction === \"vertical\") {\n this.setState(\n { progressBarSize: event.nativeEvent.layout.height },\n () => {\n this.onCurrentPositionChanged(this.props.currentPosition);\n }\n );\n } else {\n this.setState(\n { progressBarSize: event.nativeEvent.layout.width },\n () => {\n this.onCurrentPositionChanged(this.props.currentPosition);\n }\n );\n }\n }}\n style={progressBarBackgroundStyle}\n />\n );\n };\n\n renderProgressBar = () => {\n const { stepCount, direction } = this.props;\n let progressBarStyle;\n if (direction === \"vertical\") {\n progressBarStyle = {\n backgroundColor: this.state.customStyles.separatorFinishedColor,\n position: \"absolute\",\n left:\n (this.state.width - this.state.customStyles.separatorStrokeWidth) / 2,\n top: this.state.height / (2 * stepCount),\n bottom: this.state.height / (2 * stepCount),\n width:\n this.state.customStyles.separatorStrokeFinishedWidth === 0\n ? this.state.customStyles.separatorStrokeWidth\n : this.state.customStyles.separatorStrokeFinishedWidth,\n height: this.progressAnim,\n };\n } else {\n progressBarStyle = {\n backgroundColor: this.state.customStyles.separatorFinishedColor,\n position: \"absolute\",\n top:\n (this.state.height - this.state.customStyles.separatorStrokeWidth) /\n 2,\n left: this.state.width / (2 * stepCount),\n right: this.state.width / (2 * stepCount),\n height:\n this.state.customStyles.separatorStrokeFinishedWidth === 0\n ? this.state.customStyles.separatorStrokeWidth\n : this.state.customStyles.separatorStrokeFinishedWidth,\n width: this.progressAnim,\n };\n }\n return <Animated.View style={progressBarStyle} />;\n };\n\n renderStepIndicator = () => {\n let steps = [];\n const { stepCount, direction } = this.props;\n for (let position = 0; position < stepCount; position++) {\n steps.push(\n <TouchableWithoutFeedback\n key={position}\n onPress={() => this.stepPressed(position)}\n >\n <View\n style={[\n styles.stepContainer,\n direction === \"vertical\"\n ? { flexDirection: \"column\" }\n : { flexDirection: \"row\" },\n ]}\n >\n {this.renderStep(position)}\n </View>\n </TouchableWithoutFeedback>\n );\n }\n return (\n <View\n onLayout={(event) =>\n this.setState({\n width: event.nativeEvent.layout.width,\n height: event.nativeEvent.layout.height,\n })\n }\n style={[\n styles.stepIndicatorContainer,\n direction === \"vertical\"\n ? {\n flexDirection: \"column\",\n width: this.state.customStyles.currentStepIndicatorSize,\n }\n : {\n flexDirection: \"row\",\n height: this.state.customStyles.currentStepIndicatorSize,\n },\n ]}\n >\n {steps}\n </View>\n );\n };\n\n renderStepLabels = () => {\n const { labels, direction, currentPosition, renderLabel } = this.props;\n var labelViews = labels.map((label, index) => {\n const selectedStepLabelStyle =\n index === currentPosition\n ? { color: this.state.customStyles.currentStepLabelColor }\n : { color: this.state.customStyles.labelColor };\n return (\n <TouchableWithoutFeedback\n style={styles.stepLabelItem}\n key={index}\n onPress={() => this.stepPressed(index)}\n >\n <View style={styles.stepLabelItem}>\n {renderLabel ? (\n renderLabel({\n position: index,\n stepStatus: this.getStepStatus(index),\n label,\n currentPosition,\n })\n ) : (\n <Text\n style={[\n styles.stepLabel,\n selectedStepLabelStyle,\n {\n fontSize: this.state.customStyles.labelSize,\n fontFamily: this.state.customStyles.labelFontFamily,\n },\n ]}\n >\n {label}\n </Text>\n )}\n </View>\n </TouchableWithoutFeedback>\n );\n });\n\n return (\n <View\n style={[\n styles.stepLabelsContainer,\n direction === \"vertical\"\n ? { flexDirection: \"column\", paddingHorizontal: 4 }\n : { flexDirection: \"row\", paddingVertical: 4 },\n { alignItems: this.state.customStyles.labelAlign },\n ]}\n >\n {labelViews}\n </View>\n );\n };\n\n renderStep = (position) => {\n const { renderStepIndicator } = this.props;\n let stepStyle;\n let indicatorLabelStyle;\n\n switch (this.getStepStatus(position)) {\n case STEP_STATUS.CURRENT: {\n stepStyle = {\n backgroundColor: this.state.customStyles.stepIndicatorCurrentColor,\n borderWidth: this.state.customStyles.currentStepStrokeWidth,\n borderColor: this.state.customStyles.stepStrokeCurrentColor,\n height: this.sizeAnim,\n width: this.sizeAnim,\n borderRadius: this.borderRadiusAnim,\n };\n indicatorLabelStyle = {\n fontSize: this.state.customStyles.currentStepIndicatorLabelFontSize,\n color: this.state.customStyles.stepIndicatorLabelCurrentColor,\n };\n\n break;\n }\n case STEP_STATUS.FINISHED: {\n stepStyle = {\n backgroundColor: this.state.customStyles.stepIndicatorFinishedColor,\n borderWidth: this.state.customStyles.stepStrokeWidth,\n borderColor: this.state.customStyles.stepStrokeFinishedColor,\n height: this.state.customStyles.stepIndicatorSize,\n width: this.state.customStyles.stepIndicatorSize,\n borderRadius: this.state.customStyles.stepIndicatorSize / 2,\n };\n indicatorLabelStyle = {\n fontSize: this.state.customStyles.stepIndicatorLabelFontSize,\n color: this.state.customStyles.stepIndicatorLabelFinishedColor,\n };\n break;\n }\n\n case STEP_STATUS.UNFINISHED: {\n stepStyle = {\n backgroundColor: this.state.customStyles.stepIndicatorUnFinishedColor,\n borderWidth: this.state.customStyles.stepStrokeWidth,\n borderColor: this.state.customStyles.stepStrokeUnFinishedColor,\n height: this.state.customStyles.stepIndicatorSize,\n width: this.state.customStyles.stepIndicatorSize,\n borderRadius: this.state.customStyles.stepIndicatorSize / 2,\n };\n indicatorLabelStyle = {\n overflow: \"hidden\",\n fontSize: this.state.customStyles.stepIndicatorLabelFontSize,\n color: this.state.customStyles.stepIndicatorLabelUnFinishedColor,\n };\n break;\n }\n default:\n }\n\n return (\n <Animated.View key={\"step-indicator\"} style={[styles.step, stepStyle]}>\n {renderStepIndicator ? (\n renderStepIndicator({\n position,\n stepStatus: this.getStepStatus(position),\n })\n ) : (\n <Text style={indicatorLabelStyle}>{`${position + 1}`}</Text>\n )}\n </Animated.View>\n );\n };\n\n getStepStatus = (stepPosition) => {\n const { currentPosition } = this.props;\n if (stepPosition === currentPosition) {\n return STEP_STATUS.CURRENT;\n } else if (stepPosition < currentPosition) {\n return STEP_STATUS.FINISHED;\n } else {\n return STEP_STATUS.UNFINISHED;\n }\n };\n\n onCurrentPositionChanged = (position) => {\n let { stepCount } = this.props;\n if (position > stepCount - 1) {\n position = stepCount - 1;\n }\n const animateToPosition =\n (this.state.progressBarSize / (stepCount - 1)) * position;\n this.sizeAnim.setValue(this.state.customStyles.stepIndicatorSize);\n this.borderRadiusAnim.setValue(\n this.state.customStyles.stepIndicatorSize / 2\n );\n Animated.sequence([\n Animated.timing(this.progressAnim, {\n toValue: animateToPosition,\n duration: 200,\n }),\n Animated.parallel([\n Animated.timing(this.sizeAnim, {\n toValue: this.state.customStyles.currentStepIndicatorSize,\n duration: 100,\n }),\n Animated.timing(this.borderRadiusAnim, {\n toValue: this.state.customStyles.currentStepIndicatorSize / 2,\n duration: 100,\n }),\n ]),\n ]).start();\n };\n}\n\nconst styles = StyleSheet.create({\n container: {\n backgroundColor: \"transparent\",\n },\n stepIndicatorContainer: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-around\",\n backgroundColor: \"transparent\",\n },\n stepLabelsContainer: {\n justifyContent: \"space-around\",\n },\n step: {\n alignItems: \"center\",\n justifyContent: \"center\",\n zIndex: 2,\n },\n stepContainer: {\n flex: 1,\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n stepLabel: {\n fontSize: 12,\n textAlign: \"center\",\n fontWeight: \"500\",\n },\n stepLabelItem: {\n flex: 1,\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n});\n\nStepIndicator.defaultProps = {\n currentPosition: 0,\n stepCount: 5,\n customStyles: {},\n direction: \"horizontal\",\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["StepIndicator.js"],"names":["STEP_STATUS","CURRENT","FINISHED","UNFINISHED","StepIndicator","Component","constructor","props","stepCount","direction","progressBarBackgroundStyle","backgroundColor","state","customStyles","separatorUnFinishedColor","position","left","width","separatorStrokeWidth","top","height","bottom","separatorStrokeUnfinishedWidth","right","React","createElement","View","onLayout","event","setState","progressBarSize","nativeEvent","layout","onCurrentPositionChanged","currentPosition","style","progressBarStyle","separatorFinishedColor","separatorStrokeFinishedWidth","progressAnim","Animated","steps","push","TouchableWithoutFeedback","key","onPress","stepPressed","styles","stepContainer","flexDirection","renderStep","stepIndicatorContainer","currentStepIndicatorSize","labels","renderLabel","labelViews","map","label","index","selectedStepLabelStyle","color","currentStepLabelColor","labelColor","stepLabelItem","stepStatus","getStepStatus","Text","stepLabel","fontSize","labelSize","fontFamily","labelFontFamily","stepLabelsContainer","paddingHorizontal","paddingVertical","alignItems","labelAlign","renderStepIndicator","stepStyle","indicatorLabelStyle","stepIndicatorCurrentColor","borderWidth","currentStepStrokeWidth","borderColor","stepStrokeCurrentColor","sizeAnim","borderRadius","borderRadiusAnim","currentStepIndicatorLabelFontSize","stepIndicatorLabelCurrentColor","stepIndicatorFinishedColor","stepStrokeWidth","stepStrokeFinishedColor","stepIndicatorSize","stepIndicatorLabelFontSize","stepIndicatorLabelFinishedColor","stepIndicatorUnFinishedColor","stepStrokeUnFinishedColor","overflow","stepIndicatorLabelUnFinishedColor","step","stepPosition","animateToPosition","setValue","sequence","timing","toValue","duration","parallel","start","defaultStyles","Object","assign","Value","render","container","flex","renderProgressBarBackground","renderProgressBar","renderStepLabels","componentDidUpdate","prevProps","StyleSheet","create","justifyContent","zIndex","textAlign","fontWeight","defaultProps"],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport React, { Component } from \"react\";\nimport { View, Text, StyleSheet, Animated, TouchableWithoutFeedback, } from \"react-native\";\nconst STEP_STATUS = {\n CURRENT: \"current\",\n FINISHED: \"finished\",\n UNFINISHED: \"unfinished\",\n};\nexport default class StepIndicator extends Component {\n constructor(props) {\n super(props);\n const defaultStyles = {\n stepIndicatorSize: 30,\n currentStepIndicatorSize: 40,\n separatorStrokeWidth: 3,\n separatorStrokeUnfinishedWidth: 0,\n separatorStrokeFinishedWidth: 0,\n currentStepStrokeWidth: 5,\n stepStrokeWidth: 0,\n stepStrokeCurrentColor: \"#4aae4f\",\n stepStrokeFinishedColor: \"#4aae4f\",\n stepStrokeUnFinishedColor: \"#4aae4f\",\n separatorFinishedColor: \"#4aae4f\",\n separatorUnFinishedColor: \"#a4d4a5\",\n stepIndicatorFinishedColor: \"#4aae4f\",\n stepIndicatorUnFinishedColor: \"#a4d4a5\",\n stepIndicatorCurrentColor: \"#ffffff\",\n stepIndicatorLabelFontSize: 15,\n currentStepIndicatorLabelFontSize: 15,\n stepIndicatorLabelCurrentColor: \"#000000\",\n stepIndicatorLabelFinishedColor: \"#ffffff\",\n stepIndicatorLabelUnFinishedColor: \"rgba(255,255,255,0.5)\",\n labelColor: \"#000000\",\n labelSize: 13,\n labelAlign: \"center\",\n currentStepLabelColor: \"#4aae4f\",\n };\n const customStyles = Object.assign(defaultStyles, props.customStyles);\n this.state = {\n width: 0,\n height: 1,\n progressBarSize: -2,\n customStyles,\n };\n this.progressAnim = new Animated.Value(0);\n this.sizeAnim = new Animated.Value(this.state.customStyles.stepIndicatorSize);\n this.borderRadiusAnim = new Animated.Value(this.state.customStyles.stepIndicatorSize / 2);\n }\n stepPressed(position) {\n if (this.props.onPress) {\n this.props.onPress(position);\n }\n }\n render() {\n const { labels, direction } = this.props;\n return (React.createElement(View, { style: [\n styles.container,\n direction === \"vertical\"\n ? { flexDirection: \"row\", flex: 1 }\n : { flexDirection: \"column\" },\n ] },\n this.state.width !== 0 && this.renderProgressBarBackground(),\n this.state.width !== 0 && this.renderProgressBar(),\n this.renderStepIndicator(),\n labels && this.renderStepLabels()));\n }\n componentDidUpdate(prevProps) {\n // if (prevProps.customStyles !== this.props.customStyles) {\n // this.setState((state) => ({\n // customStyles: Object.assign(\n // state.customStyles,\n // this.props.customStyles\n // ),\n // }));\n // }\n if (prevProps.currentPosition !== this.props.currentPosition) {\n this.onCurrentPositionChanged(this.props.currentPosition);\n }\n }\n renderProgressBarBackground = () => {\n const { stepCount, direction } = this.props;\n let progressBarBackgroundStyle;\n if (direction === \"vertical\") {\n progressBarBackgroundStyle = {\n backgroundColor: this.state.customStyles.separatorUnFinishedColor,\n position: \"absolute\",\n left: (this.state.width - this.state.customStyles.separatorStrokeWidth) / 2,\n top: this.state.height / (2 * stepCount),\n bottom: this.state.height / (2 * stepCount),\n width: this.state.customStyles.separatorStrokeUnfinishedWidth === 0\n ? this.state.customStyles.separatorStrokeWidth\n : this.state.customStyles.separatorStrokeUnfinishedWidth,\n };\n }\n else {\n progressBarBackgroundStyle = {\n backgroundColor: this.state.customStyles.separatorUnFinishedColor,\n position: \"absolute\",\n top: (this.state.height - this.state.customStyles.separatorStrokeWidth) /\n 2,\n left: this.state.width / (2 * stepCount),\n right: this.state.width / (2 * stepCount),\n height: this.state.customStyles.separatorStrokeUnfinishedWidth === 0\n ? this.state.customStyles.separatorStrokeWidth\n : this.state.customStyles.separatorStrokeUnfinishedWidth,\n };\n }\n return (React.createElement(View, { onLayout: (event) => {\n if (direction === \"vertical\") {\n this.setState({ progressBarSize: event.nativeEvent.layout.height }, () => {\n this.onCurrentPositionChanged(this.props.currentPosition);\n });\n }\n else {\n this.setState({ progressBarSize: event.nativeEvent.layout.width }, () => {\n this.onCurrentPositionChanged(this.props.currentPosition);\n });\n }\n }, style: progressBarBackgroundStyle }));\n };\n renderProgressBar = () => {\n const { stepCount, direction } = this.props;\n let progressBarStyle;\n if (direction === \"vertical\") {\n progressBarStyle = {\n backgroundColor: this.state.customStyles.separatorFinishedColor,\n position: \"absolute\",\n left: (this.state.width - this.state.customStyles.separatorStrokeWidth) / 2,\n top: this.state.height / (2 * stepCount),\n bottom: this.state.height / (2 * stepCount),\n width: this.state.customStyles.separatorStrokeFinishedWidth === 0\n ? this.state.customStyles.separatorStrokeWidth\n : this.state.customStyles.separatorStrokeFinishedWidth,\n height: this.progressAnim,\n };\n }\n else {\n progressBarStyle = {\n backgroundColor: this.state.customStyles.separatorFinishedColor,\n position: \"absolute\",\n top: (this.state.height - this.state.customStyles.separatorStrokeWidth) /\n 2,\n left: this.state.width / (2 * stepCount),\n right: this.state.width / (2 * stepCount),\n height: this.state.customStyles.separatorStrokeFinishedWidth === 0\n ? this.state.customStyles.separatorStrokeWidth\n : this.state.customStyles.separatorStrokeFinishedWidth,\n width: this.progressAnim,\n };\n }\n return React.createElement(Animated.View, { style: progressBarStyle });\n };\n renderStepIndicator = () => {\n let steps = [];\n const { stepCount, direction } = this.props;\n for (let position = 0; position < stepCount; position++) {\n steps.push(React.createElement(TouchableWithoutFeedback, { key: position, onPress: () => this.stepPressed(position) },\n React.createElement(View, { style: [\n styles.stepContainer,\n direction === \"vertical\"\n ? { flexDirection: \"column\" }\n : { flexDirection: \"row\" },\n ] }, this.renderStep(position))));\n }\n return (React.createElement(View, { onLayout: (event) => this.setState({\n width: event.nativeEvent.layout.width,\n height: event.nativeEvent.layout.height,\n }), style: [\n styles.stepIndicatorContainer,\n direction === \"vertical\"\n ? {\n flexDirection: \"column\",\n width: this.state.customStyles.currentStepIndicatorSize,\n }\n : {\n flexDirection: \"row\",\n height: this.state.customStyles.currentStepIndicatorSize,\n },\n ] }, steps));\n };\n renderStepLabels = () => {\n const { labels, direction, currentPosition, renderLabel } = this.props;\n var labelViews = labels.map((label, index) => {\n const selectedStepLabelStyle = index === currentPosition\n ? { color: this.state.customStyles.currentStepLabelColor }\n : { color: this.state.customStyles.labelColor };\n return (React.createElement(TouchableWithoutFeedback, { style: styles.stepLabelItem, key: index, onPress: () => this.stepPressed(index) },\n React.createElement(View, { style: styles.stepLabelItem }, renderLabel ? (renderLabel({\n position: index,\n stepStatus: this.getStepStatus(index),\n label,\n currentPosition,\n })) : (React.createElement(Text, { style: [\n styles.stepLabel,\n selectedStepLabelStyle,\n {\n fontSize: this.state.customStyles.labelSize,\n fontFamily: this.state.customStyles.labelFontFamily,\n },\n ] }, label)))));\n });\n return (React.createElement(View, { style: [\n styles.stepLabelsContainer,\n direction === \"vertical\"\n ? { flexDirection: \"column\", paddingHorizontal: 4 }\n : { flexDirection: \"row\", paddingVertical: 4 },\n { alignItems: this.state.customStyles.labelAlign },\n ] }, labelViews));\n };\n renderStep = (position) => {\n const { renderStepIndicator } = this.props;\n let stepStyle;\n let indicatorLabelStyle;\n switch (this.getStepStatus(position)) {\n case STEP_STATUS.CURRENT: {\n stepStyle = {\n backgroundColor: this.state.customStyles.stepIndicatorCurrentColor,\n borderWidth: this.state.customStyles.currentStepStrokeWidth,\n borderColor: this.state.customStyles.stepStrokeCurrentColor,\n height: this.sizeAnim,\n width: this.sizeAnim,\n borderRadius: this.borderRadiusAnim,\n };\n indicatorLabelStyle = {\n fontSize: this.state.customStyles.currentStepIndicatorLabelFontSize,\n color: this.state.customStyles.stepIndicatorLabelCurrentColor,\n };\n break;\n }\n case STEP_STATUS.FINISHED: {\n stepStyle = {\n backgroundColor: this.state.customStyles.stepIndicatorFinishedColor,\n borderWidth: this.state.customStyles.stepStrokeWidth,\n borderColor: this.state.customStyles.stepStrokeFinishedColor,\n height: this.state.customStyles.stepIndicatorSize,\n width: this.state.customStyles.stepIndicatorSize,\n borderRadius: this.state.customStyles.stepIndicatorSize / 2,\n };\n indicatorLabelStyle = {\n fontSize: this.state.customStyles.stepIndicatorLabelFontSize,\n color: this.state.customStyles.stepIndicatorLabelFinishedColor,\n };\n break;\n }\n case STEP_STATUS.UNFINISHED: {\n stepStyle = {\n backgroundColor: this.state.customStyles.stepIndicatorUnFinishedColor,\n borderWidth: this.state.customStyles.stepStrokeWidth,\n borderColor: this.state.customStyles.stepStrokeUnFinishedColor,\n height: this.state.customStyles.stepIndicatorSize,\n width: this.state.customStyles.stepIndicatorSize,\n borderRadius: this.state.customStyles.stepIndicatorSize / 2,\n };\n indicatorLabelStyle = {\n overflow: \"hidden\",\n fontSize: this.state.customStyles.stepIndicatorLabelFontSize,\n color: this.state.customStyles.stepIndicatorLabelUnFinishedColor,\n };\n break;\n }\n default:\n }\n return (React.createElement(Animated.View, { key: \"step-indicator\", style: [styles.step, stepStyle] }, renderStepIndicator ? (renderStepIndicator({\n position,\n stepStatus: this.getStepStatus(position),\n })) : (React.createElement(Text, { style: indicatorLabelStyle }, `${position + 1}`))));\n };\n getStepStatus = (stepPosition) => {\n const { currentPosition } = this.props;\n if (stepPosition === currentPosition) {\n return STEP_STATUS.CURRENT;\n }\n else if (stepPosition < currentPosition) {\n return STEP_STATUS.FINISHED;\n }\n else {\n return STEP_STATUS.UNFINISHED;\n }\n };\n onCurrentPositionChanged = (position) => {\n let { stepCount } = this.props;\n if (position > stepCount - 1) {\n position = stepCount - 1;\n }\n const animateToPosition = (this.state.progressBarSize / (stepCount - 1)) * position;\n this.sizeAnim.setValue(this.state.customStyles.stepIndicatorSize);\n this.borderRadiusAnim.setValue(this.state.customStyles.stepIndicatorSize / 2);\n Animated.sequence([\n Animated.timing(this.progressAnim, {\n toValue: animateToPosition,\n duration: 200,\n }),\n Animated.parallel([\n Animated.timing(this.sizeAnim, {\n toValue: this.state.customStyles.currentStepIndicatorSize,\n duration: 100,\n }),\n Animated.timing(this.borderRadiusAnim, {\n toValue: this.state.customStyles.currentStepIndicatorSize / 2,\n duration: 100,\n }),\n ]),\n ]).start();\n };\n}\nconst styles = StyleSheet.create({\n container: {\n backgroundColor: \"transparent\",\n },\n stepIndicatorContainer: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-around\",\n backgroundColor: \"transparent\",\n },\n stepLabelsContainer: {\n justifyContent: \"space-around\",\n },\n step: {\n alignItems: \"center\",\n justifyContent: \"center\",\n zIndex: 2,\n },\n stepContainer: {\n flex: 1,\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n stepLabel: {\n fontSize: 12,\n textAlign: \"center\",\n fontWeight: \"500\",\n },\n stepLabelItem: {\n flex: 1,\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n});\nStepIndicator.defaultProps = {\n currentPosition: 0,\n stepCount: 5,\n customStyles: {},\n direction: \"horizontal\",\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ActionSheet.
|
|
1
|
+
{"version":3,"sources":["ActionSheet.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","props","visible","group","GROUPS","data","label"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,cADe;AAErBC,EAAAA,GAAG,EAAE,aAFgB;AAGrBC,EAAAA,WAAW,EAAE,wBAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,SAJL;AAKrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,OAAO,EAAE,iCAAqB;AAC1BC,MAAAA,KAAK,EAAEC,cAAOC,IADY;AAE1BC,MAAAA,KAAK,EAAE;AAFmB,KAArB;AADN;AALc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createStaticBoolProp, GROUPS } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Action Sheet\",\n tag: \"ActionSheet\",\n description: \"Action Sheet container\",\n category: COMPONENT_TYPES.container,\n props: {\n visible: createStaticBoolProp({\n group: GROUPS.data,\n label: \"Show Action Sheet\",\n }),\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Icon.
|
|
1
|
+
{"version":3,"sources":["Icon.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","basic","layout","props","group","GROUPS","data","color","size","label","defaultValue","min","max","step","precision"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,MADe;AAErBC,EAAAA,GAAG,EAAE,MAFgB;AAGrBC,EAAAA,WAAW,EAAE,SAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJL;AAKrBC,EAAAA,MAAM,EAAE,EALa;AAMrBC,EAAAA,KAAK,EAAE;AACHP,IAAAA,IAAI,EAAE,EACF,GAAG,4BADD;AAEFQ,MAAAA,KAAK,EAAEC,cAAOC;AAFZ,KADH;AAKHC,IAAAA,KAAK,EAAE,6BALJ;AAMHC,IAAAA,IAAI,EAAE,6BAAiB;AACnBJ,MAAAA,KAAK,EAAEC,cAAOJ,KADK;AAEnBQ,MAAAA,KAAK,EAAE,MAFY;AAGnBX,MAAAA,WAAW,EAAE,+BAHM;AAInBY,MAAAA,YAAY,EAAE,EAJK;AAKnBC,MAAAA,GAAG,EAAE,EALc;AAMnBC,MAAAA,GAAG,EAAE,GANc;AAOnBC,MAAAA,IAAI,EAAE,CAPa;AAQnBC,MAAAA,SAAS,EAAE;AARQ,KAAjB;AANH;AANc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, GROUPS, createNumberProp, createColorProp, createIconProp, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Icon\",\n tag: \"Icon\",\n description: \"An icon\",\n category: COMPONENT_TYPES.basic,\n layout: {},\n props: {\n name: {\n ...createIconProp(),\n group: GROUPS.data,\n },\n color: createColorProp(),\n size: createNumberProp({\n group: GROUPS.basic,\n label: \"Size\",\n description: \"Width and height of your icon\",\n defaultValue: 24,\n min: 16,\n max: 128,\n step: 1,\n precision: 0,\n }),\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["RowHeadlineImageCaption.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","row","preview_image_url","supports_list_render","props","title","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","caption","layout","image","ASSET","subtitle"],"mappings":"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","sourcesContent":["import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = [\n {\n name: \"Row Single Line Headline Caption\",\n tag: \"RowHeadlineImageCaption\",\n description: \"A row with left aligned headline text and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_SingleLine_HeadlineCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Row Single Line Headline Image Caption\",\n tag: \"RowHeadlineImageCaption\",\n description: \"A row with left aligned image and headline text and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_SingleLine_HeadlineImageCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n image: {\n group: GROUPS.data,\n label: \"Image\",\n description: \"Image to display\",\n formType: FORM_TYPES.image,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Row Double Line Headline Caption\",\n tag: \"RowHeadlineImageCaption\",\n description: \"A row with left aligned headline text and subtitle text and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n subtitle: {\n group: GROUPS.data,\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"San Diego\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Row Double Line Headline Image Caption\",\n tag: \"RowHeadlineImageCaption\",\n description: \"A row with left aligned image, headline text, and subtitle text, and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n subtitle: {\n group: GROUPS.data,\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"San Diego\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n image: {\n group: GROUPS.data,\n label: \"Image\",\n description: \"Image to display\",\n formType: FORM_TYPES.image,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n];\n"]}
|
|
1
|
+
{"version":3,"sources":["RowHeadlineImageCaption.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","row","preview_image_url","supports_list_render","props","title","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","caption","layout","image","ASSET","subtitle"],"mappings":"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","sourcesContent":["import {\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Row Single Line Headline Caption\",\n tag: \"RowHeadlineImageCaption\",\n description:\n \"A row with left aligned headline text and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_SingleLine_HeadlineCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Row Single Line Headline Image Caption\",\n tag: \"RowHeadlineImageCaption\",\n description:\n \"A row with left aligned image and headline text and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url:\n \"{CLOUDINARY_URL}/Row_SingleLine_HeadlineImageCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n image: {\n group: GROUPS.data,\n label: \"Image\",\n description: \"Image to display\",\n formType: FORM_TYPES.image,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Row Double Line Headline Caption\",\n tag: \"RowHeadlineImageCaption\",\n description:\n \"A row with left aligned headline text and subtitle text and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n subtitle: {\n group: GROUPS.data,\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"San Diego\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Row Double Line Headline Image Caption\",\n tag: \"RowHeadlineImageCaption\",\n description:\n \"A row with left aligned image, headline text, and subtitle text, and right aligned caption text\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Headline text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n subtitle: {\n group: GROUPS.data,\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"San Diego\",\n editable: true,\n required: false,\n },\n caption: {\n group: GROUPS.data,\n label: \"Caption\",\n description: \"Caption text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n },\n image: {\n group: GROUPS.data,\n label: \"Image\",\n description: \"Image to display\",\n formType: FORM_TYPES.image,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n];\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["RowHeadlineImageIcon.
|
|
1
|
+
{"version":3,"sources":["RowHeadlineImageIcon.js"],"names":["SEED_DATA_PROPS","title","label","description","icon","defaultValue","IMAGE_PROP","MULTILINE_PROP","editable","SUBTITLE_PROP","SEED_DATA","name","tag","category","COMPONENT_TYPES","row","layout","props","image","subtitle","multilineSubtitle"],"mappings":"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","sourcesContent":["import { COMPONENT_TYPES, createIconProp, createTextProp, createImageProp, createStaticBoolProp, } from \"@draftbit/types\";\nconst SEED_DATA_PROPS = {\n title: createTextProp({\n label: \"Title\",\n description: \"Headline text to display\",\n }),\n icon: createIconProp({\n defaultValue: null,\n }),\n};\nconst IMAGE_PROP = createImageProp();\nconst MULTILINE_PROP = createStaticBoolProp({\n defaultValue: true,\n editable: false,\n});\nconst SUBTITLE_PROP = createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue: \"San Diego\",\n});\nexport const SEED_DATA = [\n {\n name: \"Row Single Line Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned headline text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n },\n },\n {\n name: \"Row Single Line Headline Icon Image\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned image and headline text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n },\n },\n {\n name: \"Row Double Line Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n subtitle: SUBTITLE_PROP,\n },\n },\n {\n name: \"Row Double Line Headline Image Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n subtitle: SUBTITLE_PROP,\n },\n },\n {\n name: \"Row Multiline Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned headline text and multiline subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n multilineSubtitle: MULTILINE_PROP,\n subtitle: createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue: \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n }),\n },\n },\n {\n name: \"Row Multiline Headline Image Icon\",\n tag: \"RowHeadlineImageIcon\",\n description: \"A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n multilineSubtitle: MULTILINE_PROP,\n subtitle: createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue: \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n }),\n },\n },\n];\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Stepper.
|
|
1
|
+
{"version":3,"sources":["Stepper.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnChange","props","fieldName","defaultValue","handlerPropName","valuePropName","iconSize","iconColor","min","label","max"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG,CACrB;AACIC,EAAAA,IAAI,EAAE,SADV;AAEIC,EAAAA,GAAG,EAAE,SAFT;AAGIC,EAAAA,WAAW,EAAE,uDAHjB;AAIIC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJ9B;AAKIC,EAAAA,MAAM,EAAE,EALZ;AAMIC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,QAAV,CANd;AAOIC,EAAAA,KAAK,EAAE;AACHC,IAAAA,SAAS,EAAE,gCAAoB;AAC3BC,MAAAA,YAAY,EAAE,cADa;AAE3BC,MAAAA,eAAe,EAAE,UAFU;AAG3BC,MAAAA,aAAa,EAAE;AAHY,KAApB,CADR;AAMHC,IAAAA,QAAQ,EAAE,+BAAmB;AAAEH,MAAAA,YAAY,EAAE;AAAhB,KAAnB,CANP;AAOHI,IAAAA,SAAS,EAAE,4BAAgB;AAAEJ,MAAAA,YAAY,EAAE;AAAhB,KAAhB,CAPR;AAQHK,IAAAA,GAAG,EAAE,mCAAuB;AACxBC,MAAAA,KAAK,EAAE,SADiB;AAExBhB,MAAAA,WAAW,EAAE;AAFW,KAAvB,CARF;AAYHiB,IAAAA,GAAG,EAAE,mCAAuB;AACxBD,MAAAA,KAAK,EAAE,SADiB;AAExBhB,MAAAA,WAAW,EAAE;AAFW,KAAvB;AAZF;AAPX,CADqB,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = [\n {\n name: \"Stepper\",\n tag: \"Stepper\",\n description: \"A component used to control the quantity of something\",\n category: COMPONENT_TYPES.input,\n layout: {},\n triggers: [Triggers.OnChange],\n props: {\n fieldName: createFieldNameProp({\n defaultValue: \"stepperValue\",\n handlerPropName: \"onChange\",\n valuePropName: \"value\",\n }),\n iconSize: createIconSizeProp({ defaultValue: 24 }),\n iconColor: createColorProp({ defaultValue: \"strong\" }),\n min: createStaticNumberProp({\n label: \"Minimum\",\n description: \"Minimum Number\",\n }),\n max: createStaticNumberProp({\n label: \"Maximum\",\n description: \"Maximum Number\",\n }),\n },\n },\n];\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DatePickerComponent.
|
|
1
|
+
{"version":3,"sources":["DatePickerComponent.tsx"],"names":["React","Platform","DateTimePicker","DateTimePickerModal","DatePickerComponent","value","onChange","mode","toggleVisibility","OS","console","log","data"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,OAAOC,cAAP,MAA2B,wCAA3B;AACA,OAAOC,mBAAP,MAAgC,oCAAhC;;AAGA,MAAMC,mBAAoC,GAAG,QAKvC;AAAA,MALwC;AAC5CC,IAAAA,KAD4C;AAE5CC,IAAAA,QAF4C;AAG5CC,IAAAA,IAH4C;AAI5CC,IAAAA;AAJ4C,GAKxC;AACJ,SAAOP,QAAQ,CAACQ,EAAT,KAAgB,KAAhB,IAAyBR,QAAQ,CAACQ,EAAT,KAAgB,SAAzC,gBACL,oBAAC,mBAAD;AACE,IAAA,IAAI,EAAEJ,KADR;AAEE,IAAA,IAAI,EAAEE,IAFR;AAGE,IAAA,SAAS,EAAE,IAHb;AAIE,IAAA,OAAO,EAAEN,QAAQ,CAACQ,EAAT,KAAgB,KAAhB,GAAwB,SAAxB,GAAoC,SAJ/C;AAKE,IAAA,QAAQ,EAAE,MAAM;AACdC,MAAAA,OAAO,CAACC,GAAR,CAAY,6CAAZ;AACAH,MAAAA,gBAAgB;AACjB,KARH;AASE,IAAA,SAAS,EAAGI,IAAD,IAAU;AACnBN,MAAAA,QAAQ,CAAC,IAAD,EAAOM,IAAP,CAAR;AACD;AAXH,IADK,gBAeL,oBAAC,cAAD;AACE,IAAA,KAAK,EAAEP,KADT;AAEE,IAAA,IAAI,EAAEE,IAFR;AAGE,IAAA,QAAQ,EAAED,QAHZ;AAIE,IAAA,OAAO,EAAE;AAJX,IAfF;AAsBD,CA5BD;;AA8BA,eAAeF,mBAAf","sourcesContent":["import React from \"react\";\nimport { Platform } from \"react-native\";\nimport DateTimePicker from \"@react-native-community/datetimepicker\";\nimport DateTimePickerModal from \"react-native-modal-datetime-picker\";\nimport { DatePickerComponentProps as Props } from \"./DatePickerComponentType\";\n\nconst DatePickerComponent: React.FC<Props> = ({\n value,\n onChange,\n mode,\n toggleVisibility,\n}) => {\n return Platform.OS === \"ios\" || Platform.OS === \"android\" ? (\n <DateTimePickerModal\n date={value}\n mode={mode}\n isVisible={true}\n display={Platform.OS === \"ios\" ? \"spinner\" : \"default\"}\n onCancel={() => {\n console.log(\"Picker cancelled before selecting anything.\");\n toggleVisibility();\n }}\n onConfirm={(data) => {\n onChange(null, data);\n }}\n />\n ) : (\n <DateTimePicker\n value={value}\n mode={mode}\n onChange={onChange}\n display={\"default\"}\n />\n );\n};\n\nexport default DatePickerComponent;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ProgressCircle.
|
|
1
|
+
{"version":3,"sources":["ProgressCircle.js"],"names":["React","Text","AnimatedCircularProgress","withTheme","ProgressCircle","progress","style","color","size","showsText","unfilledColor","strokeCap","textStyle","thickness","theme","progressNum","Math","round","tintColor","colors","primary","backgroundColor","secondary","createElement","width","backgroundWidth","fill","rotation","lineCap","fontSize"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,OAAOC,wBAAP,MAAqC,4BAArC;AACA,SAASC,SAAT,QAA0B,YAA1B;;AACA,MAAMC,cAAc,GAAG,QAAqJ;AAAA,MAApJ;AAAEC,IAAAA,QAAQ,GAAG,GAAb;AAAkBC,IAAAA,KAAlB;AAAyBC,IAAAA,KAAK,GAAG,SAAjC;AAA4CC,IAAAA,IAAI,GAAG,GAAnD;AAAwDC,IAAAA,SAAS,GAAG,IAApE;AAA0EC,IAAAA,aAA1E;AAAyFC,IAAAA,SAAS,GAAG,MAArG;AAA6GC,IAAAA,SAA7G;AAAwHC,IAAAA,SAAS,GAAG,CAApI;AAAuIC,IAAAA;AAAvI,GAAoJ;AACxK,QAAMC,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWZ,QAAQ,GAAG,GAAtB,CAApB;AACA,QAAMa,SAAS,GAAGX,KAAK,IAAIO,KAAK,CAACK,MAAN,CAAaC,OAAxC;AACA,QAAMC,eAAe,GAAGX,aAAa,IAAII,KAAK,CAACK,MAAN,CAAaG,SAAtD;AACA,sBAAQtB,KAAK,CAACuB,aAAN,CAAoBrB,wBAApB,EAA8C;AAAEM,IAAAA,IAAI,EAAEA,IAAR;AAAcgB,IAAAA,KAAK,EAAEX,SAArB;AAAgCY,IAAAA,eAAe,EAAEZ,SAAjD;AAA4Da,IAAAA,IAAI,EAAEX,WAAlE;AAA+EG,IAAAA,SAAS,EAAEA,SAA1F;AAAqGG,IAAAA,eAAe,EAAEA,eAAtH;AAAuIM,IAAAA,QAAQ,EAAE,CAAjJ;AAAoJC,IAAAA,OAAO,EAAEjB,SAA7J;AAAwKL,IAAAA,KAAK,EAAEA;AAA/K,GAA9C,EAAuOoB,IAAD,IAAUjB,SAAS,gBAAIT,KAAK,CAACuB,aAAN,CAAoBtB,IAApB,EAA0B;AAAEK,IAAAA,KAAK,EAAE,CAAC;AAAEuB,MAAAA,QAAQ,EAAErB,IAAI,GAAG,KAAnB;AAA0BD,MAAAA,KAAK,EAAEW;AAAjC,KAAD,EAA+CN,SAA/C;AAAT,GAA1B,EACjQI,IAAI,CAACC,KAAL,CAAWS,IAAX,CADiQ,EAEjQ,GAFiQ,CAAJ,GAErP,IAFJ,CAAR;AAGH,CAPD;;AAQA,eAAevB,SAAS,CAACC,cAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { Text } from \"react-native\";\nimport AnimatedCircularProgress from \"./AnimatedCircularProgress\";\nimport { withTheme } from \"../theming\";\nconst ProgressCircle = ({ progress = 0.5, style, color = \"primary\", size = 100, showsText = true, unfilledColor, strokeCap = \"butt\", textStyle, thickness = 1, theme, }) => {\n const progressNum = Math.round(progress * 100);\n const tintColor = color || theme.colors.primary;\n const backgroundColor = unfilledColor || theme.colors.secondary;\n return (React.createElement(AnimatedCircularProgress, { size: size, width: thickness, backgroundWidth: thickness, fill: progressNum, tintColor: tintColor, backgroundColor: backgroundColor, rotation: 0, lineCap: strokeCap, style: style }, (fill) => showsText ? (React.createElement(Text, { style: [{ fontSize: size * 0.275, color: tintColor }, textStyle] },\n Math.round(fill),\n \"%\")) : null));\n};\nexport default withTheme(ProgressCircle);\n"]}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
|
|
1
3
|
import * as React from "react";
|
|
2
4
|
import { View } from "react-native";
|
|
3
5
|
import { getValueForRadioButton } from "../../utilities";
|
|
@@ -42,24 +44,11 @@ const RadioButtonGroup = _ref => {
|
|
|
42
44
|
});
|
|
43
45
|
}
|
|
44
46
|
|
|
45
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
47
|
+
return /*#__PURE__*/React.createElement(View, _extends({
|
|
46
48
|
style: [{
|
|
47
49
|
minHeight: 40
|
|
48
|
-
}, style]
|
|
49
|
-
|
|
50
|
-
}, /*#__PURE__*/React.createElement(Provider, {
|
|
51
|
-
value: {
|
|
52
|
-
value: internalValue || "",
|
|
53
|
-
onValueChange: handleValueChange,
|
|
54
|
-
direction
|
|
55
|
-
}
|
|
56
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
57
|
-
style: _containerStyle
|
|
58
|
-
}, children)));
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
export default RadioButtonGroup;
|
|
62
|
-
//# sourceMappingURL=RadioButtonGroup.js.map_PURE__*/React.createElement(Provider, {
|
|
50
|
+
}, style]
|
|
51
|
+
}, rest), /*#__PURE__*/React.createElement(Provider, {
|
|
63
52
|
value: {
|
|
64
53
|
value: internalValue || "",
|
|
65
54
|
onValueChange: handleValueChange,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["RadioButtonGroup.
|
|
1
|
+
{"version":3,"sources":["RadioButtonGroup.tsx"],"names":["React","View","getValueForRadioButton","radioButtonGroupContext","Direction","Provider","RadioButtonGroup","direction","Vertical","value","onValueChange","defaultValue","style","children","rest","internalValue","setInternalValue","useState","useEffect","realValue","realDefaultValue","handleValueChange","newValue","realNewValue","_containerStyle","flexDirection","Horizontal","push","alignItems","minHeight"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAA2C,cAA3C;AAEA,SAASC,sBAAT,QAAuC,iBAAvC;AACA,SAASC,uBAAT,EAAkCC,SAAlC,QAAmD,WAAnD;AAWA,MAAM;AAAEC,EAAAA;AAAF,IAAeF,uBAArB;;AAEA,MAAMG,gBAAiD,GAAG,QAQpD;AAAA,MARqD;AACzDC,IAAAA,SAAS,GAAGH,SAAS,CAACI,QADmC;AAEzDC,IAAAA,KAAK,GAAG,EAFiD;AAGzDC,IAAAA,aAHyD;AAIzDC,IAAAA,YAAY,GAAG,EAJ0C;AAKzDC,IAAAA,KALyD;AAMzDC,IAAAA,QANyD;AAOzD,OAAGC;AAPsD,GAQrD;AACJ,QAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoChB,KAAK,CAACiB,QAAN,CAAuB,EAAvB,CAA1C;AAEAjB,EAAAA,KAAK,CAACkB,SAAN,CAAgB,MAAM;AACpB,UAAMC,SAAS,GAAGjB,sBAAsB,CAACO,KAAD,CAAxC;AAEAO,IAAAA,gBAAgB,CAACG,SAAD,CAAhB;AACD,GAJD,EAIG,CAACV,KAAD,CAJH;AAMAT,EAAAA,KAAK,CAACkB,SAAN,CAAgB,MAAM;AACpB,UAAME,gBAAgB,GAAGlB,sBAAsB,CAACS,YAAD,CAA/C;AAEAK,IAAAA,gBAAgB,CAACI,gBAAD,CAAhB;AACD,GAJD,EAIG,CAACT,YAAD,CAJH;;AAMA,QAAMU,iBAAiB,GAAIC,QAAD,IAA+B;AACvD,UAAMC,YAAY,GAAGrB,sBAAsB,CAACoB,QAAD,CAA3C;AAEAN,IAAAA,gBAAgB,CAACO,YAAD,CAAhB;AACAb,IAAAA,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGa,YAAH,CAAb;AACD,GALD;;AAOA,QAAMC,eAAqC,GAAG,CAC5C;AACEC,IAAAA,aAAa,EAAElB,SAAS,KAAKH,SAAS,CAACsB,UAAxB,GAAqC,KAArC,GAA6C;AAD9D,GAD4C,CAA9C;;AAMA,MAAInB,SAAS,KAAKH,SAAS,CAACI,QAA5B,EAAsC;AACpCgB,IAAAA,eAAe,CAACG,IAAhB,CAAqB;AACnBC,MAAAA,UAAU,EAAE;AADO,KAArB;AAGD;;AAED,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,SAAS,EAAE;AAAb,KAAD,EAAoBjB,KAApB;AAAb,KAA6CE,IAA7C,gBACE,oBAAC,QAAD;AACE,IAAA,KAAK,EAAE;AACLL,MAAAA,KAAK,EAAEM,aAAa,IAAI,EADnB;AAELL,MAAAA,aAAa,EAAEW,iBAFV;AAGLd,MAAAA;AAHK;AADT,kBAOE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEiB;AAAb,KAA+BX,QAA/B,CAPF,CADF,CADF;AAaD,CAvDD;;AAyDA,eAAeP,gBAAf","sourcesContent":["import * as React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport { getValueForRadioButton } from \"../../utilities\";\nimport { radioButtonGroupContext, Direction } from \"./context\";\nexport interface RadioButtonGroupProps {\n direction?: Direction;\n style?: StyleProp<ViewStyle>;\n value: string;\n onValueChange?: (value: string) => void;\n defaultValue?: string | number;\n theme: Theme;\n children: React.ReactNode;\n}\n\nconst { Provider } = radioButtonGroupContext;\n\nconst RadioButtonGroup: React.FC<RadioButtonGroupProps> = ({\n direction = Direction.Vertical,\n value = \"\",\n onValueChange,\n defaultValue = \"\",\n style,\n children,\n ...rest\n}) => {\n const [internalValue, setInternalValue] = React.useState<string>(\"\");\n\n React.useEffect(() => {\n const realValue = getValueForRadioButton(value);\n\n setInternalValue(realValue);\n }, [value]);\n\n React.useEffect(() => {\n const realDefaultValue = getValueForRadioButton(defaultValue);\n\n setInternalValue(realDefaultValue);\n }, [defaultValue]);\n\n const handleValueChange = (newValue: string | number) => {\n const realNewValue = getValueForRadioButton(newValue);\n\n setInternalValue(realNewValue);\n onValueChange?.(realNewValue);\n };\n\n const _containerStyle: StyleProp<ViewStyle> = [\n {\n flexDirection: direction === Direction.Horizontal ? \"row\" : \"column\",\n },\n ];\n\n if (direction !== Direction.Vertical) {\n _containerStyle.push({\n alignItems: \"center\",\n });\n }\n\n return (\n <View style={[{ minHeight: 40 }, style]} {...rest}>\n <Provider\n value={{\n value: internalValue || \"\",\n onValueChange: handleValueChange,\n direction,\n }}\n >\n <View style={_containerStyle}>{children}</View>\n </Provider>\n </View>\n );\n};\n\nexport default RadioButtonGroup;\n"]}
|
|
@@ -33,13 +33,13 @@ function ScreenContainer(_ref) {
|
|
|
33
33
|
backgroundColor
|
|
34
34
|
}]
|
|
35
35
|
}, rest), scrollable ? /*#__PURE__*/React.createElement(ScrollView, {
|
|
36
|
-
contentContainerStyle: [{
|
|
36
|
+
contentContainerStyle: [styles.scrollViewContainer, {
|
|
37
37
|
backgroundColor
|
|
38
|
-
}, style
|
|
38
|
+
}, style]
|
|
39
39
|
}, children) : /*#__PURE__*/React.createElement(View, {
|
|
40
|
-
style: [{
|
|
40
|
+
style: [styles.container, {
|
|
41
41
|
backgroundColor
|
|
42
|
-
}, style
|
|
42
|
+
}, style]
|
|
43
43
|
}, children));
|
|
44
44
|
}
|
|
45
45
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ScreenContainer.tsx"],"names":["React","StyleSheet","ScrollView","View","SafeAreaView","withTheme","ScreenContainer","hasSafeArea","scrollable","hasBottomSafeArea","hasTopSafeArea","theme","style","children","rest","backgroundColor","colors","background","edges","push","styles","container","scrollViewContainer","create","flex","flexGrow","undefined"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,UADF,EAEEC,UAFF,EAKEC,IALF,QAMO,cANP;AAOA,SAASC,YAAT,QAA6B,gCAA7B;AAEA,SAASC,SAAT,QAA0B,YAA1B;;AAaA,SAASC,eAAT,OASU;AAAA,MATe;AACvBC,IAAAA,WAAW,GAAG,KADS;AAEvBC,IAAAA,UAAU,GAAG,KAFU;AAGvBC,IAAAA,iBAHuB;AAIvBC,IAAAA,cAJuB;AAKvBC,IAAAA,KALuB;AAMvBC,IAAAA,KANuB;AAOvBC,IAAAA,QAPuB;AAQvB,OAAGC;AARoB,GASf;AACR,QAAMC,eAAe,GAAGJ,KAAK,CAACK,MAAN,CAAaC,UAArC;AAEA,QAAMC,KAAa,GAAG,CAAC,MAAD,EAAS,OAAT,CAAtB;;AACA,MAAIX,WAAW,IAAIG,cAAnB,EAAmC;AACjCQ,IAAAA,KAAK,CAACC,IAAN,CAAW,KAAX;AACD;;AAED,MAAIZ,WAAW,IAAIE,iBAAnB,EAAsC;AACpCS,IAAAA,KAAK,CAACC,IAAN,CAAW,QAAX;AACD;;AAED,sBACE,oBAAC,YAAD;AACE,IAAA,KAAK,EAAED,KADT;AAEE,IAAA,KAAK,EAAE,CACLE,MAAM,CAACC,SADF,EAEL;AACEN,MAAAA;AADF,KAFK;AAFT,KAQMD,IARN,GAUGN,UAAU,gBACT,oBAAC,UAAD;AACE,IAAA,qBAAqB,EAAE,
|
|
1
|
+
{"version":3,"sources":["ScreenContainer.tsx"],"names":["React","StyleSheet","ScrollView","View","SafeAreaView","withTheme","ScreenContainer","hasSafeArea","scrollable","hasBottomSafeArea","hasTopSafeArea","theme","style","children","rest","backgroundColor","colors","background","edges","push","styles","container","scrollViewContainer","create","flex","flexGrow","undefined"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,UADF,EAEEC,UAFF,EAKEC,IALF,QAMO,cANP;AAOA,SAASC,YAAT,QAA6B,gCAA7B;AAEA,SAASC,SAAT,QAA0B,YAA1B;;AAaA,SAASC,eAAT,OASU;AAAA,MATe;AACvBC,IAAAA,WAAW,GAAG,KADS;AAEvBC,IAAAA,UAAU,GAAG,KAFU;AAGvBC,IAAAA,iBAHuB;AAIvBC,IAAAA,cAJuB;AAKvBC,IAAAA,KALuB;AAMvBC,IAAAA,KANuB;AAOvBC,IAAAA,QAPuB;AAQvB,OAAGC;AARoB,GASf;AACR,QAAMC,eAAe,GAAGJ,KAAK,CAACK,MAAN,CAAaC,UAArC;AAEA,QAAMC,KAAa,GAAG,CAAC,MAAD,EAAS,OAAT,CAAtB;;AACA,MAAIX,WAAW,IAAIG,cAAnB,EAAmC;AACjCQ,IAAAA,KAAK,CAACC,IAAN,CAAW,KAAX;AACD;;AAED,MAAIZ,WAAW,IAAIE,iBAAnB,EAAsC;AACpCS,IAAAA,KAAK,CAACC,IAAN,CAAW,QAAX;AACD;;AAED,sBACE,oBAAC,YAAD;AACE,IAAA,KAAK,EAAED,KADT;AAEE,IAAA,KAAK,EAAE,CACLE,MAAM,CAACC,SADF,EAEL;AACEN,MAAAA;AADF,KAFK;AAFT,KAQMD,IARN,GAUGN,UAAU,gBACT,oBAAC,UAAD;AACE,IAAA,qBAAqB,EAAE,CACrBY,MAAM,CAACE,mBADc,EAErB;AAAEP,MAAAA;AAAF,KAFqB,EAGrBH,KAHqB;AADzB,KAOGC,QAPH,CADS,gBAWT,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACO,MAAM,CAACC,SAAR,EAAmB;AAAEN,MAAAA;AAAF,KAAnB,EAAwCH,KAAxC;AAAb,KACGC,QADH,CArBJ,CADF;AA4BD;;AAED,MAAMO,MAAM,GAAGnB,UAAU,CAACsB,MAAX,CAAkB;AAC/BF,EAAAA,SAAS,EAAE;AACTG,IAAAA,IAAI,EAAE;AADG,GADoB;AAI/BF,EAAAA,mBAAmB,EAAE;AACnBG,IAAAA,QAAQ,EAAE,CADS;AAEnBD,IAAAA,IAAI,EAAEE;AAFa;AAJU,CAAlB,CAAf;AAUA,eAAerB,SAAS,CAACC,eAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport {\n StyleSheet,\n ScrollView,\n StyleProp,\n ViewStyle,\n View,\n} from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport type { Edge } from \"react-native-safe-area-context\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n hasSafeArea: boolean;\n scrollable: boolean;\n hasBottomSafeArea?: boolean;\n hasTopSafeArea?: boolean;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n children?: React.ReactNode;\n};\n\nfunction ScreenContainer({\n hasSafeArea = false,\n scrollable = false,\n hasBottomSafeArea,\n hasTopSafeArea,\n theme,\n style,\n children,\n ...rest\n}: Props) {\n const backgroundColor = theme.colors.background;\n\n const edges: Edge[] = [\"left\", \"right\"];\n if (hasSafeArea || hasTopSafeArea) {\n edges.push(\"top\");\n }\n\n if (hasSafeArea || hasBottomSafeArea) {\n edges.push(\"bottom\");\n }\n\n return (\n <SafeAreaView\n edges={edges}\n style={[\n styles.container,\n {\n backgroundColor,\n },\n ]}\n {...rest}\n >\n {scrollable ? (\n <ScrollView\n contentContainerStyle={[\n styles.scrollViewContainer,\n { backgroundColor },\n style,\n ]}\n >\n {children}\n </ScrollView>\n ) : (\n <View style={[styles.container, { backgroundColor }, style]}>\n {children}\n </View>\n )}\n </SafeAreaView>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n },\n scrollViewContainer: {\n flexGrow: 1,\n flex: undefined,\n },\n});\n\nexport default withTheme(ScreenContainer);\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "43.4.13-
|
|
3
|
+
"version": "43.4.13-bf4057.0+bf405798",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -80,5 +80,5 @@
|
|
|
80
80
|
]
|
|
81
81
|
]
|
|
82
82
|
},
|
|
83
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "bf40579880b88a990319e215080c3767aadbdc22"
|
|
84
84
|
}
|
|
@@ -17,10 +17,10 @@ function ScreenContainer({ hasSafeArea = false, scrollable = false, hasBottomSaf
|
|
|
17
17
|
backgroundColor,
|
|
18
18
|
},
|
|
19
19
|
], ...rest }, scrollable ? (React.createElement(ScrollView, { contentContainerStyle: [
|
|
20
|
+
styles.scrollViewContainer,
|
|
20
21
|
{ backgroundColor },
|
|
21
22
|
style,
|
|
22
|
-
|
|
23
|
-
] }, children)) : (React.createElement(View, { style: [{ backgroundColor }, style, styles.container] }, children))));
|
|
23
|
+
] }, children)) : (React.createElement(View, { style: [styles.container, { backgroundColor }, style] }, children))));
|
|
24
24
|
}
|
|
25
25
|
const styles = StyleSheet.create({
|
|
26
26
|
container: {
|
|
@@ -56,15 +56,15 @@ function ScreenContainer({
|
|
|
56
56
|
{scrollable ? (
|
|
57
57
|
<ScrollView
|
|
58
58
|
contentContainerStyle={[
|
|
59
|
+
styles.scrollViewContainer,
|
|
59
60
|
{ backgroundColor },
|
|
60
61
|
style,
|
|
61
|
-
styles.scrollViewContainer,
|
|
62
62
|
]}
|
|
63
63
|
>
|
|
64
64
|
{children}
|
|
65
65
|
</ScrollView>
|
|
66
66
|
) : (
|
|
67
|
-
<View style={[{ backgroundColor }, style
|
|
67
|
+
<View style={[styles.container, { backgroundColor }, style]}>
|
|
68
68
|
{children}
|
|
69
69
|
</View>
|
|
70
70
|
)}
|