@draftbit/core 42.4.2-50ce38.2 → 42.4.2-717ab1.2

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.
Files changed (174) hide show
  1. package/lib/commonjs/components/Accordion/AccordionItem.js +16 -5
  2. package/lib/commonjs/components/Accordion/AccordionItem.js.map +1 -1
  3. package/lib/commonjs/components/Accordion/index.js.map +1 -1
  4. package/lib/commonjs/components/ActionSheet/ActionSheetCancel.js.map +1 -1
  5. package/lib/commonjs/components/ActionSheet/ActionSheetItem.js.map +1 -1
  6. package/lib/commonjs/components/ActionSheet/index.js.map +1 -1
  7. package/lib/commonjs/components/AnimatedCircularProgress.js +11 -3
  8. package/lib/commonjs/components/AnimatedCircularProgress.js.map +1 -1
  9. package/lib/commonjs/components/AspectRatio.js +15 -2
  10. package/lib/commonjs/components/AspectRatio.js.map +1 -1
  11. package/lib/commonjs/components/AvatarEdit.js +16 -5
  12. package/lib/commonjs/components/AvatarEdit.js.map +1 -1
  13. package/lib/commonjs/components/Button.js +25 -11
  14. package/lib/commonjs/components/Button.js.map +1 -1
  15. package/lib/commonjs/components/CardBlock.js +17 -5
  16. package/lib/commonjs/components/CardBlock.js.map +1 -1
  17. package/lib/commonjs/components/CardContainer.js +14 -5
  18. package/lib/commonjs/components/CardContainer.js.map +1 -1
  19. package/lib/commonjs/components/CardContainerRating.js +16 -5
  20. package/lib/commonjs/components/CardContainerRating.js.map +1 -1
  21. package/lib/commonjs/components/CardInline.js.map +1 -1
  22. package/lib/commonjs/components/Carousel.js +15 -5
  23. package/lib/commonjs/components/Carousel.js.map +1 -1
  24. package/lib/commonjs/components/Checkbox/CheckboxRow.js +14 -6
  25. package/lib/commonjs/components/Checkbox/CheckboxRow.js.map +1 -1
  26. package/lib/commonjs/components/Checkbox/context.js +1 -1
  27. package/lib/commonjs/components/Checkbox/context.js.map +1 -1
  28. package/lib/commonjs/components/Checkbox/index.js.map +1 -1
  29. package/lib/commonjs/components/CircleImage.js +18 -5
  30. package/lib/commonjs/components/CircleImage.js.map +1 -1
  31. package/lib/commonjs/components/Config.js.map +1 -1
  32. package/lib/commonjs/components/Container.js +14 -5
  33. package/lib/commonjs/components/Container.js.map +1 -1
  34. package/lib/commonjs/components/DatePicker/DatePickerComponent.web.js.map +1 -1
  35. package/lib/commonjs/components/DeprecatedButton.js +15 -4
  36. package/lib/commonjs/components/DeprecatedButton.js.map +1 -1
  37. package/lib/commonjs/components/DeprecatedCardWrapper.js +2 -14
  38. package/lib/commonjs/components/DeprecatedCardWrapper.js.map +1 -1
  39. package/lib/commonjs/components/Elevation.js +14 -3
  40. package/lib/commonjs/components/Elevation.js.map +1 -1
  41. package/lib/commonjs/components/FAB.js +16 -5
  42. package/lib/commonjs/components/FAB.js.map +1 -1
  43. package/lib/commonjs/components/FieldSearchBarFull.js +1 -1
  44. package/lib/commonjs/components/FieldSearchBarFull.js.map +1 -1
  45. package/lib/commonjs/components/FormRow.js +18 -5
  46. package/lib/commonjs/components/FormRow.js.map +1 -1
  47. package/lib/commonjs/components/Header.js.map +1 -1
  48. package/lib/commonjs/components/HeaderLarge.js.map +1 -1
  49. package/lib/commonjs/components/HeaderMedium.js.map +1 -1
  50. package/lib/commonjs/components/HeaderOverline.js.map +1 -1
  51. package/lib/commonjs/components/IconButton.js +18 -5
  52. package/lib/commonjs/components/IconButton.js.map +1 -1
  53. package/lib/commonjs/components/Image.js +16 -6
  54. package/lib/commonjs/components/Image.js.map +1 -1
  55. package/lib/commonjs/components/Justification.js +2 -1
  56. package/lib/commonjs/components/Layout.js +41 -22
  57. package/lib/commonjs/components/Layout.js.map +1 -1
  58. package/lib/commonjs/components/{MapView/MapCallout.native.js → Markdown.js} +21 -23
  59. package/lib/commonjs/components/Markdown.js.map +1 -0
  60. package/lib/commonjs/components/NumberInput.js +15 -3
  61. package/lib/commonjs/components/NumberInput.js.map +1 -1
  62. package/lib/commonjs/components/Picker/PickerTypes.js +2 -1
  63. package/lib/commonjs/components/Portal/PortalManager.js.map +1 -1
  64. package/lib/commonjs/components/ProgressBar.js +19 -6
  65. package/lib/commonjs/components/ProgressBar.js.map +1 -1
  66. package/lib/commonjs/components/ProgressCircle.js.map +1 -1
  67. package/lib/commonjs/components/ProgressIndicator.js.map +1 -1
  68. package/lib/commonjs/components/RadioButton/RadioButton.js +14 -5
  69. package/lib/commonjs/components/RadioButton/RadioButton.js.map +1 -1
  70. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +11 -2
  71. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js.map +1 -1
  72. package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +15 -5
  73. package/lib/commonjs/components/RadioButton/RadioButtonGroup.js.map +1 -1
  74. package/lib/commonjs/components/ResizeMode.js +2 -1
  75. package/lib/commonjs/components/Row.js.map +1 -1
  76. package/lib/commonjs/components/RowBodyIcon.js.map +1 -1
  77. package/lib/commonjs/components/RowHeadlineImageCaption.js.map +1 -1
  78. package/lib/commonjs/components/RowHeadlineImageIcon.js.map +1 -1
  79. package/lib/commonjs/components/ScreenContainer.js +18 -5
  80. package/lib/commonjs/components/ScreenContainer.js.map +1 -1
  81. package/lib/commonjs/components/Slider.js +17 -5
  82. package/lib/commonjs/components/Slider.js.map +1 -1
  83. package/lib/commonjs/components/StepIndicator.js.map +1 -1
  84. package/lib/commonjs/components/Stepper.js.map +1 -1
  85. package/lib/commonjs/components/Surface.js +11 -4
  86. package/lib/commonjs/components/Surface.js.map +1 -1
  87. package/lib/commonjs/components/Swiper/Swiper.js.map +1 -1
  88. package/lib/commonjs/components/TextField.js +18 -7
  89. package/lib/commonjs/components/TextField.js.map +1 -1
  90. package/lib/commonjs/components/TextInput.js +12 -2
  91. package/lib/commonjs/components/TextInput.js.map +1 -1
  92. package/lib/commonjs/components/ToggleButton.js +17 -5
  93. package/lib/commonjs/components/ToggleButton.js.map +1 -1
  94. package/lib/commonjs/components/Touchable.js +16 -5
  95. package/lib/commonjs/components/Touchable.js.map +1 -1
  96. package/lib/commonjs/components/Touchable.web.js.map +1 -1
  97. package/lib/commonjs/components/Typography.js.map +1 -1
  98. package/lib/commonjs/index.js +8 -20
  99. package/lib/commonjs/index.js.map +1 -1
  100. package/lib/module/components/Markdown.js +26 -0
  101. package/lib/module/components/Markdown.js.map +1 -0
  102. package/lib/module/components/Surface.js +2 -4
  103. package/lib/module/components/Surface.js.map +1 -1
  104. package/lib/module/index.js +1 -1
  105. package/lib/module/index.js.map +1 -1
  106. package/lib/typescript/src/components/Markdown.d.ts +21 -0
  107. package/lib/typescript/src/index.d.ts +1 -1
  108. package/package.json +3 -4
  109. package/src/components/Markdown.js +21 -0
  110. package/src/components/Markdown.tsx +30 -0
  111. package/src/index.js +1 -1
  112. package/src/index.tsx +1 -1
  113. package/lib/commonjs/components/MapView/MapCallout.native.js.map +0 -1
  114. package/lib/commonjs/components/MapView/MapCallout.web.js +0 -47
  115. package/lib/commonjs/components/MapView/MapCallout.web.js.map +0 -1
  116. package/lib/commonjs/components/MapView/MapMarker.native.js +0 -86
  117. package/lib/commonjs/components/MapView/MapMarker.native.js.map +0 -1
  118. package/lib/commonjs/components/MapView/MapMarker.web.js +0 -116
  119. package/lib/commonjs/components/MapView/MapMarker.web.js.map +0 -1
  120. package/lib/commonjs/components/MapView/MapView.native.js +0 -162
  121. package/lib/commonjs/components/MapView/MapView.native.js.map +0 -1
  122. package/lib/commonjs/components/MapView/MapView.web.js +0 -55
  123. package/lib/commonjs/components/MapView/MapView.web.js.map +0 -1
  124. package/lib/commonjs/components/MapView/NoApiKey.js +0 -20
  125. package/lib/commonjs/components/MapView/NoApiKey.js.map +0 -1
  126. package/lib/commonjs/components/MapView/index.js +0 -32
  127. package/lib/commonjs/components/MapView/index.js.map +0 -1
  128. package/lib/commonjs/components/MapView/types.js +0 -5
  129. package/lib/commonjs/components/MapView/types.js.map +0 -1
  130. package/lib/module/components/MapView/MapCallout.native.js +0 -32
  131. package/lib/module/components/MapView/MapCallout.native.js.map +0 -1
  132. package/lib/module/components/MapView/MapCallout.web.js +0 -32
  133. package/lib/module/components/MapView/MapCallout.web.js.map +0 -1
  134. package/lib/module/components/MapView/MapMarker.native.js +0 -71
  135. package/lib/module/components/MapView/MapMarker.native.js.map +0 -1
  136. package/lib/module/components/MapView/MapMarker.web.js +0 -96
  137. package/lib/module/components/MapView/MapMarker.web.js.map +0 -1
  138. package/lib/module/components/MapView/MapView.native.js +0 -144
  139. package/lib/module/components/MapView/MapView.native.js.map +0 -1
  140. package/lib/module/components/MapView/MapView.web.js +0 -38
  141. package/lib/module/components/MapView/MapView.web.js.map +0 -1
  142. package/lib/module/components/MapView/NoApiKey.js +0 -7
  143. package/lib/module/components/MapView/NoApiKey.js.map +0 -1
  144. package/lib/module/components/MapView/index.js +0 -7
  145. package/lib/module/components/MapView/index.js.map +0 -1
  146. package/lib/module/components/MapView/types.js +0 -2
  147. package/lib/module/components/MapView/types.js.map +0 -1
  148. package/lib/typescript/src/components/MapView/MapCallout.native.d.ts +0 -33
  149. package/lib/typescript/src/components/MapView/MapCallout.web.d.ts +0 -4
  150. package/lib/typescript/src/components/MapView/MapMarker.native.d.ts +0 -57
  151. package/lib/typescript/src/components/MapView/MapMarker.web.d.ts +0 -12
  152. package/lib/typescript/src/components/MapView/MapView.native.d.ts +0 -130
  153. package/lib/typescript/src/components/MapView/MapView.web.d.ts +0 -4
  154. package/lib/typescript/src/components/MapView/NoApiKey.d.ts +0 -2
  155. package/lib/typescript/src/components/MapView/index.d.ts +0 -3
  156. package/lib/typescript/src/components/MapView/types.d.ts +0 -35
  157. package/src/components/MapView/MapCallout.native.js +0 -22
  158. package/src/components/MapView/MapCallout.native.tsx +0 -40
  159. package/src/components/MapView/MapCallout.web.js +0 -14
  160. package/src/components/MapView/MapCallout.web.tsx +0 -31
  161. package/src/components/MapView/MapMarker.native.js +0 -52
  162. package/src/components/MapView/MapMarker.native.tsx +0 -83
  163. package/src/components/MapView/MapMarker.web.js +0 -68
  164. package/src/components/MapView/MapMarker.web.tsx +0 -105
  165. package/src/components/MapView/MapView.native.js +0 -118
  166. package/src/components/MapView/MapView.native.tsx +0 -163
  167. package/src/components/MapView/MapView.web.js +0 -18
  168. package/src/components/MapView/MapView.web.tsx +0 -42
  169. package/src/components/MapView/NoApiKey.js +0 -5
  170. package/src/components/MapView/NoApiKey.tsx +0 -10
  171. package/src/components/MapView/index.js +0 -6
  172. package/src/components/MapView/index.tsx +0 -6
  173. package/src/components/MapView/types.js +0 -1
  174. package/src/components/MapView/types.tsx +0 -38
@@ -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":["Stepper.tsx"],"names":["Stepper","Icon","value","style","onChange","initialValue","defaultValue","theme","colors","typography","roundness","iconSize","iconColor","strong","borderRadius","typeStyle","stateValue","setStateValue","React","useState","useEffect","previousInitialValue","handleMinus","handlePlus","flexDirection","body1","textAlign","alignSelf","color","medium","marginHorizontal","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnChange","props","fieldName","handlerPropName","valuePropName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport {\n COMPONENT_TYPES,\n createIconSizeProp,\n createColorProp,\n createFieldNameProp,\n Triggers,\n} from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport IconButton from \"./IconButton\";\nimport { usePrevious } from \"../hooks\";\n\ntype Props = {\n value?: number;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n onChange?: (value: number) => void;\n initialValue?: number; // deprecated\n defaultValue?: number;\n iconSize?: number;\n iconColor?: string;\n borderRadius?: number;\n typeStyle?: StyleProp<TextStyle>;\n} & IconSlot;\n\nconst Stepper: React.FC<Props> = ({\n Icon,\n value,\n style,\n onChange,\n initialValue,\n defaultValue,\n theme: { colors, typography, roundness },\n iconSize = 24,\n iconColor = colors.strong,\n borderRadius = roundness,\n typeStyle,\n}) => {\n const [stateValue, setStateValue] = React.useState(\n value || defaultValue || 0\n );\n\n React.useEffect(() => {\n if (value != null) {\n setStateValue(value);\n }\n }, [value]);\n\n const previousInitialValue = usePrevious(initialValue);\n React.useEffect(() => {\n if (initialValue !== previousInitialValue) {\n setStateValue(initialValue);\n onChange && onChange(initialValue);\n }\n }, [initialValue, previousInitialValue, onChange, setStateValue]);\n\n const handleMinus = () => {\n if (value || value === 0) {\n onChange && onChange(value - 1);\n } else {\n setStateValue(stateValue - 1);\n }\n };\n\n const handlePlus = () => {\n if (value || value === 0) {\n onChange && onChange(value + 1);\n } else {\n setStateValue(stateValue + 1);\n }\n };\n\n return (\n <View\n style={[\n { flexDirection: \"row\" },\n style,\n borderRadius ? { borderRadius } : {},\n ]}\n >\n <IconButton\n Icon={Icon}\n icon=\"MaterialIcons/remove\"\n onPress={handleMinus}\n size={iconSize}\n color={iconColor}\n disabled={value ? value === 0 : stateValue === 0}\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 || stateValue}\n </Text>\n <IconButton\n Icon={Icon}\n icon=\"MaterialIcons/add\"\n onPress={handlePlus}\n size={iconSize}\n color={iconColor}\n />\n </View>\n );\n};\n\nexport default withTheme(Stepper);\n\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 },\n },\n];\n"]}
1
+ {"version":3,"sources":["Stepper.js"],"names":["Stepper","Icon","value","style","onChange","initialValue","defaultValue","theme","colors","typography","roundness","iconSize","iconColor","strong","borderRadius","typeStyle","stateValue","setStateValue","React","useState","useEffect","previousInitialValue","handleMinus","handlePlus","createElement","View","flexDirection","IconButton","icon","onPress","size","color","disabled","Text","body1","textAlign","alignSelf","medium","marginHorizontal","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnChange","props","fieldName","handlerPropName","valuePropName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,OAAO,GAAG,CAAC;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,KAAR;AAAeC,EAAAA,KAAf;AAAsBC,EAAAA,QAAtB;AAAgCC,EAAAA,YAAhC;AAA8CC,EAAAA,YAA9C;AAA4DC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,UAAV;AAAsBC,IAAAA;AAAtB,GAAnE;AAAsGC,EAAAA,QAAQ,GAAG,EAAjH;AAAqHC,EAAAA,SAAS,GAAGJ,MAAM,CAACK,MAAxI;AAAgJC,EAAAA,YAAY,GAAGJ,SAA/J;AAA0KK,EAAAA;AAA1K,CAAD,KAA4L;AACxM,QAAM,CAACC,UAAD,EAAaC,aAAb,IAA8BC,KAAK,CAACC,QAAN,CAAejB,KAAK,IAAII,YAAT,IAAyB,CAAxC,CAApC;AACAY,EAAAA,KAAK,CAACE,SAAN,CAAgB,MAAM;AAClB,QAAIlB,KAAK,IAAI,IAAb,EAAmB;AACfe,MAAAA,aAAa,CAACf,KAAD,CAAb;AACH;AACJ,GAJD,EAIG,CAACA,KAAD,CAJH;AAKA,QAAMmB,oBAAoB,GAAG,wBAAYhB,YAAZ,CAA7B;AACAa,EAAAA,KAAK,CAACE,SAAN,CAAgB,MAAM;AAClB,QAAIf,YAAY,KAAKgB,oBAArB,EAA2C;AACvCJ,MAAAA,aAAa,CAACZ,YAAD,CAAb;AACAD,MAAAA,QAAQ,IAAIA,QAAQ,CAACC,YAAD,CAApB;AACH;AACJ,GALD,EAKG,CAACA,YAAD,EAAegB,oBAAf,EAAqCjB,QAArC,EAA+Ca,aAA/C,CALH;;AAMA,QAAMK,WAAW,GAAG,MAAM;AACtB,QAAIpB,KAAK,IAAIA,KAAK,KAAK,CAAvB,EAA0B;AACtBE,MAAAA,QAAQ,IAAIA,QAAQ,CAACF,KAAK,GAAG,CAAT,CAApB;AACH,KAFD,MAGK;AACDe,MAAAA,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb;AACH;AACJ,GAPD;;AAQA,QAAMO,UAAU,GAAG,MAAM;AACrB,QAAIrB,KAAK,IAAIA,KAAK,KAAK,CAAvB,EAA0B;AACtBE,MAAAA,QAAQ,IAAIA,QAAQ,CAACF,KAAK,GAAG,CAAT,CAApB;AACH,KAFD,MAGK;AACDe,MAAAA,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb;AACH;AACJ,GAPD;;AAQA,sBAAQE,KAAK,CAACM,aAAN,CAAoBC,iBAApB,EAA0B;AAAEtB,IAAAA,KAAK,EAAE,CACnC;AAAEuB,MAAAA,aAAa,EAAE;AAAjB,KADmC,EAEnCvB,KAFmC,EAGnCW,YAAY,GAAG;AAAEA,MAAAA;AAAF,KAAH,GAAsB,EAHC;AAAT,GAA1B,eAKJI,KAAK,CAACM,aAAN,CAAoBG,mBAApB,EAAgC;AAAE1B,IAAAA,IAAI,EAAEA,IAAR;AAAc2B,IAAAA,IAAI,EAAE,sBAApB;AAA4CC,IAAAA,OAAO,EAAEP,WAArD;AAAkEQ,IAAAA,IAAI,EAAEnB,QAAxE;AAAkFoB,IAAAA,KAAK,EAAEnB,SAAzF;AAAoGoB,IAAAA,QAAQ,EAAE9B,KAAK,GAAGA,KAAK,KAAK,CAAb,GAAiBc,UAAU,KAAK;AAAnJ,GAAhC,CALI,eAMJE,KAAK,CAACM,aAAN,CAAoBS,iBAApB,EAA0B;AAAE9B,IAAAA,KAAK,EAAE,CAC3BM,UAAU,CAACyB,KADgB,EAE3B;AACIC,MAAAA,SAAS,EAAE,QADf;AAEIC,MAAAA,SAAS,EAAE,QAFf;AAGIL,MAAAA,KAAK,EAAEvB,MAAM,CAAC6B,MAHlB;AAIIC,MAAAA,gBAAgB,EAAE;AAJtB,KAF2B,EAQ3BvB,SAR2B;AAAT,GAA1B,EASSb,KAAK,IAAIc,UATlB,CANI,eAgBJE,KAAK,CAACM,aAAN,CAAoBG,mBAApB,EAAgC;AAAE1B,IAAAA,IAAI,EAAEA,IAAR;AAAc2B,IAAAA,IAAI,EAAE,mBAApB;AAAyCC,IAAAA,OAAO,EAAEN,UAAlD;AAA8DO,IAAAA,IAAI,EAAEnB,QAApE;AAA8EoB,IAAAA,KAAK,EAAEnB;AAArF,GAAhC,CAhBI,CAAR;AAiBH,CA/CD;;eAgDe,wBAAUZ,OAAV,C;;;AACR,MAAMuC,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;AAC3B7C,MAAAA,YAAY,EAAE,cADa;AAE3B8C,MAAAA,eAAe,EAAE,UAFU;AAG3BC,MAAAA,aAAa,EAAE;AAHY,KAApB,CADR;AAMH1C,IAAAA,QAAQ,EAAE,+BAAmB;AAAEL,MAAAA,YAAY,EAAE;AAAhB,KAAnB,CANP;AAOHM,IAAAA,SAAS,EAAE,4BAAgB;AAAEN,MAAAA,YAAY,EAAE;AAAhB,KAAhB;AAPR;AAPX,CADqB,CAAlB","sourcesContent":["import * as React from \"react\";\nimport { View, Text } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, Triggers, } from \"@draftbit/types\";\nimport IconButton from \"./IconButton\";\nimport { usePrevious } from \"../hooks\";\nconst Stepper = ({ Icon, value, style, onChange, initialValue, defaultValue, theme: { colors, typography, roundness }, iconSize = 24, iconColor = colors.strong, borderRadius = roundness, typeStyle, }) => {\n const [stateValue, setStateValue] = React.useState(value || defaultValue || 0);\n React.useEffect(() => {\n if (value != null) {\n setStateValue(value);\n }\n }, [value]);\n const previousInitialValue = usePrevious(initialValue);\n React.useEffect(() => {\n if (initialValue !== previousInitialValue) {\n setStateValue(initialValue);\n onChange && onChange(initialValue);\n }\n }, [initialValue, previousInitialValue, onChange, setStateValue]);\n const handleMinus = () => {\n if (value || value === 0) {\n onChange && onChange(value - 1);\n }\n else {\n setStateValue(stateValue - 1);\n }\n };\n const handlePlus = () => {\n if (value || value === 0) {\n onChange && onChange(value + 1);\n }\n else {\n setStateValue(stateValue + 1);\n }\n };\n return (React.createElement(View, { style: [\n { flexDirection: \"row\" },\n style,\n borderRadius ? { borderRadius } : {},\n ] },\n React.createElement(IconButton, { Icon: Icon, icon: \"MaterialIcons/remove\", onPress: handleMinus, size: iconSize, color: iconColor, disabled: value ? value === 0 : stateValue === 0 }),\n React.createElement(Text, { style: [\n typography.body1,\n {\n textAlign: \"center\",\n alignSelf: \"center\",\n color: colors.medium,\n marginHorizontal: 8,\n },\n typeStyle,\n ] }, value || stateValue),\n React.createElement(IconButton, { Icon: Icon, icon: \"MaterialIcons/add\", onPress: handlePlus, size: iconSize, color: iconColor })));\n};\nexport default withTheme(Stepper);\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 },\n },\n];\n"]}
@@ -23,8 +23,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
23
23
 
24
24
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
25
 
26
- 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); }
27
-
26
+ /* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */
28
27
  const Surface = ({
29
28
  elevation,
30
29
  style,
@@ -43,13 +42,13 @@ const Surface = ({
43
42
  } = theme;
44
43
  const borderRadius = radius;
45
44
  const ele = elevation || styleElevation;
46
- return /*#__PURE__*/React.createElement(_reactNative.Animated.View, _extends({}, rest, {
45
+ return /*#__PURE__*/React.createElement(_reactNative.Animated.View, { ...rest,
47
46
  style: [{
48
47
  minHeight: 40,
49
48
  borderRadius,
50
49
  backgroundColor: isDarkTheme && mode === "adaptive" ? (0, _overlay.default)(ele, colors.surface) : colors.surface
51
50
  }, elevation ? (0, _shadow.default)(elevation) : null, style]
52
- }), /*#__PURE__*/React.createElement(_reactNative.View, {
51
+ }, /*#__PURE__*/React.createElement(_reactNative.View, {
53
52
  style: {
54
53
  overflow: "hidden",
55
54
  borderRadius
@@ -71,4 +70,12 @@ const SEED_DATA = {
71
70
  }
72
71
  };
73
72
  exports.SEED_DATA = SEED_DATA;
73
+ //# sourceMappingURL=Surface.js.mapscription: "An elevated container",
74
+ category: _types.COMPONENT_TYPES.layout,
75
+ layout: {},
76
+ props: {
77
+ elevation: (0, _types.createElevationType)(0)
78
+ }
79
+ };
80
+ exports.SEED_DATA = SEED_DATA;
74
81
  //# sourceMappingURL=Surface.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["Surface.tsx"],"names":["Surface","elevation","style","theme","children","rest","styleElevation","borderRadius","radius","StyleSheet","flatten","dark","isDarkTheme","mode","colors","ele","minHeight","backgroundColor","surface","overflow","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","props"],"mappings":";;;;;;;AACA;;AACA;;AAQA;;AACA;;AACA;;AAEA;;;;;;;;;;AAQA,MAAMA,OAAwB,GAAG,CAAC;AAChCC,EAAAA,SADgC;AAEhCC,EAAAA,KAFgC;AAGhCC,EAAAA,KAHgC;AAIhCC,EAAAA,QAJgC;AAKhC,KAAGC;AAL6B,CAAD,KAM3B;AACJ,QAAM;AAAEJ,IAAAA,SAAS,EAAEK,cAAc,GAAG,CAA9B;AAAiCC,IAAAA,YAAY,EAAEC,MAAM,GAAG;AAAxD,MACHC,wBAAWC,OAAX,CAAmBR,KAAnB,KAA6B,EADhC;AAEA,QAAM;AAAES,IAAAA,IAAI,EAAEC,WAAR;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA;AAA3B,MAAsCX,KAA5C;AACA,QAAMI,YAAY,GAAGC,MAArB;AACA,QAAMO,GAAG,GAAGd,SAAS,IAAIK,cAAzB;AAEA,sBACE,oBAAC,qBAAD,CAAU,IAAV,eACMD,IADN;AAEE,IAAA,KAAK,EAAE,CACL;AACEW,MAAAA,SAAS,EAAE,EADb;AAEET,MAAAA,YAFF;AAGEU,MAAAA,eAAe,EACbL,WAAW,IAAIC,IAAI,KAAK,UAAxB,GACI,sBAAQE,GAAR,EAAaD,MAAM,CAACI,OAApB,CADJ,GAEIJ,MAAM,CAACI;AANf,KADK,EASLjB,SAAS,GAAG,qBAAOA,SAAP,CAAH,GAAuB,IAT3B,EAULC,KAVK;AAFT,mBAeE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE;AAAEiB,MAAAA,QAAQ,EAAE,QAAZ;AAAsBZ,MAAAA;AAAtB;AAAb,KAAoDH,QAApD,CAfF,CADF;AAmBD,CAhCD;;eAkCe,wBAAUJ,OAAV,C;;;AAER,MAAMoB,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,SADiB;AAEvBC,EAAAA,GAAG,EAAE,SAFkB;AAGvBC,EAAAA,WAAW,EAAE,uBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJH;AAKvBA,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACL1B,IAAAA,SAAS,EAAE,gCAAoB,CAApB;AADN;AANgB,CAAlB","sourcesContent":["/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */\nimport * as React from \"react\";\nimport {\n Animated,\n StyleSheet,\n ViewProps,\n StyleProp,\n ViewStyle,\n View,\n} from \"react-native\";\nimport shadow from \"../styles/shadow\";\nimport overlay from \"../styles/overlay\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport { COMPONENT_TYPES, createElevationType } from \"@draftbit/types\";\n\ntype Props = {\n elevation?: number;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & ViewProps;\n\nconst Surface: React.FC<Props> = ({\n elevation,\n style,\n theme,\n children,\n ...rest\n}) => {\n const { elevation: styleElevation = 3, borderRadius: radius = 0 } =\n (StyleSheet.flatten(style) || {}) as ViewStyle;\n const { dark: isDarkTheme, mode, colors } = theme;\n const borderRadius = radius;\n const ele = elevation || styleElevation;\n\n return (\n <Animated.View\n {...rest}\n style={[\n {\n minHeight: 40,\n borderRadius,\n backgroundColor:\n isDarkTheme && mode === \"adaptive\"\n ? overlay(ele, colors.surface)\n : colors.surface,\n },\n elevation ? shadow(elevation) : null,\n style,\n ]}\n >\n <View style={{ overflow: \"hidden\", borderRadius }}>{children}</View>\n </Animated.View>\n );\n};\n\nexport default withTheme(Surface);\n\nexport const SEED_DATA = {\n name: \"Surface\",\n tag: \"Surface\",\n description: \"An elevated container\",\n category: COMPONENT_TYPES.layout,\n layout: {},\n props: {\n elevation: createElevationType(0),\n },\n};\n"]}
1
+ {"version":3,"sources":["Surface.js"],"names":["Surface","elevation","style","theme","children","rest","styleElevation","borderRadius","radius","StyleSheet","flatten","dark","isDarkTheme","mode","colors","ele","React","createElement","Animated","View","minHeight","backgroundColor","surface","overflow","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","props"],"mappings":";;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AANA;AAOA,MAAMA,OAAO,GAAG,CAAC;AAAEC,EAAAA,SAAF;AAAaC,EAAAA,KAAb;AAAoBC,EAAAA,KAApB;AAA2BC,EAAAA,QAA3B;AAAqC,KAAGC;AAAxC,CAAD,KAAoD;AAChE,QAAM;AAAEJ,IAAAA,SAAS,EAAEK,cAAc,GAAG,CAA9B;AAAiCC,IAAAA,YAAY,EAAEC,MAAM,GAAG;AAAxD,MAA+DC,wBAAWC,OAAX,CAAmBR,KAAnB,KAA6B,EAAlG;AACA,QAAM;AAAES,IAAAA,IAAI,EAAEC,WAAR;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA;AAA3B,MAAsCX,KAA5C;AACA,QAAMI,YAAY,GAAGC,MAArB;AACA,QAAMO,GAAG,GAAGd,SAAS,IAAIK,cAAzB;AACA,sBAAQU,KAAK,CAACC,aAAN,CAAoBC,sBAASC,IAA7B,EAAmC,EAAE,GAAGd,IAAL;AAAWH,IAAAA,KAAK,EAAE,CACrD;AACIkB,MAAAA,SAAS,EAAE,EADf;AAEIb,MAAAA,YAFJ;AAGIc,MAAAA,eAAe,EAAET,WAAW,IAAIC,IAAI,KAAK,UAAxB,GACX,sBAAQE,GAAR,EAAaD,MAAM,CAACQ,OAApB,CADW,GAEXR,MAAM,CAACQ;AALjB,KADqD,EAQrDrB,SAAS,GAAG,qBAAOA,SAAP,CAAH,GAAuB,IARqB,EASrDC,KATqD;AAAlB,GAAnC,eAWJc,KAAK,CAACC,aAAN,CAAoBE,iBAApB,EAA0B;AAAEjB,IAAAA,KAAK,EAAE;AAAEqB,MAAAA,QAAQ,EAAE,QAAZ;AAAsBhB,MAAAA;AAAtB;AAAT,GAA1B,EAA2EH,QAA3E,CAXI,CAAR;AAYH,CAjBD;;eAkBe,wBAAUJ,OAAV,C;;;AACR,MAAMwB,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,SADe;AAErBC,EAAAA,GAAG,EAAE,SAFgB;AAGrBC,EAAAA,WAAW,EAAE,uBAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJL;AAKrBA,EAAAA,MAAM,EAAE,EALa;AAMrBC,EAAAA,KAAK,EAAE;AACH9B,IAAAA,SAAS,EAAE,gCAAoB,CAApB;AADR;AANc,CAAlB","sourcesContent":["/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */\nimport * as React from \"react\";\nimport { Animated, StyleSheet, View, } from \"react-native\";\nimport shadow from \"../styles/shadow\";\nimport overlay from \"../styles/overlay\";\nimport { withTheme } from \"../theming\";\nimport { COMPONENT_TYPES, createElevationType } from \"@draftbit/types\";\nconst Surface = ({ elevation, style, theme, children, ...rest }) => {\n const { elevation: styleElevation = 3, borderRadius: radius = 0 } = (StyleSheet.flatten(style) || {});\n const { dark: isDarkTheme, mode, colors } = theme;\n const borderRadius = radius;\n const ele = elevation || styleElevation;\n return (React.createElement(Animated.View, { ...rest, style: [\n {\n minHeight: 40,\n borderRadius,\n backgroundColor: isDarkTheme && mode === \"adaptive\"\n ? overlay(ele, colors.surface)\n : colors.surface,\n },\n elevation ? shadow(elevation) : null,\n style,\n ] },\n React.createElement(View, { style: { overflow: \"hidden\", borderRadius } }, children)));\n};\nexport default withTheme(Surface);\nexport const SEED_DATA = {\n name: \"Surface\",\n tag: \"Surface\",\n description: \"An elevated container\",\n category: COMPONENT_TYPES.layout,\n layout: {},\n props: {\n elevation: createElevationType(0),\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["Swiper.tsx"],"names":["Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","dotsTouchable","children","style","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","layout","height","width","props","group","GROUPS","basic","label","defaultValue"],"mappings":";;;;;;;AAAA;;AAOA;;AACA;;AACA;;;;AAcA,MAAMA,MAAM,GAAG,CAAC;AACdC,EAAAA,QAAQ,GAAG,KADG;AAEdC,EAAAA,IAAI,GAAG,KAFO;AAGdC,EAAAA,OAAO,GAAG,CAHI;AAIdC,EAAAA,IAAI,GAAG,CAJO;AAKdC,EAAAA,SAAS,GAAG,EALE;AAMdC,EAAAA,SAAS,GAAG,EANE;AAOdC,EAAAA,aAAa,GAAG,IAPF;AAQdC,EAAAA,QARc;AASdC,EAAAA;AATc,CAAD,kBAWb,6BAAC,iBAAD;AAAM,EAAA,KAAK,EAAEA;AAAb,gBACE,6BAAC,6BAAD;AACE,EAAA,IAAI,EAAEL,IADR;AAEE,EAAA,IAAI,EAAEF,IAFR;AAGE,EAAA,OAAO,EAAEC,OAHX;AAIE,EAAA,QAAQ,EAAEF,QAJZ;AAKE,EAAA,aAAa,EAAE;AACbI,IAAAA,SADa;AAEbC,IAAAA,SAFa;AAGbC,IAAAA;AAHa;AALjB,GAWGC,QAXH,CADF,CAXF;;eA4BeR,M;;AAER,MAAMU,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,QADiB;AAEvBC,EAAAA,GAAG,EAAE,QAFkB;AAGvBC,EAAAA,WAAW,EAAE,kBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,SAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,GADF;AAENC,IAAAA,KAAK,EAAE;AAFD,GALe;AASvBC,EAAAA,KAAK,EAAE;AACLhB,IAAAA,IAAI,EAAE,6BAAiB;AACrBiB,MAAAA,KAAK,EAAEC,cAAOC,KADO;AAErBC,MAAAA,KAAK,EAAE;AAFc,KAAjB,CADD;AAKLtB,IAAAA,IAAI,EAAE,2BAAe;AACnBmB,MAAAA,KAAK,EAAEC,cAAOC,KADK;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAAf,CALD;AASLrB,IAAAA,OAAO,EAAE,6BAAiB;AACxBkB,MAAAA,KAAK,EAAEC,cAAOC,KADU;AAExBC,MAAAA,KAAK,EAAE,SAFiB;AAGxBC,MAAAA,YAAY,EAAE;AAHU,KAAjB,CATJ;AAcLxB,IAAAA,QAAQ,EAAE,2BAAe;AACvBoB,MAAAA,KAAK,EAAEC,cAAOC,KADS;AAEvBC,MAAAA,KAAK,EAAE,UAFgB;AAGvBC,MAAAA,YAAY,EAAE;AAHS,KAAf,CAdL;AAmBLpB,IAAAA,SAAS,EAAE,2BAAe;AACxBgB,MAAAA,KAAK,EAAEC,cAAOC,KADU;AAExBC,MAAAA,KAAK,EAAE,gBAFiB;AAGxBC,MAAAA,YAAY,EAAE;AAHU,KAAf,CAnBN;AAwBLnB,IAAAA,SAAS,EAAE,2BAAe;AACxBe,MAAAA,KAAK,EAAEC,cAAOC,KADU;AAExBC,MAAAA,KAAK,EAAE,YAFiB;AAGxBC,MAAAA,YAAY,EAAE;AAHU,KAAf,CAxBN;AA6BLlB,IAAAA,aAAa,EAAE,2BAAe;AAC5Bc,MAAAA,KAAK,EAAEC,cAAOC,KADc;AAE5BC,MAAAA,KAAK,EAAE,gBAFqB;AAG5BC,MAAAA,YAAY,EAAE;AAHc,KAAf;AA7BV;AATgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createBoolProp,\n createNumberProp,\n createTextProp,\n GROUPS,\n} from \"@draftbit/types\";\nimport React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps {\n vertical?: boolean;\n loop?: boolean;\n from?: number;\n timeout?: number;\n prevTitle?: string;\n nextTitle?: string;\n dotsTouchable?: boolean;\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n vertical = false,\n loop = false,\n timeout = 0,\n from = 0,\n prevTitle = \"\",\n nextTitle = \"\",\n dotsTouchable = true,\n children,\n style,\n}: SwiperProps) => (\n <View style={style}>\n <SwiperComponent\n from={from}\n loop={loop}\n timeout={timeout}\n vertical={vertical}\n controlsProps={{\n prevTitle,\n nextTitle,\n dotsTouchable,\n }}\n >\n {children}\n </SwiperComponent>\n </View>\n);\n\nexport default Swiper;\n\nexport const SEED_DATA = {\n name: \"Swiper\",\n tag: \"Swiper\",\n description: \"Swiper container\",\n category: COMPONENT_TYPES.container,\n layout: {\n height: 300,\n width: \"100%\",\n },\n props: {\n from: createNumberProp({\n group: GROUPS.basic,\n label: \"Initial Slide\",\n }),\n loop: createBoolProp({\n group: GROUPS.basic,\n label: \"Loop\",\n }),\n timeout: createNumberProp({\n group: GROUPS.basic,\n label: \"Timeout\",\n defaultValue: 0,\n }),\n vertical: createBoolProp({\n group: GROUPS.basic,\n label: \"Vertical\",\n defaultValue: false,\n }),\n prevTitle: createTextProp({\n group: GROUPS.basic,\n label: \"Previous Title\",\n defaultValue: \"\",\n }),\n nextTitle: createTextProp({\n group: GROUPS.basic,\n label: \"Next Title\",\n defaultValue: \"\",\n }),\n dotsTouchable: createBoolProp({\n group: GROUPS.basic,\n label: \"Dots Touchable\",\n defaultValue: true,\n }),\n },\n};\n"]}
1
+ {"version":3,"sources":["Swiper.js"],"names":["Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","dotsTouchable","children","style","React","createElement","View","SwiperComponent","controlsProps","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","layout","height","width","props","group","GROUPS","basic","label","defaultValue"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AACA,MAAMA,MAAM,GAAG,CAAC;AAAEC,EAAAA,QAAQ,GAAG,KAAb;AAAoBC,EAAAA,IAAI,GAAG,KAA3B;AAAkCC,EAAAA,OAAO,GAAG,CAA5C;AAA+CC,EAAAA,IAAI,GAAG,CAAtD;AAAyDC,EAAAA,SAAS,GAAG,EAArE;AAAyEC,EAAAA,SAAS,GAAG,EAArF;AAAyFC,EAAAA,aAAa,GAAG,IAAzG;AAA+GC,EAAAA,QAA/G;AAAyHC,EAAAA;AAAzH,CAAD,kBAAwIC,eAAMC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEH,EAAAA,KAAK,EAAEA;AAAT,CAA1B,eACnJC,eAAMC,aAAN,CAAoBE,6BAApB,EAAqC;AAAET,EAAAA,IAAI,EAAEA,IAAR;AAAcF,EAAAA,IAAI,EAAEA,IAApB;AAA0BC,EAAAA,OAAO,EAAEA,OAAnC;AAA4CF,EAAAA,QAAQ,EAAEA,QAAtD;AAAgEa,EAAAA,aAAa,EAAE;AAC5GT,IAAAA,SAD4G;AAE5GC,IAAAA,SAF4G;AAG5GC,IAAAA;AAH4G;AAA/E,CAArC,EAISC,QAJT,CADmJ,CAAvJ;;eAMeR,M;;AACR,MAAMe,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,QADe;AAErBC,EAAAA,GAAG,EAAE,QAFgB;AAGrBC,EAAAA,WAAW,EAAE,kBAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,SAJL;AAKrBC,EAAAA,MAAM,EAAE;AACJC,IAAAA,MAAM,EAAE,GADJ;AAEJC,IAAAA,KAAK,EAAE;AAFH,GALa;AASrBC,EAAAA,KAAK,EAAE;AACHrB,IAAAA,IAAI,EAAE,6BAAiB;AACnBsB,MAAAA,KAAK,EAAEC,cAAOC,KADK;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAAjB,CADH;AAKH3B,IAAAA,IAAI,EAAE,2BAAe;AACjBwB,MAAAA,KAAK,EAAEC,cAAOC,KADG;AAEjBC,MAAAA,KAAK,EAAE;AAFU,KAAf,CALH;AASH1B,IAAAA,OAAO,EAAE,6BAAiB;AACtBuB,MAAAA,KAAK,EAAEC,cAAOC,KADQ;AAEtBC,MAAAA,KAAK,EAAE,SAFe;AAGtBC,MAAAA,YAAY,EAAE;AAHQ,KAAjB,CATN;AAcH7B,IAAAA,QAAQ,EAAE,2BAAe;AACrByB,MAAAA,KAAK,EAAEC,cAAOC,KADO;AAErBC,MAAAA,KAAK,EAAE,UAFc;AAGrBC,MAAAA,YAAY,EAAE;AAHO,KAAf,CAdP;AAmBHzB,IAAAA,SAAS,EAAE,2BAAe;AACtBqB,MAAAA,KAAK,EAAEC,cAAOC,KADQ;AAEtBC,MAAAA,KAAK,EAAE,gBAFe;AAGtBC,MAAAA,YAAY,EAAE;AAHQ,KAAf,CAnBR;AAwBHxB,IAAAA,SAAS,EAAE,2BAAe;AACtBoB,MAAAA,KAAK,EAAEC,cAAOC,KADQ;AAEtBC,MAAAA,KAAK,EAAE,YAFe;AAGtBC,MAAAA,YAAY,EAAE;AAHQ,KAAf,CAxBR;AA6BHvB,IAAAA,aAAa,EAAE,2BAAe;AAC1BmB,MAAAA,KAAK,EAAEC,cAAOC,KADY;AAE1BC,MAAAA,KAAK,EAAE,gBAFmB;AAG1BC,MAAAA,YAAY,EAAE;AAHY,KAAf;AA7BZ;AATc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, GROUPS, } from \"@draftbit/types\";\nimport React from \"react\";\nimport { View } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\nconst Swiper = ({ vertical = false, loop = false, timeout = 0, from = 0, prevTitle = \"\", nextTitle = \"\", dotsTouchable = true, children, style, }) => (React.createElement(View, { style: style },\n React.createElement(SwiperComponent, { from: from, loop: loop, timeout: timeout, vertical: vertical, controlsProps: {\n prevTitle,\n nextTitle,\n dotsTouchable,\n } }, children)));\nexport default Swiper;\nexport const SEED_DATA = {\n name: \"Swiper\",\n tag: \"Swiper\",\n description: \"Swiper container\",\n category: COMPONENT_TYPES.container,\n layout: {\n height: 300,\n width: \"100%\",\n },\n props: {\n from: createNumberProp({\n group: GROUPS.basic,\n label: \"Initial Slide\",\n }),\n loop: createBoolProp({\n group: GROUPS.basic,\n label: \"Loop\",\n }),\n timeout: createNumberProp({\n group: GROUPS.basic,\n label: \"Timeout\",\n defaultValue: 0,\n }),\n vertical: createBoolProp({\n group: GROUPS.basic,\n label: \"Vertical\",\n defaultValue: false,\n }),\n prevTitle: createTextProp({\n group: GROUPS.basic,\n label: \"Previous Title\",\n defaultValue: \"\",\n }),\n nextTitle: createTextProp({\n group: GROUPS.basic,\n label: \"Next Title\",\n defaultValue: \"\",\n }),\n dotsTouchable: createBoolProp({\n group: GROUPS.basic,\n label: \"Dots Touchable\",\n defaultValue: true,\n }),\n },\n};\n"]}
@@ -19,8 +19,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
19
19
 
20
20
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
21
 
22
- 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); }
23
-
24
22
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
25
23
 
26
24
  const AnimatedText = _reactNative.Animated.createAnimatedComponent(_reactNative.Text);
@@ -200,7 +198,8 @@ class TextField extends React.Component {
200
198
  roundness,
201
199
  disabledOpacity
202
200
  },
203
- render = props => /*#__PURE__*/React.createElement(_reactNative.TextInput, props),
201
+ render = props => /*#__PURE__*/React.createElement(_reactNative.TextInput, { ...props
202
+ }),
204
203
  ...rest
205
204
  } = this.props;
206
205
  const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
@@ -353,9 +352,9 @@ class TextField extends React.Component {
353
352
 
354
353
  return /*#__PURE__*/React.createElement(_reactNative.View, {
355
354
  style: [styles.container, styleProp]
356
- }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
355
+ }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
357
356
  style: leftIconStyle
358
- })) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
357
+ }) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
359
358
  style: (0, _utilities.applyStyles)([containerStyle], {
360
359
  height: style === null || style === void 0 ? void 0 : style.height,
361
360
  backgroundColor: bgColor,
@@ -418,11 +417,11 @@ class TextField extends React.Component {
418
417
  opacity: hasActiveOutline ? this.state.labeled : 1
419
418
  }],
420
419
  numberOfLines: 1
421
- }, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
420
+ }, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
422
421
  style: { ...leftIconStyle,
423
422
  marginLeft: type === "solid" ? 16 : 0
424
423
  }
425
- })) : null, render({
424
+ }) : null, render({
426
425
  ref: c => {
427
426
  this._root = c;
428
427
  },
@@ -636,4 +635,16 @@ const SEED_DATA = [{
636
635
  layout: {}
637
636
  }];
638
637
  exports.SEED_DATA = SEED_DATA;
638
+ //# sourceMappingURL=TextField.js.mapbel: "Number of Lines",
639
+ description: "Number of Lines for Multiline Field",
640
+ defaultValue: 4,
641
+ group: _types.GROUPS.basic
642
+ }),
643
+ fieldName: (0, _types.createFieldNameProp)({
644
+ defaultValue: "textAreaValue"
645
+ })
646
+ },
647
+ layout: {}
648
+ }];
649
+ exports.SEED_DATA = SEED_DATA;
639
650
  //# sourceMappingURL=TextField.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["TextField.tsx"],"names":["AnimatedText","Animated","createAnimatedComponent","Text","FOCUS_ANIMATION_DURATION","BLUR_ANIMATION_DURATION","ICON_SIZE","TextField","React","Component","labeled","Value","props","value","error","focused","placeholder","labelLayout","measured","width","setTimeout","clearTimeout","_timer","setState","timing","state","toValue","duration","useNativeDriver","start","disabled","onChangeText","undefined","getDerivedStateFromProps","nextProps","prevState","componentDidMount","defaultValue","_handleChangeText","initialValue","_minmizeLabel","componentDidUpdate","prevProps","_restoreLabel","label","_showPlaceholder","_hidePlaceholder","componentWillUnmount","toggleFocus","setNativeProps","args","_root","isFocused","clear","focus","blur","render","Icon","type","leftIconName","leftIconMode","rightIconName","assistiveText","underlineColor","underlineColorProp","multiline","numberOfLines","style","theme","colors","typography","roundness","disabledOpacity","rest","MINIMIZED_LABEL_Y_OFFSET","caption","lineHeight","OUTLINE_MINIMIZED_LABEL_Y_OFFSET","MAXIMIZED_LABEL_FONT_SIZE","subtitle1","fontSize","MINIMIZED_LABEL_FONT_SIZE","hasActiveOutline","inputTextColor","activeColor","borderColor","placeholderColor","containerStyle","backgroundColor","inputStyle","strong","light","divider","primary","background","placeholderTextColor","paddingVertical","color","paddingLeft","paddingRight","height","assistiveTextLeftMargin","borderTopLeftRadius","borderTopRightRadius","paddingBottom","marginTop","borderRadius","borderWidth","paddingTop","opacity","paddingHorizontal","marginLeft","leftIconColor","leftIconProps","size","name","leftIconStyle","position","labelStyle","top","left","transform","translateY","interpolate","inputRange","outputRange","scale","translateX","textStyles","inputStyles","styles","input","marginHorizontal","bgColor","padding","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderCol","styleProp","StyleSheet","flatten","container","underline","scaleY","absoluteFill","e","nativeEvent","layout","ref","c","onChange","editable","selectionColor","onFocus","_handleFocus","onBlur","_handleBlur","underlineColorAndroid","right","create","alignSelf","bottom","flexGrow","justifyContent","textAlignVertical","margin","textAlign","I18nManager","isRTL","SEED_DATA_PROPS","TEXT_INPUT_PROPS","group","GROUPS","data","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","required","basic","boolean","BOOLEAN","icon","ASSET","flatArray","options","fieldName","FIELD_NAME","handlerPropName","SEED_DATA_TRIGGERS","Triggers","OnChangeText","SEED_DATA","tag","category","COMPONENT_TYPES","preview_image_url","supports_list_render","triggers","secureTextEntry","uncategorized"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n View,\n Animated,\n TextInput as NativeTextInput,\n StyleSheet,\n Text,\n I18nManager,\n StyleProp,\n TextInputProps,\n NativeSyntheticEvent,\n TextInputChangeEventData,\n ViewStyle,\n TextStyle,\n LayoutChangeEvent,\n ImageStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n TEXT_INPUT_PROPS,\n Triggers,\n createColorProp,\n createNumberProp,\n createFieldNameProp,\n} from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport { applyStyles, extractStyles } from \"../utilities\";\n\nconst AnimatedText = Animated.createAnimatedComponent(Text);\n\nconst FOCUS_ANIMATION_DURATION = 150;\nconst BLUR_ANIMATION_DURATION = 180;\nconst ICON_SIZE = 24;\n\nexport type Props = {\n type?: \"solid\" | \"underline\";\n initialValue?: string;\n defaultValue?: string;\n disabled?: boolean;\n label?: string;\n error?: boolean;\n leftIconName?: string;\n leftIconMode?: \"inset\" | \"outset\";\n onChangeText: (\n text: string | NativeSyntheticEvent<TextInputChangeEventData>\n ) => void;\n rightIconName?: string;\n assistiveText?: string;\n multiline?: boolean;\n numberOfLines: number;\n underlineColor?: string;\n style?: StyleProp<ViewStyle> & { height?: number };\n theme: Theme;\n render?: (\n props: TextInputProps & { ref: (c: NativeTextInput) => void }\n ) => React.ReactNode;\n} & TextInputProps &\n IconSlot;\n\ninterface State {\n labeled: Animated.Value;\n focused?: boolean;\n placeholder?: string | undefined;\n labelLayout: {\n measured: boolean;\n width: number;\n };\n value?: string;\n}\n\nclass TextField extends React.Component<Props, State> {\n static getDerivedStateFromProps(nextProps: Props, prevState: State) {\n return {\n value:\n typeof nextProps.value !== \"undefined\"\n ? nextProps.value\n : prevState.value,\n };\n }\n\n state: State = {\n labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),\n focused: false,\n placeholder: this.props.error ? this.props.placeholder : \"\",\n labelLayout: {\n measured: false,\n width: 0,\n },\n };\n\n componentDidMount() {\n if (this.props.defaultValue) {\n this._handleChangeText(this.props.defaultValue);\n } else if (this.props.initialValue) {\n // deprecated\n this._handleChangeText(this.props.initialValue);\n }\n\n if (this.props.placeholder) {\n this._minmizeLabel();\n }\n }\n\n componentDidUpdate(prevProps: Props, prevState: State) {\n if (\n prevState.focused !== this.state.focused ||\n prevState.value !== this.state.value\n ) {\n // The label should be minimized if the text input is focused, or has text\n // In minimized mode, the label moves up and becomes small\n if (\n this.state.value ||\n this.state.focused ||\n this.props.error ||\n this.props.placeholder\n ) {\n this._minmizeLabel();\n } else {\n this._restoreLabel();\n }\n }\n\n if (\n prevState.focused !== this.state.focused ||\n prevProps.label !== this.props.label\n ) {\n // Show placeholder text only if the input is focused, or has error, or there's no label\n // We don't show placeholder if there's a label because the label acts as placeholder\n // When focused, the label moves up, so we can show a placeholder\n if (this.state.focused || this.props.error || !this.props.label) {\n this._showPlaceholder();\n } else {\n this._hidePlaceholder();\n }\n }\n }\n\n _timer = setTimeout(() => {}, 0);\n\n componentWillUnmount() {\n clearTimeout(this._timer);\n }\n\n _showPlaceholder = () => {\n clearTimeout(this._timer);\n\n // Set the placeholder in a delay to offset the label animation\n // If we show it immediately, they'll overlap and look ugly\n this._timer = setTimeout(\n () =>\n this.setState({\n placeholder: this.props.placeholder,\n }),\n 50\n );\n };\n\n _hidePlaceholder = () =>\n this.setState({\n placeholder: \"\",\n });\n\n _restoreLabel = () =>\n Animated.timing(this.state.labeled, {\n toValue: 1,\n duration: FOCUS_ANIMATION_DURATION,\n useNativeDriver: true,\n }).start();\n\n _minmizeLabel = () =>\n Animated.timing(this.state.labeled, {\n toValue: 0,\n duration: BLUR_ANIMATION_DURATION,\n useNativeDriver: true,\n }).start();\n\n _handleFocus = () => {\n if (this.props.disabled) {\n return;\n }\n\n this.setState({ focused: true });\n };\n\n _handleBlur = () => {\n if (this.props.disabled) {\n return;\n }\n\n this.setState({ focused: false });\n };\n\n _handleChangeText = (\n value: NativeSyntheticEvent<TextInputChangeEventData> | string\n ) => {\n if (this.props.disabled) {\n return;\n }\n\n this.setState({ value: value as string });\n this.props.onChangeText && this.props.onChangeText(value);\n };\n\n toggleFocus() {\n this.setState((prevState: State) => ({ focused: !prevState.focused }));\n }\n\n _root: NativeTextInput | undefined = undefined;\n /**\n * @internal\n */\n setNativeProps(args: Props) {\n return this._root && this._root.setNativeProps(args);\n }\n\n isFocused() {\n return this._root && this._root.isFocused();\n }\n\n clear() {\n return this._root && this._root.clear();\n }\n\n focus() {\n return this._root && this._root.focus();\n }\n\n blur() {\n return this._root && this._root.blur();\n }\n\n render() {\n const {\n Icon,\n type = \"underline\",\n disabled = false,\n label,\n error = false,\n leftIconName,\n leftIconMode,\n rightIconName,\n assistiveText,\n underlineColor: underlineColorProp,\n multiline = false,\n numberOfLines = 4,\n style,\n theme: { colors, typography, roundness, disabledOpacity },\n render = (props) => <NativeTextInput {...props} />,\n ...rest\n } = this.props;\n\n const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);\n const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);\n const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;\n const MINIMIZED_LABEL_FONT_SIZE = typography.caption.fontSize;\n\n const hasActiveOutline = this.state.focused || error;\n\n let inputTextColor,\n activeColor,\n underlineColor,\n borderColor,\n placeholderColor,\n containerStyle: StyleProp<ViewStyle>,\n backgroundColor,\n inputStyle: StyleProp<TextStyle>;\n\n inputTextColor = colors.strong;\n if (disabled) {\n activeColor = colors.light;\n placeholderColor = colors.light;\n borderColor = \"transparent\";\n underlineColor = \"transparent\";\n backgroundColor = colors.divider;\n } else {\n activeColor = error ? colors.error : colors.primary;\n placeholderColor = borderColor = colors.light;\n underlineColor = underlineColorProp;\n backgroundColor = colors.background;\n }\n\n if (rest.placeholderTextColor) {\n placeholderColor = rest.placeholderTextColor;\n }\n\n const { lineHeight, ...subtitle1 } = typography.subtitle1;\n\n inputStyle = {\n paddingVertical: 0,\n color: inputTextColor,\n paddingLeft:\n leftIconName && leftIconMode === \"inset\"\n ? ICON_SIZE + 12 + (type === \"solid\" ? 16 : 0)\n : 0,\n paddingRight: rightIconName ? ICON_SIZE + 16 + 4 : 12,\n ...subtitle1,\n };\n\n if (!multiline) {\n inputStyle.height = lineHeight;\n }\n\n let assistiveTextLeftMargin;\n if (type === \"underline\") {\n containerStyle = {\n borderTopLeftRadius: roundness,\n borderTopRightRadius: roundness,\n paddingBottom: 12,\n marginTop: 16,\n };\n\n if (leftIconName && leftIconMode === \"outset\") {\n assistiveTextLeftMargin = ICON_SIZE + 8;\n } else {\n assistiveTextLeftMargin = 0;\n }\n } else {\n containerStyle = {\n borderRadius: roundness,\n borderColor: hasActiveOutline ? activeColor : borderColor,\n borderWidth: 1,\n paddingTop: label ? 16 * 1.5 : 16,\n paddingBottom: label ? 16 * 0.5 : 16,\n opacity: disabled ? disabledOpacity : 1,\n backgroundColor,\n };\n\n if (leftIconName && leftIconMode === \"inset\") {\n assistiveTextLeftMargin = 16 + 4;\n } else if (leftIconName && leftIconMode === \"outset\") {\n assistiveTextLeftMargin = ICON_SIZE + 8 + 12;\n } else {\n assistiveTextLeftMargin = 12;\n }\n\n inputStyle.paddingHorizontal = 12;\n }\n\n if (leftIconName && leftIconMode === \"outset\") {\n containerStyle.marginLeft = ICON_SIZE + 8;\n }\n\n let leftIconColor;\n if (error) {\n leftIconColor = colors.error;\n } else if (this.state.focused) {\n leftIconColor = colors.primary;\n } else {\n leftIconColor = colors.light;\n }\n\n const leftIconProps = {\n size: 24,\n color: leftIconColor,\n name: leftIconName || \"\",\n };\n\n const leftIconStyle: ImageStyle = {\n position: \"absolute\",\n marginTop:\n type === \"solid\"\n ? MINIMIZED_LABEL_FONT_SIZE + 4\n : leftIconMode === \"outset\"\n ? 16\n : 0,\n };\n\n const labelStyle = {\n ...typography.subtitle1,\n top: type === \"solid\" ? 16 : 0,\n left:\n leftIconName && leftIconMode === \"inset\"\n ? ICON_SIZE + (type === \"solid\" ? 16 : 12)\n : 0,\n transform: [\n {\n // Move label to top\n translateY: this.state.labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [\n type === \"solid\"\n ? OUTLINE_MINIMIZED_LABEL_Y_OFFSET\n : MINIMIZED_LABEL_Y_OFFSET,\n 0,\n ],\n }),\n },\n {\n // Make label smaller\n scale: this.state.labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [\n MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE,\n 1,\n ],\n }),\n },\n {\n // Offset label scale since RN doesn't support transform origin\n translateX: this.state.labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [\n -(1 - MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE) *\n (this.state.labelLayout.width / 2),\n 0,\n ],\n }),\n },\n ],\n };\n\n const { textStyles } = extractStyles(style);\n const inputStyles = applyStyles(\n [\n styles.input,\n inputStyle,\n type === \"solid\" ? { marginHorizontal: 12 } : {},\n ],\n textStyles\n );\n\n const {\n backgroundColor: bgColor,\n padding,\n paddingTop,\n paddingBottom,\n paddingLeft,\n paddingRight,\n borderRadius,\n borderWidth,\n borderTopWidth,\n borderRightWidth,\n borderBottomWidth,\n borderLeftWidth,\n borderColor: borderCol,\n ...styleProp\n } = StyleSheet.flatten(style || {}) as ViewStyle & { height?: number };\n\n return (\n <View style={[styles.container, styleProp]}>\n {leftIconName && leftIconMode === \"outset\" ? (\n <Icon {...leftIconProps} style={leftIconStyle} />\n ) : null}\n <View\n style={applyStyles([containerStyle], {\n height: style?.height,\n backgroundColor: bgColor,\n padding,\n paddingTop,\n paddingBottom,\n paddingLeft,\n paddingRight,\n borderRadius,\n borderWidth,\n borderTopWidth,\n borderRightWidth,\n borderBottomWidth,\n borderLeftWidth,\n borderColor: borderCol,\n })}\n >\n {type === \"underline\" ? (\n // When type === 'flat', render an underline\n <Animated.View\n style={[\n styles.underline,\n {\n backgroundColor:\n bgColor ||\n (error\n ? colors.error\n : this.state.focused\n ? activeColor\n : underlineColor),\n // Underlines is thinner when input is not focused\n transform: [{ scaleY: this.state.focused ? 1 : 0.5 }],\n },\n ]}\n />\n ) : null}\n\n {label ? (\n // Position colored placeholder and gray placeholder on top of each other and crossfade them\n // This gives the effect of animating the color, but allows us to use native driver\n <View\n pointerEvents=\"none\"\n style={[\n StyleSheet.absoluteFill,\n {\n opacity:\n // Hide the label in minimized state until we measure its width\n this.state.value || this.state.focused\n ? this.state.labelLayout.measured\n ? 1\n : 0\n : 1,\n },\n ]}\n >\n <AnimatedText\n onLayout={(e: LayoutChangeEvent) =>\n this.setState({\n labelLayout: {\n width: e.nativeEvent.layout.width,\n measured: true,\n },\n })\n }\n style={[\n styles.placeholder,\n type === \"solid\" ? { paddingHorizontal: 12 } : {},\n labelStyle,\n {\n color: placeholderColor,\n opacity: this.state.labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [hasActiveOutline ? 1 : 0, 0],\n }),\n },\n ]}\n numberOfLines={1}\n >\n {label}\n </AnimatedText>\n <AnimatedText\n style={[\n styles.placeholder,\n type === \"solid\" ? { paddingHorizontal: 12 } : {},\n labelStyle,\n {\n color: placeholderColor,\n opacity: hasActiveOutline ? this.state.labeled : 1,\n },\n ]}\n numberOfLines={1}\n >\n {label}\n </AnimatedText>\n </View>\n ) : null}\n\n {leftIconName && leftIconMode === \"inset\" ? (\n <Icon\n {...leftIconProps}\n style={{\n ...leftIconStyle,\n marginLeft: type === \"solid\" ? 16 : 0,\n }}\n />\n ) : null}\n\n {render({\n ref: (c: NativeTextInput) => {\n this._root = c;\n },\n onChange: this._handleChangeText,\n placeholder: label\n ? this.state.placeholder\n : this.props.placeholder,\n placeholderTextColor: placeholderColor,\n editable: !disabled,\n selectionColor: activeColor,\n multiline,\n numberOfLines,\n onFocus: this._handleFocus,\n onBlur: this._handleBlur,\n underlineColorAndroid: \"transparent\",\n style: inputStyles,\n ...rest,\n value: this.state.value,\n })}\n </View>\n {rightIconName ? (\n <Icon\n name={rightIconName}\n size={ICON_SIZE}\n color={colors.light}\n style={{\n position: \"absolute\",\n right: 16,\n marginTop: type === \"solid\" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16,\n }}\n />\n ) : null}\n\n {assistiveText ? (\n <Text\n style={[\n {\n color: error ? colors.error : colors.light,\n marginTop: 8,\n marginLeft: assistiveTextLeftMargin,\n },\n ]}\n >\n {assistiveText}\n </Text>\n ) : null}\n </View>\n );\n }\n}\n\nexport default withTheme(TextField);\n\nconst styles = StyleSheet.create({\n container: {\n alignSelf: \"stretch\",\n },\n placeholder: {\n position: \"absolute\",\n left: 0,\n },\n underline: {\n position: \"absolute\",\n left: 0,\n right: 0,\n bottom: 0,\n height: 2,\n },\n input: {\n flexGrow: 1,\n justifyContent: \"center\",\n textAlignVertical: \"center\",\n margin: 0,\n textAlign: I18nManager.isRTL ? \"right\" : \"left\",\n },\n});\n\nconst SEED_DATA_PROPS = {\n ...TEXT_INPUT_PROPS,\n label: {\n group: GROUPS.data,\n label: \"Label\",\n description: \"The label to be displayed on the text field\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: true,\n },\n assistiveText: {\n group: GROUPS.basic,\n label: \"Assistive text\",\n description: \"Helper text to display below the input\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n },\n error: {\n group: GROUPS.data,\n label: \"Error\",\n description: \"Whether the input should display the error state\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: null,\n editable: true,\n required: false,\n },\n leftIconName: {\n group: GROUPS.basic,\n label: \"Left icon name\",\n description: \"The icon to display on the left\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n leftIconMode: {\n group: GROUPS.basic,\n label: \"Left icon mode\",\n description:\n \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: null /* inset */,\n options: [\"inset\", \"outset\"],\n editable: true,\n required: true,\n },\n rightIconName: {\n group: GROUPS.basic,\n label: \"Right icon name\",\n description: \"The icon to display on the right\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n fieldName: {\n ...FIELD_NAME,\n handlerPropName: \"onChangeText\",\n defaultValue: \"textFieldValue\",\n },\n};\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnChangeText];\nexport const SEED_DATA = [\n {\n name: \"Styled Text Field\",\n tag: \"TextField\",\n description: \"A text input with a solid border or underline\",\n category: COMPONENT_TYPES.input,\n preview_image_url: \"{CLOUDINARY_URL}/Textfield.png\",\n supports_list_render: false,\n triggers: SEED_DATA_TRIGGERS,\n props: {\n ...SEED_DATA_PROPS,\n type: {\n label: \"Appearance\",\n description: \"Type of Datepicker\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"solid\",\n options: [\"solid\", \"underline\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n underlineColor: createColorProp({\n label: \"Underline Color\",\n defaultValue: \"light\",\n }),\n secureTextEntry: {\n group: GROUPS.basic,\n label: \"Password field\",\n description:\n \"If true, this turns the field into a password field, hiding the text\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Styled Text Area\",\n tag: \"TextField\",\n description: \"A text area with a solid border or underline\",\n category: COMPONENT_TYPES.input,\n preview_image_url: \"{CLOUDINARY_URL}/TextArea.png\",\n supports_list_render: false,\n triggers: SEED_DATA_TRIGGERS,\n props: {\n ...SEED_DATA_PROPS,\n type: {\n label: \"Appearance\",\n description: \"Type of Datepicker\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"solid\",\n options: [\"solid\", \"underline\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n multiline: {\n label: \"Multiline\",\n description: \"Multiline\",\n group: GROUPS.uncategorized,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: true,\n editable: false,\n required: false,\n },\n numberOfLines: createNumberProp({\n label: \"Number of Lines\",\n description: \"Number of Lines for Multiline Field\",\n defaultValue: 4,\n group: GROUPS.basic,\n }),\n fieldName: createFieldNameProp({\n defaultValue: \"textAreaValue\",\n }),\n },\n layout: {},\n },\n];\n"]}
1
+ {"version":3,"sources":["TextField.js"],"names":["AnimatedText","Animated","createAnimatedComponent","Text","FOCUS_ANIMATION_DURATION","BLUR_ANIMATION_DURATION","ICON_SIZE","TextField","React","Component","labeled","Value","props","value","error","focused","placeholder","labelLayout","measured","width","setTimeout","clearTimeout","_timer","setState","timing","state","toValue","duration","useNativeDriver","start","disabled","onChangeText","undefined","getDerivedStateFromProps","nextProps","prevState","componentDidMount","defaultValue","_handleChangeText","initialValue","_minmizeLabel","componentDidUpdate","prevProps","_restoreLabel","label","_showPlaceholder","_hidePlaceholder","componentWillUnmount","toggleFocus","setNativeProps","args","_root","isFocused","clear","focus","blur","render","Icon","type","leftIconName","leftIconMode","rightIconName","assistiveText","underlineColor","underlineColorProp","multiline","numberOfLines","style","theme","colors","typography","roundness","disabledOpacity","createElement","NativeTextInput","rest","MINIMIZED_LABEL_Y_OFFSET","caption","lineHeight","OUTLINE_MINIMIZED_LABEL_Y_OFFSET","MAXIMIZED_LABEL_FONT_SIZE","subtitle1","fontSize","MINIMIZED_LABEL_FONT_SIZE","hasActiveOutline","inputTextColor","activeColor","borderColor","placeholderColor","containerStyle","backgroundColor","inputStyle","strong","light","divider","primary","background","placeholderTextColor","paddingVertical","color","paddingLeft","paddingRight","height","assistiveTextLeftMargin","borderTopLeftRadius","borderTopRightRadius","paddingBottom","marginTop","borderRadius","borderWidth","paddingTop","opacity","paddingHorizontal","marginLeft","leftIconColor","leftIconProps","size","name","leftIconStyle","position","labelStyle","top","left","transform","translateY","interpolate","inputRange","outputRange","scale","translateX","textStyles","inputStyles","styles","input","marginHorizontal","bgColor","padding","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderCol","styleProp","StyleSheet","flatten","View","container","underline","scaleY","pointerEvents","absoluteFill","onLayout","e","nativeEvent","layout","ref","c","onChange","editable","selectionColor","onFocus","_handleFocus","onBlur","_handleBlur","underlineColorAndroid","right","create","alignSelf","bottom","flexGrow","justifyContent","textAlignVertical","margin","textAlign","I18nManager","isRTL","SEED_DATA_PROPS","TEXT_INPUT_PROPS","group","GROUPS","data","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","required","basic","boolean","BOOLEAN","icon","ASSET","flatArray","options","fieldName","FIELD_NAME","handlerPropName","SEED_DATA_TRIGGERS","Triggers","OnChangeText","SEED_DATA","tag","category","COMPONENT_TYPES","preview_image_url","supports_list_render","triggers","secureTextEntry","uncategorized"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, Animated, TextInput as NativeTextInput, StyleSheet, Text, I18nManager, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, TEXT_INPUT_PROPS, Triggers, createColorProp, createNumberProp, createFieldNameProp, } from \"@draftbit/types\";\nimport { applyStyles, extractStyles } from \"../utilities\";\nconst AnimatedText = Animated.createAnimatedComponent(Text);\nconst FOCUS_ANIMATION_DURATION = 150;\nconst BLUR_ANIMATION_DURATION = 180;\nconst ICON_SIZE = 24;\nclass TextField extends React.Component {\n static getDerivedStateFromProps(nextProps, prevState) {\n return {\n value: typeof nextProps.value !== \"undefined\"\n ? nextProps.value\n : prevState.value,\n };\n }\n state = {\n labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),\n focused: false,\n placeholder: this.props.error ? this.props.placeholder : \"\",\n labelLayout: {\n measured: false,\n width: 0,\n },\n };\n componentDidMount() {\n if (this.props.defaultValue) {\n this._handleChangeText(this.props.defaultValue);\n }\n else if (this.props.initialValue) {\n // deprecated\n this._handleChangeText(this.props.initialValue);\n }\n if (this.props.placeholder) {\n this._minmizeLabel();\n }\n }\n componentDidUpdate(prevProps, prevState) {\n if (prevState.focused !== this.state.focused ||\n prevState.value !== this.state.value) {\n // The label should be minimized if the text input is focused, or has text\n // In minimized mode, the label moves up and becomes small\n if (this.state.value ||\n this.state.focused ||\n this.props.error ||\n this.props.placeholder) {\n this._minmizeLabel();\n }\n else {\n this._restoreLabel();\n }\n }\n if (prevState.focused !== this.state.focused ||\n prevProps.label !== this.props.label) {\n // Show placeholder text only if the input is focused, or has error, or there's no label\n // We don't show placeholder if there's a label because the label acts as placeholder\n // When focused, the label moves up, so we can show a placeholder\n if (this.state.focused || this.props.error || !this.props.label) {\n this._showPlaceholder();\n }\n else {\n this._hidePlaceholder();\n }\n }\n }\n _timer = setTimeout(() => { }, 0);\n componentWillUnmount() {\n clearTimeout(this._timer);\n }\n _showPlaceholder = () => {\n clearTimeout(this._timer);\n // Set the placeholder in a delay to offset the label animation\n // If we show it immediately, they'll overlap and look ugly\n this._timer = setTimeout(() => this.setState({\n placeholder: this.props.placeholder,\n }), 50);\n };\n _hidePlaceholder = () => this.setState({\n placeholder: \"\",\n });\n _restoreLabel = () => Animated.timing(this.state.labeled, {\n toValue: 1,\n duration: FOCUS_ANIMATION_DURATION,\n useNativeDriver: true,\n }).start();\n _minmizeLabel = () => Animated.timing(this.state.labeled, {\n toValue: 0,\n duration: BLUR_ANIMATION_DURATION,\n useNativeDriver: true,\n }).start();\n _handleFocus = () => {\n if (this.props.disabled) {\n return;\n }\n this.setState({ focused: true });\n };\n _handleBlur = () => {\n if (this.props.disabled) {\n return;\n }\n this.setState({ focused: false });\n };\n _handleChangeText = (value) => {\n if (this.props.disabled) {\n return;\n }\n this.setState({ value: value });\n this.props.onChangeText && this.props.onChangeText(value);\n };\n toggleFocus() {\n this.setState((prevState) => ({ focused: !prevState.focused }));\n }\n _root = undefined;\n /**\n * @internal\n */\n setNativeProps(args) {\n return this._root && this._root.setNativeProps(args);\n }\n isFocused() {\n return this._root && this._root.isFocused();\n }\n clear() {\n return this._root && this._root.clear();\n }\n focus() {\n return this._root && this._root.focus();\n }\n blur() {\n return this._root && this._root.blur();\n }\n render() {\n const { Icon, type = \"underline\", disabled = false, label, error = false, leftIconName, leftIconMode, rightIconName, assistiveText, underlineColor: underlineColorProp, multiline = false, numberOfLines = 4, style, theme: { colors, typography, roundness, disabledOpacity }, render = (props) => React.createElement(NativeTextInput, { ...props }), ...rest } = this.props;\n const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);\n const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);\n const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;\n const MINIMIZED_LABEL_FONT_SIZE = typography.caption.fontSize;\n const hasActiveOutline = this.state.focused || error;\n let inputTextColor, activeColor, underlineColor, borderColor, placeholderColor, containerStyle, backgroundColor, inputStyle;\n inputTextColor = colors.strong;\n if (disabled) {\n activeColor = colors.light;\n placeholderColor = colors.light;\n borderColor = \"transparent\";\n underlineColor = \"transparent\";\n backgroundColor = colors.divider;\n }\n else {\n activeColor = error ? colors.error : colors.primary;\n placeholderColor = borderColor = colors.light;\n underlineColor = underlineColorProp;\n backgroundColor = colors.background;\n }\n if (rest.placeholderTextColor) {\n placeholderColor = rest.placeholderTextColor;\n }\n const { lineHeight, ...subtitle1 } = typography.subtitle1;\n inputStyle = {\n paddingVertical: 0,\n color: inputTextColor,\n paddingLeft: leftIconName && leftIconMode === \"inset\"\n ? ICON_SIZE + 12 + (type === \"solid\" ? 16 : 0)\n : 0,\n paddingRight: rightIconName ? ICON_SIZE + 16 + 4 : 12,\n ...subtitle1,\n };\n if (!multiline) {\n inputStyle.height = lineHeight;\n }\n let assistiveTextLeftMargin;\n if (type === \"underline\") {\n containerStyle = {\n borderTopLeftRadius: roundness,\n borderTopRightRadius: roundness,\n paddingBottom: 12,\n marginTop: 16,\n };\n if (leftIconName && leftIconMode === \"outset\") {\n assistiveTextLeftMargin = ICON_SIZE + 8;\n }\n else {\n assistiveTextLeftMargin = 0;\n }\n }\n else {\n containerStyle = {\n borderRadius: roundness,\n borderColor: hasActiveOutline ? activeColor : borderColor,\n borderWidth: 1,\n paddingTop: label ? 16 * 1.5 : 16,\n paddingBottom: label ? 16 * 0.5 : 16,\n opacity: disabled ? disabledOpacity : 1,\n backgroundColor,\n };\n if (leftIconName && leftIconMode === \"inset\") {\n assistiveTextLeftMargin = 16 + 4;\n }\n else if (leftIconName && leftIconMode === \"outset\") {\n assistiveTextLeftMargin = ICON_SIZE + 8 + 12;\n }\n else {\n assistiveTextLeftMargin = 12;\n }\n inputStyle.paddingHorizontal = 12;\n }\n if (leftIconName && leftIconMode === \"outset\") {\n containerStyle.marginLeft = ICON_SIZE + 8;\n }\n let leftIconColor;\n if (error) {\n leftIconColor = colors.error;\n }\n else if (this.state.focused) {\n leftIconColor = colors.primary;\n }\n else {\n leftIconColor = colors.light;\n }\n const leftIconProps = {\n size: 24,\n color: leftIconColor,\n name: leftIconName || \"\",\n };\n const leftIconStyle = {\n position: \"absolute\",\n marginTop: type === \"solid\"\n ? MINIMIZED_LABEL_FONT_SIZE + 4\n : leftIconMode === \"outset\"\n ? 16\n : 0,\n };\n const labelStyle = {\n ...typography.subtitle1,\n top: type === \"solid\" ? 16 : 0,\n left: leftIconName && leftIconMode === \"inset\"\n ? ICON_SIZE + (type === \"solid\" ? 16 : 12)\n : 0,\n transform: [\n {\n // Move label to top\n translateY: this.state.labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [\n type === \"solid\"\n ? OUTLINE_MINIMIZED_LABEL_Y_OFFSET\n : MINIMIZED_LABEL_Y_OFFSET,\n 0,\n ],\n }),\n },\n {\n // Make label smaller\n scale: this.state.labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [\n MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE,\n 1,\n ],\n }),\n },\n {\n // Offset label scale since RN doesn't support transform origin\n translateX: this.state.labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [\n -(1 - MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE) *\n (this.state.labelLayout.width / 2),\n 0,\n ],\n }),\n },\n ],\n };\n const { textStyles } = extractStyles(style);\n const inputStyles = applyStyles([\n styles.input,\n inputStyle,\n type === \"solid\" ? { marginHorizontal: 12 } : {},\n ], textStyles);\n const { backgroundColor: bgColor, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, borderRadius, borderWidth, borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth, borderColor: borderCol, ...styleProp } = StyleSheet.flatten(style || {});\n return (React.createElement(View, { style: [styles.container, styleProp] },\n leftIconName && leftIconMode === \"outset\" ? (React.createElement(Icon, { ...leftIconProps, style: leftIconStyle })) : null,\n React.createElement(View, { style: applyStyles([containerStyle], {\n height: style?.height,\n backgroundColor: bgColor,\n padding,\n paddingTop,\n paddingBottom,\n paddingLeft,\n paddingRight,\n borderRadius,\n borderWidth,\n borderTopWidth,\n borderRightWidth,\n borderBottomWidth,\n borderLeftWidth,\n borderColor: borderCol,\n }) },\n type === \"underline\" ? (\n // When type === 'flat', render an underline\n React.createElement(Animated.View, { style: [\n styles.underline,\n {\n backgroundColor: bgColor ||\n (error\n ? colors.error\n : this.state.focused\n ? activeColor\n : underlineColor),\n // Underlines is thinner when input is not focused\n transform: [{ scaleY: this.state.focused ? 1 : 0.5 }],\n },\n ] })) : null,\n label ? (\n // Position colored placeholder and gray placeholder on top of each other and crossfade them\n // This gives the effect of animating the color, but allows us to use native driver\n React.createElement(View, { pointerEvents: \"none\", style: [\n StyleSheet.absoluteFill,\n {\n opacity: \n // Hide the label in minimized state until we measure its width\n this.state.value || this.state.focused\n ? this.state.labelLayout.measured\n ? 1\n : 0\n : 1,\n },\n ] },\n React.createElement(AnimatedText, { onLayout: (e) => this.setState({\n labelLayout: {\n width: e.nativeEvent.layout.width,\n measured: true,\n },\n }), style: [\n styles.placeholder,\n type === \"solid\" ? { paddingHorizontal: 12 } : {},\n labelStyle,\n {\n color: placeholderColor,\n opacity: this.state.labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [hasActiveOutline ? 1 : 0, 0],\n }),\n },\n ], numberOfLines: 1 }, label),\n React.createElement(AnimatedText, { style: [\n styles.placeholder,\n type === \"solid\" ? { paddingHorizontal: 12 } : {},\n labelStyle,\n {\n color: placeholderColor,\n opacity: hasActiveOutline ? this.state.labeled : 1,\n },\n ], numberOfLines: 1 }, label))) : null,\n leftIconName && leftIconMode === \"inset\" ? (React.createElement(Icon, { ...leftIconProps, style: {\n ...leftIconStyle,\n marginLeft: type === \"solid\" ? 16 : 0,\n } })) : null,\n render({\n ref: (c) => {\n this._root = c;\n },\n onChange: this._handleChangeText,\n placeholder: label\n ? this.state.placeholder\n : this.props.placeholder,\n placeholderTextColor: placeholderColor,\n editable: !disabled,\n selectionColor: activeColor,\n multiline,\n numberOfLines,\n onFocus: this._handleFocus,\n onBlur: this._handleBlur,\n underlineColorAndroid: \"transparent\",\n style: inputStyles,\n ...rest,\n value: this.state.value,\n })),\n rightIconName ? (React.createElement(Icon, { name: rightIconName, size: ICON_SIZE, color: colors.light, style: {\n position: \"absolute\",\n right: 16,\n marginTop: type === \"solid\" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16,\n } })) : null,\n assistiveText ? (React.createElement(Text, { style: [\n {\n color: error ? colors.error : colors.light,\n marginTop: 8,\n marginLeft: assistiveTextLeftMargin,\n },\n ] }, assistiveText)) : null));\n }\n}\nexport default withTheme(TextField);\nconst styles = StyleSheet.create({\n container: {\n alignSelf: \"stretch\",\n },\n placeholder: {\n position: \"absolute\",\n left: 0,\n },\n underline: {\n position: \"absolute\",\n left: 0,\n right: 0,\n bottom: 0,\n height: 2,\n },\n input: {\n flexGrow: 1,\n justifyContent: \"center\",\n textAlignVertical: \"center\",\n margin: 0,\n textAlign: I18nManager.isRTL ? \"right\" : \"left\",\n },\n});\nconst SEED_DATA_PROPS = {\n ...TEXT_INPUT_PROPS,\n label: {\n group: GROUPS.data,\n label: \"Label\",\n description: \"The label to be displayed on the text field\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: true,\n },\n assistiveText: {\n group: GROUPS.basic,\n label: \"Assistive text\",\n description: \"Helper text to display below the input\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n },\n error: {\n group: GROUPS.data,\n label: \"Error\",\n description: \"Whether the input should display the error state\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: null,\n editable: true,\n required: false,\n },\n leftIconName: {\n group: GROUPS.basic,\n label: \"Left icon name\",\n description: \"The icon to display on the left\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n leftIconMode: {\n group: GROUPS.basic,\n label: \"Left icon mode\",\n description: \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: null /* inset */,\n options: [\"inset\", \"outset\"],\n editable: true,\n required: true,\n },\n rightIconName: {\n group: GROUPS.basic,\n label: \"Right icon name\",\n description: \"The icon to display on the right\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n fieldName: {\n ...FIELD_NAME,\n handlerPropName: \"onChangeText\",\n defaultValue: \"textFieldValue\",\n },\n};\nconst SEED_DATA_TRIGGERS = [Triggers.OnChangeText];\nexport const SEED_DATA = [\n {\n name: \"Styled Text Field\",\n tag: \"TextField\",\n description: \"A text input with a solid border or underline\",\n category: COMPONENT_TYPES.input,\n preview_image_url: \"{CLOUDINARY_URL}/Textfield.png\",\n supports_list_render: false,\n triggers: SEED_DATA_TRIGGERS,\n props: {\n ...SEED_DATA_PROPS,\n type: {\n label: \"Appearance\",\n description: \"Type of Datepicker\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"solid\",\n options: [\"solid\", \"underline\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n underlineColor: createColorProp({\n label: \"Underline Color\",\n defaultValue: \"light\",\n }),\n secureTextEntry: {\n group: GROUPS.basic,\n label: \"Password field\",\n description: \"If true, this turns the field into a password field, hiding the text\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Styled Text Area\",\n tag: \"TextField\",\n description: \"A text area with a solid border or underline\",\n category: COMPONENT_TYPES.input,\n preview_image_url: \"{CLOUDINARY_URL}/TextArea.png\",\n supports_list_render: false,\n triggers: SEED_DATA_TRIGGERS,\n props: {\n ...SEED_DATA_PROPS,\n type: {\n label: \"Appearance\",\n description: \"Type of Datepicker\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"solid\",\n options: [\"solid\", \"underline\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n multiline: {\n label: \"Multiline\",\n description: \"Multiline\",\n group: GROUPS.uncategorized,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: true,\n editable: false,\n required: false,\n },\n numberOfLines: createNumberProp({\n label: \"Number of Lines\",\n description: \"Number of Lines for Multiline Field\",\n defaultValue: 4,\n group: GROUPS.basic,\n }),\n fieldName: createFieldNameProp({\n defaultValue: \"textAreaValue\",\n }),\n },\n layout: {},\n },\n];\n"]}