@draftbit/core 43.4.2-9ce900.0 → 43.4.3-a0e47d.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/Provider.js.map +1 -1
- package/lib/commonjs/components/Elevation.js +3 -14
- package/lib/commonjs/components/Elevation.js.map +1 -1
- package/lib/commonjs/components/FieldSearchBarFull.js.map +1 -1
- package/lib/commonjs/components/HeaderOverline.js.map +1 -1
- package/lib/commonjs/components/Picker/PickerComponent.ios.js +10 -30
- package/lib/commonjs/components/Picker/PickerComponent.ios.js.map +1 -1
- package/lib/commonjs/components/Swiper/Swiper.js.map +1 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/mappings/Fetch.js.map +1 -1
- package/lib/commonjs/mappings/HeaderLarge.js.map +1 -1
- package/lib/commonjs/mappings/Icon.js.map +1 -1
- package/lib/commonjs/mappings/LinearGradient.js +63 -11
- package/lib/commonjs/mappings/LinearGradient.js.map +1 -1
- package/lib/commonjs/mappings/RowBodyIcon.js.map +1 -1
- package/lib/commonjs/mappings/ToggleButton.js.map +1 -1
- package/lib/commonjs/styles/overlay.js.map +1 -1
- package/lib/module/components/RadioButton/RadioButtonGroup.js +5 -16
- package/lib/module/components/RadioButton/RadioButtonGroup.js.map +1 -1
- package/lib/module/components/RadioButton/index.js.map +1 -1
- package/lib/module/mappings/CheckboxGroup.js.map +1 -1
- package/lib/module/mappings/Container.js.map +1 -1
- package/lib/module/mappings/LinearGradient.js +64 -12
- package/lib/module/mappings/LinearGradient.js.map +1 -1
- package/lib/typescript/src/mappings/LinearGradient.d.ts +79 -6
- package/package.json +3 -2
- package/src/mappings/LinearGradient.js +64 -12
- package/src/mappings/LinearGradient.ts +69 -13
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Provider.
|
|
1
|
+
{"version":3,"sources":["Provider.tsx"],"names":["Provider","React","Component","render","props","theme","children"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAQe,MAAMA,QAAN,SAAuBC,KAAK,CAACC,SAA7B,CAA8C;AAC3DC,EAAAA,MAAM,GAAG;AACP,wBACE,oBAAC,mBAAD,qBACE,oBAAC,sBAAD;AAAe,MAAA,KAAK,EAAE,KAAKC,KAAL,CAAWC;AAAjC,OACG,KAAKD,KAAL,CAAWE,QADd,CADF,CADF;AAOD;;AAT0D","sourcesContent":["import * as React from \"react\";\nimport { ThemeProvider } from \"./theming\";\nimport PortalHost from \"./components/Portal/PortalHost\";\nimport { Theme } from \"@draftbit/types\";\n\ntype Props = {\n children: React.ReactNode;\n theme?: Theme;\n};\n\nexport default class Provider extends React.Component<Props> {\n render() {\n return (\n <PortalHost>\n <ThemeProvider theme={this.props.theme}>\n {this.props.children}\n </ThemeProvider>\n </PortalHost>\n );\n }\n}\n"]}
|
|
@@ -19,6 +19,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
19
19
|
|
|
20
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
21
|
|
|
22
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23
|
+
|
|
22
24
|
/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
|
|
23
25
|
const Elevation = _ref => {
|
|
24
26
|
let {
|
|
@@ -35,24 +37,11 @@ const Elevation = _ref => {
|
|
|
35
37
|
colors
|
|
36
38
|
} = theme;
|
|
37
39
|
const borderRadius = radius;
|
|
38
|
-
return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
|
|
40
|
+
return /*#__PURE__*/React.createElement(_reactNative.Animated.View, _extends({}, rest, {
|
|
39
41
|
style: [{
|
|
40
42
|
borderRadius,
|
|
41
43
|
backgroundColor: colors.surface
|
|
42
44
|
}, elevation ? (0, _shadow.default)(elevation) : null, style]
|
|
43
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
44
|
-
style: {
|
|
45
|
-
overflow: "hidden",
|
|
46
|
-
borderRadius
|
|
47
|
-
}
|
|
48
|
-
}, children));
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
var _default = (0, _theming.withTheme)(Elevation);
|
|
52
|
-
|
|
53
|
-
exports.default = _default;
|
|
54
|
-
//# sourceMappingURL=Elevation.js.mape
|
|
55
|
-
}, elevation ? (0, _shadow.default)(elevation) : null, style]
|
|
56
45
|
}), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
57
46
|
style: {
|
|
58
47
|
overflow: "hidden",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Elevation.
|
|
1
|
+
{"version":3,"sources":["Elevation.tsx"],"names":["Elevation","style","theme","children","rest","elevation","borderRadius","radius","StyleSheet","flatten","colors","backgroundColor","surface","overflow"],"mappings":";;;;;;;AAAA;;AACA;;AAQA;;AACA;;;;;;;;;;AAQA;AACA,MAAMA,SAA0B,GAAG,QAAyC;AAAA,MAAxC;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,QAAhB;AAA0B,OAAGC;AAA7B,GAAwC;AAC1E,QAAM;AAAEC,IAAAA,SAAS,GAAG,CAAd;AAAiBC,IAAAA,YAAY,EAAEC;AAA/B,MACJC,wBAAWC,OAAX,CAAmBR,KAAnB,KAA6B,EAD/B;AAEA,QAAM;AAAES,IAAAA;AAAF,MAAaR,KAAnB;AACA,QAAMI,YAAY,GAAGC,MAArB;AAEA,sBACE,oBAAC,qBAAD,CAAU,IAAV,eACMH,IADN;AAEE,IAAA,KAAK,EAAE,CACL;AACEE,MAAAA,YADF;AAEEK,MAAAA,eAAe,EAAED,MAAM,CAACE;AAF1B,KADK,EAKLP,SAAS,GAAG,qBAAOA,SAAP,CAAH,GAAuB,IAL3B,EAMLJ,KANK;AAFT,mBAWE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE;AAAEY,MAAAA,QAAQ,EAAE,QAAZ;AAAsBP,MAAAA;AAAtB;AAAb,KAAoDH,QAApD,CAXF,CADF;AAeD,CArBD;;eAuBe,wBAAUH,SAAV,C","sourcesContent":["import * as React from \"react\";\nimport {\n Animated,\n StyleSheet,\n ViewProps,\n StyleProp,\n ViewStyle,\n View,\n} from \"react-native\";\nimport shadow from \"../styles/shadow\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & ViewProps;\n\n/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */\nconst Elevation: React.FC<Props> = ({ style, theme, children, ...rest }) => {\n const { elevation = 4, borderRadius: radius } =\n StyleSheet.flatten(style) || {};\n const { colors } = theme;\n const borderRadius = radius;\n\n return (\n <Animated.View\n {...rest}\n style={[\n {\n borderRadius,\n backgroundColor: colors.surface,\n },\n elevation ? shadow(elevation) : null,\n style,\n ]}\n >\n <View style={{ overflow: \"hidden\", borderRadius }}>{children}</View>\n </Animated.View>\n );\n};\n\nexport default withTheme(Elevation);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["FieldSearchBarFull.
|
|
1
|
+
{"version":3,"sources":["FieldSearchBarFull.js"],"names":["FieldSearchBarFull","showIcon","Icon","icon","placeholder","style","theme","colors","typography","onChange","changeOverride","onSubmit","submitOverride","value","defaultValue","focused","setIsFocused","React","useState","onBlur","internalValue","setInternalValue","useEffect","useCallback","text","onFocus","e","lineHeight","typeStyles","body2","handleChangeText","newValue","createElement","View","styles","container","name","size","Config","fieldSearchBarFullIconSize","color","primary","light","marginLeft","flex","TextInput","clearButtonMode","onChangeText","onSubmitEditing","placeholderTextColor","medium","StyleSheet","create","flexDirection","alignItems"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, TextInput, StyleSheet, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nconst FieldSearchBarFull = ({ showIcon, Icon, icon = \"search\", placeholder = \"\", style, theme: { colors, typography }, onChange: changeOverride, onSubmit: submitOverride, value, defaultValue, }) => {\n const [focused, setIsFocused] = React.useState(false);\n const onBlur = () => {\n setIsFocused(false);\n };\n const [internalValue, setInternalValue] = React.useState(value || defaultValue);\n React.useEffect(() => {\n if (value != null) {\n setInternalValue(value);\n }\n }, [value]);\n React.useEffect(() => {\n if (defaultValue != null) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue]);\n const onChange = React.useCallback((text) => {\n changeOverride && changeOverride(text);\n }, [changeOverride]);\n const onFocus = () => {\n setIsFocused(true);\n };\n const onSubmit = (e) => {\n submitOverride && submitOverride(e);\n };\n const { lineHeight, ...typeStyles } = typography.body2; // eslint-disable-line @typescript-eslint/no-unused-vars\n const handleChangeText = (newValue) => {\n setInternalValue(newValue);\n if (onChange) {\n onChange(newValue);\n }\n };\n return (React.createElement(View, { style: [styles.container, style] },\n showIcon && (React.createElement(Icon, { name: icon, size: Config.fieldSearchBarFullIconSize, color: focused ? colors.primary : colors.light })),\n React.createElement(View, { style: { marginLeft: showIcon ? 12 : 0, flex: 1 } },\n React.createElement(TextInput, { clearButtonMode: \"while-editing\", placeholder: placeholder, value: internalValue, onBlur: onBlur, onFocus: onFocus, onChangeText: handleChangeText, onSubmitEditing: onSubmit, placeholderTextColor: colors.light, style: [\n {\n color: colors.medium,\n },\n typeStyles,\n ] }))));\n};\nconst styles = StyleSheet.create({\n container: {\n flexDirection: \"row\",\n alignItems: \"center\",\n },\n});\nexport default withTheme(FieldSearchBarFull);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["HeaderOverline.
|
|
1
|
+
{"version":3,"sources":["HeaderOverline.js"],"names":["HeaderOverline","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","React","createElement","Header","titleTypeStyle","overline","titleColor","light","toUpperCase","dividerTopMargin"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AACA,MAAMA,cAAc,GAAG,QAAmG;AAAA,MAAlG;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,KAAR;AAAeC,IAAAA,UAAf;AAA2BC,IAAAA,IAA3B;AAAiCC,IAAAA,OAAO,GAAG,MAAM,CAAG,CAApD;AAAsDC,IAAAA,KAAtD;AAA6DC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV;AAApE,GAAkG;AACtH,sBAAQC,KAAK,CAACC,aAAN,CAAoBC,eAApB,EAA4B;AAAEX,IAAAA,IAAI,EAAEA,IAAR;AAAcY,IAAAA,cAAc,EAAEJ,UAAU,CAACK,QAAzC;AAAmDC,IAAAA,UAAU,EAAEP,MAAM,CAACQ,KAAtE;AAA6Ed,IAAAA,KAAK,EAAEA,KAAK,IAAIA,KAAK,CAACe,WAAN,EAA7F;AAAkHd,IAAAA,UAAU,EAAEA,UAA9H;AAA0IC,IAAAA,IAAI,EAAEA,IAAhJ;AAAsJc,IAAAA,gBAAgB,EAAE,EAAxK;AAA4Kb,IAAAA,OAAO,EAAEA,OAArL;AAA8LC,IAAAA,KAAK,EAAEA;AAArM,GAA5B,CAAR;AACH,CAFD;;eAGe,wBAAUN,cAAV,C","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Header from \"./Header\";\nconst HeaderOverline = ({ Icon, title, buttonText, icon, onPress = () => { }, style, theme: { colors, typography }, }) => {\n return (React.createElement(Header, { Icon: Icon, titleTypeStyle: typography.overline, titleColor: colors.light, title: title && title.toUpperCase(), buttonText: buttonText, icon: icon, dividerTopMargin: 12, onPress: onPress, style: style }));\n};\nexport default withTheme(HeaderOverline);\n"]}
|
|
@@ -33,6 +33,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
33
33
|
|
|
34
34
|
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; }
|
|
35
35
|
|
|
36
|
+
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); }
|
|
37
|
+
|
|
36
38
|
const Picker = _ref => {
|
|
37
39
|
var _options$find$label, _options$find;
|
|
38
40
|
|
|
@@ -96,17 +98,18 @@ const Picker = _ref => {
|
|
|
96
98
|
}, /*#__PURE__*/React.createElement(_Touchable.default, {
|
|
97
99
|
disabled: disabled,
|
|
98
100
|
onPress: toggleVisibility
|
|
99
|
-
}, /*#__PURE__*/React.createElement(_TextField.default, {
|
|
101
|
+
}, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
|
|
100
102
|
value: String(selectedLabel),
|
|
101
|
-
placeholder: placeholder
|
|
102
|
-
|
|
103
|
-
ref: textField
|
|
103
|
+
placeholder: placeholder // @ts-ignore
|
|
104
|
+
,
|
|
105
|
+
ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
|
|
106
|
+
,
|
|
104
107
|
disabled: disabled,
|
|
105
|
-
pointerEvents: "none"
|
|
106
|
-
|
|
108
|
+
pointerEvents: "none" // @ts-expect-error
|
|
109
|
+
,
|
|
107
110
|
style: stylesWithoutMargin,
|
|
108
111
|
Icon: Icon
|
|
109
|
-
})), pickerVisible && /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
112
|
+
}))), pickerVisible && /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
110
113
|
style: [styles.picker, {
|
|
111
114
|
backgroundColor: colors.divider
|
|
112
115
|
}]
|
|
@@ -154,28 +157,5 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
154
157
|
|
|
155
158
|
var _default = (0, _theming.withTheme)(Picker);
|
|
156
159
|
|
|
157
|
-
exports.default = _default;
|
|
158
|
-
//# sourceMappingURL=PickerComponent.ios.js.mapretch"
|
|
159
|
-
},
|
|
160
|
-
picker: {
|
|
161
|
-
position: "absolute",
|
|
162
|
-
bottom: 0,
|
|
163
|
-
left: 0,
|
|
164
|
-
right: 0,
|
|
165
|
-
flexDirection: "row",
|
|
166
|
-
justifyContent: "center"
|
|
167
|
-
},
|
|
168
|
-
pickerContainer: {
|
|
169
|
-
backgroundColor: "white",
|
|
170
|
-
flexDirection: "column",
|
|
171
|
-
width: "100%"
|
|
172
|
-
},
|
|
173
|
-
closeButton: {
|
|
174
|
-
alignSelf: "flex-end"
|
|
175
|
-
}
|
|
176
|
-
});
|
|
177
|
-
|
|
178
|
-
var _default = (0, _theming.withTheme)(Picker);
|
|
179
|
-
|
|
180
160
|
exports.default = _default;
|
|
181
161
|
//# sourceMappingURL=PickerComponent.ios.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["PickerComponent.ios.
|
|
1
|
+
{"version":3,"sources":["PickerComponent.ios.tsx"],"names":["Picker","Icon","style","options","placeholder","selectedValue","disabled","onValueChange","theme","colors","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","React","useRef","undefined","pickerVisible","setIsPickerVisible","useState","toggleVisibility","current","toggleFocus","stylesWithoutMargin","StyleSheet","flatten","selectedLabel","find","o","value","label","styles","container","String","picker","divider","pickerContainer","closeButton","map","create","alignSelf","position","bottom","left","right","flexDirection","justifyContent","width"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport omit from \"lodash.omit\";\n\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\n\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\nimport { extractStyles } from \"../../utilities\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nconst Picker: React.FC<PickerComponentProps & IconSlot> = ({\n Icon,\n style,\n options,\n placeholder,\n selectedValue,\n disabled = false,\n onValueChange = () => {},\n theme: { colors },\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 const [pickerVisible, setIsPickerVisible] = React.useState(false);\n\n const toggleVisibility = () => {\n setIsPickerVisible(!pickerVisible);\n // @ts-ignore\n textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n };\n\n const stylesWithoutMargin =\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 <View style={[styles.container, viewStyles]}>\n <Touchable disabled={disabled} onPress={toggleVisibility}>\n <TextField\n {...props}\n value={String(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 pointerEvents=\"none\"\n // @ts-expect-error\n style={stylesWithoutMargin}\n Icon={Icon}\n />\n </Touchable>\n {pickerVisible && (\n <Portal>\n <View style={[styles.picker, { backgroundColor: colors.divider }]}>\n <SafeAreaView style={styles.pickerContainer}>\n <Button\n Icon={Icon}\n type=\"text\"\n onPress={toggleVisibility}\n style={styles.closeButton}\n >\n Close\n </Button>\n <NativePicker\n style={{ backgroundColor: \"white\" }}\n selectedValue={selectedValue}\n onValueChange={onValueChange}\n >\n {options.map((o: any) => (\n <NativePicker.Item\n label={o.label}\n value={o.value}\n key={o.value}\n />\n ))}\n </NativePicker>\n </SafeAreaView>\n </View>\n </Portal>\n )}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n alignSelf: \"stretch\",\n },\n picker: {\n position: \"absolute\",\n bottom: 0,\n left: 0,\n right: 0,\n flexDirection: \"row\",\n justifyContent: \"center\",\n },\n pickerContainer: {\n backgroundColor: \"white\",\n flexDirection: \"column\",\n width: \"100%\",\n },\n closeButton: {\n alignSelf: \"flex-end\",\n },\n});\n\nexport default withTheme(Picker);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Swiper.
|
|
1
|
+
{"version":3,"sources":["Swiper.tsx"],"names":["Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","children","style","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAkBA,MAAMA,MAAM,GAAG;AAAA,MAAC;AACdC,IAAAA,QAAQ,GAAG,KADG;AAEdC,IAAAA,IAAI,GAAG,KAFO;AAGdC,IAAAA,OAAO,GAAG,CAHI;AAIdC,IAAAA,IAAI,GAAG,CAJO;AAKdC,IAAAA,SAAS,GAAG,EALE;AAMdC,IAAAA,SAAS,GAAG,EANE;AAOdC,IAAAA,cAPc;AAQdC,IAAAA,cARc;AASdC,IAAAA,aAAa,GAAG,IATF;AAUdC,IAAAA,QAVc;AAWdC,IAAAA,cAXc;AAYdC,IAAAA,QAZc;AAadC,IAAAA;AAbc,GAAD;AAAA,sBAeb,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEA;AAAb,kBACE,6BAAC,6BAAD;AACE,IAAA,IAAI,EAAET,IADR;AAEE,IAAA,IAAI,EAAEF,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,QAAQ,EAAEF,QAJZ;AAKE,IAAA,aAAa,EAAE;AACbI,MAAAA,SADa;AAEbC,MAAAA,SAFa;AAGbQ,MAAAA,cAAc,EAAE;AAAEC,QAAAA,KAAK,EAAER;AAAT,OAHH;AAIbS,MAAAA,cAAc,EAAE;AAAED,QAAAA,KAAK,EAAEP;AAAT,OAJH;AAKbC,MAAAA,aALa;AAMb,UAAIC,QAAQ,GACR;AAAEO,QAAAA,QAAQ,EAAE;AAAEC,UAAAA,UAAU,EAAE;AAAEC,YAAAA,eAAe,EAAET;AAAnB;AAAd;AAAZ,OADQ,GAER,EAFJ,CANa;AASb,UAAIC,cAAc,GACd;AAAES,QAAAA,cAAc,EAAE;AAAED,UAAAA,eAAe,EAAER;AAAnB;AAAlB,OADc,GAEd,EAFJ;AATa;AALjB,KAmBGC,QAnBH,CADF,CAfa;AAAA,CAAf;;eAwCeZ,M","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps {\n vertical?: boolean;\n loop?: boolean;\n from?: number;\n timeout?: number;\n prevTitle?: string;\n nextTitle?: string;\n prevTitleColor?: string;\n nextTitleColor?: string;\n dotsTouchable?: boolean;\n dotColor?: string;\n dotActiveColor?: string;\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n vertical = false,\n loop = false,\n timeout = 0,\n from = 0,\n prevTitle = \"\",\n nextTitle = \"\",\n prevTitleColor,\n nextTitleColor,\n dotsTouchable = true,\n dotColor,\n dotActiveColor,\n children,\n style,\n}: SwiperProps) => (\n <View style={style}>\n <SwiperComponent\n from={from}\n loop={loop}\n timeout={timeout}\n vertical={vertical}\n controlsProps={{\n prevTitle,\n nextTitle,\n prevTitleStyle: { color: prevTitleColor },\n nextTitleStyle: { color: nextTitleColor },\n dotsTouchable,\n ...(dotColor\n ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }\n : {}),\n ...(dotActiveColor\n ? { dotActiveStyle: { backgroundColor: dotActiveColor } }\n : {}),\n }}\n >\n {children}\n </SwiperComponent>\n </View>\n);\n\nexport default Swiper;\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":["Fetch.
|
|
1
|
+
{"version":3,"sources":["Fetch.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","data","layout","minHeight","props"],"mappings":";;;;;;;AAAA;;AACA;AACO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,OADiB;AAEvBC,EAAAA,GAAG,EAAE,OAFkB;AAGvBC,EAAAA,WAAW,EACT,qEAJqB;AAKvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,IALH;AAMvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AADL,GANe;AASvBC,EAAAA,KAAK,EAAE;AATgB,CAAlB","sourcesContent":["import { COMPONENT_TYPES } from \"@draftbit/types\";\n/* TODO remove, still used inside the builder in a weird way */\nexport const SEED_DATA = {\n name: \"Fetch\",\n tag: \"Fetch\",\n description:\n \"Rest API Declarative Fetch component. Uses react-request internally\",\n category: COMPONENT_TYPES.data,\n layout: {\n minHeight: 40,\n },\n props: {},\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["HeaderLarge.
|
|
1
|
+
{"version":3,"sources":["HeaderLarge.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","header","layout","triggers","Triggers","OnPress","props","onPress","title","label","defaultValue","buttonText","icon","required"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,cADR;AAEEC,EAAAA,GAAG,EAAE,aAFP;AAGEC,EAAAA,WAAW,EACT,wEAJJ;AAKEC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAL5B;AAMEC,EAAAA,MAAM,EAAE,EANV;AAOEC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CAPZ;AAQEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,8BADJ;AAELC,IAAAA,KAAK,EAAE,2BAAe;AACpBC,MAAAA,KAAK,EAAE,OADa;AAEpBX,MAAAA,WAAW,EAAE,iBAFO;AAGpBY,MAAAA,YAAY,EAAE;AAHM,KAAf,CAFF;AAOLC,IAAAA,UAAU,EAAE,2BAAe;AACzBF,MAAAA,KAAK,EAAE,aADkB;AAEzBX,MAAAA,WAAW,EAAE,sCAFY;AAGzBY,MAAAA,YAAY,EAAE;AAHW,KAAf,CAPP;AAYLE,IAAAA,IAAI,EAAE,2BAAe;AACnBF,MAAAA,YAAY,EAAE,IADK;AAEnBG,MAAAA,QAAQ,EAAE;AAFS,KAAf;AAZD;AART,CADuB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createIconProp,\n createTextProp,\n createActionProp,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Header Large\",\n tag: \"HeaderLarge\",\n description:\n \"A large header with an optional touchable right aligned text and icon.\",\n category: COMPONENT_TYPES.header,\n layout: {},\n triggers: [Triggers.OnPress],\n props: {\n onPress: createActionProp(),\n title: createTextProp({\n label: \"Title\",\n description: \"Text to display\",\n defaultValue: \"Title\",\n }),\n buttonText: createTextProp({\n label: \"Button text\",\n description: \"Right aligned button text to display\",\n defaultValue: \"See All\",\n }),\n icon: createIconProp({\n defaultValue: null,\n required: false,\n }),\n },\n },\n];\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Icon.
|
|
1
|
+
{"version":3,"sources":["Icon.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","basic","layout","props","color","size","group","GROUPS","label","defaultValue","min","max","step","precision"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,GAAG,EAAE,MAFkB;AAGvBC,EAAAA,WAAW,EAAE,SAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACLP,IAAAA,IAAI,EAAE,4BADD;AAELQ,IAAAA,KAAK,EAAE,6BAFF;AAGLC,IAAAA,IAAI,EAAE,6BAAiB;AACrBC,MAAAA,KAAK,EAAEC,cAAON,KADO;AAErBO,MAAAA,KAAK,EAAE,MAFc;AAGrBV,MAAAA,WAAW,EAAE,+BAHQ;AAIrBW,MAAAA,YAAY,EAAE,EAJO;AAKrBC,MAAAA,GAAG,EAAE,EALgB;AAMrBC,MAAAA,GAAG,EAAE,GANgB;AAOrBC,MAAAA,IAAI,EAAE,CAPe;AAQrBC,MAAAA,SAAS,EAAE;AARU,KAAjB;AAHD;AANgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n GROUPS,\n createNumberProp,\n createColorProp,\n createIconProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Icon\",\n tag: \"Icon\",\n description: \"An icon\",\n category: COMPONENT_TYPES.basic,\n layout: {},\n props: {\n name: createIconProp(),\n color: createColorProp(),\n size: createNumberProp({\n group: GROUPS.basic,\n label: \"Size\",\n description: \"Width and height of your icon\",\n defaultValue: 24,\n min: 16,\n max: 128,\n step: 1,\n precision: 0,\n }),\n },\n};\n"]}
|
|
@@ -10,20 +10,72 @@ var _types = require("@draftbit/types");
|
|
|
10
10
|
const SEED_DATA = {
|
|
11
11
|
name: "Linear Gradient",
|
|
12
12
|
tag: "LinearGradient",
|
|
13
|
-
|
|
14
|
-
code_link: "https://github.com/expo/expo/blob/master/packages/expo/src/effects/LinearGradient.d.ts",
|
|
15
|
-
category: _types.COMPONENT_TYPES.layout,
|
|
16
|
-
supports_list_render: false,
|
|
17
|
-
layout: {},
|
|
13
|
+
description: "Linear Gradient Component",
|
|
18
14
|
props: {
|
|
19
|
-
|
|
15
|
+
color1: (0, _types.createColorProp)({
|
|
16
|
+
label: "Color 1"
|
|
17
|
+
}),
|
|
18
|
+
color2: (0, _types.createColorProp)({
|
|
19
|
+
label: "Color 2"
|
|
20
|
+
}),
|
|
21
|
+
color3: (0, _types.createColorProp)({
|
|
22
|
+
label: "Color 3"
|
|
23
|
+
}),
|
|
24
|
+
startX: {
|
|
20
25
|
group: _types.GROUPS.basic,
|
|
21
|
-
label: "
|
|
22
|
-
description: "
|
|
26
|
+
label: "Start X",
|
|
27
|
+
description: "Start position from Left",
|
|
23
28
|
editable: true,
|
|
24
|
-
required:
|
|
25
|
-
defaultValue:
|
|
26
|
-
|
|
29
|
+
required: false,
|
|
30
|
+
defaultValue: 0,
|
|
31
|
+
min: 0,
|
|
32
|
+
max: 100,
|
|
33
|
+
step: 1,
|
|
34
|
+
precision: 0,
|
|
35
|
+
formType: _types.FORM_TYPES.number,
|
|
36
|
+
propType: _types.PROP_TYPES.NUMBER
|
|
37
|
+
},
|
|
38
|
+
startY: {
|
|
39
|
+
group: _types.GROUPS.basic,
|
|
40
|
+
label: "Start Y",
|
|
41
|
+
description: "Start position from Top",
|
|
42
|
+
editable: true,
|
|
43
|
+
required: false,
|
|
44
|
+
defaultValue: 0,
|
|
45
|
+
min: 0,
|
|
46
|
+
max: 100,
|
|
47
|
+
step: 1,
|
|
48
|
+
precision: 0,
|
|
49
|
+
formType: _types.FORM_TYPES.number,
|
|
50
|
+
propType: _types.PROP_TYPES.NUMBER
|
|
51
|
+
},
|
|
52
|
+
endX: {
|
|
53
|
+
group: _types.GROUPS.basic,
|
|
54
|
+
label: "End Y",
|
|
55
|
+
description: "End position from Right",
|
|
56
|
+
editable: true,
|
|
57
|
+
required: false,
|
|
58
|
+
defaultValue: 100,
|
|
59
|
+
min: 0,
|
|
60
|
+
max: 100,
|
|
61
|
+
step: 1,
|
|
62
|
+
precision: 0,
|
|
63
|
+
formType: _types.FORM_TYPES.number,
|
|
64
|
+
propType: _types.PROP_TYPES.NUMBER
|
|
65
|
+
},
|
|
66
|
+
endY: {
|
|
67
|
+
group: _types.GROUPS.basic,
|
|
68
|
+
label: "End Y",
|
|
69
|
+
description: "End position from Bottom",
|
|
70
|
+
editable: true,
|
|
71
|
+
required: false,
|
|
72
|
+
defaultValue: 100,
|
|
73
|
+
min: 0,
|
|
74
|
+
max: 100,
|
|
75
|
+
step: 1,
|
|
76
|
+
precision: 0,
|
|
77
|
+
formType: _types.FORM_TYPES.number,
|
|
78
|
+
propType: _types.PROP_TYPES.NUMBER
|
|
27
79
|
}
|
|
28
80
|
}
|
|
29
81
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["LinearGradient.ts"],"names":["SEED_DATA","name","tag","
|
|
1
|
+
{"version":3,"sources":["LinearGradient.ts"],"names":["SEED_DATA","name","tag","description","props","color1","label","color2","color3","startX","group","GROUPS","basic","editable","required","defaultValue","min","max","step","precision","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","startY","endX","endY"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,iBADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,WAAW,EAAE,2BAHU;AAIvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,4BAAgB;AACtBC,MAAAA,KAAK,EAAE;AADe,KAAhB,CADH;AAILC,IAAAA,MAAM,EAAE,4BAAgB;AACtBD,MAAAA,KAAK,EAAE;AADe,KAAhB,CAJH;AAOLE,IAAAA,MAAM,EAAE,4BAAgB;AACtBF,MAAAA,KAAK,EAAE;AADe,KAAhB,CAPH;AAULG,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAEC,cAAOC,KADR;AAENN,MAAAA,KAAK,EAAE,SAFD;AAGNH,MAAAA,WAAW,EAAE,0BAHP;AAINU,MAAAA,QAAQ,EAAE,IAJJ;AAKNC,MAAAA,QAAQ,EAAE,KALJ;AAMNC,MAAAA,YAAY,EAAE,CANR;AAONC,MAAAA,GAAG,EAAE,CAPC;AAQNC,MAAAA,GAAG,EAAE,GARC;AASNC,MAAAA,IAAI,EAAE,CATA;AAUNC,MAAAA,SAAS,EAAE,CAVL;AAWNC,MAAAA,QAAQ,EAAEC,kBAAWC,MAXf;AAYNC,MAAAA,QAAQ,EAAEC,kBAAWC;AAZf,KAVH;AAwBLC,IAAAA,MAAM,EAAE;AACNhB,MAAAA,KAAK,EAAEC,cAAOC,KADR;AAENN,MAAAA,KAAK,EAAE,SAFD;AAGNH,MAAAA,WAAW,EAAE,yBAHP;AAINU,MAAAA,QAAQ,EAAE,IAJJ;AAKNC,MAAAA,QAAQ,EAAE,KALJ;AAMNC,MAAAA,YAAY,EAAE,CANR;AAONC,MAAAA,GAAG,EAAE,CAPC;AAQNC,MAAAA,GAAG,EAAE,GARC;AASNC,MAAAA,IAAI,EAAE,CATA;AAUNC,MAAAA,SAAS,EAAE,CAVL;AAWNC,MAAAA,QAAQ,EAAEC,kBAAWC,MAXf;AAYNC,MAAAA,QAAQ,EAAEC,kBAAWC;AAZf,KAxBH;AAsCLE,IAAAA,IAAI,EAAE;AACJjB,MAAAA,KAAK,EAAEC,cAAOC,KADV;AAEJN,MAAAA,KAAK,EAAE,OAFH;AAGJH,MAAAA,WAAW,EAAE,yBAHT;AAIJU,MAAAA,QAAQ,EAAE,IAJN;AAKJC,MAAAA,QAAQ,EAAE,KALN;AAMJC,MAAAA,YAAY,EAAE,GANV;AAOJC,MAAAA,GAAG,EAAE,CAPD;AAQJC,MAAAA,GAAG,EAAE,GARD;AASJC,MAAAA,IAAI,EAAE,CATF;AAUJC,MAAAA,SAAS,EAAE,CAVP;AAWJC,MAAAA,QAAQ,EAAEC,kBAAWC,MAXjB;AAYJC,MAAAA,QAAQ,EAAEC,kBAAWC;AAZjB,KAtCD;AAoDLG,IAAAA,IAAI,EAAE;AACJlB,MAAAA,KAAK,EAAEC,cAAOC,KADV;AAEJN,MAAAA,KAAK,EAAE,OAFH;AAGJH,MAAAA,WAAW,EAAE,0BAHT;AAIJU,MAAAA,QAAQ,EAAE,IAJN;AAKJC,MAAAA,QAAQ,EAAE,KALN;AAMJC,MAAAA,YAAY,EAAE,GANV;AAOJC,MAAAA,GAAG,EAAE,CAPD;AAQJC,MAAAA,GAAG,EAAE,GARD;AASJC,MAAAA,IAAI,EAAE,CATF;AAUJC,MAAAA,SAAS,EAAE,CAVP;AAWJC,MAAAA,QAAQ,EAAEC,kBAAWC,MAXjB;AAYJC,MAAAA,QAAQ,EAAEC,kBAAWC;AAZjB;AApDD;AAJgB,CAAlB","sourcesContent":["import {\n createColorProp,\n FORM_TYPES,\n GROUPS,\n PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Linear Gradient\",\n tag: \"LinearGradient\",\n description: \"Linear Gradient Component\",\n props: {\n color1: createColorProp({\n label: \"Color 1\",\n }),\n color2: createColorProp({\n label: \"Color 2\",\n }),\n color3: createColorProp({\n label: \"Color 3\",\n }),\n startX: {\n group: GROUPS.basic,\n label: \"Start X\",\n description: \"Start position from Left\",\n editable: true,\n required: false,\n defaultValue: 0,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n startY: {\n group: GROUPS.basic,\n label: \"Start Y\",\n description: \"Start position from Top\",\n editable: true,\n required: false,\n defaultValue: 0,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n endX: {\n group: GROUPS.basic,\n label: \"End Y\",\n description: \"End position from Right\",\n editable: true,\n required: false,\n defaultValue: 100,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n endY: {\n group: GROUPS.basic,\n label: \"End Y\",\n description: \"End position from Bottom\",\n editable: true,\n required: false,\n defaultValue: 100,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["RowBodyIcon.
|
|
1
|
+
{"version":3,"sources":["RowBodyIcon.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","row","preview_image_url","supports_list_render","props","title","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","icon","basic","ASSET","layout","subtitle"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,2BADR;AAEEC,EAAAA,GAAG,EAAE,aAFP;AAGEC,EAAAA,WAAW,EAAE,4DAHf;AAIEC,EAAAA,QAAQ,EAAEC,uBAAgBC,GAJ5B;AAKEC,EAAAA,iBAAiB,EAAE,8CALrB;AAMEC,EAAAA,oBAAoB,EAAE,IANxB;AAOEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEC,cAAOC,IADT;AAELC,MAAAA,KAAK,EAAE,OAFF;AAGLX,MAAAA,WAAW,EAAE,iBAHR;AAILY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJhB;AAKLC,MAAAA,QAAQ,EAAEC,kBAAWC,MALhB;AAMLC,MAAAA,YAAY,EAAE,4BANT;AAOLC,MAAAA,QAAQ,EAAE,IAPL;AAQLC,MAAAA,QAAQ,EAAE;AARL,KADF;AAWLC,IAAAA,IAAI,EAAE;AACJb,MAAAA,KAAK,EAAEC,cAAOa,KADV;AAEJX,MAAAA,KAAK,EAAE,MAFH;AAGJX,MAAAA,WAAW,EAAE,iBAHT;AAIJY,MAAAA,QAAQ,EAAEC,kBAAWQ,IAJjB;AAKJN,MAAAA,QAAQ,EAAEC,kBAAWO,KALjB;AAMJL,MAAAA,YAAY,EAAE,IANV;AAOJC,MAAAA,QAAQ,EAAE,IAPN;AAQJC,MAAAA,QAAQ,EAAE;AARN;AAXD,GAPT;AA6BEI,EAAAA,MAAM,EAAE;AA7BV,CADuB,EAgCvB;AACE1B,EAAAA,IAAI,EAAE,2BADR;AAEEC,EAAAA,GAAG,EAAE,aAFP;AAGEC,EAAAA,WAAW,EACT,8EAJJ;AAKEC,EAAAA,QAAQ,EAAEC,uBAAgBC,GAL5B;AAMEC,EAAAA,iBAAiB,EAAE,8CANrB;AAOEC,EAAAA,oBAAoB,EAAE,IAPxB;AAQEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEC,cAAOC,IADT;AAELC,MAAAA,KAAK,EAAE,OAFF;AAGLX,MAAAA,WAAW,EAAE,iBAHR;AAILY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJhB;AAKLC,MAAAA,QAAQ,EAAEC,kBAAWC,MALhB;AAMLC,MAAAA,YAAY,EAAE,4BANT;AAOLC,MAAAA,QAAQ,EAAE,IAPL;AAQLC,MAAAA,QAAQ,EAAE;AARL,KADF;AAWLK,IAAAA,QAAQ,EAAE;AACRjB,MAAAA,KAAK,EAAEC,cAAOC,IADN;AAERC,MAAAA,KAAK,EAAE,UAFC;AAGRX,MAAAA,WAAW,EAAE,0BAHL;AAIRY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJb;AAKRC,MAAAA,QAAQ,EAAEC,kBAAWC,MALb;AAMRC,MAAAA,YAAY,EAAE,WANN;AAORC,MAAAA,QAAQ,EAAE,IAPF;AAQRC,MAAAA,QAAQ,EAAE;AARF,KAXL;AAqBLC,IAAAA,IAAI,EAAE;AACJb,MAAAA,KAAK,EAAEC,cAAOa,KADV;AAEJX,MAAAA,KAAK,EAAE,MAFH;AAGJX,MAAAA,WAAW,EAAE,iBAHT;AAIJY,MAAAA,QAAQ,EAAEC,kBAAWQ,IAJjB;AAKJN,MAAAA,QAAQ,EAAEC,kBAAWO,KALjB;AAMJL,MAAAA,YAAY,EAAE,IANV;AAOJC,MAAAA,QAAQ,EAAE,IAPN;AAQJC,MAAAA,QAAQ,EAAE;AARN;AArBD,GART;AAwCEI,EAAAA,MAAM,EAAE;AAxCV,CAhCuB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n FORM_TYPES,\n GROUPS,\n PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Row Single Line Body Icon\",\n tag: \"RowBodyIcon\",\n description: \"A row with left aligned body text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_SingleLine_BodyIcon.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\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 },\n icon: {\n group: GROUPS.basic,\n label: \"Icon\",\n description: \"Icon to display\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Row Double Line Body Icon\",\n tag: \"RowBodyIcon\",\n description:\n \"A row with left aligned body text and subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_BodyIcon.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\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 },\n subtitle: {\n group: GROUPS.data,\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"San Diego\",\n editable: true,\n required: false,\n },\n icon: {\n group: GROUPS.basic,\n label: \"Icon\",\n description: \"Icon to display\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n];\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ToggleButton.
|
|
1
|
+
{"version":3,"sources":["ToggleButton.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","deprecated","layout","triggers","Triggers","OnPress","props","onPress","icon","required","iconSize","fieldName","defaultValue","valuePropName","disabled","label","description","group","GROUPS","basic","color","colorSecondary","borderColor","width","height","toggled"],"mappings":";;;;;;;AAAA;;AAaO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,eADiB;AAEvBC,EAAAA,GAAG,EAAE,cAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,UAHH;AAIvBC,EAAAA,MAAM,EAAE,EAJe;AAKvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CALa;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,8BADJ;AAELC,IAAAA,IAAI,EAAE,2BAAe;AACnBC,MAAAA,QAAQ,EAAE;AADS,KAAf,CAFD;AAKLC,IAAAA,QAAQ,EAAE,gCALL;AAMLC,IAAAA,SAAS,EAAE,gCAAoB;AAC7BC,MAAAA,YAAY,EAAE,KADe;AAE7BC,MAAAA,aAAa,EAAE;AAFc,KAApB,CANN;AAULC,IAAAA,QAAQ,EAAE,2BAAe;AACvBC,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,WAAW,EAAE,uCAFU;AAGvBC,MAAAA,KAAK,EAAEC,cAAOC;AAHS,KAAf,CAVL;AAeLC,IAAAA,KAAK,EAAE,4BAAgB;AACrBH,MAAAA,KAAK,EAAEC,cAAOC;AADO,KAAhB,CAfF;AAkBLE,IAAAA,cAAc,EAAE,4BAAgB;AAC9BN,MAAAA,KAAK,EAAE,iBADuB;AAE9BE,MAAAA,KAAK,EAAEC,cAAOC;AAFgB,KAAhB,CAlBX;AAsBLG,IAAAA,WAAW,EAAE,4BAAgB;AAC3BP,MAAAA,KAAK,EAAE,cADoB;AAE3BE,MAAAA,KAAK,EAAEC,cAAOC;AAFa,KAAhB,CAtBR;AA0BLI,IAAAA,KAAK,EAAE,mCAAuB;AAC5BR,MAAAA,KAAK,EAAE,OADqB;AAE5BC,MAAAA,WAAW,EAAE,OAFe;AAG5BJ,MAAAA,YAAY,EAAE;AAHc,KAAvB,CA1BF;AA+BLY,IAAAA,MAAM,EAAE,mCAAuB;AAC7BT,MAAAA,KAAK,EAAE,QADsB;AAE7BC,MAAAA,WAAW,EAAE,QAFgB;AAG7BJ,MAAAA,YAAY,EAAE;AAHe,KAAvB,CA/BH;AAoCLa,IAAAA,OAAO,EAAE,2BAAe;AACtBV,MAAAA,KAAK,EAAE,SADe;AAEtBC,MAAAA,WAAW,EAAE,kDAFS;AAGtBJ,MAAAA,YAAY,EAAE;AAHQ,KAAf;AApCJ;AANgB,CAAlB","sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n createIconProp,\n createBoolProp,\n createColorProp,\n createStaticNumberProp,\n createFieldNameProp,\n createIconSizeProp,\n createActionProp,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Toggle Button\",\n tag: \"ToggleButton\",\n category: COMPONENT_TYPES.deprecated,\n layout: {},\n triggers: [Triggers.OnPress],\n props: {\n onPress: createActionProp(),\n icon: createIconProp({\n required: true,\n }),\n iconSize: createIconSizeProp(),\n fieldName: createFieldNameProp({\n defaultValue: false,\n valuePropName: \"toggled\",\n }),\n disabled: createBoolProp({\n label: \"Disabled\",\n description: \"Whether the button should be disabled\",\n group: GROUPS.basic,\n }),\n color: createColorProp({\n group: GROUPS.basic,\n }),\n colorSecondary: createColorProp({\n label: \"Secondary Color\",\n group: GROUPS.basic,\n }),\n borderColor: createColorProp({\n label: \"Border Color\",\n group: GROUPS.basic,\n }),\n width: createStaticNumberProp({\n label: \"Width\",\n description: \"Width\",\n defaultValue: 50,\n }),\n height: createStaticNumberProp({\n label: \"Height\",\n description: \"Height\",\n defaultValue: 50,\n }),\n toggled: createBoolProp({\n label: \"Toggled\",\n description: \"Whether the button should show the toggled state\",\n defaultValue: false,\n }),\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["overlay.
|
|
1
|
+
{"version":3,"sources":["overlay.tsx"],"names":["isAnimatedValue","it","Animated","Value","overlay","elevation","surfaceColor","DarkTheme","colors","surface","inputRange","interpolate","outputRange","map","e","calculateColor","overlayTransparency","elevationOverlayTransparency","mix","hex"],"mappings":";;;;;;;AACA;;AACA;;AACA;;;;AAHA;AAKA,MAAMA,eAAe,GACnBC,EADsB,IAEGA,EAAE,YAAYC,sBAASC,KAFlD;;AAIe,SAASC,OAAT,CACbC,SADa,EAG+C;AAAA,MAD5DC,YAC4D,uEADrCC,mBAAUC,MAAV,CAAiBC,OACoB;;AAC5D,MAAIT,eAAe,CAACK,SAAD,CAAnB,EAAgC;AAC9B,UAAMK,UAAU,GAAG,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,EAAhB,CAAnB,CAD8B,CAG9B;;AACA,WAAOL,SAAS,CAACM,WAAV,CAAsB;AAC3BD,MAAAA,UAD2B;AAE3BE,MAAAA,WAAW,EAAEF,UAAU,CAACG,GAAX,CAAgBC,CAAD,IAAO;AACjC,eAAOC,cAAc,CAACT,YAAD,EAAeQ,CAAf,CAArB;AACD,OAFY;AAFc,KAAtB,CAAP;AAMD,GAX2D,CAa5D;;;AACA,SAAOC,cAAc,CAACT,YAAD,EAAeD,SAAf,CAArB;AACD;;AAED,SAASU,cAAT,CAAwBT,YAAxB,EAAqE;AAAA,MAAvBD,SAAuB,uEAAH,CAAG;AACnE,MAAIW,mBAAJ;;AACA,MAAIX,SAAS,IAAI,CAAb,IAAkBA,SAAS,IAAI,EAAnC,EAAuC;AACrCW,IAAAA,mBAAmB,GAAGC,4BAA4B,CAACZ,SAAD,CAAlD;AACD,GAFD,MAEO,IAAIA,SAAS,GAAG,EAAhB,EAAoB;AACzBW,IAAAA,mBAAmB,GAAGC,4BAA4B,CAAC,EAAD,CAAlD;AACD,GAFM,MAEA;AACLD,IAAAA,mBAAmB,GAAGC,4BAA4B,CAAC,CAAD,CAAlD;AACD;;AACD,SAAO,oBAAMX,YAAN,EACJY,GADI,CACA,oBAAM,OAAN,CADA,EACgBF,mBAAmB,GAAG,IADtC,EAEJG,GAFI,EAAP;AAGD;;AAED,MAAMF,4BAAoD,GAAG;AAC3D,KAAG,CADwD;AAE3D,KAAG,CAFwD;AAG3D,KAAG,CAHwD;AAI3D,KAAG,CAJwD;AAK3D,KAAG,EALwD;AAM3D,KAAG,EANwD;AAO3D,KAAG,IAPwD;AAQ3D,KAAG,EARwD;AAS3D,KAAG,IATwD;AAU3D,MAAI,EAVuD;AAW3D,MAAI,IAXuD;AAY3D,MAAI,EAZuD;AAa3D,MAAI,KAbuD;AAc3D,MAAI,IAduD;AAe3D,MAAI,KAfuD;AAgB3D,MAAI,EAhBuD;AAiB3D,MAAI,KAjBuD;AAkB3D,MAAI,KAlBuD;AAmB3D,MAAI,KAnBuD;AAoB3D,MAAI,KApBuD;AAqB3D,MAAI,IArBuD;AAsB3D,MAAI,KAtBuD;AAuB3D,MAAI,KAvBuD;AAwB3D,MAAI;AAxBuD,CAA7D","sourcesContent":["/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/styles/overlay.tsx */\nimport color from \"color\";\nimport { Animated } from \"react-native\";\nimport DarkTheme from \"./DarkTheme\";\n\nconst isAnimatedValue = (\n it: number | Animated.AnimatedInterpolation\n): it is Animated.Value => it instanceof Animated.Value;\n\nexport default function overlay<T extends Animated.Value | number>(\n elevation: T,\n surfaceColor: string = DarkTheme.colors.surface\n): T extends number ? string : Animated.AnimatedInterpolation {\n if (isAnimatedValue(elevation)) {\n const inputRange = [0, 1, 2, 3, 8, 24];\n\n // @ts-expect-error: TS doesn't seem to refine the type correctly\n return elevation.interpolate({\n inputRange,\n outputRange: inputRange.map((e) => {\n return calculateColor(surfaceColor, e);\n }),\n });\n }\n\n // @ts-expect-error: TS doesn't seem to refine the type correctly\n return calculateColor(surfaceColor, elevation);\n}\n\nfunction calculateColor(surfaceColor: string, elevation: number = 1) {\n let overlayTransparency: number;\n if (elevation >= 1 && elevation <= 24) {\n overlayTransparency = elevationOverlayTransparency[elevation];\n } else if (elevation > 24) {\n overlayTransparency = elevationOverlayTransparency[24];\n } else {\n overlayTransparency = elevationOverlayTransparency[1];\n }\n return color(surfaceColor)\n .mix(color(\"white\"), overlayTransparency * 0.01)\n .hex();\n}\n\nconst elevationOverlayTransparency: Record<string, number> = {\n 1: 5,\n 2: 7,\n 3: 8,\n 4: 9,\n 5: 10,\n 6: 11,\n 7: 11.5,\n 8: 12,\n 9: 12.5,\n 10: 13,\n 11: 13.5,\n 12: 14,\n 13: 14.25,\n 14: 14.5,\n 15: 14.75,\n 16: 15,\n 17: 15.12,\n 18: 15.24,\n 19: 15.36,\n 20: 15.48,\n 21: 15.6,\n 22: 15.72,\n 23: 15.84,\n 24: 16,\n};\n"]}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
|
|
1
3
|
import * as React from "react";
|
|
2
4
|
import { View } from "react-native";
|
|
3
5
|
import { radioButtonGroupContext, Direction } from "./context";
|
|
@@ -42,24 +44,11 @@ const RadioButtonGroup = _ref => {
|
|
|
42
44
|
});
|
|
43
45
|
}
|
|
44
46
|
|
|
45
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
47
|
+
return /*#__PURE__*/React.createElement(View, _extends({
|
|
46
48
|
style: [{
|
|
47
49
|
minHeight: 40
|
|
48
|
-
}, style]
|
|
49
|
-
|
|
50
|
-
}, /*#__PURE__*/React.createElement(Provider, {
|
|
51
|
-
value: {
|
|
52
|
-
value: internalValue || "",
|
|
53
|
-
onValueChange: handleValueChange,
|
|
54
|
-
direction
|
|
55
|
-
}
|
|
56
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
57
|
-
style: _containerStyle
|
|
58
|
-
}, children)));
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
export default RadioButtonGroup;
|
|
62
|
-
//# sourceMappingURL=RadioButtonGroup.js.map_PURE__*/React.createElement(Provider, {
|
|
50
|
+
}, style]
|
|
51
|
+
}, rest), /*#__PURE__*/React.createElement(Provider, {
|
|
63
52
|
value: {
|
|
64
53
|
value: internalValue || "",
|
|
65
54
|
onValueChange: handleValueChange,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["RadioButtonGroup.
|
|
1
|
+
{"version":3,"sources":["RadioButtonGroup.tsx"],"names":["React","View","radioButtonGroupContext","Direction","Provider","RadioButtonGroup","direction","Vertical","value","onValueChange","defaultValue","style","children","rest","internalValue","setInternalValue","useState","useEffect","handleValueChange","newValue","_containerStyle","flexDirection","Horizontal","push","alignItems","minHeight"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAA2C,cAA3C;AAEA,SAASC,uBAAT,EAAkCC,SAAlC,QAAmD,WAAnD;AAWA,MAAM;AAAEC,EAAAA;AAAF,IAAeF,uBAArB;;AAEA,MAAMG,gBAAiD,GAAG,QAQpD;AAAA,MARqD;AACzDC,IAAAA,SAAS,GAAGH,SAAS,CAACI,QADmC;AAEzDC,IAAAA,KAFyD;AAGzDC,IAAAA,aAAa,GAAG,MAAM,CAAE,CAHiC;AAIzDC,IAAAA,YAJyD;AAKzDC,IAAAA,KALyD;AAMzDC,IAAAA,QANyD;AAOzD,OAAGC;AAPsD,GAQrD;AACJ,QAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCf,KAAK,CAACgB,QAAN,CACxCR,KAAK,IAAIE,YAD+B,CAA1C;AAIAV,EAAAA,KAAK,CAACiB,SAAN,CAAgB,MAAM;AACpB,QAAIT,KAAK,IAAI,IAAb,EAAmB;AACjBO,MAAAA,gBAAgB,CAACP,KAAD,CAAhB;AACD;AACF,GAJD,EAIG,CAACA,KAAD,CAJH;AAMAR,EAAAA,KAAK,CAACiB,SAAN,CAAgB,MAAM;AACpB,QAAIP,YAAY,IAAI,IAApB,EAA0B;AACxBK,MAAAA,gBAAgB,CAACL,YAAD,CAAhB;AACD;AACF,GAJD,EAIG,CAACA,YAAD,CAJH;;AAMA,QAAMQ,iBAAiB,GAAIC,QAAD,IAAsB;AAC9CJ,IAAAA,gBAAgB,CAACI,QAAD,CAAhB;AACAV,IAAAA,aAAa,CAACU,QAAD,CAAb;AACD,GAHD;;AAKA,QAAMC,eAAqC,GAAG,CAC5C;AACEC,IAAAA,aAAa,EAAEf,SAAS,KAAKH,SAAS,CAACmB,UAAxB,GAAqC,KAArC,GAA6C;AAD9D,GAD4C,CAA9C;;AAMA,MAAIhB,SAAS,KAAKH,SAAS,CAACI,QAA5B,EAAsC;AACpCa,IAAAA,eAAe,CAACG,IAAhB,CAAqB;AACnBC,MAAAA,UAAU,EAAE;AADO,KAArB;AAGD;;AAED,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,SAAS,EAAE;AAAb,KAAD,EAAoBd,KAApB;AAAb,KAA6CE,IAA7C,gBACE,oBAAC,QAAD;AACE,IAAA,KAAK,EAAE;AACLL,MAAAA,KAAK,EAAEM,aAAa,IAAI,EADnB;AAELL,MAAAA,aAAa,EAAES,iBAFV;AAGLZ,MAAAA;AAHK;AADT,kBAOE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEc;AAAb,KAA+BR,QAA/B,CAPF,CADF,CADF;AAaD,CAvDD;;AAyDA,eAAeP,gBAAf","sourcesContent":["import * as React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport { radioButtonGroupContext, Direction } from \"./context\";\nexport interface RadioButtonGroupProps {\n direction?: Direction;\n style?: StyleProp<ViewStyle>;\n value?: string;\n onValueChange?: (value: string) => void;\n defaultValue?: string;\n theme: Theme;\n children: React.ReactNode;\n}\n\nconst { Provider } = radioButtonGroupContext;\n\nconst RadioButtonGroup: React.FC<RadioButtonGroupProps> = ({\n direction = Direction.Vertical,\n value,\n onValueChange = () => {},\n defaultValue,\n style,\n children,\n ...rest\n}) => {\n const [internalValue, setInternalValue] = React.useState<string | 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 handleValueChange = (newValue: string) => {\n setInternalValue(newValue);\n onValueChange(newValue);\n };\n\n const _containerStyle: StyleProp<ViewStyle> = [\n {\n flexDirection: direction === Direction.Horizontal ? \"row\" : \"column\",\n },\n ];\n\n if (direction !== Direction.Vertical) {\n _containerStyle.push({\n alignItems: \"center\",\n });\n }\n\n return (\n <View style={[{ minHeight: 40 }, style]} {...rest}>\n <Provider\n value={{\n value: internalValue || \"\",\n onValueChange: handleValueChange,\n direction,\n }}\n >\n <View style={_containerStyle}>{children}</View>\n </Provider>\n </View>\n );\n};\n\nexport default RadioButtonGroup;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.js"],"names":["default","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup"],"mappings":"AAAA,SAASA,OAAO,IAAIC,WAApB,QAAuC,eAAvC;AACA,SAASD,OAAO,IAAIE,gBAApB,QAA4C,oBAA5C;AACA,SAASF,OAAO,IAAIG,cAApB,QAA0C,kBAA1C;AACA,SAASH,OAAO,IAAII,qBAApB,QAAiD,yBAAjD","sourcesContent":["export { default as RadioButton } from \"./RadioButton\";\nexport { default as RadioButtonGroup } from \"./RadioButtonGroup\";\nexport { default as RadioButtonRow } from \"./RadioButtonRow\";\nexport { default as RadioButtonFieldGroup } from \"./RadioButtonFieldGroup\";\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CheckboxGroup.
|
|
1
|
+
{"version":3,"sources":["CheckboxGroup.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","createTextProp","PROP_TYPES","createFieldNameProp","createDirectionProp","Triggers","SEED_DATA","name","tag","category","deprecated","layout","triggers","OnValueChange","props","direction","values","group","data","formType","flatArray","propType","ARRAY","label","description","required","defaultValue","fieldName","handlerPropName","valuePropName"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,cAJF,EAKEC,UALF,EAMEC,mBANF,EAOEC,mBAPF,EAQEC,QARF,QASO,iBATP;AAWA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,gBADiB;AAEvBC,EAAAA,GAAG,EAAE,eAFkB;AAGvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,UAHH;AAIvBC,EAAAA,MAAM,EAAE,EAJe;AAKvBC,EAAAA,QAAQ,EAAE,CAACP,QAAQ,CAACQ,aAAV,CALa;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAEX,mBAAmB,EADzB;AAELY,IAAAA,MAAM,EAAEf,cAAc,CAAC;AACrBgB,MAAAA,KAAK,EAAEnB,MAAM,CAACoB,IADO;AAErBC,MAAAA,QAAQ,EAAEnB,UAAU,CAACoB,SAFA;AAGrBC,MAAAA,QAAQ,EAAEnB,UAAU,CAACoB,KAHA;AAIrBC,MAAAA,KAAK,EAAE,QAJc;AAKrBC,MAAAA,WAAW,EAAE,iDALQ;AAMrBC,MAAAA,QAAQ,EAAE,IANW;AAOrBC,MAAAA,YAAY,EAAE;AAPO,KAAD,CAFjB;AAWLC,IAAAA,SAAS,EAAExB,mBAAmB,CAAC;AAC7BuB,MAAAA,YAAY,EAAE,oBADe;AAE7BE,MAAAA,eAAe,EAAE,eAFY;AAG7BC,MAAAA,aAAa,EAAE;AAHc,KAAD;AAXzB;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":["Container.
|
|
1
|
+
{"version":3,"sources":["Container.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","createElevationType","createImageProp","createResizeModeProp","SEED_DATA","name","tag","description","category","deprecated","layout","height","props","useThemeGutterPadding","group","basic","label","formType","boolean","propType","BOOLEAN","defaultValue","editable","required","backgroundImage","backgroundImageResizeMode","elevation"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,mBALF,EAMEC,eANF,EAOEC,oBAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,2CAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,UAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE;AADF,GALe;AAQvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,qBAAqB,EAAE;AACrBC,MAAAA,KAAK,EAAEjB,MAAM,CAACkB,KADO;AAErBC,MAAAA,KAAK,EAAE,oBAFc;AAGrBT,MAAAA,WAAW,EACT,gFAJmB;AAKrBU,MAAAA,QAAQ,EAAElB,UAAU,CAACmB,OALA;AAMrBC,MAAAA,QAAQ,EAAEnB,UAAU,CAACoB,OANA;AAOrBC,MAAAA,YAAY,EAAE,KAPO;AAQrBC,MAAAA,QAAQ,EAAE,KARW;AASrBC,MAAAA,QAAQ,EAAE;AATW,KADlB;AAYLC,IAAAA,eAAe,EAAEtB,eAAe,CAAC;AAC/Bc,MAAAA,KAAK,EAAE,kBADwB;AAE/BT,MAAAA,WAAW,EAAE,iCAFkB;AAG/Bc,MAAAA,YAAY,EAAE;AAHiB,KAAD,CAZ3B;AAiBLI,IAAAA,yBAAyB,EAAEtB,oBAAoB,EAjB1C;AAkBLuB,IAAAA,SAAS,EAAEzB,mBAAmB,CAAC,CAAD;AAlBzB;AARgB,CAAlB","sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n createElevationType,\n createImageProp,\n createResizeModeProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Container\",\n tag: \"Container\",\n description: \"A container component with gutter padding\",\n category: COMPONENT_TYPES.deprecated,\n layout: {\n height: 250,\n },\n props: {\n useThemeGutterPadding: {\n group: GROUPS.basic,\n label: \"Use gutter padding\",\n description:\n \"When true, uses the theme gutter spacing as the container's horizontal padding\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: false,\n editable: false,\n required: true,\n },\n backgroundImage: createImageProp({\n label: \"Background Image\",\n description: \"Apply a custom background image\",\n defaultValue: null,\n }),\n backgroundImageResizeMode: createResizeModeProp(),\n elevation: createElevationType(0),\n },\n};\n"]}
|
|
@@ -1,21 +1,73 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { createColorProp, FORM_TYPES, GROUPS, PROP_TYPES } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Linear Gradient",
|
|
4
4
|
tag: "LinearGradient",
|
|
5
|
-
|
|
6
|
-
code_link: "https://github.com/expo/expo/blob/master/packages/expo/src/effects/LinearGradient.d.ts",
|
|
7
|
-
category: COMPONENT_TYPES.layout,
|
|
8
|
-
supports_list_render: false,
|
|
9
|
-
layout: {},
|
|
5
|
+
description: "Linear Gradient Component",
|
|
10
6
|
props: {
|
|
11
|
-
|
|
7
|
+
color1: createColorProp({
|
|
8
|
+
label: "Color 1"
|
|
9
|
+
}),
|
|
10
|
+
color2: createColorProp({
|
|
11
|
+
label: "Color 2"
|
|
12
|
+
}),
|
|
13
|
+
color3: createColorProp({
|
|
14
|
+
label: "Color 3"
|
|
15
|
+
}),
|
|
16
|
+
startX: {
|
|
12
17
|
group: GROUPS.basic,
|
|
13
|
-
label: "
|
|
14
|
-
description: "
|
|
18
|
+
label: "Start X",
|
|
19
|
+
description: "Start position from Left",
|
|
15
20
|
editable: true,
|
|
16
|
-
required:
|
|
17
|
-
defaultValue:
|
|
18
|
-
|
|
21
|
+
required: false,
|
|
22
|
+
defaultValue: 0,
|
|
23
|
+
min: 0,
|
|
24
|
+
max: 100,
|
|
25
|
+
step: 1,
|
|
26
|
+
precision: 0,
|
|
27
|
+
formType: FORM_TYPES.number,
|
|
28
|
+
propType: PROP_TYPES.NUMBER
|
|
29
|
+
},
|
|
30
|
+
startY: {
|
|
31
|
+
group: GROUPS.basic,
|
|
32
|
+
label: "Start Y",
|
|
33
|
+
description: "Start position from Top",
|
|
34
|
+
editable: true,
|
|
35
|
+
required: false,
|
|
36
|
+
defaultValue: 0,
|
|
37
|
+
min: 0,
|
|
38
|
+
max: 100,
|
|
39
|
+
step: 1,
|
|
40
|
+
precision: 0,
|
|
41
|
+
formType: FORM_TYPES.number,
|
|
42
|
+
propType: PROP_TYPES.NUMBER
|
|
43
|
+
},
|
|
44
|
+
endX: {
|
|
45
|
+
group: GROUPS.basic,
|
|
46
|
+
label: "End Y",
|
|
47
|
+
description: "End position from Right",
|
|
48
|
+
editable: true,
|
|
49
|
+
required: false,
|
|
50
|
+
defaultValue: 100,
|
|
51
|
+
min: 0,
|
|
52
|
+
max: 100,
|
|
53
|
+
step: 1,
|
|
54
|
+
precision: 0,
|
|
55
|
+
formType: FORM_TYPES.number,
|
|
56
|
+
propType: PROP_TYPES.NUMBER
|
|
57
|
+
},
|
|
58
|
+
endY: {
|
|
59
|
+
group: GROUPS.basic,
|
|
60
|
+
label: "End Y",
|
|
61
|
+
description: "End position from Bottom",
|
|
62
|
+
editable: true,
|
|
63
|
+
required: false,
|
|
64
|
+
defaultValue: 100,
|
|
65
|
+
min: 0,
|
|
66
|
+
max: 100,
|
|
67
|
+
step: 1,
|
|
68
|
+
precision: 0,
|
|
69
|
+
formType: FORM_TYPES.number,
|
|
70
|
+
propType: PROP_TYPES.NUMBER
|
|
19
71
|
}
|
|
20
72
|
}
|
|
21
73
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["LinearGradient.ts"],"names":["
|
|
1
|
+
{"version":3,"sources":["LinearGradient.ts"],"names":["createColorProp","FORM_TYPES","GROUPS","PROP_TYPES","SEED_DATA","name","tag","description","props","color1","label","color2","color3","startX","group","basic","editable","required","defaultValue","min","max","step","precision","formType","number","propType","NUMBER","startY","endX","endY"],"mappings":"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","sourcesContent":["import {\n createColorProp,\n FORM_TYPES,\n GROUPS,\n PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Linear Gradient\",\n tag: \"LinearGradient\",\n description: \"Linear Gradient Component\",\n props: {\n color1: createColorProp({\n label: \"Color 1\",\n }),\n color2: createColorProp({\n label: \"Color 2\",\n }),\n color3: createColorProp({\n label: \"Color 3\",\n }),\n startX: {\n group: GROUPS.basic,\n label: \"Start X\",\n description: \"Start position from Left\",\n editable: true,\n required: false,\n defaultValue: 0,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n startY: {\n group: GROUPS.basic,\n label: \"Start Y\",\n description: \"Start position from Top\",\n editable: true,\n required: false,\n defaultValue: 0,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n endX: {\n group: GROUPS.basic,\n label: \"End Y\",\n description: \"End position from Right\",\n editable: true,\n required: false,\n defaultValue: 100,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n endY: {\n group: GROUPS.basic,\n label: \"End Y\",\n description: \"End position from Bottom\",\n editable: true,\n required: false,\n defaultValue: 100,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n },\n};\n"]}
|
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
export declare const SEED_DATA: {
|
|
2
2
|
name: string;
|
|
3
3
|
tag: string;
|
|
4
|
-
|
|
5
|
-
code_link: string;
|
|
6
|
-
category: string;
|
|
7
|
-
supports_list_render: boolean;
|
|
8
|
-
layout: {};
|
|
4
|
+
description: string;
|
|
9
5
|
props: {
|
|
10
|
-
|
|
6
|
+
color1: {
|
|
11
7
|
group: string;
|
|
12
8
|
label: string;
|
|
13
9
|
description: string;
|
|
@@ -15,6 +11,83 @@ export declare const SEED_DATA: {
|
|
|
15
11
|
required: boolean;
|
|
16
12
|
defaultValue: null;
|
|
17
13
|
formType: string;
|
|
14
|
+
propType: string;
|
|
15
|
+
};
|
|
16
|
+
color2: {
|
|
17
|
+
group: string;
|
|
18
|
+
label: string;
|
|
19
|
+
description: string;
|
|
20
|
+
editable: boolean;
|
|
21
|
+
required: boolean;
|
|
22
|
+
defaultValue: null;
|
|
23
|
+
formType: string;
|
|
24
|
+
propType: string;
|
|
25
|
+
};
|
|
26
|
+
color3: {
|
|
27
|
+
group: string;
|
|
28
|
+
label: string;
|
|
29
|
+
description: string;
|
|
30
|
+
editable: boolean;
|
|
31
|
+
required: boolean;
|
|
32
|
+
defaultValue: null;
|
|
33
|
+
formType: string;
|
|
34
|
+
propType: string;
|
|
35
|
+
};
|
|
36
|
+
startX: {
|
|
37
|
+
group: string;
|
|
38
|
+
label: string;
|
|
39
|
+
description: string;
|
|
40
|
+
editable: boolean;
|
|
41
|
+
required: boolean;
|
|
42
|
+
defaultValue: number;
|
|
43
|
+
min: number;
|
|
44
|
+
max: number;
|
|
45
|
+
step: number;
|
|
46
|
+
precision: number;
|
|
47
|
+
formType: string;
|
|
48
|
+
propType: string;
|
|
49
|
+
};
|
|
50
|
+
startY: {
|
|
51
|
+
group: string;
|
|
52
|
+
label: string;
|
|
53
|
+
description: string;
|
|
54
|
+
editable: boolean;
|
|
55
|
+
required: boolean;
|
|
56
|
+
defaultValue: number;
|
|
57
|
+
min: number;
|
|
58
|
+
max: number;
|
|
59
|
+
step: number;
|
|
60
|
+
precision: number;
|
|
61
|
+
formType: string;
|
|
62
|
+
propType: string;
|
|
63
|
+
};
|
|
64
|
+
endX: {
|
|
65
|
+
group: string;
|
|
66
|
+
label: string;
|
|
67
|
+
description: string;
|
|
68
|
+
editable: boolean;
|
|
69
|
+
required: boolean;
|
|
70
|
+
defaultValue: number;
|
|
71
|
+
min: number;
|
|
72
|
+
max: number;
|
|
73
|
+
step: number;
|
|
74
|
+
precision: number;
|
|
75
|
+
formType: string;
|
|
76
|
+
propType: string;
|
|
77
|
+
};
|
|
78
|
+
endY: {
|
|
79
|
+
group: string;
|
|
80
|
+
label: string;
|
|
81
|
+
description: string;
|
|
82
|
+
editable: boolean;
|
|
83
|
+
required: boolean;
|
|
84
|
+
defaultValue: number;
|
|
85
|
+
min: number;
|
|
86
|
+
max: number;
|
|
87
|
+
step: number;
|
|
88
|
+
precision: number;
|
|
89
|
+
formType: string;
|
|
90
|
+
propType: string;
|
|
18
91
|
};
|
|
19
92
|
};
|
|
20
93
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "43.4.
|
|
3
|
+
"version": "43.4.3-a0e47d.0+a0e47dd0",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -49,6 +49,7 @@
|
|
|
49
49
|
"color": "^3.1.2",
|
|
50
50
|
"date-fns": "^2.16.1",
|
|
51
51
|
"dateformat": "^3.0.3",
|
|
52
|
+
"expo-linear-gradient": "^9.2.0",
|
|
52
53
|
"lodash.isnumber": "^3.0.3",
|
|
53
54
|
"lodash.omit": "^4.5.0",
|
|
54
55
|
"lodash.tonumber": "^4.0.3",
|
|
@@ -79,5 +80,5 @@
|
|
|
79
80
|
]
|
|
80
81
|
]
|
|
81
82
|
},
|
|
82
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "a0e47dd0a4a58586aee7d8dab8259b36ef92f187"
|
|
83
84
|
}
|
|
@@ -1,21 +1,73 @@
|
|
|
1
|
-
import { GROUPS,
|
|
1
|
+
import { createColorProp, FORM_TYPES, GROUPS, PROP_TYPES, } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Linear Gradient",
|
|
4
4
|
tag: "LinearGradient",
|
|
5
|
-
|
|
6
|
-
code_link: "https://github.com/expo/expo/blob/master/packages/expo/src/effects/LinearGradient.d.ts",
|
|
7
|
-
category: COMPONENT_TYPES.layout,
|
|
8
|
-
supports_list_render: false,
|
|
9
|
-
layout: {},
|
|
5
|
+
description: "Linear Gradient Component",
|
|
10
6
|
props: {
|
|
11
|
-
|
|
7
|
+
color1: createColorProp({
|
|
8
|
+
label: "Color 1",
|
|
9
|
+
}),
|
|
10
|
+
color2: createColorProp({
|
|
11
|
+
label: "Color 2",
|
|
12
|
+
}),
|
|
13
|
+
color3: createColorProp({
|
|
14
|
+
label: "Color 3",
|
|
15
|
+
}),
|
|
16
|
+
startX: {
|
|
12
17
|
group: GROUPS.basic,
|
|
13
|
-
label: "
|
|
14
|
-
description: "
|
|
18
|
+
label: "Start X",
|
|
19
|
+
description: "Start position from Left",
|
|
15
20
|
editable: true,
|
|
16
|
-
required:
|
|
17
|
-
defaultValue:
|
|
18
|
-
|
|
21
|
+
required: false,
|
|
22
|
+
defaultValue: 0,
|
|
23
|
+
min: 0,
|
|
24
|
+
max: 100,
|
|
25
|
+
step: 1,
|
|
26
|
+
precision: 0,
|
|
27
|
+
formType: FORM_TYPES.number,
|
|
28
|
+
propType: PROP_TYPES.NUMBER,
|
|
29
|
+
},
|
|
30
|
+
startY: {
|
|
31
|
+
group: GROUPS.basic,
|
|
32
|
+
label: "Start Y",
|
|
33
|
+
description: "Start position from Top",
|
|
34
|
+
editable: true,
|
|
35
|
+
required: false,
|
|
36
|
+
defaultValue: 0,
|
|
37
|
+
min: 0,
|
|
38
|
+
max: 100,
|
|
39
|
+
step: 1,
|
|
40
|
+
precision: 0,
|
|
41
|
+
formType: FORM_TYPES.number,
|
|
42
|
+
propType: PROP_TYPES.NUMBER,
|
|
43
|
+
},
|
|
44
|
+
endX: {
|
|
45
|
+
group: GROUPS.basic,
|
|
46
|
+
label: "End Y",
|
|
47
|
+
description: "End position from Right",
|
|
48
|
+
editable: true,
|
|
49
|
+
required: false,
|
|
50
|
+
defaultValue: 100,
|
|
51
|
+
min: 0,
|
|
52
|
+
max: 100,
|
|
53
|
+
step: 1,
|
|
54
|
+
precision: 0,
|
|
55
|
+
formType: FORM_TYPES.number,
|
|
56
|
+
propType: PROP_TYPES.NUMBER,
|
|
57
|
+
},
|
|
58
|
+
endY: {
|
|
59
|
+
group: GROUPS.basic,
|
|
60
|
+
label: "End Y",
|
|
61
|
+
description: "End position from Bottom",
|
|
62
|
+
editable: true,
|
|
63
|
+
required: false,
|
|
64
|
+
defaultValue: 100,
|
|
65
|
+
min: 0,
|
|
66
|
+
max: 100,
|
|
67
|
+
step: 1,
|
|
68
|
+
precision: 0,
|
|
69
|
+
formType: FORM_TYPES.number,
|
|
70
|
+
propType: PROP_TYPES.NUMBER,
|
|
19
71
|
},
|
|
20
72
|
},
|
|
21
73
|
};
|
|
@@ -1,23 +1,79 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {
|
|
2
|
+
createColorProp,
|
|
3
|
+
FORM_TYPES,
|
|
4
|
+
GROUPS,
|
|
5
|
+
PROP_TYPES,
|
|
6
|
+
} from "@draftbit/types";
|
|
2
7
|
|
|
3
8
|
export const SEED_DATA = {
|
|
4
9
|
name: "Linear Gradient",
|
|
5
10
|
tag: "LinearGradient",
|
|
6
|
-
|
|
7
|
-
code_link:
|
|
8
|
-
"https://github.com/expo/expo/blob/master/packages/expo/src/effects/LinearGradient.d.ts",
|
|
9
|
-
category: COMPONENT_TYPES.layout,
|
|
10
|
-
supports_list_render: false,
|
|
11
|
-
layout: {},
|
|
11
|
+
description: "Linear Gradient Component",
|
|
12
12
|
props: {
|
|
13
|
-
|
|
13
|
+
color1: createColorProp({
|
|
14
|
+
label: "Color 1",
|
|
15
|
+
}),
|
|
16
|
+
color2: createColorProp({
|
|
17
|
+
label: "Color 2",
|
|
18
|
+
}),
|
|
19
|
+
color3: createColorProp({
|
|
20
|
+
label: "Color 3",
|
|
21
|
+
}),
|
|
22
|
+
startX: {
|
|
14
23
|
group: GROUPS.basic,
|
|
15
|
-
label: "
|
|
16
|
-
description: "
|
|
24
|
+
label: "Start X",
|
|
25
|
+
description: "Start position from Left",
|
|
17
26
|
editable: true,
|
|
18
|
-
required:
|
|
19
|
-
defaultValue:
|
|
20
|
-
|
|
27
|
+
required: false,
|
|
28
|
+
defaultValue: 0,
|
|
29
|
+
min: 0,
|
|
30
|
+
max: 100,
|
|
31
|
+
step: 1,
|
|
32
|
+
precision: 0,
|
|
33
|
+
formType: FORM_TYPES.number,
|
|
34
|
+
propType: PROP_TYPES.NUMBER,
|
|
35
|
+
},
|
|
36
|
+
startY: {
|
|
37
|
+
group: GROUPS.basic,
|
|
38
|
+
label: "Start Y",
|
|
39
|
+
description: "Start position from Top",
|
|
40
|
+
editable: true,
|
|
41
|
+
required: false,
|
|
42
|
+
defaultValue: 0,
|
|
43
|
+
min: 0,
|
|
44
|
+
max: 100,
|
|
45
|
+
step: 1,
|
|
46
|
+
precision: 0,
|
|
47
|
+
formType: FORM_TYPES.number,
|
|
48
|
+
propType: PROP_TYPES.NUMBER,
|
|
49
|
+
},
|
|
50
|
+
endX: {
|
|
51
|
+
group: GROUPS.basic,
|
|
52
|
+
label: "End Y",
|
|
53
|
+
description: "End position from Right",
|
|
54
|
+
editable: true,
|
|
55
|
+
required: false,
|
|
56
|
+
defaultValue: 100,
|
|
57
|
+
min: 0,
|
|
58
|
+
max: 100,
|
|
59
|
+
step: 1,
|
|
60
|
+
precision: 0,
|
|
61
|
+
formType: FORM_TYPES.number,
|
|
62
|
+
propType: PROP_TYPES.NUMBER,
|
|
63
|
+
},
|
|
64
|
+
endY: {
|
|
65
|
+
group: GROUPS.basic,
|
|
66
|
+
label: "End Y",
|
|
67
|
+
description: "End position from Bottom",
|
|
68
|
+
editable: true,
|
|
69
|
+
required: false,
|
|
70
|
+
defaultValue: 100,
|
|
71
|
+
min: 0,
|
|
72
|
+
max: 100,
|
|
73
|
+
step: 1,
|
|
74
|
+
precision: 0,
|
|
75
|
+
formType: FORM_TYPES.number,
|
|
76
|
+
propType: PROP_TYPES.NUMBER,
|
|
21
77
|
},
|
|
22
78
|
},
|
|
23
79
|
};
|