@draftbit/core 43.2.3 → 43.2.4-3548b7.1

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 (30) hide show
  1. package/lib/commonjs/components/Accordion/index.js.map +1 -1
  2. package/lib/commonjs/components/CardContainer.js +5 -16
  3. package/lib/commonjs/components/CardContainer.js.map +1 -1
  4. package/lib/commonjs/components/DeprecatedButton.js +4 -19
  5. package/lib/commonjs/components/DeprecatedButton.js.map +1 -1
  6. package/lib/commonjs/components/NumberInput.js +32 -18
  7. package/lib/commonjs/components/NumberInput.js.map +1 -1
  8. package/lib/commonjs/components/Picker/PickerComponent.android.js +6 -20
  9. package/lib/commonjs/components/Picker/PickerComponent.android.js.map +1 -1
  10. package/lib/commonjs/index.js.map +1 -1
  11. package/lib/commonjs/mappings/ActionSheet.js.map +1 -1
  12. package/lib/commonjs/mappings/CheckboxGroup.js.map +1 -1
  13. package/lib/commonjs/mappings/CircleImage.js.map +1 -1
  14. package/lib/commonjs/mappings/FAB.js.map +1 -1
  15. package/lib/commonjs/mappings/Layout.js.map +1 -1
  16. package/lib/commonjs/mappings/Modal.js.map +1 -1
  17. package/lib/commonjs/mappings/ProgressCircle.js.map +1 -1
  18. package/lib/commonjs/mappings/RadioButtonGroup.js.map +1 -1
  19. package/lib/commonjs/mappings/RadioButtonRow.js.map +1 -1
  20. package/lib/commonjs/mappings/StarRating.js +2 -6
  21. package/lib/commonjs/mappings/StarRating.js.map +1 -1
  22. package/lib/commonjs/mappings/Surface.js.map +1 -1
  23. package/lib/commonjs/mappings/Touchable.js.map +1 -1
  24. package/lib/commonjs/theming.js.map +1 -1
  25. package/lib/module/components/NumberInput.js +34 -20
  26. package/lib/module/components/NumberInput.js.map +1 -1
  27. package/lib/typescript/src/components/NumberInput.d.ts +2 -1
  28. package/package.json +2 -2
  29. package/src/components/NumberInput.js +24 -15
  30. package/src/components/NumberInput.tsx +35 -20
@@ -1 +1 @@
1
- {"version":3,"sources":["index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["export { default as AccordionGroup } from \"./AccordionGroup\";\nexport { default as AccordionItem } from \"./AccordionItem\";\n"]}
1
+ {"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["export { default as AccordionGroup } from \"./AccordionGroup\";\nexport { default as AccordionItem } from \"./AccordionItem\";\n"]}
@@ -23,6 +23,8 @@ var _Config = _interopRequireDefault(require("./Config"));
23
23
 
24
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
28
  const ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
27
29
  const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
28
30
 
@@ -66,12 +68,11 @@ const CardContainer = _ref => {
66
68
  break;
67
69
  }
68
70
 
69
- return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
71
+ return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
70
72
  style: style,
71
73
  onPress: onPress,
72
- numColumns: numColumns,
73
- ...rest
74
- }, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
74
+ numColumns: numColumns
75
+ }, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
75
76
  style: {
76
77
  elevation,
77
78
  borderRadius: roundness
@@ -143,17 +144,5 @@ const CardContainer = _ref => {
143
144
 
144
145
  var _default = (0, _theming.withTheme)(CardContainer);
145
146
 
146
- exports.default = _default;
147
- //# sourceMappingURL=CardContainer.js.mapackgroundOpacity).rgb().string()
148
- }
149
- }, /*#__PURE__*/_react.default.createElement(Icon, {
150
- name: icon,
151
- size: _Config.default.cardIconSize,
152
- color: colors.surface
153
- })) : null)));
154
- };
155
-
156
- var _default = (0, _theming.withTheme)(CardContainer);
157
-
158
147
  exports.default = _default;
159
148
  //# sourceMappingURL=CardContainer.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["CardContainer.js"],"names":["ICON_CONTAINER_SIZE","Config","cardIconSize","ICON_CONTAINER_PADDING","CardContainer","Icon","icon","image","cardImageUrl","title","leftDescription","rightDescription","textCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","textJustification","titleStyle","headline6","headline5","React","createElement","Card","Elevation","borderRadius","View","overflow","backgroundColor","surface","Image","source","uri","resizeMode","padding","flexDirection","alignItems","justifyContent","Text","numberOfLines","color","strong","marginTop","body2","medium","subtitle2","light","cardIconElevation","position","top","right","width","height","alpha","cardIconBackgroundOpacity","rgb","string","name","size"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { View, Text, } from \"react-native\";\nimport color from \"color\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\nconst CardContainer = ({ Icon, icon, image = Config.cardImageUrl, title, leftDescription, rightDescription, textCentered, aspectRatio = 1.5, elevation = 2, numColumns = 3, theme: { colors, roundness, typography }, style, onPress, ...rest }) => {\n let textJustification;\n let titleStyle;\n if (textCentered && !rightDescription) {\n textJustification = \"center\";\n }\n else {\n textJustification = \"space-between\";\n }\n switch (numColumns) {\n case 2:\n titleStyle = typography.headline6;\n break;\n case 3:\n titleStyle = typography.headline5;\n break;\n }\n return (React.createElement(Card, { style: style, onPress: onPress, numColumns: numColumns, ...rest },\n React.createElement(Elevation, { style: { elevation, borderRadius: roundness } },\n React.createElement(View, { style: {\n borderRadius: roundness,\n overflow: \"hidden\",\n backgroundColor: colors.surface,\n } },\n React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" }),\n React.createElement(View, { style: {\n padding: numColumns === 1 ? 8 : 16,\n } },\n title ? (React.createElement(View, { style: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: textJustification,\n } },\n React.createElement(Text, { numberOfLines: 1, style: [titleStyle, { color: colors.strong }] }, title))) : null,\n leftDescription ? (React.createElement(View, { style: {\n flexDirection: \"row\",\n justifyContent: textJustification,\n alignItems: \"center\",\n marginTop: numColumns === 3 ? 4 : 4 / 2,\n } },\n React.createElement(Text, { numberOfLines: 1, style: [typography.body2, { color: colors.medium }] }, leftDescription),\n rightDescription ? (React.createElement(Text, { numberOfLines: 1, style: [typography.subtitle2, { color: colors.light }] }, rightDescription)) : null)) : null),\n icon ? (React.createElement(Elevation, { style: {\n elevation: Config.cardIconElevation,\n position: \"absolute\",\n top: 12,\n right: 12,\n width: ICON_CONTAINER_SIZE,\n height: ICON_CONTAINER_SIZE,\n padding: ICON_CONTAINER_PADDING,\n borderRadius: ICON_CONTAINER_SIZE,\n backgroundColor: color(colors.strong)\n .alpha(Config.cardIconBackgroundOpacity)\n .rgb()\n .string(),\n } },\n React.createElement(Icon, { name: icon, size: Config.cardIconSize, color: colors.surface }))) : null))));\n};\nexport default withTheme(CardContainer);\n"]}
1
+ {"version":3,"sources":["CardContainer.tsx"],"names":["ICON_CONTAINER_SIZE","Config","cardIconSize","ICON_CONTAINER_PADDING","CardContainer","Icon","icon","image","cardImageUrl","title","leftDescription","rightDescription","textCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","textJustification","titleStyle","headline6","headline5","borderRadius","overflow","backgroundColor","surface","uri","padding","flexDirection","alignItems","justifyContent","color","strong","marginTop","body2","medium","subtitle2","light","cardIconElevation","position","top","right","width","height","alpha","cardIconBackgroundOpacity","rgb","string"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport {\n View,\n ImageSourcePropType,\n Text,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Config from \"./Config\";\nimport { justificationType } from \"./Justification\";\n\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\n\ntype Props = {\n image?: string | ImageSourcePropType;\n title?: string;\n leftDescription?: string;\n rightDescription?: string;\n textCentered: boolean;\n icon?: string;\n aspectRatio?: number;\n elevation?: number;\n numColumns?: number;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n onPress: () => void;\n} & IconSlot;\n\nconst CardContainer: React.FC<Props> = ({\n Icon,\n icon,\n image = Config.cardImageUrl,\n title,\n leftDescription,\n rightDescription,\n textCentered,\n aspectRatio = 1.5,\n elevation = 2,\n numColumns = 3,\n theme: { colors, roundness, typography },\n style,\n onPress,\n ...rest\n}) => {\n let textJustification: justificationType;\n\n let titleStyle;\n\n if (textCentered && !rightDescription) {\n textJustification = \"center\";\n } else {\n textJustification = \"space-between\";\n }\n\n switch (numColumns) {\n case 2:\n titleStyle = typography.headline6;\n break;\n case 3:\n titleStyle = typography.headline5;\n break;\n }\n\n return (\n <Card style={style} onPress={onPress} numColumns={numColumns} {...rest}>\n <Elevation style={{ elevation, borderRadius: roundness }}>\n <View\n style={{\n borderRadius: roundness,\n overflow: \"hidden\",\n backgroundColor: colors.surface,\n }}\n >\n <Image\n style={{ aspectRatio }}\n source={typeof image === \"string\" ? { uri: image } : image}\n resizeMode=\"cover\"\n />\n <View\n style={{\n padding: numColumns === 1 ? 8 : 16,\n }}\n >\n {title ? (\n <View\n style={{\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: textJustification,\n }}\n >\n <Text\n numberOfLines={1}\n style={[titleStyle, { color: colors.strong }]}\n >\n {title}\n </Text>\n </View>\n ) : null}\n {leftDescription ? (\n <View\n style={{\n flexDirection: \"row\",\n justifyContent: textJustification,\n alignItems: \"center\",\n marginTop: numColumns === 3 ? 4 : 4 / 2,\n }}\n >\n <Text\n numberOfLines={1}\n style={[typography.body2, { color: colors.medium }]}\n >\n {leftDescription}\n </Text>\n {rightDescription ? (\n <Text\n numberOfLines={1}\n style={[typography.subtitle2, { color: colors.light }]}\n >\n {rightDescription}\n </Text>\n ) : null}\n </View>\n ) : null}\n </View>\n {icon ? (\n <Elevation\n style={{\n elevation: Config.cardIconElevation,\n position: \"absolute\",\n top: 12,\n right: 12,\n width: ICON_CONTAINER_SIZE,\n height: ICON_CONTAINER_SIZE,\n padding: ICON_CONTAINER_PADDING,\n borderRadius: ICON_CONTAINER_SIZE,\n backgroundColor: color(colors.strong)\n .alpha(Config.cardIconBackgroundOpacity)\n .rgb()\n .string(),\n }}\n >\n <Icon\n name={icon}\n size={Config.cardIconSize}\n color={colors.surface}\n />\n </Elevation>\n ) : null}\n </View>\n </Elevation>\n </Card>\n );\n};\n\nexport default withTheme(CardContainer);\n"]}
@@ -25,6 +25,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
25
25
 
26
26
  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; }
27
27
 
28
+ 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); }
29
+
28
30
  const Button = _ref => {
29
31
  let {
30
32
  Icon,
@@ -126,7 +128,7 @@ const Button = _ref => {
126
128
  alignSelf: "stretch",
127
129
  ...margins
128
130
  }
129
- }, /*#__PURE__*/React.createElement(_Touchable.default, { ...rest,
131
+ }, /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
130
132
  onPress: onPress,
131
133
  accessibilityState: {
132
134
  disabled
@@ -134,7 +136,7 @@ const Button = _ref => {
134
136
  accessibilityRole: "button",
135
137
  disabled: disabled || loading,
136
138
  style: [styles.button, buttonStyle, innerStyles]
137
- }, /*#__PURE__*/React.createElement(_reactNative.View, {
139
+ }), /*#__PURE__*/React.createElement(_reactNative.View, {
138
140
  style: styles.content
139
141
  }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
140
142
  style: iconStyle
@@ -169,22 +171,5 @@ const styles = _reactNative.StyleSheet.create({
169
171
 
170
172
  var _default = (0, _theming.withTheme)(Button);
171
173
 
172
- exports.default = _default;
173
- //# sourceMappingURL=DeprecatedButton.js.map
174
- minWidth: 64,
175
- borderStyle: "solid"
176
- },
177
- content: {
178
- flexDirection: "row",
179
- alignItems: "center",
180
- justifyContent: "center"
181
- },
182
- icon: {
183
- width: _Config.default.buttonIconSize
184
- }
185
- });
186
-
187
- var _default = (0, _theming.withTheme)(Button);
188
-
189
174
  exports.default = _default;
190
175
  //# sourceMappingURL=DeprecatedButton.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["DeprecatedButton.js"],"names":["Button","Icon","icon","disabled","type","loading","labelColor","color","colorOverride","children","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","textStyle","textAlign","marginVertical","marginHorizontal","iconStyle","styles","marginLeft","marginRight","width","Config","buttonIconSize","margin","marginEnd","marginTop","marginBottom","innerStyles","flatten","margins","React","createElement","Elevation","alignSelf","Touchable","accessibilityState","accessibilityRole","button","View","content","name","size","ActivityIndicator","Text","numberOfLines","create","minWidth","borderStyle","flexDirection","alignItems","justifyContent"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { ActivityIndicator, View, Text, StyleSheet, } from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nconst Button = ({ Icon, icon, disabled = false, type = \"solid\", loading = false, labelColor, color: colorOverride, children, onPress, elevation = 0, style, theme: { colors, disabledOpacity, roundness, typography }, ...rest }) => {\n let backgroundColor, borderColor, textColor, borderWidth;\n const buttonColor = colorOverride || colors.primary;\n if (type === \"solid\") {\n backgroundColor = buttonColor;\n if (disabled) {\n textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n }\n else {\n textColor = labelColor || colors.surface;\n }\n }\n else {\n backgroundColor = \"transparent\";\n if (disabled) {\n textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n }\n else {\n textColor = labelColor || buttonColor;\n }\n }\n if (type === \"outline\") {\n if (disabled) {\n borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n }\n else {\n borderColor = buttonColor;\n }\n borderWidth = StyleSheet.hairlineWidth;\n }\n else {\n borderColor = \"transparent\";\n borderWidth = 0;\n }\n const buttonStyle = {\n backgroundColor,\n borderColor,\n borderWidth,\n borderRadius: roundness,\n };\n const textStyle = {\n textAlign: \"center\",\n color: textColor,\n marginVertical: 16,\n marginHorizontal: 16,\n };\n const iconStyle = [\n styles.icon,\n {\n marginLeft: 16,\n marginRight: -8,\n width: Config.buttonIconSize,\n },\n ];\n const { margin, marginEnd, marginTop, marginLeft, marginRight, marginBottom, marginHorizontal, marginVertical, ...innerStyles } = StyleSheet.flatten(style || {});\n const margins = {\n margin,\n marginEnd,\n marginTop,\n marginLeft,\n marginRight,\n marginBottom,\n marginHorizontal,\n marginVertical,\n };\n return (React.createElement(Elevation, { style: { elevation, alignSelf: \"stretch\", ...margins } },\n React.createElement(Touchable, { ...rest, onPress: onPress, accessibilityState: { disabled }, accessibilityRole: \"button\", disabled: disabled || loading, style: [styles.button, buttonStyle, innerStyles] },\n React.createElement(View, { style: styles.content },\n icon && loading !== true ? (React.createElement(View, { style: iconStyle },\n React.createElement(Icon, { name: icon, size: Config.buttonIconSize, color: textColor }))) : null,\n loading ? (React.createElement(ActivityIndicator, { size: \"small\", color: textColor, style: iconStyle })) : null,\n React.createElement(Text, { numberOfLines: 1, style: [textStyle, typography.button] }, children)))));\n};\nconst styles = StyleSheet.create({\n button: {\n minWidth: 64,\n borderStyle: \"solid\",\n },\n content: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n icon: {\n width: Config.buttonIconSize,\n },\n});\nexport default withTheme(Button);\n"]}
1
+ {"version":3,"sources":["DeprecatedButton.tsx"],"names":["Button","Icon","icon","disabled","type","loading","labelColor","color","colorOverride","children","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","textStyle","textAlign","marginVertical","marginHorizontal","iconStyle","styles","marginLeft","marginRight","width","Config","buttonIconSize","margin","marginEnd","marginTop","marginBottom","innerStyles","flatten","margins","alignSelf","button","content","create","minWidth","borderStyle","flexDirection","alignItems","justifyContent"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n ActivityIndicator,\n View,\n Text,\n StyleSheet,\n TouchableHighlightProps,\n StyleProp,\n ViewStyle,\n TextStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\n/**\n * A button is component that the user can press to trigger an action.\n *\n * <div class=\"screenshots\">\n * <figure>\n * <img src=\"screenshots/button-1.png\" />\n * <figcaption>Text button</figcaption>\n * </figure>\n * <figure>\n * <img src=\"screenshots/button-2.png\" />\n * <figcaption>Outlined button</figcaption>\n * </figure>\n * <figure>\n * <img src=\"screenshots/button-3.png\" />\n * <figcaption>Contained button</figcaption>\n * </figure>\n * </div>\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Button } from '@draftbit/ui';\n *\n * const MyComponent = () => (\n * <Button icon=\"add-a-photo\" type=\"solid\" onPress={() => console.log('Pressed')}>\n * Press me\n * </Button>\n * );\n *\n * export default MyComponent;\n * ```\n */\n\ntype Props = {\n disabled?: boolean;\n type?: \"solid\" | \"outline\" | \"text\";\n loading?: boolean;\n icon?: string;\n labelColor?: string;\n color?: string;\n children?: React.ReactNode;\n onPress: () => void;\n elevation?: number;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & TouchableHighlightProps &\n IconSlot;\n\nconst Button: React.FC<Props> = ({\n Icon,\n icon,\n disabled = false,\n type = \"solid\",\n loading = false,\n labelColor,\n color: colorOverride,\n children,\n onPress,\n elevation = 0,\n style,\n theme: { colors, disabledOpacity, roundness, typography },\n ...rest\n}) => {\n let backgroundColor, borderColor, textColor, borderWidth;\n const buttonColor = colorOverride || colors.primary;\n\n if (type === \"solid\") {\n backgroundColor = buttonColor;\n\n if (disabled) {\n textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n } else {\n textColor = labelColor || colors.surface;\n }\n } else {\n backgroundColor = \"transparent\";\n\n if (disabled) {\n textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n } else {\n textColor = labelColor || buttonColor;\n }\n }\n\n if (type === \"outline\") {\n if (disabled) {\n borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n } else {\n borderColor = buttonColor;\n }\n borderWidth = StyleSheet.hairlineWidth;\n } else {\n borderColor = \"transparent\";\n borderWidth = 0;\n }\n\n const buttonStyle = {\n backgroundColor,\n borderColor,\n borderWidth,\n borderRadius: roundness,\n };\n\n const textStyle: StyleProp<TextStyle> = {\n textAlign: \"center\",\n color: textColor,\n marginVertical: 16,\n marginHorizontal: 16,\n };\n\n const iconStyle = [\n styles.icon,\n {\n marginLeft: 16,\n marginRight: -8,\n width: Config.buttonIconSize,\n },\n ];\n\n const {\n margin,\n marginEnd,\n marginTop,\n marginLeft,\n marginRight,\n marginBottom,\n marginHorizontal,\n marginVertical,\n ...innerStyles\n } = StyleSheet.flatten(style || {});\n\n const margins = {\n margin,\n marginEnd,\n marginTop,\n marginLeft,\n marginRight,\n marginBottom,\n marginHorizontal,\n marginVertical,\n };\n\n return (\n <Elevation style={{ elevation, alignSelf: \"stretch\", ...margins }}>\n <Touchable\n {...rest}\n onPress={onPress}\n accessibilityState={{ disabled }}\n accessibilityRole=\"button\"\n disabled={disabled || loading}\n style={[styles.button, buttonStyle, innerStyles]}\n >\n <View style={styles.content}>\n {icon && loading !== true ? (\n <View style={iconStyle}>\n <Icon\n name={icon}\n size={Config.buttonIconSize}\n color={textColor}\n />\n </View>\n ) : null}\n {loading ? (\n <ActivityIndicator\n size=\"small\"\n color={textColor}\n style={iconStyle}\n />\n ) : null}\n <Text numberOfLines={1} style={[textStyle, typography.button]}>\n {children}\n </Text>\n </View>\n </Touchable>\n </Elevation>\n );\n};\n\nconst styles = StyleSheet.create({\n button: {\n minWidth: 64,\n borderStyle: \"solid\",\n },\n content: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n icon: {\n width: Config.buttonIconSize,\n },\n});\n\nexport default withTheme(Button);\n"]}
@@ -13,42 +13,56 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
13
13
 
14
14
  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); }
15
15
 
16
+ const getValue = (valueFromProp, defaultValue) => {
17
+ let value = valueFromProp !== null && valueFromProp !== void 0 ? valueFromProp : defaultValue;
18
+
19
+ if (typeof value !== "number" || Number.isNaN(value)) {
20
+ value = 0;
21
+ }
22
+
23
+ return value;
24
+ };
25
+
16
26
  const NumberInput = _ref => {
17
27
  let {
18
- defaultValue,
19
28
  onChangeText,
29
+ value: valueFromProp,
30
+ defaultValue,
20
31
  ...props
21
32
  } = _ref;
33
+ const value = getValue(valueFromProp, defaultValue);
22
34
 
23
- const [internalValue, setInternalValue] = _react.default.useState(defaultValue);
35
+ const [isDecimal, setIsDecimal] = _react.default.useState(!Number.isInteger(value));
24
36
 
25
37
  _react.default.useEffect(() => {
26
- if (defaultValue != null) {
27
- setInternalValue(defaultValue);
28
- }
29
- }, [defaultValue]);
30
-
31
- const handleChangeText = value => {
32
- setInternalValue(value);
38
+ const newValue = getValue(valueFromProp, defaultValue);
39
+ setIsDecimal(newValue.toString().includes("."));
40
+ }, [valueFromProp, defaultValue]);
33
41
 
42
+ const handleChangeText = newValue => {
34
43
  if (onChangeText) {
35
- onChangeText(stringToInteger(value));
44
+ const parsedNumber = parseFloat(newValue);
45
+ const number = isNaN(parsedNumber) ? 0 : parsedNumber;
46
+ setIsDecimal(newValue.includes("."));
47
+ onChangeText(number);
36
48
  }
37
49
  };
38
50
 
51
+ let strValue = value.toString();
52
+
53
+ if (isDecimal && !strValue.includes(".")) {
54
+ strValue = `${strValue}.`;
55
+ }
56
+
39
57
  return /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, _extends({
40
- keyboardType: "numeric",
41
- onChangeText: handleChangeText
58
+ keyboardType: "numeric"
42
59
  }, props, {
43
- value: internalValue
60
+ value: valueFromProp !== undefined ? strValue : undefined,
61
+ defaultValue: defaultValue !== undefined ? strValue : undefined,
62
+ onChangeText: handleChangeText
44
63
  }));
45
64
  };
46
65
 
47
- const stringToInteger = str => {
48
- const number = parseFloat(str);
49
- return isNaN(number) ? 0 : number;
50
- };
51
-
52
66
  var _default = NumberInput; // comment to try to fix sourcemap issue
53
67
 
54
68
  exports.default = _default;
@@ -1 +1 @@
1
- {"version":3,"sources":["NumberInput.tsx"],"names":["NumberInput","defaultValue","onChangeText","props","internalValue","setInternalValue","React","useState","useEffect","handleChangeText","value","stringToInteger","str","number","parseFloat","isNaN"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAOA,MAAMA,WAA4B,GAAG,QAI/B;AAAA,MAJgC;AACpCC,IAAAA,YADoC;AAEpCC,IAAAA,YAFoC;AAGpC,OAAGC;AAHiC,GAIhC;;AACJ,QAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCC,eAAMC,QAAN,CAAeN,YAAf,CAA1C;;AAEAK,iBAAME,SAAN,CAAgB,MAAM;AACpB,QAAIP,YAAY,IAAI,IAApB,EAA0B;AACxBI,MAAAA,gBAAgB,CAACJ,YAAD,CAAhB;AACD;AACF,GAJD,EAIG,CAACA,YAAD,CAJH;;AAMA,QAAMQ,gBAAgB,GAAIC,KAAD,IAAmB;AAC1CL,IAAAA,gBAAgB,CAACK,KAAD,CAAhB;;AACA,QAAIR,YAAJ,EAAkB;AAChBA,MAAAA,YAAY,CAACS,eAAe,CAACD,KAAD,CAAhB,CAAZ;AACD;AACF,GALD;;AAOA,sBACE,6BAAC,sBAAD;AACE,IAAA,YAAY,EAAC,SADf;AAEE,IAAA,YAAY,EAAED;AAFhB,KAGMN,KAHN;AAIE,IAAA,KAAK,EAAEC;AAJT,KADF;AAQD,CA5BD;;AA8BA,MAAMO,eAAe,GAAIC,GAAD,IAAqC;AAC3D,QAAMC,MAAM,GAAGC,UAAU,CAACF,GAAD,CAAzB;AACA,SAAOG,KAAK,CAACF,MAAD,CAAL,GAAgB,CAAhB,GAAoBA,MAA3B;AACD,CAHD;;eAKeb,W,EAEf","sourcesContent":["import React from \"react\";\nimport { TextInput as NativeNumberInput } from \"react-native\";\n\ninterface Props {\n defaultValue?: string;\n onChangeText: (value?: number) => void;\n}\n\nconst NumberInput: React.FC<Props> = ({\n defaultValue,\n onChangeText,\n ...props\n}) => {\n const [internalValue, setInternalValue] = React.useState(defaultValue);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue]);\n\n const handleChangeText = (value: string) => {\n setInternalValue(value);\n if (onChangeText) {\n onChangeText(stringToInteger(value));\n }\n };\n\n return (\n <NativeNumberInput\n keyboardType=\"numeric\"\n onChangeText={handleChangeText}\n {...props}\n value={internalValue}\n />\n );\n};\n\nconst stringToInteger = (str: string | undefined): number => {\n const number = parseFloat(str as string);\n return isNaN(number) ? 0 : number;\n};\n\nexport default NumberInput;\n\n// comment to try to fix sourcemap issue\n"]}
1
+ {"version":3,"sources":["NumberInput.tsx"],"names":["getValue","valueFromProp","defaultValue","value","Number","isNaN","NumberInput","onChangeText","props","isDecimal","setIsDecimal","React","useState","isInteger","useEffect","newValue","toString","includes","handleChangeText","parsedNumber","parseFloat","number","strValue","undefined"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAQA,MAAMA,QAAQ,GAAG,CACfC,aADe,EAEfC,YAFe,KAGZ;AACH,MAAIC,KAAK,GAAGF,aAAH,aAAGA,aAAH,cAAGA,aAAH,GAAoBC,YAA7B;;AACA,MAAI,OAAOC,KAAP,KAAiB,QAAjB,IAA6BC,MAAM,CAACC,KAAP,CAAaF,KAAb,CAAjC,EAAsD;AACpDA,IAAAA,KAAK,GAAG,CAAR;AACD;;AACD,SAAOA,KAAP;AACD,CATD;;AAWA,MAAMG,WAA4B,GAAG,QAK/B;AAAA,MALgC;AACpCC,IAAAA,YADoC;AAEpCJ,IAAAA,KAAK,EAAEF,aAF6B;AAGpCC,IAAAA,YAHoC;AAIpC,OAAGM;AAJiC,GAKhC;AACJ,QAAML,KAAK,GAAGH,QAAQ,CAACC,aAAD,EAAgBC,YAAhB,CAAtB;;AACA,QAAM,CAACO,SAAD,EAAYC,YAAZ,IAA4BC,eAAMC,QAAN,CAAe,CAACR,MAAM,CAACS,SAAP,CAAiBV,KAAjB,CAAhB,CAAlC;;AACAQ,iBAAMG,SAAN,CAAgB,MAAM;AACpB,UAAMC,QAAQ,GAAGf,QAAQ,CAACC,aAAD,EAAgBC,YAAhB,CAAzB;AACAQ,IAAAA,YAAY,CAACK,QAAQ,CAACC,QAAT,GAAoBC,QAApB,CAA6B,GAA7B,CAAD,CAAZ;AACD,GAHD,EAGG,CAAChB,aAAD,EAAgBC,YAAhB,CAHH;;AAKA,QAAMgB,gBAAgB,GAAIH,QAAD,IAAsB;AAC7C,QAAIR,YAAJ,EAAkB;AAChB,YAAMY,YAAY,GAAGC,UAAU,CAACL,QAAD,CAA/B;AACA,YAAMM,MAAM,GAAGhB,KAAK,CAACc,YAAD,CAAL,GAAsB,CAAtB,GAA0BA,YAAzC;AACAT,MAAAA,YAAY,CAACK,QAAQ,CAACE,QAAT,CAAkB,GAAlB,CAAD,CAAZ;AACAV,MAAAA,YAAY,CAACc,MAAD,CAAZ;AACD;AACF,GAPD;;AASA,MAAIC,QAAgB,GAAGnB,KAAK,CAACa,QAAN,EAAvB;;AACA,MAAIP,SAAS,IAAI,CAACa,QAAQ,CAACL,QAAT,CAAkB,GAAlB,CAAlB,EAA0C;AACxCK,IAAAA,QAAQ,GAAI,GAAEA,QAAS,GAAvB;AACD;;AAED,sBACE,6BAAC,sBAAD;AACE,IAAA,YAAY,EAAC;AADf,KAEMd,KAFN;AAGE,IAAA,KAAK,EAAEP,aAAa,KAAKsB,SAAlB,GAA8BD,QAA9B,GAAyCC,SAHlD;AAIE,IAAA,YAAY,EAAErB,YAAY,KAAKqB,SAAjB,GAA6BD,QAA7B,GAAwCC,SAJxD;AAKE,IAAA,YAAY,EAAEL;AALhB,KADF;AASD,CApCD;;eAsCeZ,W,EAEf","sourcesContent":["import React from \"react\";\nimport { TextInput } from \"react-native\";\n\ninterface Props {\n value?: number;\n defaultValue?: number;\n onChangeText: (value?: number) => void;\n}\n\nconst getValue = (\n valueFromProp: number | undefined,\n defaultValue: number | undefined\n) => {\n let value = valueFromProp ?? defaultValue;\n if (typeof value !== \"number\" || Number.isNaN(value)) {\n value = 0;\n }\n return value;\n};\n\nconst NumberInput: React.FC<Props> = ({\n onChangeText,\n value: valueFromProp,\n defaultValue,\n ...props\n}) => {\n const value = getValue(valueFromProp, defaultValue);\n const [isDecimal, setIsDecimal] = React.useState(!Number.isInteger(value));\n React.useEffect(() => {\n const newValue = getValue(valueFromProp, defaultValue);\n setIsDecimal(newValue.toString().includes(\".\"));\n }, [valueFromProp, defaultValue]);\n\n const handleChangeText = (newValue: string) => {\n if (onChangeText) {\n const parsedNumber = parseFloat(newValue);\n const number = isNaN(parsedNumber) ? 0 : parsedNumber;\n setIsDecimal(newValue.includes(\".\"));\n onChangeText(number);\n }\n };\n\n let strValue: string = value.toString();\n if (isDecimal && !strValue.includes(\".\")) {\n strValue = `${strValue}.`;\n }\n\n return (\n <TextInput\n keyboardType=\"numeric\"\n {...props}\n value={valueFromProp !== undefined ? strValue : undefined}\n defaultValue={defaultValue !== undefined ? strValue : undefined}\n onChangeText={handleChangeText}\n />\n );\n};\n\nexport default NumberInput;\n\n// comment to try to fix sourcemap issue\n"]}
@@ -27,6 +27,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
27
27
 
28
28
  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; }
29
29
 
30
+ 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); }
31
+
30
32
  const Picker = _ref => {
31
33
  var _options$find$label, _options$find;
32
34
 
@@ -109,27 +111,11 @@ const Picker = _ref => {
109
111
  key: o.value
110
112
  }))), /*#__PURE__*/React.createElement(_reactNative.View, {
111
113
  pointerEvents: "none"
112
- }, /*#__PURE__*/React.createElement(_TextField.default, { ...props,
114
+ }, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
113
115
  value: selectedLabel,
114
- placeholder: placeholder,
115
- // @ts-ignore
116
- ref: textField,
117
- disabled: disabled,
118
- // @ts-expect-error
119
- style: stylesWithoutMargin
120
- }))));
121
- };
122
-
123
- const styles = _reactNative.StyleSheet.create({
124
- container: {
125
- alignSelf: "stretch"
126
- }
127
- });
128
-
129
- var _default = (0, _theming.withTheme)(Picker);
130
-
131
- exports.default = _default;
132
- //# sourceMappingURL=PickerComponent.android.js.map: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
116
+ placeholder: placeholder // @ts-ignore
117
+ ,
118
+ ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
133
119
  ,
134
120
  disabled: disabled // @ts-expect-error
135
121
  ,
@@ -1 +1 @@
1
- {"version":3,"sources":["PickerComponent.android.js"],"names":["Picker","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","React","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","StyleSheet","flatten","selectedLabel","find","o","value","label","createElement","Touchable","onPress","styles","container","View","NativePicker","enabled","opacity","position","top","left","right","bottom","width","map","Item","key","pointerEvents","TextField","ref","create","alignSelf"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport { extractStyles } from \"../../utilities\";\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nconst Picker = ({ style, options, placeholder, selectedValue, disabled = false, onValueChange: onValueChangeOverride = () => { }, ...props }) => {\n const { viewStyles: { borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n ...viewStyles }, } = extractStyles(style);\n const textField = React.useRef(undefined);\n const onValueChange = (itemValue, itemIndex) => {\n toggleFocus();\n onValueChangeOverride(itemValue, itemIndex);\n };\n const toggleFocus = () => {\n if (!disabled) {\n // @ts-ignore\n textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n }\n };\n const stylesWithoutMargin = style &&\n omit(StyleSheet.flatten(style), [\n \"margin\",\n \"marginTop\",\n \"marginRight\",\n \"marginBottom\",\n \"marginLeft\",\n ]);\n const selectedLabel = selectedValue &&\n (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n return (React.createElement(Touchable, { disabled: disabled, onPress: toggleFocus, style: [styles.container, viewStyles] },\n React.createElement(View, null,\n React.createElement(NativePicker, { enabled: !disabled, selectedValue: selectedValue, onValueChange: onValueChange, style: {\n opacity: 0,\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n width: \"100%\",\n } }, options.map((o) => (React.createElement(NativePicker.Item, { label: o.label, value: o.value, key: o.value })))),\n React.createElement(View, { pointerEvents: \"none\" },\n React.createElement(TextField, { ...props, value: selectedLabel, placeholder: placeholder, \n // @ts-ignore\n ref: textField, disabled: disabled, \n // @ts-expect-error\n style: stylesWithoutMargin })))));\n};\nconst styles = StyleSheet.create({\n container: {\n alignSelf: \"stretch\",\n },\n});\nexport default withTheme(Picker);\n"]}
1
+ {"version":3,"sources":["PickerComponent.android.tsx"],"names":["Picker","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","React","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","StyleSheet","flatten","selectedLabel","find","o","value","label","styles","container","opacity","position","top","left","right","bottom","width","map","create","alignSelf"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n style,\n options,\n placeholder,\n selectedValue,\n disabled = false,\n onValueChange: onValueChangeOverride = () => {},\n ...props\n}) => {\n const {\n viewStyles: {\n borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n ...viewStyles\n },\n } = extractStyles(style);\n\n const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n const onValueChange = (itemValue: string, itemIndex: number) => {\n toggleFocus();\n onValueChangeOverride(itemValue, itemIndex);\n };\n\n const toggleFocus = () => {\n if (!disabled) {\n // @ts-ignore\n textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n }\n };\n\n const stylesWithoutMargin =\n style &&\n omit(StyleSheet.flatten(style), [\n \"margin\",\n \"marginTop\",\n \"marginRight\",\n \"marginBottom\",\n \"marginLeft\",\n ]);\n\n const selectedLabel =\n selectedValue &&\n (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n return (\n <Touchable\n disabled={disabled}\n onPress={toggleFocus}\n style={[styles.container, viewStyles]}\n >\n <View>\n <NativePicker\n enabled={!disabled}\n selectedValue={selectedValue}\n onValueChange={onValueChange}\n style={{\n opacity: 0,\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n width: \"100%\",\n }}\n >\n {options.map((o) => (\n <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n ))}\n </NativePicker>\n <View pointerEvents=\"none\">\n <TextField\n {...props}\n value={selectedLabel}\n placeholder={placeholder}\n // @ts-ignore\n ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n disabled={disabled}\n // @ts-expect-error\n style={stylesWithoutMargin}\n />\n </View>\n </View>\n </Touchable>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n alignSelf: \"stretch\",\n },\n});\n\nexport default withTheme(Picker);\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { injectIcon } from \"./interfaces/Icon\";\nexport { withTheme, ThemeProvider } from \"./theming\";\nexport { default as Provider } from \"./Provider\";\nexport { default as DefaultTheme } from \"./styles/DefaultTheme\";\nexport { Link } from \"./components/Text\";\nexport { ButtonSolid, ButtonOutline } from \"./components/Button\";\nexport { default as Avatar } from \"./components/CircleImage\";\nexport { default as AvatarEdit } from \"./components/AvatarEdit\";\nexport { default as Card } from \"./components/Card\";\nexport { default as Carousel } from \"./components/Carousel\";\nexport { Checkbox, CheckboxGroup, CheckboxRow } from \"./components/Checkbox\";\nexport { default as CircleImage } from \"./components/CircleImage\";\nexport { default as Container } from \"./components/Container\";\nexport { default as Divider } from \"./components/Divider\";\nexport { default as FAB } from \"./components/FAB\";\nexport { default as FieldSearchBarFull } from \"./components/FieldSearchBarFull\";\nexport { default as IconButton } from \"./components/IconButton\";\nexport { default as Image } from \"./components/Image\";\nexport { default as NumberInput } from \"./components/NumberInput\";\nexport { default as ScreenContainer } from \"./components/ScreenContainer\";\nexport { default as StarRating } from \"./components/StarRating\";\nexport { default as Surface } from \"./components/Surface\";\nexport { default as Switch, SwitchRow } from \"./components/Switch\";\nexport { default as TextField } from \"./components/TextField\";\nexport { default as ToggleButton } from \"./components/ToggleButton\";\nexport { default as Touchable } from \"./components/Touchable\";\nexport { AccordionGroup, AccordionItem } from \"./components/Accordion\";\nexport { ActionSheet, ActionSheetItem, ActionSheetCancel, } from \"./components/ActionSheet\";\nexport { Swiper, SwiperItem } from \"./components/Swiper\";\nexport { Center, Circle, Square, Row, Stack, Spacer, } from \"./components/Layout\";\nexport { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from \"./components/RadioButton/index\";\n/* Deprecated: Fix or Delete! */\nexport { default as Button } from \"./components/DeprecatedButton\";\nexport { default as CardBlock } from \"./components/CardBlock\";\nexport { default as CardContainer } from \"./components/CardContainer\";\nexport { default as CardContainerRating } from \"./components/CardContainerRating\";\nexport { default as CardInline } from \"./components/CardInline\";\nexport { default as DatePicker } from \"./components/DatePicker/DatePicker\";\nexport { default as HeaderLarge } from \"./components/HeaderLarge\";\nexport { default as HeaderMedium } from \"./components/HeaderMedium\";\nexport { default as HeaderOverline } from \"./components/HeaderOverline\";\nexport { default as Picker } from \"./components/Picker/Picker\";\nexport { default as ProgressBar } from \"./components/ProgressBar\";\nexport { default as ProgressCircle } from \"./components/ProgressCircle\";\nexport { default as RowBodyIcon } from \"./components/RowBodyIcon\";\nexport { default as RowHeadlineImageCaption } from \"./components/RowHeadlineImageCaption\";\nexport { default as RowHeadlineImageIcon } from \"./components/RowHeadlineImageIcon\";\nexport { default as Slider } from \"./components/Slider\";\nexport { default as Stepper } from \"./components/Stepper\";\nexport { useAuthState } from \"./components/useAuthState\";\n"]}
1
+ {"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AAEA;;AASA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { injectIcon } from \"./interfaces/Icon\";\nexport { withTheme, ThemeProvider } from \"./theming\";\nexport { default as Provider } from \"./Provider\";\nexport { default as DefaultTheme } from \"./styles/DefaultTheme\";\n\nexport { Link } from \"./components/Text\";\nexport { ButtonSolid, ButtonOutline } from \"./components/Button\";\nexport { default as Avatar } from \"./components/CircleImage\";\nexport { default as AvatarEdit } from \"./components/AvatarEdit\";\nexport { default as Card } from \"./components/Card\";\nexport { default as Carousel } from \"./components/Carousel\";\nexport { Checkbox, CheckboxGroup, CheckboxRow } from \"./components/Checkbox\";\nexport { default as CircleImage } from \"./components/CircleImage\";\nexport { default as Container } from \"./components/Container\";\nexport { default as Divider } from \"./components/Divider\";\nexport { default as FAB } from \"./components/FAB\";\nexport { default as FieldSearchBarFull } from \"./components/FieldSearchBarFull\";\nexport { default as IconButton } from \"./components/IconButton\";\nexport { default as Image } from \"./components/Image\";\nexport { default as NumberInput } from \"./components/NumberInput\";\nexport { default as ScreenContainer } from \"./components/ScreenContainer\";\nexport { default as StarRating } from \"./components/StarRating\";\nexport { default as Surface } from \"./components/Surface\";\nexport { default as Switch, SwitchRow } from \"./components/Switch\";\nexport { default as TextField } from \"./components/TextField\";\nexport { default as ToggleButton } from \"./components/ToggleButton\";\nexport { default as Touchable } from \"./components/Touchable\";\nexport { AccordionGroup, AccordionItem } from \"./components/Accordion\";\nexport {\n ActionSheet,\n ActionSheetItem,\n ActionSheetCancel,\n} from \"./components/ActionSheet\";\nexport { Swiper, SwiperItem } from \"./components/Swiper\";\n\nexport {\n Center,\n Circle,\n Square,\n Row,\n Stack,\n Spacer,\n} from \"./components/Layout\";\n\nexport {\n RadioButton,\n RadioButtonGroup,\n RadioButtonRow,\n RadioButtonFieldGroup,\n} from \"./components/RadioButton/index\";\n\n/* Deprecated: Fix or Delete! */\nexport { default as Button } from \"./components/DeprecatedButton\";\nexport { default as CardBlock } from \"./components/CardBlock\";\nexport { default as CardContainer } from \"./components/CardContainer\";\nexport { default as CardContainerRating } from \"./components/CardContainerRating\";\nexport { default as CardInline } from \"./components/CardInline\";\nexport { default as DatePicker } from \"./components/DatePicker/DatePicker\";\nexport { default as HeaderLarge } from \"./components/HeaderLarge\";\nexport { default as HeaderMedium } from \"./components/HeaderMedium\";\nexport { default as HeaderOverline } from \"./components/HeaderOverline\";\nexport { default as Picker } from \"./components/Picker/Picker\";\nexport { default as ProgressBar } from \"./components/ProgressBar\";\nexport { default as ProgressCircle } from \"./components/ProgressCircle\";\nexport { default as RowBodyIcon } from \"./components/RowBodyIcon\";\nexport { default as RowHeadlineImageCaption } from \"./components/RowHeadlineImageCaption\";\nexport { default as RowHeadlineImageIcon } from \"./components/RowHeadlineImageIcon\";\nexport { default as Slider } from \"./components/Slider\";\nexport { default as Stepper } from \"./components/Stepper\";\nexport { useAuthState } from \"./components/useAuthState\";\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["ActionSheet.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","props","visible","group","GROUPS","data","label"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,cADe;AAErBC,EAAAA,GAAG,EAAE,aAFgB;AAGrBC,EAAAA,WAAW,EAAE,wBAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,SAJL;AAKrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,OAAO,EAAE,iCAAqB;AAC1BC,MAAAA,KAAK,EAAEC,cAAOC,IADY;AAE1BC,MAAAA,KAAK,EAAE;AAFmB,KAArB;AADN;AALc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createStaticBoolProp, GROUPS } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Action Sheet\",\n tag: \"ActionSheet\",\n description: \"Action Sheet container\",\n category: COMPONENT_TYPES.container,\n props: {\n visible: createStaticBoolProp({\n group: GROUPS.data,\n label: \"Show Action Sheet\",\n }),\n },\n};\n"]}
1
+ {"version":3,"sources":["ActionSheet.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","props","visible","group","GROUPS","data","label"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,cADiB;AAEvBC,EAAAA,GAAG,EAAE,aAFkB;AAGvBC,EAAAA,WAAW,EAAE,wBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,SAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,iCAAqB;AAC5BC,MAAAA,KAAK,EAAEC,cAAOC,IADc;AAE5BC,MAAAA,KAAK,EAAE;AAFqB,KAArB;AADJ;AALgB,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createStaticBoolProp, GROUPS } from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Action Sheet\",\n tag: \"ActionSheet\",\n description: \"Action Sheet container\",\n category: COMPONENT_TYPES.container,\n props: {\n visible: createStaticBoolProp({\n group: GROUPS.data,\n label: \"Show Action Sheet\",\n }),\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["CheckboxGroup.js"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","deprecated","layout","triggers","Triggers","OnValueChange","props","direction","values","group","GROUPS","data","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","ARRAY","label","description","required","defaultValue","fieldName","handlerPropName","valuePropName"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,gBADe;AAErBC,EAAAA,GAAG,EAAE,eAFgB;AAGrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,UAHL;AAIrBC,EAAAA,MAAM,EAAE,EAJa;AAKrBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,aAAV,CALW;AAMrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,SAAS,EAAE,iCADR;AAEHC,IAAAA,MAAM,EAAE,2BAAe;AACnBC,MAAAA,KAAK,EAAEC,cAAOC,IADK;AAEnBC,MAAAA,QAAQ,EAAEC,kBAAWC,SAFF;AAGnBC,MAAAA,QAAQ,EAAEC,kBAAWC,KAHF;AAInBC,MAAAA,KAAK,EAAE,QAJY;AAKnBC,MAAAA,WAAW,EAAE,iDALM;AAMnBC,MAAAA,QAAQ,EAAE,IANS;AAOnBC,MAAAA,YAAY,EAAE;AAPK,KAAf,CAFL;AAWHC,IAAAA,SAAS,EAAE,gCAAoB;AAC3BD,MAAAA,YAAY,EAAE,oBADa;AAE3BE,MAAAA,eAAe,EAAE,eAFU;AAG3BC,MAAAA,aAAa,EAAE;AAHY,KAApB;AAXR;AANc,CAAlB","sourcesContent":["import { GROUPS, COMPONENT_TYPES, FORM_TYPES, createTextProp, PROP_TYPES, createFieldNameProp, createDirectionProp, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Checkbox Group\",\n tag: \"CheckboxGroup\",\n category: COMPONENT_TYPES.deprecated,\n layout: {},\n triggers: [Triggers.OnValueChange],\n props: {\n direction: createDirectionProp(),\n values: createTextProp({\n group: GROUPS.data,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.ARRAY,\n label: \"Values\",\n description: \"Currently selected values of the checkbox group\",\n required: true,\n defaultValue: null,\n }),\n fieldName: createFieldNameProp({\n defaultValue: \"checkboxGroupValue\",\n handlerPropName: \"onValueChange\",\n valuePropName: \"value\",\n }),\n },\n};\n"]}
1
+ {"version":3,"sources":["CheckboxGroup.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","deprecated","layout","triggers","Triggers","OnValueChange","props","direction","values","group","GROUPS","data","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","ARRAY","label","description","required","defaultValue","fieldName","handlerPropName","valuePropName"],"mappings":";;;;;;;AAAA;;AAWO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,gBADiB;AAEvBC,EAAAA,GAAG,EAAE,eAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,UAHH;AAIvBC,EAAAA,MAAM,EAAE,EAJe;AAKvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,aAAV,CALa;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,iCADN;AAELC,IAAAA,MAAM,EAAE,2BAAe;AACrBC,MAAAA,KAAK,EAAEC,cAAOC,IADO;AAErBC,MAAAA,QAAQ,EAAEC,kBAAWC,SAFA;AAGrBC,MAAAA,QAAQ,EAAEC,kBAAWC,KAHA;AAIrBC,MAAAA,KAAK,EAAE,QAJc;AAKrBC,MAAAA,WAAW,EAAE,iDALQ;AAMrBC,MAAAA,QAAQ,EAAE,IANW;AAOrBC,MAAAA,YAAY,EAAE;AAPO,KAAf,CAFH;AAWLC,IAAAA,SAAS,EAAE,gCAAoB;AAC7BD,MAAAA,YAAY,EAAE,oBADe;AAE7BE,MAAAA,eAAe,EAAE,eAFY;AAG7BC,MAAAA,aAAa,EAAE;AAHc,KAApB;AAXN;AANgB,CAAlB","sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n createTextProp,\n PROP_TYPES,\n createFieldNameProp,\n createDirectionProp,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Checkbox Group\",\n tag: \"CheckboxGroup\",\n category: COMPONENT_TYPES.deprecated,\n layout: {},\n triggers: [Triggers.OnValueChange],\n props: {\n direction: createDirectionProp(),\n values: createTextProp({\n group: GROUPS.data,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.ARRAY,\n label: \"Values\",\n description: \"Currently selected values of the checkbox group\",\n required: true,\n defaultValue: null,\n }),\n fieldName: createFieldNameProp({\n defaultValue: \"checkboxGroupValue\",\n handlerPropName: \"onValueChange\",\n valuePropName: \"value\",\n }),\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["CircleImage.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","props","source","size","group","GROUPS","basic","label","editable","required","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","min","max","precision","step","defaultValue"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,cADe;AAErBC,EAAAA,GAAG,EAAE,aAFgB;AAGrBC,EAAAA,WAAW,EAAE,gBAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJL;AAKrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,MAAM,EAAE,6BADL;AAEHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,KAAK,EAAEC,cAAOC,KADZ;AAEFC,MAAAA,KAAK,EAAE,MAFL;AAGFV,MAAAA,WAAW,EAAE,2BAHX;AAIFW,MAAAA,QAAQ,EAAE,IAJR;AAKFC,MAAAA,QAAQ,EAAE,KALR;AAMFC,MAAAA,QAAQ,EAAEC,kBAAWC,MANnB;AAOFC,MAAAA,QAAQ,EAAEC,kBAAWC,MAPnB;AAQFC,MAAAA,GAAG,EAAE,CARH;AASFC,MAAAA,GAAG,EAAE,GATH;AAUFC,MAAAA,SAAS,EAAE,CAVT;AAWFC,MAAAA,IAAI,EAAE,CAXJ;AAYFC,MAAAA,YAAY,EAAE;AAZZ;AAFH;AALc,CAAlB","sourcesContent":["import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createImageProp, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Circle Image\",\n tag: \"CircleImage\",\n description: \"A circle image\",\n category: COMPONENT_TYPES.media,\n props: {\n source: createImageProp(),\n size: {\n group: GROUPS.basic,\n label: \"Size\",\n description: \"Size of your circle image\",\n editable: true,\n required: false,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n min: 0,\n max: 300,\n precision: 0,\n step: 1,\n defaultValue: 60,\n },\n },\n};\n"]}
1
+ {"version":3,"sources":["CircleImage.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","props","source","size","group","GROUPS","basic","label","editable","required","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","min","max","precision","step","defaultValue"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,cADiB;AAEvBC,EAAAA,GAAG,EAAE,aAFkB;AAGvBC,EAAAA,WAAW,EAAE,gBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,6BADH;AAELC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAEC,cAAOC,KADV;AAEJC,MAAAA,KAAK,EAAE,MAFH;AAGJV,MAAAA,WAAW,EAAE,2BAHT;AAIJW,MAAAA,QAAQ,EAAE,IAJN;AAKJC,MAAAA,QAAQ,EAAE,KALN;AAMJC,MAAAA,QAAQ,EAAEC,kBAAWC,MANjB;AAOJC,MAAAA,QAAQ,EAAEC,kBAAWC,MAPjB;AAQJC,MAAAA,GAAG,EAAE,CARD;AASJC,MAAAA,GAAG,EAAE,GATD;AAUJC,MAAAA,SAAS,EAAE,CAVP;AAWJC,MAAAA,IAAI,EAAE,CAXF;AAYJC,MAAAA,YAAY,EAAE;AAZV;AAFD;AALgB,CAAlB","sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n createImageProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Circle Image\",\n tag: \"CircleImage\",\n description: \"A circle image\",\n category: COMPONENT_TYPES.media,\n props: {\n source: createImageProp(),\n size: {\n group: GROUPS.basic,\n label: \"Size\",\n description: \"Size of your circle image\",\n editable: true,\n required: false,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n min: 0,\n max: 300,\n precision: 0,\n step: 1,\n defaultValue: 60,\n },\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["FAB.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","button","description","layout","triggers","Triggers","OnPress","props","onPress","disabled","label","group","GROUPS","basic","loading","iconName","defaultValue","iconColor","bgColor","iconSize"],"mappings":";;;;;;;AAAA;;AAWO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,KADiB;AAEvBC,EAAAA,GAAG,EAAE,KAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAHH;AAIvBC,EAAAA,WAAW,EAAE,uBAJU;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CANa;AAOvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,8BADJ;AAELC,IAAAA,QAAQ,EAAE,2BAAe;AACvBC,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,KAAK,EAAEC,cAAOC;AAFS,KAAf,CAFL;AAMLC,IAAAA,OAAO,EAAE,2BAAe;AACtBJ,MAAAA,KAAK,EAAE,SADe;AAEtBC,MAAAA,KAAK,EAAEC,cAAOC;AAFQ,KAAf,CANJ;AAULE,IAAAA,QAAQ,EAAE,2BAAe;AACvBL,MAAAA,KAAK,EAAE,MADgB;AAEvBM,MAAAA,YAAY,EAAE,IAFS;AAGvBL,MAAAA,KAAK,EAAEC,cAAOC;AAHS,KAAf,CAVL;AAeLI,IAAAA,SAAS,EAAE,4BAAgB;AACzBP,MAAAA,KAAK,EAAE,YADkB;AAEzBM,MAAAA,YAAY,EAAE,IAFW;AAGzBL,MAAAA,KAAK,EAAEC,cAAOC;AAHW,KAAhB,CAfN;AAoBLK,IAAAA,OAAO,EAAE,4BAAgB;AACvBR,MAAAA,KAAK,EAAE,kBADgB;AAEvBM,MAAAA,YAAY,EAAE,IAFS;AAGvBL,MAAAA,KAAK,EAAEC,cAAOC;AAHS,KAAhB,CApBJ;AAyBLM,IAAAA,QAAQ,EAAE;AAzBL;AAPgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createIconProp,\n createColorProp,\n GROUPS,\n createBoolProp,\n createIconSizeProp,\n createActionProp,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"FAB\",\n tag: \"FAB\",\n category: COMPONENT_TYPES.button,\n description: \"A mini round icon FAB\",\n layout: {},\n triggers: [Triggers.OnPress],\n props: {\n onPress: createActionProp(),\n disabled: createBoolProp({\n label: \"Disabled\",\n group: GROUPS.basic,\n }),\n loading: createBoolProp({\n label: \"Loading\",\n group: GROUPS.basic,\n }),\n iconName: createIconProp({\n label: \"Icon\",\n defaultValue: null,\n group: GROUPS.basic,\n }),\n iconColor: createColorProp({\n label: \"Icon color\",\n defaultValue: null,\n group: GROUPS.basic,\n }),\n bgColor: createColorProp({\n label: \"Background color\",\n defaultValue: null,\n group: GROUPS.basic,\n }),\n iconSize: createIconSizeProp(),\n },\n};\n"]}
1
+ {"version":3,"sources":["FAB.js"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","button","description","layout","triggers","Triggers","OnPress","props","onPress","disabled","label","group","GROUPS","basic","loading","iconName","defaultValue","iconColor","bgColor","iconSize"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,KADe;AAErBC,EAAAA,GAAG,EAAE,KAFgB;AAGrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAHL;AAIrBC,EAAAA,WAAW,EAAE,uBAJQ;AAKrBC,EAAAA,MAAM,EAAE,EALa;AAMrBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CANW;AAOrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,OAAO,EAAE,8BADN;AAEHC,IAAAA,QAAQ,EAAE,2BAAe;AACrBC,MAAAA,KAAK,EAAE,UADc;AAErBC,MAAAA,KAAK,EAAEC,cAAOC;AAFO,KAAf,CAFP;AAMHC,IAAAA,OAAO,EAAE,2BAAe;AACpBJ,MAAAA,KAAK,EAAE,SADa;AAEpBC,MAAAA,KAAK,EAAEC,cAAOC;AAFM,KAAf,CANN;AAUHE,IAAAA,QAAQ,EAAE,2BAAe;AACrBL,MAAAA,KAAK,EAAE,MADc;AAErBM,MAAAA,YAAY,EAAE,IAFO;AAGrBL,MAAAA,KAAK,EAAEC,cAAOC;AAHO,KAAf,CAVP;AAeHI,IAAAA,SAAS,EAAE,4BAAgB;AACvBP,MAAAA,KAAK,EAAE,YADgB;AAEvBM,MAAAA,YAAY,EAAE,IAFS;AAGvBL,MAAAA,KAAK,EAAEC,cAAOC;AAHS,KAAhB,CAfR;AAoBHK,IAAAA,OAAO,EAAE,4BAAgB;AACrBR,MAAAA,KAAK,EAAE,kBADc;AAErBM,MAAAA,YAAY,EAAE,IAFO;AAGrBL,MAAAA,KAAK,EAAEC,cAAOC;AAHO,KAAhB,CApBN;AAyBHM,IAAAA,QAAQ,EAAE;AAzBP;AAPc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createIconProp, createColorProp, GROUPS, createBoolProp, createIconSizeProp, createActionProp, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"FAB\",\n tag: \"FAB\",\n category: COMPONENT_TYPES.button,\n description: \"A mini round icon FAB\",\n layout: {},\n triggers: [Triggers.OnPress],\n props: {\n onPress: createActionProp(),\n disabled: createBoolProp({\n label: \"Disabled\",\n group: GROUPS.basic,\n }),\n loading: createBoolProp({\n label: \"Loading\",\n group: GROUPS.basic,\n }),\n iconName: createIconProp({\n label: \"Icon\",\n defaultValue: null,\n group: GROUPS.basic,\n }),\n iconColor: createColorProp({\n label: \"Icon color\",\n defaultValue: null,\n group: GROUPS.basic,\n }),\n bgColor: createColorProp({\n label: \"Background color\",\n defaultValue: null,\n group: GROUPS.basic,\n }),\n iconSize: createIconSizeProp(),\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["Layout.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","layout","props","justifyContent","label","group","GROUPS","style","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","alignItems","top","number","NUMBER","right","bottom","left","width","height","bgColor","color","THEME","size"],"mappings":"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","sourcesContent":["import {\n GROUPS,\n FORM_TYPES,\n PROP_TYPES,\n COMPONENT_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Row\",\n tag: \"Row\",\n category: COMPONENT_TYPES.layout,\n props: {\n justifyContent: {\n label: \"Align Horizontally\",\n group: GROUPS.style,\n description: \"Align Items Horizontally (on the X Axis)\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"flex-start\",\n editable: true,\n required: false,\n },\n alignItems: {\n label: \"Align Vertically\",\n group: GROUPS.style,\n description: \"Align Items Vertically (on the Y Axis)\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"flex-start\",\n editable: true,\n required: false,\n },\n },\n },\n {\n name: \"Spacer\",\n tag: \"Spacer\",\n category: COMPONENT_TYPES.layout,\n props: {\n top: {\n label: \"Top\",\n description: \"Top\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 8,\n editable: true,\n required: false,\n },\n right: {\n label: \"Right\",\n description: \"Right\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 8,\n editable: true,\n required: false,\n },\n bottom: {\n label: \"Bottom\",\n description: \"Bottom\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 8,\n editable: true,\n required: false,\n },\n left: {\n label: \"Left\",\n description: \"Left\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 8,\n editable: true,\n required: false,\n },\n },\n },\n {\n name: \"Stack\",\n tag: \"Stack\",\n category: COMPONENT_TYPES.layout,\n props: {\n justifyContent: {\n group: GROUPS.style,\n label: \"Justify\",\n description: \"Justify horizontally\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"flex-start\",\n editable: true,\n required: false,\n },\n alignItems: {\n group: GROUPS.style,\n label: \"Align\",\n description: \"Vertical align\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"flex-start\",\n editable: true,\n required: false,\n },\n },\n },\n {\n name: \"Center\",\n tag: \"Center\",\n category: COMPONENT_TYPES.layout,\n props: {\n width: {\n label: \"Width\",\n description: \"Width\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 240,\n editable: true,\n required: false,\n },\n height: {\n label: \"Height\",\n description: \"Height\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 200,\n editable: true,\n required: false,\n },\n bgColor: {\n label: \"Background Color\",\n description: \"Background color\",\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n editable: true,\n required: false,\n defaultValue: \"light\",\n group: GROUPS.style,\n },\n },\n },\n {\n name: \"Circle\",\n tag: \"Circle\",\n category: COMPONENT_TYPES.layout,\n props: {\n size: {\n label: \"Size\",\n description: \"Size\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 50,\n editable: true,\n required: false,\n },\n bgColor: {\n label: \"Background Color\",\n description: \"Background color\",\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n editable: true,\n required: false,\n defaultValue: \"light\",\n group: GROUPS.style,\n },\n },\n },\n {\n name: \"Square\",\n tag: \"Square\",\n category: COMPONENT_TYPES.layout,\n props: {\n size: {\n label: \"Size\",\n description: \"Size\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 50,\n editable: true,\n required: false,\n },\n bgColor: {\n label: \"Background Color\",\n description: \"Background color\",\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n editable: true,\n required: false,\n defaultValue: \"light\",\n group: GROUPS.style,\n },\n },\n },\n];\n"]}
1
+ {"version":3,"sources":["Layout.js"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","layout","props","justifyContent","label","group","GROUPS","style","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","alignItems","top","number","NUMBER","right","bottom","left","width","height","bgColor","color","THEME","size"],"mappings":"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","sourcesContent":["import { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, } from \"@draftbit/types\";\nexport const SEED_DATA = [\n {\n name: \"Row\",\n tag: \"Row\",\n category: COMPONENT_TYPES.layout,\n props: {\n justifyContent: {\n label: \"Align Horizontally\",\n group: GROUPS.style,\n description: \"Align Items Horizontally (on the X Axis)\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"flex-start\",\n editable: true,\n required: false,\n },\n alignItems: {\n label: \"Align Vertically\",\n group: GROUPS.style,\n description: \"Align Items Vertically (on the Y Axis)\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"flex-start\",\n editable: true,\n required: false,\n },\n },\n },\n {\n name: \"Spacer\",\n tag: \"Spacer\",\n category: COMPONENT_TYPES.layout,\n props: {\n top: {\n label: \"Top\",\n description: \"Top\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 8,\n editable: true,\n required: false,\n },\n right: {\n label: \"Right\",\n description: \"Right\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 8,\n editable: true,\n required: false,\n },\n bottom: {\n label: \"Bottom\",\n description: \"Bottom\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 8,\n editable: true,\n required: false,\n },\n left: {\n label: \"Left\",\n description: \"Left\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 8,\n editable: true,\n required: false,\n },\n },\n },\n {\n name: \"Stack\",\n tag: \"Stack\",\n category: COMPONENT_TYPES.layout,\n props: {\n justifyContent: {\n group: GROUPS.style,\n label: \"Justify\",\n description: \"Justify horizontally\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"flex-start\",\n editable: true,\n required: false,\n },\n alignItems: {\n group: GROUPS.style,\n label: \"Align\",\n description: \"Vertical align\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"flex-start\",\n editable: true,\n required: false,\n },\n },\n },\n {\n name: \"Center\",\n tag: \"Center\",\n category: COMPONENT_TYPES.layout,\n props: {\n width: {\n label: \"Width\",\n description: \"Width\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 240,\n editable: true,\n required: false,\n },\n height: {\n label: \"Height\",\n description: \"Height\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 200,\n editable: true,\n required: false,\n },\n bgColor: {\n label: \"Background Color\",\n description: \"Background color\",\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n editable: true,\n required: false,\n defaultValue: \"light\",\n group: GROUPS.style,\n },\n },\n },\n {\n name: \"Circle\",\n tag: \"Circle\",\n category: COMPONENT_TYPES.layout,\n props: {\n size: {\n label: \"Size\",\n description: \"Size\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 50,\n editable: true,\n required: false,\n },\n bgColor: {\n label: \"Background Color\",\n description: \"Background color\",\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n editable: true,\n required: false,\n defaultValue: \"light\",\n group: GROUPS.style,\n },\n },\n },\n {\n name: \"Square\",\n tag: \"Square\",\n category: COMPONENT_TYPES.layout,\n props: {\n size: {\n label: \"Size\",\n description: \"Size\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 50,\n editable: true,\n required: false,\n },\n bgColor: {\n label: \"Background Color\",\n description: \"Background color\",\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n editable: true,\n required: false,\n defaultValue: \"light\",\n group: GROUPS.style,\n },\n },\n },\n];\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["Modal.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","props","animationType","group","GROUPS","basic","label","options","editable","required","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","defaultValue","transparent","visible","data","presentationStyle"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,OADe;AAErBC,EAAAA,GAAG,EAAE,OAFgB;AAGrBC,EAAAA,WAAW,EAAE,yBAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,SAJL;AAKrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,aAAa,EAAE;AACXC,MAAAA,KAAK,EAAEC,cAAOC,KADH;AAEXC,MAAAA,KAAK,EAAE,gBAFI;AAGXT,MAAAA,WAAW,EAAE,gBAHF;AAIXU,MAAAA,OAAO,EAAE,CAAC,OAAD,EAAU,MAAV,EAAkB,MAAlB,CAJE;AAKXC,MAAAA,QAAQ,EAAE,IALC;AAMXC,MAAAA,QAAQ,EAAE,KANC;AAOXC,MAAAA,QAAQ,EAAEC,kBAAWC,SAPV;AAQXC,MAAAA,QAAQ,EAAEC,kBAAWC,MARV;AASXC,MAAAA,YAAY,EAAE;AATH,KADZ;AAYHC,IAAAA,WAAW,EAAE,2BAAe;AACxBd,MAAAA,KAAK,EAAEC,cAAOC,KADU;AAExBC,MAAAA,KAAK,EAAE,aAFiB;AAGxBT,MAAAA,WAAW,EAAE;AAHW,KAAf,CAZV;AAiBHqB,IAAAA,OAAO,EAAE,2BAAe;AACpBf,MAAAA,KAAK,EAAEC,cAAOe,IADM;AAEpBb,MAAAA,KAAK,EAAE,SAFa;AAGpBT,MAAAA,WAAW,EAAE;AAHO,KAAf,CAjBN;AAsBHuB,IAAAA,iBAAiB,EAAE;AACfjB,MAAAA,KAAK,EAAEC,cAAOC,KADC;AAEfC,MAAAA,KAAK,EAAE,oBAFQ;AAGfT,MAAAA,WAAW,EAAE,oBAHE;AAIfU,MAAAA,OAAO,EAAE,CAAC,YAAD,EAAe,WAAf,EAA4B,WAA5B,EAAyC,gBAAzC,CAJM;AAKfC,MAAAA,QAAQ,EAAE,IALK;AAMfC,MAAAA,QAAQ,EAAE,KANK;AAOfC,MAAAA,QAAQ,EAAEC,kBAAWC,SAPN;AAQfC,MAAAA,QAAQ,EAAEC,kBAAWC,MARN;AASfC,MAAAA,YAAY,EAAE;AATC;AAtBhB;AALc,CAAlB","sourcesContent":["import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createBoolProp, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Modal\",\n tag: \"Modal\",\n description: \"A basic Modal Component\",\n category: COMPONENT_TYPES.container,\n props: {\n animationType: {\n group: GROUPS.basic,\n label: \"Animation Type\",\n description: \"Animation Type\",\n options: [\"slide\", \"fade\", \"none\"],\n editable: true,\n required: false,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"none\",\n },\n transparent: createBoolProp({\n group: GROUPS.basic,\n label: \"Transparent\",\n description: \"Determines whether the modal will fill the entire view. Setting this to true will render the modal over a transparent background\",\n }),\n visible: createBoolProp({\n group: GROUPS.data,\n label: \"Visible\",\n description: \"Determines whether the modal is visible\",\n }),\n presentationStyle: {\n group: GROUPS.basic,\n label: \"Presentation Style\",\n description: \"Presentation Style\",\n options: [\"fullScreen\", \"pageSheet\", \"formSheet\", \"overFullScreen\"],\n editable: true,\n required: false,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n },\n },\n};\n"]}
1
+ {"version":3,"sources":["Modal.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","props","animationType","group","GROUPS","basic","label","options","editable","required","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","defaultValue","transparent","visible","data","presentationStyle"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,OADiB;AAEvBC,EAAAA,GAAG,EAAE,OAFkB;AAGvBC,EAAAA,WAAW,EAAE,yBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,SAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAE;AACbC,MAAAA,KAAK,EAAEC,cAAOC,KADD;AAEbC,MAAAA,KAAK,EAAE,gBAFM;AAGbT,MAAAA,WAAW,EAAE,gBAHA;AAIbU,MAAAA,OAAO,EAAE,CAAC,OAAD,EAAU,MAAV,EAAkB,MAAlB,CAJI;AAKbC,MAAAA,QAAQ,EAAE,IALG;AAMbC,MAAAA,QAAQ,EAAE,KANG;AAObC,MAAAA,QAAQ,EAAEC,kBAAWC,SAPR;AAQbC,MAAAA,QAAQ,EAAEC,kBAAWC,MARR;AASbC,MAAAA,YAAY,EAAE;AATD,KADV;AAYLC,IAAAA,WAAW,EAAE,2BAAe;AAC1Bd,MAAAA,KAAK,EAAEC,cAAOC,KADY;AAE1BC,MAAAA,KAAK,EAAE,aAFmB;AAG1BT,MAAAA,WAAW,EACT;AAJwB,KAAf,CAZR;AAkBLqB,IAAAA,OAAO,EAAE,2BAAe;AACtBf,MAAAA,KAAK,EAAEC,cAAOe,IADQ;AAEtBb,MAAAA,KAAK,EAAE,SAFe;AAGtBT,MAAAA,WAAW,EAAE;AAHS,KAAf,CAlBJ;AAuBLuB,IAAAA,iBAAiB,EAAE;AACjBjB,MAAAA,KAAK,EAAEC,cAAOC,KADG;AAEjBC,MAAAA,KAAK,EAAE,oBAFU;AAGjBT,MAAAA,WAAW,EAAE,oBAHI;AAIjBU,MAAAA,OAAO,EAAE,CAAC,YAAD,EAAe,WAAf,EAA4B,WAA5B,EAAyC,gBAAzC,CAJQ;AAKjBC,MAAAA,QAAQ,EAAE,IALO;AAMjBC,MAAAA,QAAQ,EAAE,KANO;AAOjBC,MAAAA,QAAQ,EAAEC,kBAAWC,SAPJ;AAQjBC,MAAAA,QAAQ,EAAEC,kBAAWC,MARJ;AASjBC,MAAAA,YAAY,EAAE;AATG;AAvBd;AALgB,CAAlB","sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n createBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Modal\",\n tag: \"Modal\",\n description: \"A basic Modal Component\",\n category: COMPONENT_TYPES.container,\n props: {\n animationType: {\n group: GROUPS.basic,\n label: \"Animation Type\",\n description: \"Animation Type\",\n options: [\"slide\", \"fade\", \"none\"],\n editable: true,\n required: false,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"none\",\n },\n transparent: createBoolProp({\n group: GROUPS.basic,\n label: \"Transparent\",\n description:\n \"Determines whether the modal will fill the entire view. Setting this to true will render the modal over a transparent background\",\n }),\n visible: createBoolProp({\n group: GROUPS.data,\n label: \"Visible\",\n description: \"Determines whether the modal is visible\",\n }),\n presentationStyle: {\n group: GROUPS.basic,\n label: \"Presentation Style\",\n description: \"Presentation Style\",\n options: [\"fullScreen\", \"pageSheet\", \"formSheet\", \"overFullScreen\"],\n editable: true,\n required: false,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n },\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["ProgressCircle.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","preview_image_url","supports_list_render","props","progress","group","GROUPS","data","label","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","defaultValue","min","max","step","precision","editable","required","color","basic","THEME","unfilledColor","size","showsText","boolean","BOOLEAN","textStyle","typeStyle","thickness","strokeCap","flatArray","STRING","options","layout","width","height"],"mappings":"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","sourcesContent":["import {\n COMPONENT_TYPES,\n FORM_TYPES,\n GROUPS,\n PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Progress Circle\",\n tag: \"ProgressCircle\",\n description: \"A circle used to show completed progress\",\n category: COMPONENT_TYPES.deprecated,\n preview_image_url: \"{CLOUDINARY_URL}/Status_Progress.png\",\n supports_list_render: false,\n props: {\n progress: {\n group: GROUPS.data,\n label: \"Progress\",\n description: \"The amount of progress to display. A number 0-1.\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n defaultValue: 0.5,\n min: 0,\n max: 1,\n step: 0.01,\n precision: 2,\n editable: true,\n required: true,\n },\n color: {\n group: GROUPS.basic,\n label: \"Color\",\n description: \"Color for the progress shown\",\n editable: true,\n defaultValue: \"primary\",\n required: true,\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n },\n unfilledColor: {\n group: GROUPS.basic,\n label: \"Unfilled Color\",\n description:\n \"The color of the unfilled portion of the progress bar(eg. if at 50% then this is the color of the other 50%)\",\n editable: true,\n defaultValue: null,\n required: true,\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n },\n size: {\n group: GROUPS.basic,\n label: \"Size\",\n description: \"The size of the circle\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n defaultValue: 100,\n min: 0,\n max: 300,\n step: 1,\n precision: 1,\n editable: true,\n required: true,\n },\n showsText: {\n group: GROUPS.basic,\n label: \"Show Progress Text\",\n description: \"Shows progress in the middle of the circle\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: true,\n editable: true,\n required: true,\n },\n textStyle: {\n group: GROUPS.basic,\n label: \"Text Style\",\n description: \"Text Style of the inner circle\",\n editable: true,\n required: true,\n formType: FORM_TYPES.typeStyle,\n propType: PROP_TYPES.THEME,\n defaultValue: null,\n },\n thickness: {\n group: GROUPS.basic,\n label: \"Thickness\",\n description: \"Thickness of the inner circle\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n defaultValue: 1,\n min: 0,\n max: 15,\n step: 1,\n precision: 1,\n editable: true,\n required: true,\n },\n strokeCap: {\n group: GROUPS.basic,\n label: \"Stroke Cap\",\n description: \"The style of the stroke\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"butt\",\n options: [\"butt\", \"square\", \"round\"],\n editable: true,\n required: true,\n },\n },\n layout: {\n width: 250,\n height: 250,\n },\n};\n"]}
1
+ {"version":3,"sources":["ProgressCircle.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","preview_image_url","supports_list_render","props","progress","group","GROUPS","data","label","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","defaultValue","min","max","step","precision","editable","required","color","basic","THEME","unfilledColor","size","showsText","boolean","BOOLEAN","textStyle","typeStyle","thickness","strokeCap","flatArray","STRING","options","layout","width","height"],"mappings":"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","sourcesContent":["import { COMPONENT_TYPES, FORM_TYPES, GROUPS, PROP_TYPES, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Progress Circle\",\n tag: \"ProgressCircle\",\n description: \"A circle used to show completed progress\",\n category: COMPONENT_TYPES.deprecated,\n preview_image_url: \"{CLOUDINARY_URL}/Status_Progress.png\",\n supports_list_render: false,\n props: {\n progress: {\n group: GROUPS.data,\n label: \"Progress\",\n description: \"The amount of progress to display. A number 0-1.\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n defaultValue: 0.5,\n min: 0,\n max: 1,\n step: 0.01,\n precision: 2,\n editable: true,\n required: true,\n },\n color: {\n group: GROUPS.basic,\n label: \"Color\",\n description: \"Color for the progress shown\",\n editable: true,\n defaultValue: \"primary\",\n required: true,\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n },\n unfilledColor: {\n group: GROUPS.basic,\n label: \"Unfilled Color\",\n description: \"The color of the unfilled portion of the progress bar(eg. if at 50% then this is the color of the other 50%)\",\n editable: true,\n defaultValue: null,\n required: true,\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n },\n size: {\n group: GROUPS.basic,\n label: \"Size\",\n description: \"The size of the circle\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n defaultValue: 100,\n min: 0,\n max: 300,\n step: 1,\n precision: 1,\n editable: true,\n required: true,\n },\n showsText: {\n group: GROUPS.basic,\n label: \"Show Progress Text\",\n description: \"Shows progress in the middle of the circle\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: true,\n editable: true,\n required: true,\n },\n textStyle: {\n group: GROUPS.basic,\n label: \"Text Style\",\n description: \"Text Style of the inner circle\",\n editable: true,\n required: true,\n formType: FORM_TYPES.typeStyle,\n propType: PROP_TYPES.THEME,\n defaultValue: null,\n },\n thickness: {\n group: GROUPS.basic,\n label: \"Thickness\",\n description: \"Thickness of the inner circle\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n defaultValue: 1,\n min: 0,\n max: 15,\n step: 1,\n precision: 1,\n editable: true,\n required: true,\n },\n strokeCap: {\n group: GROUPS.basic,\n label: \"Stroke Cap\",\n description: \"The style of the stroke\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"butt\",\n options: [\"butt\", \"square\", \"round\"],\n editable: true,\n required: true,\n },\n },\n layout: {\n width: 250,\n height: 250,\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["RadioButtonGroup.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","direction","fieldName","handlerPropName","valuePropName","defaultValue"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,oBADiB;AAEvBC,EAAAA,GAAG,EAAE,kBAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHH;AAIvBC,EAAAA,MAAM,EAAE,EAJe;AAKvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,aAAV,CALa;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,iCADN;AAELC,IAAAA,SAAS,EAAE,gCAAoB;AAC7BC,MAAAA,eAAe,EAAE,eADY;AAE7BC,MAAAA,aAAa,EAAE,OAFc;AAG7BC,MAAAA,YAAY,EAAE;AAHe,KAApB;AAFN;AANgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createFieldNameProp,\n createDirectionProp,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Radio Button Group\",\n tag: \"RadioButtonGroup\",\n category: COMPONENT_TYPES.input,\n layout: {},\n triggers: [Triggers.OnValueChange],\n props: {\n direction: createDirectionProp(),\n fieldName: createFieldNameProp({\n handlerPropName: \"onValueChange\",\n valuePropName: \"value\",\n defaultValue: \"radioButtonGroupValue\",\n }),\n },\n};\n"]}
1
+ {"version":3,"sources":["RadioButtonGroup.js"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","direction","fieldName","handlerPropName","valuePropName","defaultValue"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,oBADe;AAErBC,EAAAA,GAAG,EAAE,kBAFgB;AAGrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHL;AAIrBC,EAAAA,MAAM,EAAE,EAJa;AAKrBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,aAAV,CALW;AAMrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,SAAS,EAAE,iCADR;AAEHC,IAAAA,SAAS,EAAE,gCAAoB;AAC3BC,MAAAA,eAAe,EAAE,eADU;AAE3BC,MAAAA,aAAa,EAAE,OAFY;AAG3BC,MAAAA,YAAY,EAAE;AAHa,KAApB;AAFR;AANc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createFieldNameProp, createDirectionProp, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Radio Button Group\",\n tag: \"RadioButtonGroup\",\n category: COMPONENT_TYPES.input,\n layout: {},\n triggers: [Triggers.OnValueChange],\n props: {\n direction: createDirectionProp(),\n fieldName: createFieldNameProp({\n handlerPropName: \"onValueChange\",\n valuePropName: \"value\",\n defaultValue: \"radioButtonGroupValue\",\n }),\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["RadioButtonRow.js"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","props","label","description","required","defaultValue","direction","options","value","color","group","GROUPS","basic","unselectedColor"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,kBADe;AAErBC,EAAAA,GAAG,EAAE,gBAFgB;AAGrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHL;AAIrBC,EAAAA,MAAM,EAAE,EAJa;AAKrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE,2BAAe;AAClBA,MAAAA,KAAK,EAAE,OADW;AAElBC,MAAAA,WAAW,EAAE,qCAFK;AAGlBC,MAAAA,QAAQ,EAAE,IAHQ;AAIlBC,MAAAA,YAAY,EAAE;AAJI,KAAf,CADJ;AAOHC,IAAAA,SAAS,EAAE,+BAAmB;AAC1BJ,MAAAA,KAAK,EAAE,WADmB;AAE1BC,MAAAA,WAAW,EAAE,8DAFa;AAG1BI,MAAAA,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;AAHiB,KAAnB,CAPR;AAYHC,IAAAA,KAAK,EAAE,2BAAe;AAClBN,MAAAA,KAAK,EAAE,OADW;AAElBC,MAAAA,WAAW,EAAE,2BAFK;AAGlBE,MAAAA,YAAY,EAAE,IAHI;AAIlBD,MAAAA,QAAQ,EAAE;AAJQ,KAAf,CAZJ;AAkBHK,IAAAA,KAAK,EAAE,4BAAgB;AACnBC,MAAAA,KAAK,EAAEC,cAAOC,KADK;AAEnBT,MAAAA,WAAW,EAAE,sBAFM;AAGnBE,MAAAA,YAAY,EAAE;AAHK,KAAhB,CAlBJ;AAuBHQ,IAAAA,eAAe,EAAE,4BAAgB;AAC7BH,MAAAA,KAAK,EAAEC,cAAOC,KADe;AAE7BV,MAAAA,KAAK,EAAE,kBAFsB;AAG7BC,MAAAA,WAAW,EAAE,iCAHgB;AAI7BE,MAAAA,YAAY,EAAE;AAJe,KAAhB;AAvBd;AALc,CAAlB","sourcesContent":["import { createTextProp, createTextEnumProp, COMPONENT_TYPES, createColorProp, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Radio Button Row\",\n tag: \"RadioButtonRow\",\n category: COMPONENT_TYPES.input,\n layout: {},\n props: {\n label: createTextProp({\n label: \"Label\",\n description: \"Label to show with the radio button\",\n required: true,\n defaultValue: \"First Option\",\n }),\n direction: createTextEnumProp({\n label: \"Direction\",\n description: \"Whether the checkbox will appear on the left or on the right\",\n options: [\"row\", \"row-reverse\"],\n }),\n value: createTextProp({\n label: \"Value\",\n description: \"Value of the radio button\",\n defaultValue: null,\n required: true,\n }),\n color: createColorProp({\n group: GROUPS.basic,\n description: \"Color for the button\",\n defaultValue: \"primary\",\n }),\n unselectedColor: createColorProp({\n group: GROUPS.basic,\n label: \"Unselected Color\",\n description: \"Unselected Color for the button\",\n defaultValue: \"primary\",\n }),\n },\n};\n"]}
1
+ {"version":3,"sources":["RadioButtonRow.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","props","label","description","required","defaultValue","direction","options","value","color","group","GROUPS","basic","unselectedColor"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,kBADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHH;AAIvBC,EAAAA,MAAM,EAAE,EAJe;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,2BAAe;AACpBA,MAAAA,KAAK,EAAE,OADa;AAEpBC,MAAAA,WAAW,EAAE,qCAFO;AAGpBC,MAAAA,QAAQ,EAAE,IAHU;AAIpBC,MAAAA,YAAY,EAAE;AAJM,KAAf,CADF;AAOLC,IAAAA,SAAS,EAAE,+BAAmB;AAC5BJ,MAAAA,KAAK,EAAE,WADqB;AAE5BC,MAAAA,WAAW,EACT,8DAH0B;AAI5BI,MAAAA,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;AAJmB,KAAnB,CAPN;AAaLC,IAAAA,KAAK,EAAE,2BAAe;AACpBN,MAAAA,KAAK,EAAE,OADa;AAEpBC,MAAAA,WAAW,EAAE,2BAFO;AAGpBE,MAAAA,YAAY,EAAE,IAHM;AAIpBD,MAAAA,QAAQ,EAAE;AAJU,KAAf,CAbF;AAmBLK,IAAAA,KAAK,EAAE,4BAAgB;AACrBC,MAAAA,KAAK,EAAEC,cAAOC,KADO;AAErBT,MAAAA,WAAW,EAAE,sBAFQ;AAGrBE,MAAAA,YAAY,EAAE;AAHO,KAAhB,CAnBF;AAwBLQ,IAAAA,eAAe,EAAE,4BAAgB;AAC/BH,MAAAA,KAAK,EAAEC,cAAOC,KADiB;AAE/BV,MAAAA,KAAK,EAAE,kBAFwB;AAG/BC,MAAAA,WAAW,EAAE,iCAHkB;AAI/BE,MAAAA,YAAY,EAAE;AAJiB,KAAhB;AAxBZ;AALgB,CAAlB","sourcesContent":["import {\n createTextProp,\n createTextEnumProp,\n COMPONENT_TYPES,\n createColorProp,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Radio Button Row\",\n tag: \"RadioButtonRow\",\n category: COMPONENT_TYPES.input,\n layout: {},\n props: {\n label: createTextProp({\n label: \"Label\",\n description: \"Label to show with the radio button\",\n required: true,\n defaultValue: \"First Option\",\n }),\n direction: createTextEnumProp({\n label: \"Direction\",\n description:\n \"Whether the checkbox will appear on the left or on the right\",\n options: [\"row\", \"row-reverse\"],\n }),\n value: createTextProp({\n label: \"Value\",\n description: \"Value of the radio button\",\n defaultValue: null,\n required: true,\n }),\n color: createColorProp({\n group: GROUPS.basic,\n description: \"Color for the button\",\n defaultValue: \"primary\",\n }),\n unselectedColor: createColorProp({\n group: GROUPS.basic,\n label: \"Unselected Color\",\n description: \"Unselected Color for the button\",\n defaultValue: \"primary\",\n }),\n },\n};\n"]}
@@ -24,7 +24,9 @@ const SEED_DATA = {
24
24
  }),
25
25
  fieldName: (0, _types.createFieldNameProp)({
26
26
  defaultValue: "ratingValue",
27
+ // this is the name of the variable declared on the screen in Draftbit
27
28
  handlerPropName: "onPress",
29
+ // the change handler prop in this component
28
30
  valuePropName: "rating" // the value prop in this component
29
31
 
30
32
  }),
@@ -54,10 +56,4 @@ const SEED_DATA = {
54
56
  }
55
57
  };
56
58
  exports.SEED_DATA = SEED_DATA;
57
- //# sourceMappingURL=StarRating.js.mapactive Color",
58
- defaultValue: "divider"
59
- })
60
- }
61
- };
62
- exports.SEED_DATA = SEED_DATA;
63
59
  //# sourceMappingURL=StarRating.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["StarRating.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","triggers","Triggers","OnPress","props","starSize","label","defaultValue","min","max","step","fieldName","handlerPropName","valuePropName","maxStars","rating","group","GROUPS","data","isEditable","activeColor","inactiveColor"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,aADe;AAErBC,EAAAA,GAAG,EAAE,YAFgB;AAGrBC,EAAAA,WAAW,EAAE,yBAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJL;AAKrBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CALW;AAMrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,QAAQ,EAAE,mCAAuB;AAC7BC,MAAAA,KAAK,EAAE,WADsB;AAE7BT,MAAAA,WAAW,EAAE,8BAFgB;AAG7BU,MAAAA,YAAY,EAAE,EAHe;AAI7BC,MAAAA,GAAG,EAAE,CAJwB;AAK7BC,MAAAA,GAAG,EAAE,EALwB;AAM7BC,MAAAA,IAAI,EAAE;AANuB,KAAvB,CADP;AASHC,IAAAA,SAAS,EAAE,gCAAoB;AAC3BJ,MAAAA,YAAY,EAAE,aADa;AAE3BK,MAAAA,eAAe,EAAE,SAFU;AAG3BC,MAAAA,aAAa,EAAE,QAHY,CAGF;;AAHE,KAApB,CATR;AAcHC,IAAAA,QAAQ,EAAE,mCAAuB;AAC7BR,MAAAA,KAAK,EAAE,WADsB;AAE7BT,MAAAA,WAAW,EAAE,yBAFgB;AAG7BU,MAAAA,YAAY,EAAE,CAHe;AAI7BC,MAAAA,GAAG,EAAE,CAJwB;AAK7BC,MAAAA,GAAG,EAAE,EALwB;AAM7BC,MAAAA,IAAI,EAAE;AANuB,KAAvB,CAdP;AAsBHK,IAAAA,MAAM,EAAE,mCAAuB;AAC3BC,MAAAA,KAAK,EAAEC,cAAOC,IADa;AAE3BZ,MAAAA,KAAK,EAAE;AAFoB,KAAvB,CAtBL;AA0BHa,IAAAA,UAAU,EAAE,iCAAqB;AAC7Bb,MAAAA,KAAK,EAAE;AADsB,KAArB,CA1BT;AA6BHc,IAAAA,WAAW,EAAE,4BAAgB;AACzBd,MAAAA,KAAK,EAAE,cADkB;AAEzBC,MAAAA,YAAY,EAAE;AAFW,KAAhB,CA7BV;AAiCHc,IAAAA,aAAa,EAAE,4BAAgB;AAC3Bf,MAAAA,KAAK,EAAE,gBADoB;AAE3BC,MAAAA,YAAY,EAAE;AAFa,KAAhB;AAjCZ;AANc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createStaticNumberProp, createFieldNameProp, createStaticBoolProp, Triggers, createColorProp, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Star Rating\",\n tag: \"StarRating\",\n description: \"A star rating component\",\n category: COMPONENT_TYPES.button,\n triggers: [Triggers.OnPress],\n props: {\n starSize: createStaticNumberProp({\n label: \"Star size\",\n description: \"Size of each individual star\",\n defaultValue: 16,\n min: 8,\n max: 36,\n step: 1,\n }),\n fieldName: createFieldNameProp({\n defaultValue: \"ratingValue\",\n handlerPropName: \"onPress\",\n valuePropName: \"rating\", // the value prop in this component\n }),\n maxStars: createStaticNumberProp({\n label: \"Max stars\",\n description: \"The max number of stars\",\n defaultValue: 5,\n min: 0,\n max: 10,\n step: 1,\n }),\n rating: createStaticNumberProp({\n group: GROUPS.data,\n label: \"Rating\",\n }),\n isEditable: createStaticBoolProp({\n label: \"Editable\",\n }),\n activeColor: createColorProp({\n label: \"Active Color\",\n defaultValue: \"primary\",\n }),\n inactiveColor: createColorProp({\n label: \"Inactive Color\",\n defaultValue: \"divider\",\n }),\n },\n};\n"]}
1
+ {"version":3,"sources":["StarRating.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","triggers","Triggers","OnPress","props","starSize","label","defaultValue","min","max","step","fieldName","handlerPropName","valuePropName","maxStars","rating","group","GROUPS","data","isEditable","activeColor","inactiveColor"],"mappings":";;;;;;;AAAA;;AAUO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,aADiB;AAEvBC,EAAAA,GAAG,EAAE,YAFkB;AAGvBC,EAAAA,WAAW,EAAE,yBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJH;AAKvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CALa;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,mCAAuB;AAC/BC,MAAAA,KAAK,EAAE,WADwB;AAE/BT,MAAAA,WAAW,EAAE,8BAFkB;AAG/BU,MAAAA,YAAY,EAAE,EAHiB;AAI/BC,MAAAA,GAAG,EAAE,CAJ0B;AAK/BC,MAAAA,GAAG,EAAE,EAL0B;AAM/BC,MAAAA,IAAI,EAAE;AANyB,KAAvB,CADL;AASLC,IAAAA,SAAS,EAAE,gCAAoB;AAC7BJ,MAAAA,YAAY,EAAE,aADe;AACA;AAC7BK,MAAAA,eAAe,EAAE,SAFY;AAED;AAC5BC,MAAAA,aAAa,EAAE,QAHc,CAGJ;;AAHI,KAApB,CATN;AAcLC,IAAAA,QAAQ,EAAE,mCAAuB;AAC/BR,MAAAA,KAAK,EAAE,WADwB;AAE/BT,MAAAA,WAAW,EAAE,yBAFkB;AAG/BU,MAAAA,YAAY,EAAE,CAHiB;AAI/BC,MAAAA,GAAG,EAAE,CAJ0B;AAK/BC,MAAAA,GAAG,EAAE,EAL0B;AAM/BC,MAAAA,IAAI,EAAE;AANyB,KAAvB,CAdL;AAsBLK,IAAAA,MAAM,EAAE,mCAAuB;AAC7BC,MAAAA,KAAK,EAAEC,cAAOC,IADe;AAE7BZ,MAAAA,KAAK,EAAE;AAFsB,KAAvB,CAtBH;AA0BLa,IAAAA,UAAU,EAAE,iCAAqB;AAC/Bb,MAAAA,KAAK,EAAE;AADwB,KAArB,CA1BP;AA6BLc,IAAAA,WAAW,EAAE,4BAAgB;AAC3Bd,MAAAA,KAAK,EAAE,cADoB;AAE3BC,MAAAA,YAAY,EAAE;AAFa,KAAhB,CA7BR;AAiCLc,IAAAA,aAAa,EAAE,4BAAgB;AAC7Bf,MAAAA,KAAK,EAAE,gBADsB;AAE7BC,MAAAA,YAAY,EAAE;AAFe,KAAhB;AAjCV;AANgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createStaticNumberProp,\n createFieldNameProp,\n createStaticBoolProp,\n Triggers,\n createColorProp,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Star Rating\",\n tag: \"StarRating\",\n description: \"A star rating component\",\n category: COMPONENT_TYPES.button,\n triggers: [Triggers.OnPress],\n props: {\n starSize: createStaticNumberProp({\n label: \"Star size\",\n description: \"Size of each individual star\",\n defaultValue: 16,\n min: 8,\n max: 36,\n step: 1,\n }),\n fieldName: createFieldNameProp({\n defaultValue: \"ratingValue\", // this is the name of the variable declared on the screen in Draftbit\n handlerPropName: \"onPress\", // the change handler prop in this component\n valuePropName: \"rating\", // the value prop in this component\n }),\n maxStars: createStaticNumberProp({\n label: \"Max stars\",\n description: \"The max number of stars\",\n defaultValue: 5,\n min: 0,\n max: 10,\n step: 1,\n }),\n rating: createStaticNumberProp({\n group: GROUPS.data,\n label: \"Rating\",\n }),\n isEditable: createStaticBoolProp({\n label: \"Editable\",\n }),\n activeColor: createColorProp({\n label: \"Active Color\",\n defaultValue: \"primary\",\n }),\n inactiveColor: createColorProp({\n label: \"Inactive Color\",\n defaultValue: \"divider\",\n }),\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["Surface.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","minHeight","props","elevation"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,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;AACNC,IAAAA,SAAS,EAAE;AADL,GALe;AAQvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,gCAAoB,CAApB;AADN;AARgB,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createElevationType } from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Surface\",\n tag: \"Surface\",\n description: \"An elevated container\",\n category: COMPONENT_TYPES.layout,\n layout: {\n minHeight: 40,\n },\n props: {\n elevation: createElevationType(0),\n },\n};\n"]}
1
+ {"version":3,"sources":["Surface.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","minHeight","props","elevation"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,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;AACJC,IAAAA,SAAS,EAAE;AADP,GALa;AAQrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,SAAS,EAAE,gCAAoB,CAApB;AADR;AARc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createElevationType } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Surface\",\n tag: \"Surface\",\n description: \"An elevated container\",\n category: COMPONENT_TYPES.layout,\n layout: {\n minHeight: 40,\n },\n props: {\n elevation: createElevationType(0),\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["Touchable.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","layout","triggers","Triggers","OnPress","props","onPress"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,WADe;AAErBC,EAAAA,GAAG,EAAE,WAFgB;AAGrBC,EAAAA,WAAW,EAAE,8BAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJL;AAKrBC,EAAAA,MAAM,EAAE,EALa;AAMrBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CANW;AAOrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,OAAO,EAAE;AADN;AAPc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createActionProp, Triggers } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Touchable\",\n tag: \"Touchable\",\n description: \"Simple button with no styles\",\n category: COMPONENT_TYPES.button,\n layout: {},\n triggers: [Triggers.OnPress],\n props: {\n onPress: createActionProp(),\n },\n};\n"]}
1
+ {"version":3,"sources":["Touchable.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","layout","triggers","Triggers","OnPress","props","onPress"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,8BAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJH;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CANa;AAOvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE;AADJ;AAPgB,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createActionProp, Triggers } from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Touchable\",\n tag: \"Touchable\",\n description: \"Simple button with no styles\",\n category: COMPONENT_TYPES.button,\n layout: {},\n triggers: [Triggers.OnPress],\n props: {\n onPress: createActionProp(),\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["theming.js"],"names":["ThemeProvider","withTheme","useTheme","DefaultTheme"],"mappings":";;;;;;;AAAA;;AACA;;;;AACO,MAAM;AAAEA,EAAAA,aAAF;AAAiBC,EAAAA,SAAjB;AAA4BC,EAAAA;AAA5B,IAAyC,uCAAcC,qBAAd,CAA/C","sourcesContent":["import { createTheming } from \"@draftbit/react-theme-provider\";\nimport DefaultTheme from \"./styles/DefaultTheme\";\nexport const { ThemeProvider, withTheme, useTheme } = createTheming(DefaultTheme);\n"]}
1
+ {"version":3,"sources":["theming.tsx"],"names":["ThemeProvider","withTheme","useTheme","DefaultTheme"],"mappings":";;;;;;;AAAA;;AACA;;;;AAGO,MAAM;AAAEA,EAAAA,aAAF;AAAiBC,EAAAA,SAAjB;AAA4BC,EAAAA;AAA5B,IACX,uCAAqBC,qBAArB,CADK","sourcesContent":["import { createTheming } from \"@draftbit/react-theme-provider\";\nimport DefaultTheme from \"./styles/DefaultTheme\";\nimport type { Theme } from \"@draftbit/types\";\n\nexport const { ThemeProvider, withTheme, useTheme } =\n createTheming<Theme>(DefaultTheme);\n"]}
@@ -1,41 +1,55 @@
1
1
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
2
 
3
3
  import React from "react";
4
- import { TextInput as NativeNumberInput } from "react-native";
4
+ import { TextInput } from "react-native";
5
+
6
+ const getValue = (valueFromProp, defaultValue) => {
7
+ let value = valueFromProp !== null && valueFromProp !== void 0 ? valueFromProp : defaultValue;
8
+
9
+ if (typeof value !== "number" || Number.isNaN(value)) {
10
+ value = 0;
11
+ }
12
+
13
+ return value;
14
+ };
5
15
 
6
16
  const NumberInput = _ref => {
7
17
  let {
8
- defaultValue,
9
18
  onChangeText,
19
+ value: valueFromProp,
20
+ defaultValue,
10
21
  ...props
11
22
  } = _ref;
12
- const [internalValue, setInternalValue] = React.useState(defaultValue);
23
+ const value = getValue(valueFromProp, defaultValue);
24
+ const [isDecimal, setIsDecimal] = React.useState(!Number.isInteger(value));
13
25
  React.useEffect(() => {
14
- if (defaultValue != null) {
15
- setInternalValue(defaultValue);
16
- }
17
- }, [defaultValue]);
18
-
19
- const handleChangeText = value => {
20
- setInternalValue(value);
26
+ const newValue = getValue(valueFromProp, defaultValue);
27
+ setIsDecimal(newValue.toString().includes("."));
28
+ }, [valueFromProp, defaultValue]);
21
29
 
30
+ const handleChangeText = newValue => {
22
31
  if (onChangeText) {
23
- onChangeText(stringToInteger(value));
32
+ const parsedNumber = parseFloat(newValue);
33
+ const number = isNaN(parsedNumber) ? 0 : parsedNumber;
34
+ setIsDecimal(newValue.includes("."));
35
+ onChangeText(number);
24
36
  }
25
37
  };
26
38
 
27
- return /*#__PURE__*/React.createElement(NativeNumberInput, _extends({
28
- keyboardType: "numeric",
29
- onChangeText: handleChangeText
39
+ let strValue = value.toString();
40
+
41
+ if (isDecimal && !strValue.includes(".")) {
42
+ strValue = `${strValue}.`;
43
+ }
44
+
45
+ return /*#__PURE__*/React.createElement(TextInput, _extends({
46
+ keyboardType: "numeric"
30
47
  }, props, {
31
- value: internalValue
48
+ value: valueFromProp !== undefined ? strValue : undefined,
49
+ defaultValue: defaultValue !== undefined ? strValue : undefined,
50
+ onChangeText: handleChangeText
32
51
  }));
33
52
  };
34
53
 
35
- const stringToInteger = str => {
36
- const number = parseFloat(str);
37
- return isNaN(number) ? 0 : number;
38
- };
39
-
40
54
  export default NumberInput; // comment to try to fix sourcemap issue
41
55
  //# sourceMappingURL=NumberInput.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["NumberInput.tsx"],"names":["React","TextInput","NativeNumberInput","NumberInput","defaultValue","onChangeText","props","internalValue","setInternalValue","useState","useEffect","handleChangeText","value","stringToInteger","str","number","parseFloat","isNaN"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAS,IAAIC,iBAAtB,QAA+C,cAA/C;;AAOA,MAAMC,WAA4B,GAAG,QAI/B;AAAA,MAJgC;AACpCC,IAAAA,YADoC;AAEpCC,IAAAA,YAFoC;AAGpC,OAAGC;AAHiC,GAIhC;AACJ,QAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCR,KAAK,CAACS,QAAN,CAAeL,YAAf,CAA1C;AAEAJ,EAAAA,KAAK,CAACU,SAAN,CAAgB,MAAM;AACpB,QAAIN,YAAY,IAAI,IAApB,EAA0B;AACxBI,MAAAA,gBAAgB,CAACJ,YAAD,CAAhB;AACD;AACF,GAJD,EAIG,CAACA,YAAD,CAJH;;AAMA,QAAMO,gBAAgB,GAAIC,KAAD,IAAmB;AAC1CJ,IAAAA,gBAAgB,CAACI,KAAD,CAAhB;;AACA,QAAIP,YAAJ,EAAkB;AAChBA,MAAAA,YAAY,CAACQ,eAAe,CAACD,KAAD,CAAhB,CAAZ;AACD;AACF,GALD;;AAOA,sBACE,oBAAC,iBAAD;AACE,IAAA,YAAY,EAAC,SADf;AAEE,IAAA,YAAY,EAAED;AAFhB,KAGML,KAHN;AAIE,IAAA,KAAK,EAAEC;AAJT,KADF;AAQD,CA5BD;;AA8BA,MAAMM,eAAe,GAAIC,GAAD,IAAqC;AAC3D,QAAMC,MAAM,GAAGC,UAAU,CAACF,GAAD,CAAzB;AACA,SAAOG,KAAK,CAACF,MAAD,CAAL,GAAgB,CAAhB,GAAoBA,MAA3B;AACD,CAHD;;AAKA,eAAeZ,WAAf,C,CAEA","sourcesContent":["import React from \"react\";\nimport { TextInput as NativeNumberInput } from \"react-native\";\n\ninterface Props {\n defaultValue?: string;\n onChangeText: (value?: number) => void;\n}\n\nconst NumberInput: React.FC<Props> = ({\n defaultValue,\n onChangeText,\n ...props\n}) => {\n const [internalValue, setInternalValue] = React.useState(defaultValue);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue]);\n\n const handleChangeText = (value: string) => {\n setInternalValue(value);\n if (onChangeText) {\n onChangeText(stringToInteger(value));\n }\n };\n\n return (\n <NativeNumberInput\n keyboardType=\"numeric\"\n onChangeText={handleChangeText}\n {...props}\n value={internalValue}\n />\n );\n};\n\nconst stringToInteger = (str: string | undefined): number => {\n const number = parseFloat(str as string);\n return isNaN(number) ? 0 : number;\n};\n\nexport default NumberInput;\n\n// comment to try to fix sourcemap issue\n"]}
1
+ {"version":3,"sources":["NumberInput.tsx"],"names":["React","TextInput","getValue","valueFromProp","defaultValue","value","Number","isNaN","NumberInput","onChangeText","props","isDecimal","setIsDecimal","useState","isInteger","useEffect","newValue","toString","includes","handleChangeText","parsedNumber","parseFloat","number","strValue","undefined"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,cAA1B;;AAQA,MAAMC,QAAQ,GAAG,CACfC,aADe,EAEfC,YAFe,KAGZ;AACH,MAAIC,KAAK,GAAGF,aAAH,aAAGA,aAAH,cAAGA,aAAH,GAAoBC,YAA7B;;AACA,MAAI,OAAOC,KAAP,KAAiB,QAAjB,IAA6BC,MAAM,CAACC,KAAP,CAAaF,KAAb,CAAjC,EAAsD;AACpDA,IAAAA,KAAK,GAAG,CAAR;AACD;;AACD,SAAOA,KAAP;AACD,CATD;;AAWA,MAAMG,WAA4B,GAAG,QAK/B;AAAA,MALgC;AACpCC,IAAAA,YADoC;AAEpCJ,IAAAA,KAAK,EAAEF,aAF6B;AAGpCC,IAAAA,YAHoC;AAIpC,OAAGM;AAJiC,GAKhC;AACJ,QAAML,KAAK,GAAGH,QAAQ,CAACC,aAAD,EAAgBC,YAAhB,CAAtB;AACA,QAAM,CAACO,SAAD,EAAYC,YAAZ,IAA4BZ,KAAK,CAACa,QAAN,CAAe,CAACP,MAAM,CAACQ,SAAP,CAAiBT,KAAjB,CAAhB,CAAlC;AACAL,EAAAA,KAAK,CAACe,SAAN,CAAgB,MAAM;AACpB,UAAMC,QAAQ,GAAGd,QAAQ,CAACC,aAAD,EAAgBC,YAAhB,CAAzB;AACAQ,IAAAA,YAAY,CAACI,QAAQ,CAACC,QAAT,GAAoBC,QAApB,CAA6B,GAA7B,CAAD,CAAZ;AACD,GAHD,EAGG,CAACf,aAAD,EAAgBC,YAAhB,CAHH;;AAKA,QAAMe,gBAAgB,GAAIH,QAAD,IAAsB;AAC7C,QAAIP,YAAJ,EAAkB;AAChB,YAAMW,YAAY,GAAGC,UAAU,CAACL,QAAD,CAA/B;AACA,YAAMM,MAAM,GAAGf,KAAK,CAACa,YAAD,CAAL,GAAsB,CAAtB,GAA0BA,YAAzC;AACAR,MAAAA,YAAY,CAACI,QAAQ,CAACE,QAAT,CAAkB,GAAlB,CAAD,CAAZ;AACAT,MAAAA,YAAY,CAACa,MAAD,CAAZ;AACD;AACF,GAPD;;AASA,MAAIC,QAAgB,GAAGlB,KAAK,CAACY,QAAN,EAAvB;;AACA,MAAIN,SAAS,IAAI,CAACY,QAAQ,CAACL,QAAT,CAAkB,GAAlB,CAAlB,EAA0C;AACxCK,IAAAA,QAAQ,GAAI,GAAEA,QAAS,GAAvB;AACD;;AAED,sBACE,oBAAC,SAAD;AACE,IAAA,YAAY,EAAC;AADf,KAEMb,KAFN;AAGE,IAAA,KAAK,EAAEP,aAAa,KAAKqB,SAAlB,GAA8BD,QAA9B,GAAyCC,SAHlD;AAIE,IAAA,YAAY,EAAEpB,YAAY,KAAKoB,SAAjB,GAA6BD,QAA7B,GAAwCC,SAJxD;AAKE,IAAA,YAAY,EAAEL;AALhB,KADF;AASD,CApCD;;AAsCA,eAAeX,WAAf,C,CAEA","sourcesContent":["import React from \"react\";\nimport { TextInput } from \"react-native\";\n\ninterface Props {\n value?: number;\n defaultValue?: number;\n onChangeText: (value?: number) => void;\n}\n\nconst getValue = (\n valueFromProp: number | undefined,\n defaultValue: number | undefined\n) => {\n let value = valueFromProp ?? defaultValue;\n if (typeof value !== \"number\" || Number.isNaN(value)) {\n value = 0;\n }\n return value;\n};\n\nconst NumberInput: React.FC<Props> = ({\n onChangeText,\n value: valueFromProp,\n defaultValue,\n ...props\n}) => {\n const value = getValue(valueFromProp, defaultValue);\n const [isDecimal, setIsDecimal] = React.useState(!Number.isInteger(value));\n React.useEffect(() => {\n const newValue = getValue(valueFromProp, defaultValue);\n setIsDecimal(newValue.toString().includes(\".\"));\n }, [valueFromProp, defaultValue]);\n\n const handleChangeText = (newValue: string) => {\n if (onChangeText) {\n const parsedNumber = parseFloat(newValue);\n const number = isNaN(parsedNumber) ? 0 : parsedNumber;\n setIsDecimal(newValue.includes(\".\"));\n onChangeText(number);\n }\n };\n\n let strValue: string = value.toString();\n if (isDecimal && !strValue.includes(\".\")) {\n strValue = `${strValue}.`;\n }\n\n return (\n <TextInput\n keyboardType=\"numeric\"\n {...props}\n value={valueFromProp !== undefined ? strValue : undefined}\n defaultValue={defaultValue !== undefined ? strValue : undefined}\n onChangeText={handleChangeText}\n />\n );\n};\n\nexport default NumberInput;\n\n// comment to try to fix sourcemap issue\n"]}
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  interface Props {
3
- defaultValue?: string;
3
+ value?: number;
4
+ defaultValue?: number;
4
5
  onChangeText: (value?: number) => void;
5
6
  }
6
7
  declare const NumberInput: React.FC<Props>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@draftbit/core",
3
- "version": "43.2.3",
3
+ "version": "43.2.4-3548b7.1+3548b753",
4
4
  "description": "Core (non-native) Components",
5
5
  "main": "lib/commonjs/index.js",
6
6
  "module": "lib/module/index.js",
@@ -79,5 +79,5 @@
79
79
  ]
80
80
  ]
81
81
  },
82
- "gitHead": "f3dca473f7dc1323eaf73bb646b2349e97769fba"
82
+ "gitHead": "3548b753e85faa92a168638653e9aef645a2fce5"
83
83
  }
@@ -1,23 +1,32 @@
1
1
  import React from "react";
2
- import { TextInput as NativeNumberInput } from "react-native";
3
- const NumberInput = ({ defaultValue, onChangeText, ...props }) => {
4
- const [internalValue, setInternalValue] = React.useState(defaultValue);
2
+ import { TextInput } from "react-native";
3
+ const getValue = (valueFromProp, defaultValue) => {
4
+ let value = valueFromProp ?? defaultValue;
5
+ if (typeof value !== "number" || Number.isNaN(value)) {
6
+ value = 0;
7
+ }
8
+ return value;
9
+ };
10
+ const NumberInput = ({ onChangeText, value: valueFromProp, defaultValue, ...props }) => {
11
+ const value = getValue(valueFromProp, defaultValue);
12
+ const [isDecimal, setIsDecimal] = React.useState(!Number.isInteger(value));
5
13
  React.useEffect(() => {
6
- if (defaultValue != null) {
7
- setInternalValue(defaultValue);
8
- }
9
- }, [defaultValue]);
10
- const handleChangeText = (value) => {
11
- setInternalValue(value);
14
+ const newValue = getValue(valueFromProp, defaultValue);
15
+ setIsDecimal(newValue.toString().includes("."));
16
+ }, [valueFromProp, defaultValue]);
17
+ const handleChangeText = (newValue) => {
12
18
  if (onChangeText) {
13
- onChangeText(stringToInteger(value));
19
+ const parsedNumber = parseFloat(newValue);
20
+ const number = isNaN(parsedNumber) ? 0 : parsedNumber;
21
+ setIsDecimal(newValue.includes("."));
22
+ onChangeText(number);
14
23
  }
15
24
  };
16
- return (React.createElement(NativeNumberInput, { keyboardType: "numeric", onChangeText: handleChangeText, ...props, value: internalValue }));
17
- };
18
- const stringToInteger = (str) => {
19
- const number = parseFloat(str);
20
- return isNaN(number) ? 0 : number;
25
+ let strValue = value.toString();
26
+ if (isDecimal && !strValue.includes(".")) {
27
+ strValue = `${strValue}.`;
28
+ }
29
+ return (React.createElement(TextInput, { keyboardType: "numeric", ...props, value: valueFromProp !== undefined ? strValue : undefined, defaultValue: defaultValue !== undefined ? strValue : undefined, onChangeText: handleChangeText }));
21
30
  };
22
31
  export default NumberInput;
23
32
  // comment to try to fix sourcemap issue
@@ -1,46 +1,61 @@
1
1
  import React from "react";
2
- import { TextInput as NativeNumberInput } from "react-native";
2
+ import { TextInput } from "react-native";
3
3
 
4
4
  interface Props {
5
- defaultValue?: string;
5
+ value?: number;
6
+ defaultValue?: number;
6
7
  onChangeText: (value?: number) => void;
7
8
  }
8
9
 
10
+ const getValue = (
11
+ valueFromProp: number | undefined,
12
+ defaultValue: number | undefined
13
+ ) => {
14
+ let value = valueFromProp ?? defaultValue;
15
+ if (typeof value !== "number" || Number.isNaN(value)) {
16
+ value = 0;
17
+ }
18
+ return value;
19
+ };
20
+
9
21
  const NumberInput: React.FC<Props> = ({
10
- defaultValue,
11
22
  onChangeText,
23
+ value: valueFromProp,
24
+ defaultValue,
12
25
  ...props
13
26
  }) => {
14
- const [internalValue, setInternalValue] = React.useState(defaultValue);
15
-
27
+ const value = getValue(valueFromProp, defaultValue);
28
+ const [isDecimal, setIsDecimal] = React.useState(!Number.isInteger(value));
16
29
  React.useEffect(() => {
17
- if (defaultValue != null) {
18
- setInternalValue(defaultValue);
19
- }
20
- }, [defaultValue]);
30
+ const newValue = getValue(valueFromProp, defaultValue);
31
+ setIsDecimal(newValue.toString().includes("."));
32
+ }, [valueFromProp, defaultValue]);
21
33
 
22
- const handleChangeText = (value: string) => {
23
- setInternalValue(value);
34
+ const handleChangeText = (newValue: string) => {
24
35
  if (onChangeText) {
25
- onChangeText(stringToInteger(value));
36
+ const parsedNumber = parseFloat(newValue);
37
+ const number = isNaN(parsedNumber) ? 0 : parsedNumber;
38
+ setIsDecimal(newValue.includes("."));
39
+ onChangeText(number);
26
40
  }
27
41
  };
28
42
 
43
+ let strValue: string = value.toString();
44
+ if (isDecimal && !strValue.includes(".")) {
45
+ strValue = `${strValue}.`;
46
+ }
47
+
29
48
  return (
30
- <NativeNumberInput
49
+ <TextInput
31
50
  keyboardType="numeric"
32
- onChangeText={handleChangeText}
33
51
  {...props}
34
- value={internalValue}
52
+ value={valueFromProp !== undefined ? strValue : undefined}
53
+ defaultValue={defaultValue !== undefined ? strValue : undefined}
54
+ onChangeText={handleChangeText}
35
55
  />
36
56
  );
37
57
  };
38
58
 
39
- const stringToInteger = (str: string | undefined): number => {
40
- const number = parseFloat(str as string);
41
- return isNaN(number) ? 0 : number;
42
- };
43
-
44
59
  export default NumberInput;
45
60
 
46
61
  // comment to try to fix sourcemap issue