@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.
- package/lib/commonjs/components/Accordion/index.js.map +1 -1
- package/lib/commonjs/components/CardContainer.js +5 -16
- package/lib/commonjs/components/CardContainer.js.map +1 -1
- package/lib/commonjs/components/DeprecatedButton.js +4 -19
- package/lib/commonjs/components/DeprecatedButton.js.map +1 -1
- package/lib/commonjs/components/NumberInput.js +32 -18
- package/lib/commonjs/components/NumberInput.js.map +1 -1
- package/lib/commonjs/components/Picker/PickerComponent.android.js +6 -20
- package/lib/commonjs/components/Picker/PickerComponent.android.js.map +1 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/mappings/ActionSheet.js.map +1 -1
- package/lib/commonjs/mappings/CheckboxGroup.js.map +1 -1
- package/lib/commonjs/mappings/CircleImage.js.map +1 -1
- package/lib/commonjs/mappings/FAB.js.map +1 -1
- package/lib/commonjs/mappings/Layout.js.map +1 -1
- package/lib/commonjs/mappings/Modal.js.map +1 -1
- package/lib/commonjs/mappings/ProgressCircle.js.map +1 -1
- package/lib/commonjs/mappings/RadioButtonGroup.js.map +1 -1
- package/lib/commonjs/mappings/RadioButtonRow.js.map +1 -1
- package/lib/commonjs/mappings/StarRating.js +2 -6
- package/lib/commonjs/mappings/StarRating.js.map +1 -1
- package/lib/commonjs/mappings/Surface.js.map +1 -1
- package/lib/commonjs/mappings/Touchable.js.map +1 -1
- package/lib/commonjs/theming.js.map +1 -1
- package/lib/module/components/NumberInput.js +34 -20
- package/lib/module/components/NumberInput.js.map +1 -1
- package/lib/typescript/src/components/NumberInput.d.ts +2 -1
- package/package.json +2 -2
- package/src/components/NumberInput.js +24 -15
- package/src/components/NumberInput.tsx +35 -20
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
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
|
-
|
|
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.
|
|
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, {
|
|
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.
|
|
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 [
|
|
35
|
+
const [isDecimal, setIsDecimal] = _react.default.useState(!Number.isInteger(value));
|
|
24
36
|
|
|
25
37
|
_react.default.useEffect(() => {
|
|
26
|
-
|
|
27
|
-
|
|
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
|
-
|
|
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:
|
|
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":["
|
|
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, {
|
|
114
|
+
}, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
|
|
113
115
|
value: selectedLabel,
|
|
114
|
-
placeholder: placeholder
|
|
115
|
-
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
|
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
|
|
23
|
+
const value = getValue(valueFromProp, defaultValue);
|
|
24
|
+
const [isDecimal, setIsDecimal] = React.useState(!Number.isInteger(value));
|
|
13
25
|
React.useEffect(() => {
|
|
14
|
-
|
|
15
|
-
|
|
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
|
-
|
|
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
|
-
|
|
28
|
-
|
|
29
|
-
|
|
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:
|
|
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","
|
|
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"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "43.2.
|
|
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": "
|
|
82
|
+
"gitHead": "3548b753e85faa92a168638653e9aef645a2fce5"
|
|
83
83
|
}
|
|
@@ -1,23 +1,32 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { TextInput
|
|
3
|
-
const
|
|
4
|
-
|
|
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
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
-
|
|
19
|
+
const parsedNumber = parseFloat(newValue);
|
|
20
|
+
const number = isNaN(parsedNumber) ? 0 : parsedNumber;
|
|
21
|
+
setIsDecimal(newValue.includes("."));
|
|
22
|
+
onChangeText(number);
|
|
14
23
|
}
|
|
15
24
|
};
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
return
|
|
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
|
|
2
|
+
import { TextInput } from "react-native";
|
|
3
3
|
|
|
4
4
|
interface Props {
|
|
5
|
-
|
|
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
|
|
15
|
-
|
|
27
|
+
const value = getValue(valueFromProp, defaultValue);
|
|
28
|
+
const [isDecimal, setIsDecimal] = React.useState(!Number.isInteger(value));
|
|
16
29
|
React.useEffect(() => {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}, [defaultValue]);
|
|
30
|
+
const newValue = getValue(valueFromProp, defaultValue);
|
|
31
|
+
setIsDecimal(newValue.toString().includes("."));
|
|
32
|
+
}, [valueFromProp, defaultValue]);
|
|
21
33
|
|
|
22
|
-
const handleChangeText = (
|
|
23
|
-
setInternalValue(value);
|
|
34
|
+
const handleChangeText = (newValue: string) => {
|
|
24
35
|
if (onChangeText) {
|
|
25
|
-
|
|
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
|
-
<
|
|
49
|
+
<TextInput
|
|
31
50
|
keyboardType="numeric"
|
|
32
|
-
onChangeText={handleChangeText}
|
|
33
51
|
{...props}
|
|
34
|
-
value={
|
|
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
|