@draftbit/core 44.1.8 → 44.1.9-a8c6fb.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/Provider.js.map +1 -1
- package/lib/commonjs/components/Picker/Picker.js +249 -27
- package/lib/commonjs/components/Picker/Picker.js.map +1 -1
- package/lib/commonjs/components/Touchable.web.js.map +1 -1
- package/lib/commonjs/mappings/AvatarEdit.js.map +1 -1
- package/lib/commonjs/mappings/CardContainer.js.map +1 -1
- package/lib/commonjs/mappings/Carousel.js.map +1 -1
- package/lib/commonjs/mappings/CustomCode.js.map +1 -1
- package/lib/commonjs/mappings/Image.js.map +1 -1
- package/lib/commonjs/mappings/Picker.js +3 -1
- package/lib/commonjs/mappings/Picker.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/RowBodyIcon.js.map +1 -1
- package/lib/commonjs/mappings/ScrollView.js.map +1 -1
- package/lib/commonjs/mappings/Stepper.js.map +1 -1
- package/lib/commonjs/mappings/Swiper.js.map +1 -1
- package/lib/commonjs/styles/overlay.js.map +1 -1
- package/lib/commonjs/styles/shadow.js.map +1 -1
- package/lib/commonjs/utilities.js +19 -0
- package/lib/commonjs/utilities.js.map +1 -1
- package/lib/module/components/Picker/Picker.js +236 -29
- package/lib/module/components/Picker/Picker.js.map +1 -1
- package/lib/module/mappings/Picker.js +4 -2
- package/lib/module/mappings/Picker.js.map +1 -1
- package/lib/module/utilities.js +12 -1
- package/lib/module/utilities.js.map +1 -1
- package/lib/typescript/src/components/Picker/Picker.d.ts +28 -4
- package/lib/typescript/src/mappings/Picker.d.ts +21 -0
- package/lib/typescript/src/utilities.d.ts +7 -0
- package/package.json +2 -2
- package/src/components/Picker/Picker.js +184 -18
- package/src/components/Picker/Picker.tsx +362 -35
- package/src/mappings/Picker.js +3 -1
- package/src/mappings/Picker.ts +4 -0
- package/src/utilities.js +49 -1
- package/src/utilities.ts +65 -1
- package/lib/commonjs/components/Picker/PickerComponent.android.js +0 -135
- package/lib/commonjs/components/Picker/PickerComponent.android.js.map +0 -1
- package/lib/commonjs/components/Picker/PickerComponent.ios.js +0 -161
- package/lib/commonjs/components/Picker/PickerComponent.ios.js.map +0 -1
- package/lib/commonjs/components/Picker/PickerComponent.web.js +0 -136
- package/lib/commonjs/components/Picker/PickerComponent.web.js.map +0 -1
- package/lib/commonjs/components/Picker/PickerTypes.js +0 -6
- package/lib/commonjs/components/Picker/PickerTypes.js.map +0 -1
- package/lib/module/components/Picker/PickerComponent.android.js +0 -112
- package/lib/module/components/Picker/PickerComponent.android.js.map +0 -1
- package/lib/module/components/Picker/PickerComponent.ios.js +0 -135
- package/lib/module/components/Picker/PickerComponent.ios.js.map +0 -1
- package/lib/module/components/Picker/PickerComponent.web.js +0 -113
- package/lib/module/components/Picker/PickerComponent.web.js.map +0 -1
- package/lib/module/components/Picker/PickerTypes.js +0 -2
- package/lib/module/components/Picker/PickerTypes.js.map +0 -1
- package/lib/typescript/src/components/Picker/PickerComponent.android.d.ts +0 -6
- package/lib/typescript/src/components/Picker/PickerComponent.ios.d.ts +0 -7
- package/lib/typescript/src/components/Picker/PickerComponent.web.d.ts +0 -6
- package/lib/typescript/src/components/Picker/PickerTypes.d.ts +0 -18
- package/src/components/Picker/PickerComponent.android.js +0 -68
- package/src/components/Picker/PickerComponent.android.tsx +0 -116
- package/src/components/Picker/PickerComponent.ios.js +0 -78
- package/src/components/Picker/PickerComponent.ios.tsx +0 -142
- package/src/components/Picker/PickerComponent.web.js +0 -69
- package/src/components/Picker/PickerComponent.web.tsx +0 -117
- package/src/components/Picker/PickerTypes.js +0 -1
- package/src/components/Picker/PickerTypes.ts +0 -18
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Provider.
|
|
1
|
+
{"version":3,"sources":["Provider.js"],"names":["Provider","React","Component","render","createElement","PortalHost","ThemeProvider","theme","props","children"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AACe,MAAMA,QAAN,SAAuBC,KAAK,CAACC,SAA7B,CAAuC;AAClDC,EAAAA,MAAM,GAAG;AACL,wBAAQF,KAAK,CAACG,aAAN,CAAoBC,mBAApB,EAAgC,IAAhC,eACJJ,KAAK,CAACG,aAAN,CAAoBE,sBAApB,EAAmC;AAAEC,MAAAA,KAAK,EAAE,KAAKC,KAAL,CAAWD;AAApB,KAAnC,EAAgE,KAAKC,KAAL,CAAWC,QAA3E,CADI,CAAR;AAEH;;AAJiD","sourcesContent":["import * as React from \"react\";\nimport { ThemeProvider } from \"./theming\";\nimport PortalHost from \"./components/Portal/PortalHost\";\nexport default class Provider extends React.Component {\n render() {\n return (React.createElement(PortalHost, null,\n React.createElement(ThemeProvider, { theme: this.props.theme }, this.props.children)));\n }\n}\n"]}
|
|
@@ -7,9 +7,23 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
var React = _interopRequireWildcard(require("react"));
|
|
9
9
|
|
|
10
|
+
var _reactNative = require("react-native");
|
|
11
|
+
|
|
12
|
+
var _lodash = require("lodash");
|
|
13
|
+
|
|
14
|
+
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
15
|
+
|
|
16
|
+
var _picker = require("@react-native-picker/picker");
|
|
17
|
+
|
|
10
18
|
var _theming = require("../../theming");
|
|
11
19
|
|
|
12
|
-
var
|
|
20
|
+
var _Portal = _interopRequireDefault(require("../Portal/Portal"));
|
|
21
|
+
|
|
22
|
+
var _DeprecatedButton = _interopRequireDefault(require("../DeprecatedButton"));
|
|
23
|
+
|
|
24
|
+
var _Touchable = _interopRequireDefault(require("../Touchable"));
|
|
25
|
+
|
|
26
|
+
var _utilities = require("../../utilities");
|
|
13
27
|
|
|
14
28
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
29
|
|
|
@@ -17,24 +31,22 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
17
31
|
|
|
18
32
|
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; }
|
|
19
33
|
|
|
20
|
-
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); }
|
|
21
|
-
|
|
22
34
|
function normalizeOptions(options) {
|
|
23
35
|
if (options.length === 0) {
|
|
24
36
|
return [];
|
|
25
37
|
}
|
|
26
38
|
|
|
27
|
-
if (typeof options[0] === "string") {
|
|
39
|
+
if (typeof options[0] === ("string" || "number")) {
|
|
28
40
|
return options.map(option => ({
|
|
29
|
-
label: option,
|
|
41
|
+
label: String(option),
|
|
30
42
|
value: String(option)
|
|
31
43
|
}));
|
|
32
44
|
}
|
|
33
45
|
|
|
34
|
-
if (options[0].
|
|
46
|
+
if ((0, _lodash.isObject)(options[0]) && options[0].value !== null && options[0].label !== null) {
|
|
35
47
|
return options.map(option => {
|
|
36
48
|
return {
|
|
37
|
-
label: option.label,
|
|
49
|
+
label: String(option.label),
|
|
38
50
|
value: String(option.value)
|
|
39
51
|
};
|
|
40
52
|
});
|
|
@@ -43,16 +55,36 @@ function normalizeOptions(options) {
|
|
|
43
55
|
throw new Error('Picker options must be either an array of strings or array of { "label": string; "value": string; } objects.');
|
|
44
56
|
}
|
|
45
57
|
|
|
58
|
+
const unstyledColor = "rgba(165, 173, 183, 1)";
|
|
59
|
+
const disabledColor = "rgb(240, 240, 240)";
|
|
60
|
+
const errorColor = "rgba(255, 69, 100, 1)";
|
|
61
|
+
|
|
46
62
|
const Picker = _ref => {
|
|
63
|
+
var _find$label, _find;
|
|
64
|
+
|
|
47
65
|
let {
|
|
66
|
+
error,
|
|
48
67
|
options = [],
|
|
68
|
+
onValueChange,
|
|
69
|
+
defaultValue,
|
|
70
|
+
Icon,
|
|
71
|
+
style,
|
|
49
72
|
placeholder,
|
|
50
|
-
onValueChange: onValueChangeOverride,
|
|
51
73
|
value,
|
|
52
|
-
|
|
53
|
-
|
|
74
|
+
disabled = false,
|
|
75
|
+
theme,
|
|
76
|
+
assistiveText,
|
|
77
|
+
label,
|
|
78
|
+
iconColor = unstyledColor,
|
|
79
|
+
iconSize = 24,
|
|
80
|
+
leftIconMode = "inset",
|
|
81
|
+
leftIconName,
|
|
82
|
+
placeholderTextColor = unstyledColor,
|
|
83
|
+
rightIconName,
|
|
84
|
+
type = "solid"
|
|
54
85
|
} = _ref;
|
|
55
86
|
const [internalValue, setInternalValue] = React.useState(value || defaultValue);
|
|
87
|
+
const [pickerVisible, togglePickerVisible] = React.useReducer(state => !state, false);
|
|
56
88
|
React.useEffect(() => {
|
|
57
89
|
if (value != null) {
|
|
58
90
|
setInternalValue(value);
|
|
@@ -63,36 +95,226 @@ const Picker = _ref => {
|
|
|
63
95
|
setInternalValue(defaultValue);
|
|
64
96
|
}
|
|
65
97
|
}, [defaultValue]);
|
|
66
|
-
const onValueChange = React.useCallback((itemValue, itemIndex) => {
|
|
67
|
-
if (placeholder && itemIndex === 0) {
|
|
68
|
-
return;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
onValueChangeOverride && onValueChangeOverride(String(itemValue), itemIndex);
|
|
72
|
-
}, [placeholder, onValueChangeOverride]);
|
|
73
98
|
const normalizedOptions = normalizeOptions(options);
|
|
74
99
|
const pickerOptions = placeholder ? [{
|
|
75
100
|
value: placeholder,
|
|
76
101
|
label: placeholder
|
|
77
102
|
}, ...normalizedOptions] : normalizedOptions;
|
|
103
|
+
const {
|
|
104
|
+
colors
|
|
105
|
+
} = theme;
|
|
106
|
+
const {
|
|
107
|
+
viewStyles,
|
|
108
|
+
textStyles
|
|
109
|
+
} = (0, _utilities.extractStyles)(style);
|
|
110
|
+
const {
|
|
111
|
+
marginStyles,
|
|
112
|
+
borderStyles: extractedBorderStyles
|
|
113
|
+
} = (0, _utilities.extractBorderAndMarginStyles)(viewStyles, ["backgroundColor"]);
|
|
114
|
+
const borderStyles = { ...{ ...(type === "solid" ? {
|
|
115
|
+
borderTopLeftRadius: 5,
|
|
116
|
+
borderTopRightRadius: 5,
|
|
117
|
+
borderBottomRightRadius: 5,
|
|
118
|
+
borderBottomLeftRadius: 5,
|
|
119
|
+
borderTopWidth: 1,
|
|
120
|
+
borderRightWidth: 1,
|
|
121
|
+
borderLeftWidth: 1
|
|
122
|
+
} : {}),
|
|
123
|
+
borderBottomWidth: 1,
|
|
124
|
+
borderColor: unstyledColor,
|
|
125
|
+
borderStyle: "solid"
|
|
126
|
+
},
|
|
127
|
+
...extractedBorderStyles,
|
|
128
|
+
...(error ? {
|
|
129
|
+
borderColor: errorColor
|
|
130
|
+
} : {}),
|
|
131
|
+
...(disabled ? {
|
|
132
|
+
borderColor: "transparent",
|
|
133
|
+
backgroundColor: disabledColor
|
|
134
|
+
} : {})
|
|
135
|
+
};
|
|
136
|
+
const platform = _reactNative.Platform.OS;
|
|
137
|
+
const stylesWithoutBordersAndMargins = { ...{
|
|
138
|
+
height: 60,
|
|
139
|
+
width: "100%",
|
|
140
|
+
flex: platform === "web" ? undefined : 1
|
|
141
|
+
},
|
|
142
|
+
...(0, _lodash.omit)(viewStyles, [..._utilities.borderStyleNames, ..._utilities.marginStyleNames, "backgroundColor"])
|
|
143
|
+
};
|
|
144
|
+
const selectedLabel = internalValue && ((_find$label = (_find = pickerOptions.find(option => option.value === internalValue)) === null || _find === void 0 ? void 0 : _find.label) !== null && _find$label !== void 0 ? _find$label : internalValue);
|
|
145
|
+
const labelText = label ? /*#__PURE__*/React.createElement(_reactNative.Text, {
|
|
146
|
+
style: {
|
|
147
|
+
textAlign: textStyles.textAlign,
|
|
148
|
+
color: unstyledColor,
|
|
149
|
+
fontSize: 12,
|
|
150
|
+
paddingBottom: 4
|
|
151
|
+
}
|
|
152
|
+
}, label) : null;
|
|
153
|
+
const leftIconOutset = leftIconMode === "outset";
|
|
154
|
+
const leftIcon = leftIconName ? /*#__PURE__*/React.createElement(Icon, {
|
|
155
|
+
name: leftIconName,
|
|
156
|
+
color: disabled ? unstyledColor : iconColor,
|
|
157
|
+
size: iconSize,
|
|
158
|
+
style: {
|
|
159
|
+
marginRight: 4,
|
|
160
|
+
marginLeft: 4
|
|
161
|
+
}
|
|
162
|
+
}) : null;
|
|
163
|
+
const rightIcon = rightIconName ? /*#__PURE__*/React.createElement(Icon, {
|
|
164
|
+
name: rightIconName,
|
|
165
|
+
color: disabled ? unstyledColor : iconColor,
|
|
166
|
+
size: iconSize,
|
|
167
|
+
style: {
|
|
168
|
+
marginRight: -10,
|
|
169
|
+
marginLeft: 8
|
|
170
|
+
}
|
|
171
|
+
}) : null;
|
|
172
|
+
const width = stylesWithoutBordersAndMargins === null || stylesWithoutBordersAndMargins === void 0 ? void 0 : stylesWithoutBordersAndMargins.width;
|
|
173
|
+
const textAlign = textStyles === null || textStyles === void 0 ? void 0 : textStyles.textAlign;
|
|
174
|
+
const paddingLeft = leftIconOutset && (!textAlign || textAlign === "left" || textAlign === "justify") ? iconSize + 4 : 0;
|
|
175
|
+
const assistiveTextLabel = assistiveText ? /*#__PURE__*/React.createElement(_reactNative.Text, {
|
|
176
|
+
style: {
|
|
177
|
+
textAlign,
|
|
178
|
+
width,
|
|
179
|
+
paddingLeft,
|
|
180
|
+
color: unstyledColor,
|
|
181
|
+
fontSize: 12,
|
|
182
|
+
paddingTop: 4
|
|
183
|
+
}
|
|
184
|
+
}, assistiveText) : null;
|
|
185
|
+
const primaryTextStyle = {
|
|
186
|
+
color: unstyledColor,
|
|
187
|
+
fontSize: 14,
|
|
188
|
+
...(0, _lodash.pickBy)(textStyles, _lodash.identity),
|
|
189
|
+
...(placeholder === internalValue ? {
|
|
190
|
+
color: placeholderTextColor
|
|
191
|
+
} : {}),
|
|
192
|
+
...(disabled ? {
|
|
193
|
+
color: unstyledColor
|
|
194
|
+
} : {})
|
|
195
|
+
};
|
|
78
196
|
|
|
79
197
|
const handleValueChange = (newValue, itemIndex) => {
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
if (onValueChange) {
|
|
83
|
-
onValueChange(newValue, itemIndex);
|
|
198
|
+
if (!placeholder || itemIndex > 0) {
|
|
199
|
+
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newValue, itemIndex);
|
|
84
200
|
}
|
|
201
|
+
|
|
202
|
+
setInternalValue(newValue);
|
|
85
203
|
};
|
|
86
204
|
|
|
87
|
-
return
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
205
|
+
return (
|
|
206
|
+
/*#__PURE__*/
|
|
207
|
+
|
|
208
|
+
/* marginsContainer */
|
|
209
|
+
React.createElement(_reactNative.View, {
|
|
210
|
+
style: [styles.marginsContainer, marginStyles]
|
|
211
|
+
}, /*#__PURE__*/React.createElement(_Touchable.default, {
|
|
212
|
+
disabled: disabled,
|
|
213
|
+
onPress: togglePickerVisible,
|
|
214
|
+
style: styles.touchableContainer
|
|
215
|
+
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
216
|
+
pointerEvents: "none",
|
|
217
|
+
style: [styles.outsetContainer, stylesWithoutBordersAndMargins, !leftIconOutset ? borderStyles : {}]
|
|
218
|
+
}, leftIcon, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
219
|
+
style: [styles.insetContainer, leftIconOutset ? borderStyles : {}]
|
|
220
|
+
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
221
|
+
style: styles.primaryTextContainer
|
|
222
|
+
}, labelText, /*#__PURE__*/React.createElement(_reactNative.Text, {
|
|
223
|
+
style: primaryTextStyle
|
|
224
|
+
}, String(selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : placeholder))), rightIcon)), assistiveTextLabel), platform === "ios" && pickerVisible ? /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
225
|
+
style: [styles.iosPicker, {
|
|
226
|
+
backgroundColor: colors.divider
|
|
227
|
+
}]
|
|
228
|
+
}, /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
|
|
229
|
+
style: styles.iosSafeArea
|
|
230
|
+
}, /*#__PURE__*/React.createElement(_DeprecatedButton.default, {
|
|
231
|
+
Icon: Icon,
|
|
232
|
+
type: "text",
|
|
233
|
+
onPress: togglePickerVisible,
|
|
234
|
+
style: styles.iosButton
|
|
235
|
+
}, "Close"), /*#__PURE__*/React.createElement(_picker.Picker, {
|
|
236
|
+
style: styles.iosNativePicker,
|
|
237
|
+
selectedValue: internalValue,
|
|
238
|
+
onValueChange: handleValueChange
|
|
239
|
+
}, pickerOptions.map(option => /*#__PURE__*/React.createElement(_picker.Picker.Item, {
|
|
240
|
+
label: option.label,
|
|
241
|
+
value: option.value,
|
|
242
|
+
key: option.value
|
|
243
|
+
})))))) : null, platform !== "ios" ? /*#__PURE__*/React.createElement(_picker.Picker, {
|
|
244
|
+
enabled: !disabled,
|
|
245
|
+
selectedValue: internalValue,
|
|
246
|
+
onValueChange: handleValueChange,
|
|
247
|
+
style: styles.nonIosPicker
|
|
248
|
+
}, pickerOptions.map(option => /*#__PURE__*/React.createElement(_picker.Picker.Item, {
|
|
249
|
+
label: option.label,
|
|
250
|
+
value: option.value,
|
|
251
|
+
key: option.value
|
|
252
|
+
}))) : null)
|
|
253
|
+
);
|
|
93
254
|
};
|
|
94
255
|
|
|
95
256
|
var _default = (0, _theming.withTheme)(Picker);
|
|
96
257
|
|
|
97
258
|
exports.default = _default;
|
|
259
|
+
|
|
260
|
+
const styles = _reactNative.StyleSheet.create({
|
|
261
|
+
marginsContainer: {
|
|
262
|
+
alignSelf: "stretch"
|
|
263
|
+
},
|
|
264
|
+
touchableContainer: {
|
|
265
|
+
alignSelf: "stretch",
|
|
266
|
+
alignItems: "center"
|
|
267
|
+
},
|
|
268
|
+
outsetContainer: {
|
|
269
|
+
flexDirection: "row",
|
|
270
|
+
alignItems: "center",
|
|
271
|
+
justifyContent: "space-between"
|
|
272
|
+
},
|
|
273
|
+
insetContainer: {
|
|
274
|
+
flex: 1,
|
|
275
|
+
height: "100%",
|
|
276
|
+
flexDirection: "row",
|
|
277
|
+
alignItems: "center",
|
|
278
|
+
justifyContent: "space-between",
|
|
279
|
+
paddingLeft: 12,
|
|
280
|
+
paddingRight: 12
|
|
281
|
+
},
|
|
282
|
+
primaryTextContainer: {
|
|
283
|
+
flex: 1
|
|
284
|
+
},
|
|
285
|
+
iosPicker: {
|
|
286
|
+
position: "absolute",
|
|
287
|
+
bottom: 0,
|
|
288
|
+
left: 0,
|
|
289
|
+
right: 0,
|
|
290
|
+
flexDirection: "row",
|
|
291
|
+
justifyContent: "center"
|
|
292
|
+
},
|
|
293
|
+
iosSafeArea: {
|
|
294
|
+
backgroundColor: "white",
|
|
295
|
+
flexDirection: "column",
|
|
296
|
+
width: "100%"
|
|
297
|
+
},
|
|
298
|
+
iosButton: {
|
|
299
|
+
alignSelf: "flex-end"
|
|
300
|
+
},
|
|
301
|
+
iosNativePicker: {
|
|
302
|
+
backgroundColor: "white"
|
|
303
|
+
},
|
|
304
|
+
nonIosPicker: {
|
|
305
|
+
opacity: 0,
|
|
306
|
+
position: "absolute",
|
|
307
|
+
top: 0,
|
|
308
|
+
left: 0,
|
|
309
|
+
right: 0,
|
|
310
|
+
bottom: 0,
|
|
311
|
+
width: "100%"
|
|
312
|
+
}
|
|
313
|
+
});
|
|
314
|
+
//# sourceMappingURL=Picker.js.mapft: 0,
|
|
315
|
+
right: 0,
|
|
316
|
+
bottom: 0,
|
|
317
|
+
width: "100%"
|
|
318
|
+
}
|
|
319
|
+
});
|
|
98
320
|
//# sourceMappingURL=Picker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Picker.tsx"],"names":["normalizeOptions","options","length","map","option","label","value","String","Error","Picker","placeholder","onValueChange","onValueChangeOverride","defaultValue","props","internalValue","setInternalValue","React","useState","useEffect","useCallback","itemValue","itemIndex","normalizedOptions","pickerOptions","handleValueChange","newValue"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../../theming\";\n//@ts-ignore\nimport PickerComponent from \"./PickerComponent\"; //unable to find file due to using .android/.web/.ios\nimport { PickerComponentProps, PickerOption } from \"./PickerTypes\";\n\ntype Props = PickerComponentProps & {\n placeholder?: string;\n value?: string;\n options: PickerOption[] | string[];\n};\n\nfunction normalizeOptions(options: Props[\"options\"]): PickerOption[] {\n if (options.length === 0) {\n return [];\n }\n\n if (typeof options[0] === \"string\") {\n return (options as string[]).map((option) => ({\n label: option,\n value: String(option),\n }));\n }\n\n if (options[0].label && options[0].value) {\n return options.map((option) => {\n return {\n label: option.label,\n value: String(option.value),\n };\n });\n }\n\n throw new Error(\n 'Picker options must be either an array of strings or array of { \"label\": string; \"value\": string; } objects.'\n );\n}\n\nconst Picker: React.FC<Props> = ({\n options = [],\n placeholder,\n onValueChange: onValueChangeOverride,\n value,\n defaultValue,\n ...props\n}) => {\n const [internalValue, setInternalValue] = React.useState<string | undefined>(\n value || defaultValue\n );\n\n React.useEffect(() => {\n if (value != null) {\n setInternalValue(value);\n }\n }, [value]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue]);\n\n const onValueChange = React.useCallback(\n (itemValue: string, itemIndex: number) => {\n if (placeholder && itemIndex === 0) {\n return;\n }\n onValueChangeOverride &&\n onValueChangeOverride(String(itemValue), itemIndex);\n },\n [placeholder, onValueChangeOverride]\n );\n\n const normalizedOptions = normalizeOptions(options);\n\n const pickerOptions = placeholder\n ? [{ value: placeholder, label: placeholder }, ...normalizedOptions]\n : normalizedOptions;\n\n const handleValueChange = (newValue: string, itemIndex: number) => {\n setInternalValue(newValue);\n if (onValueChange) {\n onValueChange(newValue, itemIndex);\n }\n };\n\n return (\n <PickerComponent\n {...props}\n selectedValue={String(internalValue)}\n placeholder={placeholder}\n options={pickerOptions}\n onValueChange={handleValueChange}\n />\n );\n};\n\nexport default withTheme(Picker);\n"]}
|
|
1
|
+
{"version":3,"sources":["Picker.tsx"],"names":["normalizeOptions","options","length","map","option","label","String","value","Error","unstyledColor","disabledColor","errorColor","Picker","error","onValueChange","defaultValue","Icon","style","placeholder","disabled","theme","assistiveText","iconColor","iconSize","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","internalValue","setInternalValue","React","useState","pickerVisible","togglePickerVisible","useReducer","state","useEffect","normalizedOptions","pickerOptions","colors","viewStyles","textStyles","marginStyles","borderStyles","extractedBorderStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","borderStyle","backgroundColor","platform","Platform","OS","stylesWithoutBordersAndMargins","height","width","flex","undefined","borderStyleNames","marginStyleNames","selectedLabel","find","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","paddingLeft","assistiveTextLabel","paddingTop","primaryTextStyle","identity","handleValueChange","newValue","itemIndex","styles","marginsContainer","touchableContainer","outsetContainer","insetContainer","primaryTextContainer","iosPicker","divider","iosSafeArea","iosButton","iosNativePicker","nonIosPicker","StyleSheet","create","alignSelf","alignItems","flexDirection","justifyContent","paddingRight","position","bottom","left","right","opacity","top"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n Text,\n Platform,\n ViewStyle,\n StyleProp,\n} from \"react-native\";\nimport { omit, pickBy, identity, isObject } from \"lodash\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport Touchable from \"../Touchable\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport {\n extractStyles,\n extractBorderAndMarginStyles,\n borderStyleNames,\n marginStyleNames,\n} from \"../../utilities\";\n\nexport interface PickerOption {\n value: string;\n label: string;\n}\n\nexport type PickerProps = {\n error?: any;\n placeholder?: string;\n disabled?: boolean;\n style?: StyleProp<ViewStyle> & { height?: number };\n value?: string;\n options: PickerOption[] | string[];\n onValueChange: (value: string, index: number) => void;\n defaultValue?: string;\n assistiveText?: string;\n label?: string;\n iconColor?: string;\n iconSize?: number;\n leftIconMode?: \"inset\" | \"outset\";\n leftIconName?: string;\n placeholderTextColor?: string;\n rightIconName?: string;\n type?: \"solid\" | \"underline\";\n theme: Theme;\n Icon: IconSlot[\"Icon\"];\n};\n\nfunction normalizeOptions(options: PickerProps[\"options\"]): PickerOption[] {\n if (options.length === 0) {\n return [];\n }\n\n if (typeof options[0] === (\"string\" || \"number\")) {\n return (options as string[]).map((option) => ({\n label: String(option),\n value: String(option),\n }));\n }\n\n if (\n isObject(options[0]) &&\n options[0].value !== null &&\n options[0].label !== null\n ) {\n return (options as PickerOption[]).map((option) => {\n return {\n label: String(option.label),\n value: String(option.value),\n };\n });\n }\n\n throw new Error(\n 'Picker options must be either an array of strings or array of { \"label\": string; \"value\": string; } objects.'\n );\n}\n\nconst unstyledColor = \"rgba(165, 173, 183, 1)\";\nconst disabledColor = \"rgb(240, 240, 240)\";\nconst errorColor = \"rgba(255, 69, 100, 1)\";\n\nconst Picker: React.FC<PickerProps> = ({\n error,\n options = [],\n onValueChange,\n defaultValue,\n Icon,\n style,\n placeholder,\n value,\n disabled = false,\n theme,\n assistiveText,\n label,\n iconColor = unstyledColor,\n iconSize = 24,\n leftIconMode = \"inset\",\n leftIconName,\n placeholderTextColor = unstyledColor,\n rightIconName,\n type = \"solid\",\n}) => {\n const [internalValue, setInternalValue] = React.useState<string | undefined>(\n value || defaultValue\n );\n\n const [pickerVisible, togglePickerVisible] = React.useReducer(\n (state) => !state,\n false\n );\n\n React.useEffect(() => {\n if (value != null) {\n setInternalValue(value);\n }\n }, [value]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue]);\n\n const normalizedOptions = normalizeOptions(options);\n\n const pickerOptions = placeholder\n ? [{ value: placeholder, label: placeholder }, ...normalizedOptions]\n : normalizedOptions;\n\n const { colors } = theme;\n\n const { viewStyles, textStyles } = extractStyles(style);\n\n const { marginStyles, borderStyles: extractedBorderStyles } =\n extractBorderAndMarginStyles(viewStyles, [\"backgroundColor\"]);\n\n const borderStyles = {\n ...{\n ...(type === \"solid\"\n ? {\n borderTopLeftRadius: 5,\n borderTopRightRadius: 5,\n borderBottomRightRadius: 5,\n borderBottomLeftRadius: 5,\n borderTopWidth: 1,\n borderRightWidth: 1,\n borderLeftWidth: 1,\n }\n : {}),\n borderBottomWidth: 1,\n borderColor: unstyledColor,\n borderStyle: \"solid\",\n },\n ...extractedBorderStyles,\n ...(error ? { borderColor: errorColor } : {}),\n ...(disabled\n ? { borderColor: \"transparent\", backgroundColor: disabledColor }\n : {}),\n };\n\n const platform = Platform.OS;\n\n const stylesWithoutBordersAndMargins = {\n ...{\n height: 60,\n width: \"100%\",\n flex: platform === \"web\" ? undefined : 1,\n },\n ...omit(viewStyles, [\n ...borderStyleNames,\n ...marginStyleNames,\n \"backgroundColor\",\n ]),\n };\n\n const selectedLabel =\n internalValue &&\n ((pickerOptions as unknown as PickerOption[]).find(\n (option) => option.value === internalValue\n )?.label ??\n internalValue);\n\n const labelText = label ? (\n <Text\n style={{\n textAlign: textStyles.textAlign,\n color: unstyledColor,\n fontSize: 12,\n paddingBottom: 4,\n }}\n >\n {label}\n </Text>\n ) : null;\n\n const leftIconOutset = leftIconMode === \"outset\";\n\n const leftIcon = leftIconName ? (\n <Icon\n name={leftIconName}\n color={disabled ? unstyledColor : iconColor}\n size={iconSize}\n style={{\n marginRight: 4,\n marginLeft: 4,\n }}\n />\n ) : null;\n\n const rightIcon = rightIconName ? (\n <Icon\n name={rightIconName}\n color={disabled ? unstyledColor : iconColor}\n size={iconSize}\n style={{\n marginRight: -10,\n marginLeft: 8,\n }}\n />\n ) : null;\n\n const width = stylesWithoutBordersAndMargins?.width;\n\n const textAlign = textStyles?.textAlign;\n\n const paddingLeft =\n leftIconOutset &&\n (!textAlign || textAlign === \"left\" || textAlign === \"justify\")\n ? iconSize + 4\n : 0;\n\n const assistiveTextLabel = assistiveText ? (\n <Text\n style={{\n textAlign,\n width,\n paddingLeft,\n color: unstyledColor,\n fontSize: 12,\n paddingTop: 4,\n }}\n >\n {assistiveText}\n </Text>\n ) : null;\n\n const primaryTextStyle = {\n color: unstyledColor,\n fontSize: 14,\n ...pickBy(textStyles, identity),\n ...(placeholder === internalValue ? { color: placeholderTextColor } : {}),\n ...(disabled ? { color: unstyledColor } : {}),\n };\n\n const handleValueChange = (newValue: string, itemIndex: number) => {\n if (!placeholder || itemIndex > 0) {\n onValueChange?.(newValue, itemIndex);\n }\n setInternalValue(newValue);\n };\n\n return (\n /* marginsContainer */\n <View style={[styles.marginsContainer, marginStyles]}>\n {/* touchableContainer */}\n <Touchable\n disabled={disabled}\n onPress={togglePickerVisible}\n style={styles.touchableContainer}\n >\n {/* outsetContainer */}\n <View\n pointerEvents=\"none\"\n style={[\n styles.outsetContainer,\n stylesWithoutBordersAndMargins,\n !leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n ]}\n >\n {leftIcon}\n\n {/* insetContainer */}\n <View\n style={[\n styles.insetContainer,\n leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n ]}\n >\n {/* primaryTextContainer */}\n <View style={styles.primaryTextContainer}>\n {labelText}\n\n <Text style={primaryTextStyle}>\n {String(selectedLabel ?? placeholder)}\n </Text>\n </View>\n\n {rightIcon}\n </View>\n </View>\n {assistiveTextLabel}\n </Touchable>\n\n {/* iosPicker */}\n {platform === \"ios\" && pickerVisible ? (\n <Portal>\n <View\n style={[\n styles.iosPicker,\n {\n backgroundColor: colors.divider,\n },\n ]}\n >\n <SafeAreaView style={styles.iosSafeArea}>\n <Button\n Icon={Icon}\n type=\"text\"\n onPress={togglePickerVisible}\n style={styles.iosButton}\n >\n {\"Close\"}\n </Button>\n\n <NativePicker\n style={styles.iosNativePicker}\n selectedValue={internalValue}\n onValueChange={handleValueChange}\n >\n {(pickerOptions as unknown as PickerOption[]).map((option) => (\n <NativePicker.Item\n label={option.label}\n value={option.value}\n key={option.value}\n />\n ))}\n </NativePicker>\n </SafeAreaView>\n </View>\n </Portal>\n ) : null}\n\n {/* nonIosPicker */}\n {platform !== \"ios\" ? (\n <NativePicker\n enabled={!disabled}\n selectedValue={internalValue}\n onValueChange={handleValueChange}\n style={styles.nonIosPicker}\n >\n {(pickerOptions as unknown as PickerOption[]).map((option) => (\n <NativePicker.Item\n label={option.label}\n value={option.value}\n key={option.value}\n />\n ))}\n </NativePicker>\n ) : null}\n </View>\n );\n};\n\nexport default withTheme(Picker);\n\nconst styles = StyleSheet.create({\n marginsContainer: {\n alignSelf: \"stretch\",\n },\n touchableContainer: {\n alignSelf: \"stretch\",\n alignItems: \"center\",\n },\n outsetContainer: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n },\n insetContainer: {\n flex: 1,\n height: \"100%\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n paddingLeft: 12,\n paddingRight: 12,\n },\n primaryTextContainer: {\n flex: 1,\n },\n iosPicker: {\n position: \"absolute\",\n bottom: 0,\n left: 0,\n right: 0,\n flexDirection: \"row\",\n justifyContent: \"center\",\n },\n iosSafeArea: {\n backgroundColor: \"white\",\n flexDirection: \"column\",\n width: \"100%\",\n },\n iosButton: {\n alignSelf: \"flex-end\",\n },\n iosNativePicker: {\n backgroundColor: \"white\",\n },\n nonIosPicker: {\n opacity: 0,\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n width: \"100%\",\n },\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Touchable.web.
|
|
1
|
+
{"version":3,"sources":["Touchable.web.js"],"names":["TouchableOpacity"],"mappings":";;;;;;;AAAA;;eACeA,6B","sourcesContent":["import { TouchableOpacity } from \"react-native\";\nexport default TouchableOpacity;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["AvatarEdit.
|
|
1
|
+
{"version":3,"sources":["AvatarEdit.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","layout","width","height","props","size","group","GROUPS","basic","label","editable","required","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","min","max","precision","step","defaultValue","image","data","ASSET"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,aADiB;AAEvBC,EAAAA,GAAG,EAAE,YAFkB;AAGvBC,EAAAA,WAAW,EAAE,8CAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,UAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,KAAK,EAAE,EADD;AAENC,IAAAA,MAAM,EAAE;AAFF,GALe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAEC,cAAOC,KADV;AAEJC,MAAAA,KAAK,EAAE,MAFH;AAGJZ,MAAAA,WAAW,EAAE,gCAHT;AAIJa,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,KADD;AAeLC,IAAAA,KAAK,EAAE;AACLjB,MAAAA,KAAK,EAAEC,cAAOiB,IADT;AAELf,MAAAA,KAAK,EAAE,OAFF;AAGLZ,MAAAA,WAAW,EAAE,mBAHR;AAILa,MAAAA,QAAQ,EAAE,IAJL;AAKLC,MAAAA,QAAQ,EAAE,IALL;AAMLC,MAAAA,QAAQ,EAAEC,kBAAWU,KANhB;AAOLR,MAAAA,QAAQ,EAAEC,kBAAWS,KAPhB;AAQLH,MAAAA,YAAY,EAAE;AART;AAfF;AATgB,CAAlB","sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Avatar Edit\",\n tag: \"AvatarEdit\",\n description: \"An avatar with an edit icon in the top right\",\n category: COMPONENT_TYPES.deprecated,\n layout: {\n width: 64,\n height: 64,\n },\n props: {\n size: {\n group: GROUPS.basic,\n label: \"Size\",\n description: \"Size of avatar / width, height\",\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: 80,\n },\n image: {\n group: GROUPS.data,\n label: \"Image\",\n description: \"Name of the image\",\n editable: true,\n required: true,\n formType: FORM_TYPES.image,\n propType: PROP_TYPES.ASSET,\n defaultValue: \"brightness-5\",\n },\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CardContainer.
|
|
1
|
+
{"version":3,"sources":["CardContainer.js"],"names":["SEED_DATA_PROPS","image","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","group","GROUPS","data","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","textCentered","boolean","BOOLEAN","elevation","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","layout","props","numColumns"],"mappings":"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","sourcesContent":["import { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, createElevationType, createNumColumnsType, } from \"@draftbit/types\";\nconst SEED_DATA_PROPS = {\n image: {\n label: \"Image\",\n description: \"Image\",\n formType: FORM_TYPES.image,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: true,\n group: GROUPS.data,\n },\n title: {\n label: \"Title\",\n description: \"Text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n group: GROUPS.data,\n },\n leftDescription: {\n label: \"Left description\",\n description: \"Text to display on the left\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"San Diego\",\n editable: true,\n required: false,\n group: GROUPS.data,\n },\n rightDescription: {\n label: \"Right description\",\n description: \"Text to display on the right\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"$100\",\n editable: true,\n required: false,\n group: GROUPS.data,\n },\n icon: {\n label: \"Icon\",\n description: \"Icon to display on the top right\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.STRING /* OR ASSET TODO TEST ME */,\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n aspectRatio: {\n label: \"Aspect ratio\",\n description: \"Aspect ratio of the image\",\n formType: FORM_TYPES.aspectRatio,\n propType: PROP_TYPES.NUMBER,\n defaultValue: 1.5,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n textCentered: {\n label: \"Centered Text\",\n description: \"Whether to center the text\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: false,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n elevation: createElevationType(2),\n};\nexport const SEED_DATA = [\n {\n name: \"Medium Card\",\n tag: \"CardContainer\",\n description: \"An elevated card with a title and description, that takes up half of its container.\",\n category: COMPONENT_TYPES.card,\n layout: null,\n props: {\n ...SEED_DATA_PROPS,\n numColumns: createNumColumnsType({\n defaultValue: 2,\n }),\n },\n },\n {\n name: \"Large Card\",\n tag: \"CardContainer\",\n description: \"An elevated card with a title and description, that takes up its full container.\",\n category: COMPONENT_TYPES.card,\n layout: null,\n props: {\n ...SEED_DATA_PROPS,\n numColumns: createNumColumnsType({\n defaultValue: 3,\n }),\n },\n },\n];\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Carousel.
|
|
1
|
+
{"version":3,"sources":["Carousel.js"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","media","description","layout","height","props","resizeMode","dotColor","label"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG,CACrB;AACIC,EAAAA,IAAI,EAAE,UADV;AAEIC,EAAAA,GAAG,EAAE,UAFT;AAGIC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAH9B;AAIIC,EAAAA,WAAW,EAAE,2CAJjB;AAKIC,EAAAA,MAAM,EAAE;AACJC,IAAAA,MAAM,EAAE;AADJ,GALZ;AAQIC,EAAAA,KAAK,EAAE;AACHC,IAAAA,UAAU,EAAE,kCADT;AAEHC,IAAAA,QAAQ,EAAE,4BAAgB;AACtBC,MAAAA,KAAK,EAAE;AADe,KAAhB;AAFP;AARX,CADqB,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createResizeModeProp, createColorProp, } from \"@draftbit/types\";\nexport const SEED_DATA = [\n {\n name: \"Carousel\",\n tag: \"Carousel\",\n category: COMPONENT_TYPES.media,\n description: \"A horizontal scrolling carousel of images\",\n layout: {\n height: 250,\n },\n props: {\n resizeMode: createResizeModeProp(),\n dotColor: createColorProp({\n label: \"Dot color\",\n }),\n },\n },\n];\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CustomCode.
|
|
1
|
+
{"version":3,"sources":["CustomCode.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","data","props"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,aADe;AAErBC,EAAAA,GAAG,EAAE,YAFgB;AAGrBC,EAAAA,WAAW,EAAE,8CAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,IAJL;AAKrBC,EAAAA,KAAK,EAAE;AALc,CAAlB","sourcesContent":["import { COMPONENT_TYPES } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Custom Code\",\n tag: \"CustomCode\",\n description: \"A component that allows usage of custom code\",\n category: COMPONENT_TYPES.data,\n props: {},\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Image.
|
|
1
|
+
{"version":3,"sources":["Image.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","layout","width","height","props","source","resizeMode"],"mappings":";;;;;;;AAAA;;AAMO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,OADiB;AAEvBC,EAAAA,GAAG,EAAE,OAFkB;AAGvBC,EAAAA,WAAW,EAAE,yBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,KAAK,EAAE,GADD;AAENC,IAAAA,MAAM,EAAE;AAFF,GALe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,6BADH;AAELC,IAAAA,UAAU,EAAE;AAFP;AATgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createImageProp,\n createResizeModeProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Image\",\n tag: \"Image\",\n description: \"A basic Image Component\",\n category: COMPONENT_TYPES.media,\n layout: {\n width: 250,\n height: 250,\n },\n props: {\n source: createImageProp(),\n resizeMode: createResizeModeProp(),\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Picker.ts"],"names":["SEED_DATA_PROPS","label","group","GROUPS","data","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","placeholder","basic","placeholderTextColor","color","assistiveText","options","array","OBJECT","disabled","boolean","BOOLEAN","error","leftIconName","icon","ASSET","leftIconMode","flatArray","rightIconName","fieldName","FIELD_NAME","handlerPropName","SEED_DATA_TRIGGERS","Triggers","OnValueChange","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","preview_image_url","supports_list_render","triggers","props","type","layout"],"mappings":";;;;;;;AAAA;;
|
|
1
|
+
{"version":3,"sources":["Picker.ts"],"names":["SEED_DATA_PROPS","label","group","GROUPS","data","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","placeholder","basic","placeholderTextColor","color","assistiveText","options","array","OBJECT","disabled","boolean","BOOLEAN","error","leftIconName","icon","ASSET","leftIconMode","flatArray","rightIconName","fieldName","FIELD_NAME","handlerPropName","SEED_DATA_TRIGGERS","Triggers","OnValueChange","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","preview_image_url","supports_list_render","triggers","props","type","iconSize","iconColor","layout"],"mappings":"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","sourcesContent":["import {\n COMPONENT_TYPES,\n Triggers,\n GROUPS,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n createIconSizeProp,\n createColorProp,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n label: {\n group: GROUPS.data,\n label: \"Label\",\n description: \"The label to be displayed on the picker\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: true,\n },\n placeholder: {\n group: GROUPS.basic,\n label: \"Placeholder\",\n description: \"The placeholder text of the picker\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Select an option\",\n editable: true,\n required: false,\n },\n placeholderTextColor: {\n group: GROUPS.basic,\n label: \"Placeholder Text Color\",\n description: \"The color of the placeholder text.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.STRING,\n },\n assistiveText: {\n group: GROUPS.basic,\n label: \"Assistive text\",\n description: \"Helper text to display below the picker\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n },\n options: {\n group: GROUPS.data,\n label: \"Options\",\n description:\n \"Array of picker options. An array of objects containing a label and value.\",\n editable: true,\n required: false,\n formType: FORM_TYPES.array,\n propType: PROP_TYPES.OBJECT,\n options: [],\n defaultValue: null,\n },\n disabled: {\n group: GROUPS.basic,\n label: \"Disabled\",\n description:\n \"Whether the picker should be disabled. Will prevent selection and show a greyed out state.\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: false,\n editable: true,\n required: false,\n },\n error: {\n group: GROUPS.data,\n label: \"Error\",\n description: \"Whether the picker should display the error state\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: false,\n editable: true,\n required: false,\n },\n leftIconName: {\n group: GROUPS.basic,\n label: \"Left icon name\",\n description: \"The icon to display on the left\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n leftIconMode: {\n group: GROUPS.basic,\n label: \"Left icon mode\",\n description:\n \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"inset\",\n options: [\"inset\", \"outset\"],\n editable: true,\n required: true,\n },\n rightIconName: {\n group: GROUPS.basic,\n label: \"Right icon name\",\n description: \"The icon to display on the right\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n fieldName: {\n ...FIELD_NAME,\n defaultValue: \"pickerValue\",\n handlerPropName: \"onValueChange\",\n },\n};\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnValueChange];\nexport const SEED_DATA = [\n {\n name: \"Picker\",\n tag: \"Picker\",\n description: \"A component used to pick a value from a set of options\",\n category: COMPONENT_TYPES.input,\n preview_image_url: \"{CLOUDINARY_URL}/Picker.png\",\n supports_list_render: false,\n triggers: SEED_DATA_TRIGGERS,\n props: {\n ...SEED_DATA_PROPS,\n type: {\n label: \"Appearance\",\n description: \"Type of Picker\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"solid\",\n options: [\"solid\", \"underline\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n iconSize: createIconSizeProp(),\n iconColor: createColorProp(),\n },\n layout: {},\n },\n];\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["RadioButtonGroup.
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["RadioButtonRow.
|
|
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"]}
|