@draftbit/core 43.4.20-eef94a.0 → 43.5.1-92da71.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/lib/commonjs/components/Banner.js +4 -3
  2. package/lib/commonjs/components/Banner.js.map +1 -1
  3. package/lib/commonjs/components/DeprecatedFAB.js +20 -4
  4. package/lib/commonjs/components/DeprecatedFAB.js.map +1 -1
  5. package/lib/commonjs/components/Divider.js +3 -13
  6. package/lib/commonjs/components/Divider.js.map +1 -1
  7. package/lib/commonjs/mappings/ActivityIndicator.js.map +1 -1
  8. package/lib/commonjs/mappings/Banner.js +42 -0
  9. package/lib/commonjs/mappings/Banner.js.map +1 -0
  10. package/lib/commonjs/mappings/KeyboardAwareScrollView.js +5 -0
  11. package/lib/commonjs/mappings/KeyboardAwareScrollView.js.map +1 -1
  12. package/lib/commonjs/mappings/MapCallout.js +2 -1
  13. package/lib/commonjs/mappings/MapCallout.js.map +1 -1
  14. package/lib/commonjs/mappings/MapMarker.js +2 -1
  15. package/lib/commonjs/mappings/MapMarker.js.map +1 -1
  16. package/lib/commonjs/mappings/MapView.js +128 -0
  17. package/lib/commonjs/mappings/MapView.js.map +1 -0
  18. package/lib/commonjs/mappings/RadioButtonGroup.js.map +1 -1
  19. package/lib/commonjs/mappings/RadioButtonRow.js.map +1 -1
  20. package/lib/commonjs/mappings/RowHeadlineImageCaption.js.map +1 -1
  21. package/lib/module/components/Banner.js +4 -3
  22. package/lib/module/components/Banner.js.map +1 -1
  23. package/lib/module/components/HeaderMedium.js.map +1 -1
  24. package/lib/module/components/HeaderOverline.js.map +1 -1
  25. package/lib/module/mappings/Banner.js +33 -0
  26. package/lib/module/mappings/Banner.js.map +1 -0
  27. package/lib/module/mappings/KeyboardAwareScrollView.js +5 -0
  28. package/lib/module/mappings/KeyboardAwareScrollView.js.map +1 -1
  29. package/lib/module/mappings/MapCallout.js +2 -1
  30. package/lib/module/mappings/MapCallout.js.map +1 -1
  31. package/lib/module/mappings/MapMarker.js +2 -1
  32. package/lib/module/mappings/MapMarker.js.map +1 -1
  33. package/lib/module/mappings/MapView.js +119 -0
  34. package/lib/module/mappings/MapView.js.map +1 -0
  35. package/lib/typescript/src/components/Banner.d.ts +2 -1
  36. package/lib/typescript/src/mappings/Banner.d.ts +48 -0
  37. package/lib/typescript/src/mappings/KeyboardAwareScrollView.d.ts +10 -0
  38. package/lib/typescript/src/mappings/MapCallout.d.ts +1 -0
  39. package/lib/typescript/src/mappings/MapMarker.d.ts +1 -0
  40. package/lib/typescript/src/mappings/MapView.d.ts +159 -0
  41. package/package.json +3 -3
  42. package/src/components/Banner.js +2 -2
  43. package/src/components/Banner.tsx +6 -4
  44. package/src/mappings/Banner.js +32 -0
  45. package/src/mappings/Banner.ts +40 -0
  46. package/src/mappings/KeyboardAwareScrollView.js +5 -0
  47. package/src/mappings/KeyboardAwareScrollView.ts +5 -0
  48. package/src/mappings/MapCallout.js +2 -1
  49. package/src/mappings/MapCallout.ts +2 -1
  50. package/src/mappings/MapMarker.js +2 -1
  51. package/src/mappings/MapMarker.ts +2 -1
  52. package/src/mappings/MapView.js +125 -0
  53. package/src/mappings/MapView.ts +135 -0
@@ -28,11 +28,12 @@ const DEFAULT_MAX_WIDTH = 960;
28
28
 
29
29
  const Banner = _ref => {
30
30
  let {
31
- initiallyVisible,
31
+ initiallyVisible = true,
32
+ dismissable = true,
32
33
  icon,
34
+ buttonColor,
33
35
  content,
34
36
  contentStyle,
35
- dismissable,
36
37
  style,
37
38
  theme,
38
39
  Icon,
@@ -133,7 +134,7 @@ const Banner = _ref => {
133
134
  }, content)), dismissable ? /*#__PURE__*/React.createElement(_reactNative.View, {
134
135
  style: styles.actions
135
136
  }, /*#__PURE__*/React.createElement(_reactNative.Button, {
136
- color: theme.colors.primary,
137
+ color: buttonColor || theme.colors.primary,
137
138
  title: "Close",
138
139
  onPress: () => setVisible(false)
139
140
  })) : null)));
@@ -1 +1 @@
1
- {"version":3,"sources":["Banner.tsx"],"names":["ELEVATION","DEFAULT_MAX_WIDTH","Banner","initiallyVisible","icon","content","contentStyle","dismissable","style","theme","Icon","rest","visible","setVisible","React","useState","useEffect","current","position","useRef","Animated","Value","layout","setLayout","height","measured","timing","duration","toValue","useNativeDriver","start","handleLayout","nativeEvent","multiply","translateY","add","styles","container","wrapper","absolute","transform","opacity","marginBottom","message","color","colors","text","actions","primary","StyleSheet","create","elevation","overflow","alignSelf","width","maxWidth","top","flexDirection","justifyContent","marginHorizontal","marginTop","margin","flex"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n Button,\n Text,\n View,\n ViewStyle,\n StyleSheet,\n StyleProp,\n Animated,\n} from \"react-native\";\nimport Surface from \"./Surface\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport shadow from \"../styles/shadow\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\nconst ELEVATION = 1;\nconst DEFAULT_MAX_WIDTH = 960;\n\ntype Props = {\n initiallyVisible: boolean;\n dismissable: boolean;\n icon?: string;\n content: string;\n contentStyle?: StyleProp<ViewStyle>;\n style?: StyleProp<ViewStyle>;\n ref?: React.RefObject<View>;\n /**\n * @optional\n */\n theme: Theme;\n} & IconSlot;\n\ntype NativeEvent = {\n nativeEvent: {\n layout: {\n x: number;\n y: number;\n width: number;\n height: number;\n };\n };\n};\n\nconst Banner: React.FC<Props> = ({\n initiallyVisible,\n icon,\n content,\n contentStyle,\n dismissable,\n style,\n theme,\n Icon,\n ...rest\n}) => {\n const [visible, setVisible] = React.useState(initiallyVisible);\n\n React.useEffect(() => {\n if (initiallyVisible) {\n setVisible(true);\n }\n }, [initiallyVisible]);\n\n const { current: position } = React.useRef<Animated.Value>(\n new Animated.Value(visible ? 1 : 0)\n );\n const [layout, setLayout] = React.useState<{\n height: number;\n measured: boolean;\n }>({\n height: 0,\n measured: false,\n });\n\n React.useEffect(() => {\n if (visible) {\n // show\n Animated.timing(position, {\n duration: 250,\n toValue: 1,\n useNativeDriver: false,\n }).start();\n } else {\n // hide\n Animated.timing(position, {\n duration: 200,\n toValue: 0,\n useNativeDriver: false,\n }).start();\n }\n }, [visible, position]);\n\n const handleLayout = ({ nativeEvent }: NativeEvent) => {\n const { height } = nativeEvent.layout;\n setLayout({ height, measured: true });\n };\n\n // The banner animation has 2 parts:\n // 1. Blank spacer element which animates its height to move the content\n // 2. Actual banner which animates its translateY\n // In initial render, we position everything normally and measure the height of the banner\n // Once we have the height, we apply the height to the spacer and switch the banner to position: absolute\n // We need this because we need to move the content below as if banner's height was being animated\n // However we can't animated banner's height directly as it'll also resize the content inside\n const height = Animated.multiply(position, layout.height);\n\n const translateY = Animated.multiply(\n Animated.add(position, -1),\n layout.height\n );\n\n return (\n <Surface\n {...rest}\n style={[styles.container, shadow(ELEVATION) as ViewStyle, style]}\n >\n <View style={[styles.wrapper, contentStyle]}>\n <Animated.View style={{ height }} />\n <Animated.View\n onLayout={handleLayout}\n style={[\n layout.measured || !visible\n ? // If we have measured banner's height or it's invisible,\n // Position it absolutely, the layout will be taken care of the spacer\n [styles.absolute, { transform: [{ translateY }] }]\n : // Otherwise position it normally\n null,\n !layout.measured && !visible\n ? // If we haven't measured banner's height yet and it's invisible,\n // hide it with opacity: 0 so user doesn't see it\n { opacity: 0 }\n : null,\n ]}\n >\n <View\n style={[styles.content, { marginBottom: dismissable ? 0 : 16 }]}\n >\n {icon ? (\n <View style={styles.icon}>\n <Icon name={icon} size={40} />\n </View>\n ) : null}\n <Text\n style={[styles.message, { color: theme.colors.text }]}\n accessibilityLiveRegion={visible ? \"polite\" : \"none\"}\n accessibilityRole=\"alert\"\n >\n {content}\n </Text>\n </View>\n {dismissable ? (\n <View style={styles.actions}>\n <Button\n color={theme.colors.primary}\n title=\"Close\"\n onPress={() => setVisible(false)}\n />\n </View>\n ) : null}\n </Animated.View>\n </View>\n </Surface>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n elevation: ELEVATION,\n },\n wrapper: {\n overflow: \"hidden\",\n alignSelf: \"center\",\n width: \"100%\",\n maxWidth: DEFAULT_MAX_WIDTH,\n },\n absolute: {\n position: \"absolute\",\n top: 0,\n width: \"100%\",\n },\n content: {\n flexDirection: \"row\",\n justifyContent: \"flex-start\",\n marginHorizontal: 8,\n marginTop: 16,\n marginBottom: 0,\n },\n icon: {\n margin: 8,\n },\n message: {\n flex: 1,\n margin: 8,\n },\n actions: {\n flexDirection: \"row\",\n justifyContent: \"flex-end\",\n margin: 8,\n },\n});\n\nexport default withTheme(Banner);\n"]}
1
+ {"version":3,"sources":["Banner.tsx"],"names":["ELEVATION","DEFAULT_MAX_WIDTH","Banner","initiallyVisible","dismissable","icon","buttonColor","content","contentStyle","style","theme","Icon","rest","visible","setVisible","React","useState","useEffect","current","position","useRef","Animated","Value","layout","setLayout","height","measured","timing","duration","toValue","useNativeDriver","start","handleLayout","nativeEvent","multiply","translateY","add","styles","container","wrapper","absolute","transform","opacity","marginBottom","message","color","colors","text","actions","primary","StyleSheet","create","elevation","overflow","alignSelf","width","maxWidth","top","flexDirection","justifyContent","marginHorizontal","marginTop","margin","flex"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n Button,\n Text,\n View,\n ViewStyle,\n StyleSheet,\n StyleProp,\n Animated,\n} from \"react-native\";\nimport Surface from \"./Surface\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport shadow from \"../styles/shadow\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\nconst ELEVATION = 1;\nconst DEFAULT_MAX_WIDTH = 960;\n\ntype Props = {\n initiallyVisible: boolean;\n dismissable: boolean;\n buttonColor?: string;\n icon?: string;\n content?: string;\n contentStyle?: StyleProp<ViewStyle>;\n style?: StyleProp<ViewStyle>;\n ref?: React.RefObject<View>;\n /**\n * @optional\n */\n theme: Theme;\n} & IconSlot;\n\ntype NativeEvent = {\n nativeEvent: {\n layout: {\n x: number;\n y: number;\n width: number;\n height: number;\n };\n };\n};\n\nconst Banner: React.FC<Props> = ({\n initiallyVisible = true,\n dismissable = true,\n icon,\n buttonColor,\n content,\n contentStyle,\n style,\n theme,\n Icon,\n ...rest\n}) => {\n const [visible, setVisible] = React.useState(initiallyVisible);\n\n React.useEffect(() => {\n if (initiallyVisible) {\n setVisible(true);\n }\n }, [initiallyVisible]);\n\n const { current: position } = React.useRef<Animated.Value>(\n new Animated.Value(visible ? 1 : 0)\n );\n const [layout, setLayout] = React.useState<{\n height: number;\n measured: boolean;\n }>({\n height: 0,\n measured: false,\n });\n\n React.useEffect(() => {\n if (visible) {\n // show\n Animated.timing(position, {\n duration: 250,\n toValue: 1,\n useNativeDriver: false,\n }).start();\n } else {\n // hide\n Animated.timing(position, {\n duration: 200,\n toValue: 0,\n useNativeDriver: false,\n }).start();\n }\n }, [visible, position]);\n\n const handleLayout = ({ nativeEvent }: NativeEvent) => {\n const { height } = nativeEvent.layout;\n setLayout({ height, measured: true });\n };\n\n // The banner animation has 2 parts:\n // 1. Blank spacer element which animates its height to move the content\n // 2. Actual banner which animates its translateY\n // In initial render, we position everything normally and measure the height of the banner\n // Once we have the height, we apply the height to the spacer and switch the banner to position: absolute\n // We need this because we need to move the content below as if banner's height was being animated\n // However we can't animated banner's height directly as it'll also resize the content inside\n const height = Animated.multiply(position, layout.height);\n\n const translateY = Animated.multiply(\n Animated.add(position, -1),\n layout.height\n );\n\n return (\n <Surface\n {...rest}\n style={[styles.container, shadow(ELEVATION) as ViewStyle, style]}\n >\n <View style={[styles.wrapper, contentStyle]}>\n <Animated.View style={{ height }} />\n <Animated.View\n onLayout={handleLayout}\n style={[\n layout.measured || !visible\n ? // If we have measured banner's height or it's invisible,\n // Position it absolutely, the layout will be taken care of the spacer\n [styles.absolute, { transform: [{ translateY }] }]\n : // Otherwise position it normally\n null,\n !layout.measured && !visible\n ? // If we haven't measured banner's height yet and it's invisible,\n // hide it with opacity: 0 so user doesn't see it\n { opacity: 0 }\n : null,\n ]}\n >\n <View\n style={[styles.content, { marginBottom: dismissable ? 0 : 16 }]}\n >\n {icon ? (\n <View style={styles.icon}>\n <Icon name={icon} size={40} />\n </View>\n ) : null}\n <Text\n style={[styles.message, { color: theme.colors.text }]}\n accessibilityLiveRegion={visible ? \"polite\" : \"none\"}\n accessibilityRole=\"alert\"\n >\n {content}\n </Text>\n </View>\n {dismissable ? (\n <View style={styles.actions}>\n <Button\n color={buttonColor || theme.colors.primary}\n title=\"Close\"\n onPress={() => setVisible(false)}\n />\n </View>\n ) : null}\n </Animated.View>\n </View>\n </Surface>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n elevation: ELEVATION,\n },\n wrapper: {\n overflow: \"hidden\",\n alignSelf: \"center\",\n width: \"100%\",\n maxWidth: DEFAULT_MAX_WIDTH,\n },\n absolute: {\n position: \"absolute\",\n top: 0,\n width: \"100%\",\n },\n content: {\n flexDirection: \"row\",\n justifyContent: \"flex-start\",\n marginHorizontal: 8,\n marginTop: 16,\n marginBottom: 0,\n },\n icon: {\n margin: 8,\n },\n message: {\n flex: 1,\n margin: 8,\n },\n actions: {\n flexDirection: \"row\",\n justifyContent: \"flex-end\",\n margin: 8,\n },\n});\n\nexport default withTheme(Banner);\n"]}
@@ -27,8 +27,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
27
27
 
28
28
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
29
29
 
30
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
31
-
32
30
  const FAB = _ref => {
33
31
  let {
34
32
  Icon,
@@ -130,7 +128,7 @@ const FAB = _ref => {
130
128
  style: [{
131
129
  elevation
132
130
  }, style]
133
- }, /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
131
+ }, /*#__PURE__*/React.createElement(_Touchable.default, { ...rest,
134
132
  onPress: onPress,
135
133
  accessibilityState: {
136
134
  disabled
@@ -138,7 +136,7 @@ const FAB = _ref => {
138
136
  accessibilityRole: "button",
139
137
  disabled: disabled || loading,
140
138
  style: buttonStyles
141
- }), /*#__PURE__*/React.createElement(_reactNative.View, {
139
+ }, /*#__PURE__*/React.createElement(_reactNative.View, {
142
140
  style: styles.content
143
141
  }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
144
142
  style: iconStyle
@@ -181,5 +179,23 @@ const styles = _reactNative.StyleSheet.create({
181
179
 
182
180
  var _default = (0, _theming.withTheme)(FAB);
183
181
 
182
+ exports.default = _default;
183
+ //# sourceMappingURL=DeprecatedFAB.js.map },
184
+ icon: {
185
+ alignItems: "center",
186
+ justifyContent: "center",
187
+ width: _Config.default.buttonIconSize
188
+ },
189
+ fixed: {
190
+ left: 0,
191
+ right: 0,
192
+ bottom: 0,
193
+ height: 64,
194
+ borderRadius: 0
195
+ }
196
+ });
197
+
198
+ var _default = (0, _theming.withTheme)(FAB);
199
+
184
200
  exports.default = _default;
185
201
  //# sourceMappingURL=DeprecatedFAB.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["DeprecatedFAB.tsx"],"names":["FAB","Icon","icon","disabled","type","loading","color","colorOverride","label","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","alignItems","justifyContent","buttonStyles","styles","button","contentStyle","content","textStyle","textAlign","iconStyle","width","Config","buttonIconSize","FABSize","height","FABBorderRadius","push","marginLeft","marginRight","margin","FABFixedHeight","alignSelf","create","borderStyle","flexDirection","fixed","left","right","bottom"],"mappings":";;;;;;;AAAA;;AACA;;AASA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAuDA,MAAMA,GAAoB,GAAG,QAavB;AAAA,MAbwB;AAC5BC,IAAAA,IAD4B;AAE5BC,IAAAA,IAF4B;AAG5BC,IAAAA,QAAQ,GAAG,KAHiB;AAI5BC,IAAAA,IAAI,GAAG,OAJqB;AAK5BC,IAAAA,OAAO,GAAG,KALkB;AAM5BC,IAAAA,KAAK,EAAEC,aANqB;AAO5BC,IAAAA,KAP4B;AAQ5BC,IAAAA,OAR4B;AAS5BC,IAAAA,SAAS,GAAG,CATgB;AAU5BC,IAAAA,KAV4B;AAW5BC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA,eAAV;AAA2BC,MAAAA,SAA3B;AAAsCC,MAAAA;AAAtC,KAXqB;AAY5B,OAAGC;AAZyB,GAaxB;AACJ,MAAIC,eAAJ,EAAqBC,WAArB,EAAkCC,SAAlC,EAA6CC,WAA7C;AACA,QAAMC,WAAW,GAAGf,aAAa,IAAIM,MAAM,CAACU,OAA5C;;AAEA,MAAInB,IAAI,KAAK,UAAT,IAAuBA,IAAI,KAAK,UAAhC,IAA8CA,IAAI,KAAK,OAA3D,EAAoE;AAClEc,IAAAA,eAAe,GAAGI,WAAlB;;AAEA,QAAInB,QAAJ,EAAc;AACZiB,MAAAA,SAAS,GAAG,oBAAMP,MAAM,CAACW,OAAb,EAAsBC,KAAtB,CAA4BX,eAA5B,EAA6CY,GAA7C,GAAmDC,MAAnD,EAAZ;AACD,KAFD,MAEO;AACLP,MAAAA,SAAS,GAAGP,MAAM,CAACW,OAAnB;AACD;AACF,GARD,MAQO;AACLN,IAAAA,eAAe,GAAG,aAAlB;;AAEA,QAAIf,QAAJ,EAAc;AACZiB,MAAAA,SAAS,GAAG,oBAAME,WAAN,EAAmBG,KAAnB,CAAyBX,eAAzB,EAA0CY,GAA1C,GAAgDC,MAAhD,EAAZ;AACD,KAFD,MAEO;AACLP,MAAAA,SAAS,GAAGE,WAAZ;AACD;AACF;;AAED,MAAIlB,IAAI,KAAK,SAAb,EAAwB;AACtB,QAAID,QAAJ,EAAc;AACZgB,MAAAA,WAAW,GAAG,oBAAMG,WAAN,EAAmBG,KAAnB,CAAyBX,eAAzB,EAA0CY,GAA1C,GAAgDC,MAAhD,EAAd;AACD,KAFD,MAEO;AACLR,MAAAA,WAAW,GAAGG,WAAd;AACD;;AACDD,IAAAA,WAAW,GAAGO,wBAAWC,aAAzB;AACD,GAPD,MAOO;AACLV,IAAAA,WAAW,GAAG,aAAd;AACAE,IAAAA,WAAW,GAAG,CAAd;AACD;;AAED,QAAMS,WAAiC,GAAG;AACxCZ,IAAAA,eADwC;AAExCC,IAAAA,WAFwC;AAGxCE,IAAAA,WAHwC;AAIxCU,IAAAA,YAAY,EAAEhB,SAJ0B;AAKxCiB,IAAAA,UAAU,EAAE,QAL4B;AAMxCC,IAAAA,cAAc,EAAE;AANwB,GAA1C;AASA,QAAMC,YAAoC,GAAG,CAACC,MAAM,CAACC,MAAR,EAAgBN,WAAhB,CAA7C;AAEA,QAAMO,YAAoC,GAAG,CAACF,MAAM,CAACG,OAAR,CAA7C;AAEA,QAAMC,SAA+B,GAAG;AACtCC,IAAAA,SAAS,EAAE,QAD2B;AAEtClC,IAAAA,KAAK,EAAEc;AAF+B,GAAxC;AAKA,QAAMqB,SAAiC,GAAG,CACxCN,MAAM,CAACjC,IADiC,EAExC;AACEwC,IAAAA,KAAK,EAAEC,gBAAOC;AADhB,GAFwC,CAA1C;;AAOA,MAAIxC,IAAI,KAAK,UAAT,IAAuBA,IAAI,KAAK,SAApC,EAA+C;AAC7C0B,IAAAA,WAAW,CAACY,KAAZ,GAAoBC,gBAAOE,OAA3B;AACAf,IAAAA,WAAW,CAACgB,MAAZ,GAAqBH,gBAAOE,OAA5B;AACAf,IAAAA,WAAW,CAACC,YAAZ,GAA2BY,gBAAOI,eAAlC;AAEAV,IAAAA,YAAY,CAACW,IAAb,CAAkB;AAChBN,MAAAA,KAAK,EAAEC,gBAAOE,OADE;AAEhBC,MAAAA,MAAM,EAAEH,gBAAOE;AAFC,KAAlB;AAID;;AAED,MAAIzC,IAAI,KAAK,UAAT,IAAuBA,IAAI,KAAK,OAApC,EAA6C;AAC3CqC,IAAAA,SAAS,CAACO,IAAV,CAAe;AACbC,MAAAA,UAAU,EAAE,EADC;AAEbC,MAAAA,WAAW,EAAE,CAAC;AAFD,KAAf;AAKAX,IAAAA,SAAS,CAACY,MAAV,GAAmB,EAAnB;AACD;;AAED,MAAI/C,IAAI,KAAK,OAAb,EAAsB;AACpB8B,IAAAA,YAAY,CAACc,IAAb,CAAkB;AAChBF,MAAAA,MAAM,EAAEH,gBAAOS,cADC;AAEhBC,MAAAA,SAAS,EAAE;AAFK,KAAlB;AAID;;AAED,sBACE,oBAAC,kBAAD;AAAW,IAAA,KAAK,EAAE,CAAC;AAAE3C,MAAAA;AAAF,KAAD,EAAgBC,KAAhB;AAAlB,kBACE,oBAAC,kBAAD,eACMM,IADN;AAEE,IAAA,OAAO,EAAER,OAFX;AAGE,IAAA,kBAAkB,EAAE;AAAEN,MAAAA;AAAF,KAHtB;AAIE,IAAA,iBAAiB,EAAC,QAJpB;AAKE,IAAA,QAAQ,EAAEA,QAAQ,IAAIE,OALxB;AAME,IAAA,KAAK,EAAE6B;AANT,mBAQE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEC,MAAM,CAACG;AAApB,KACGpC,IAAI,IAAIG,OAAO,KAAK,IAApB,gBACC,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEoC;AAAb,kBACE,oBAAC,IAAD;AACE,IAAA,IAAI,EAAEvC,IADR;AAEE,IAAA,IAAI,EAAEyC,gBAAOC,cAFf;AAGE,IAAA,KAAK,EAAExB;AAHT,IADF,CADD,GAQG,IATN,EAUGf,OAAO,gBACN,oBAAC,8BAAD;AACE,IAAA,IAAI,EAAC,OADP;AAEE,IAAA,KAAK,EAAEe,SAFT;AAGE,IAAA,KAAK,EAAEqB;AAHT,IADM,GAMJ,IAhBN,EAiBGjC,KAAK,gBACJ,oBAAC,aAAD;AAAM,IAAA,aAAa,EAAE,CAArB;AAAwB,IAAA,KAAK,EAAE,CAAC+B,SAAD,EAAYvB,UAAU,CAACoB,MAAvB;AAA/B,KACG5B,KADH,CADI,GAIF,IArBN,CARF,CADF,CADF;AAoCD,CAvID;;AAyIA,MAAM2B,MAAM,GAAGP,wBAAW0B,MAAX,CAAkB;AAC/BlB,EAAAA,MAAM,EAAE;AACNmB,IAAAA,WAAW,EAAE;AADP,GADuB;AAI/BjB,EAAAA,OAAO,EAAE;AACPkB,IAAAA,aAAa,EAAE,KADR;AAEPxB,IAAAA,UAAU,EAAE,QAFL;AAGPC,IAAAA,cAAc,EAAE;AAHT,GAJsB;AAS/B/B,EAAAA,IAAI,EAAE;AACJ8B,IAAAA,UAAU,EAAE,QADR;AAEJC,IAAAA,cAAc,EAAE,QAFZ;AAGJS,IAAAA,KAAK,EAAEC,gBAAOC;AAHV,GATyB;AAc/Ba,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,CADD;AAELC,IAAAA,KAAK,EAAE,CAFF;AAGLC,IAAAA,MAAM,EAAE,CAHH;AAILd,IAAAA,MAAM,EAAE,EAJH;AAKLf,IAAAA,YAAY,EAAE;AALT;AAdwB,CAAlB,CAAf;;eAuBe,wBAAU/B,GAAV,C","sourcesContent":["import * as React from \"react\";\nimport {\n ActivityIndicator,\n View,\n StyleSheet,\n TouchableHighlightProps,\n StyleProp,\n ViewStyle,\n TextStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Text from \"./Text\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\n/**\n * A floating action button represents the primary action in an application.\n *\n * <div class=\"screenshots\">\n * <img src=\"screenshots/fab-1.png\" />\n * <img src=\"screenshots/fab-2.png\" />\n * </div>\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { StyleSheet } from 'react-native';\n * import { FAB } from '@draftbit/ui';\n *\n * const MyComponent = () => (\n * <FAB\n * style={styles.fab}\n * type=\"outline\"\n * icon=\"add\"\n * onPress={() => console.log('Pressed')}\n * />\n * );\n *\n * const styles = StyleSheet.create({\n * fab: {\n * position: 'absolute',\n * margin: 16,\n * right: 0,\n * bottom: 0,\n * },\n * })\n *\n * export default MyComponent;\n * ```\n */\n\ntype Props = {\n disabled?: boolean;\n type?: \"solid\" | \"extended\" | \"outline\" | \"fixed\" | \"standard\";\n loading?: boolean;\n icon?: string;\n color?: string;\n label?: string;\n onPress: () => void;\n elevation?: number;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n} & TouchableHighlightProps &\n IconSlot;\n\nconst FAB: React.FC<Props> = ({\n Icon,\n icon,\n disabled = false,\n type = \"solid\",\n loading = false,\n color: colorOverride,\n label,\n onPress,\n elevation = 0,\n style,\n theme: { colors, disabledOpacity, roundness, typography },\n ...rest\n}) => {\n let backgroundColor, borderColor, textColor, borderWidth;\n const buttonColor = colorOverride || colors.primary;\n\n if (type === \"standard\" || type === \"extended\" || type === \"fixed\") {\n backgroundColor = buttonColor;\n\n if (disabled) {\n textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n } else {\n textColor = colors.surface;\n }\n } else {\n backgroundColor = \"transparent\";\n\n if (disabled) {\n textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n } else {\n textColor = buttonColor;\n }\n }\n\n if (type === \"outline\") {\n if (disabled) {\n borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n } else {\n borderColor = buttonColor;\n }\n borderWidth = StyleSheet.hairlineWidth;\n } else {\n borderColor = \"transparent\";\n borderWidth = 0;\n }\n\n const buttonStyle: StyleProp<ViewStyle> = {\n backgroundColor,\n borderColor,\n borderWidth,\n borderRadius: roundness,\n alignItems: \"center\",\n justifyContent: \"center\",\n };\n\n const buttonStyles: StyleProp<ViewStyle>[] = [styles.button, buttonStyle];\n\n const contentStyle: StyleProp<ViewStyle>[] = [styles.content];\n\n const textStyle: StyleProp<TextStyle> = {\n textAlign: \"center\",\n color: textColor,\n };\n\n const iconStyle: StyleProp<ViewStyle>[] = [\n styles.icon,\n {\n width: Config.buttonIconSize,\n },\n ];\n\n if (type === \"standard\" || type === \"outline\") {\n buttonStyle.width = Config.FABSize;\n buttonStyle.height = Config.FABSize;\n buttonStyle.borderRadius = Config.FABBorderRadius;\n\n contentStyle.push({\n width: Config.FABSize,\n height: Config.FABSize,\n });\n }\n\n if (type === \"extended\" || type === \"fixed\") {\n iconStyle.push({\n marginLeft: 16,\n marginRight: -8,\n });\n\n textStyle.margin = 16;\n }\n\n if (type === \"fixed\") {\n buttonStyles.push({\n height: Config.FABFixedHeight,\n alignSelf: \"stretch\",\n });\n }\n\n return (\n <Elevation style={[{ elevation }, style]}>\n <Touchable\n {...rest}\n onPress={onPress}\n accessibilityState={{ disabled }}\n accessibilityRole=\"button\"\n disabled={disabled || loading}\n style={buttonStyles}\n >\n <View style={styles.content}>\n {icon && loading !== true ? (\n <View style={iconStyle}>\n <Icon\n name={icon}\n size={Config.buttonIconSize}\n color={textColor}\n />\n </View>\n ) : null}\n {loading ? (\n <ActivityIndicator\n size=\"small\"\n color={textColor}\n style={iconStyle}\n />\n ) : null}\n {label ? (\n <Text numberOfLines={1} style={[textStyle, typography.button]}>\n {label}\n </Text>\n ) : null}\n </View>\n </Touchable>\n </Elevation>\n );\n};\n\nconst styles = StyleSheet.create({\n button: {\n borderStyle: \"solid\",\n },\n content: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n icon: {\n alignItems: \"center\",\n justifyContent: \"center\",\n width: Config.buttonIconSize,\n },\n fixed: {\n left: 0,\n right: 0,\n bottom: 0,\n height: 64,\n borderRadius: 0,\n },\n});\n\nexport default withTheme(FAB);\n"]}
1
+ {"version":3,"sources":["DeprecatedFAB.js"],"names":["FAB","Icon","icon","disabled","type","loading","color","colorOverride","label","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","alignItems","justifyContent","buttonStyles","styles","button","contentStyle","content","textStyle","textAlign","iconStyle","width","Config","buttonIconSize","FABSize","height","FABBorderRadius","push","marginLeft","marginRight","margin","FABFixedHeight","alignSelf","React","createElement","Elevation","Touchable","accessibilityState","accessibilityRole","View","name","size","ActivityIndicator","Text","numberOfLines","create","borderStyle","flexDirection","fixed","left","right","bottom"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { ActivityIndicator, View, StyleSheet, } from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Text from \"./Text\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nconst FAB = ({ Icon, icon, disabled = false, type = \"solid\", loading = false, color: colorOverride, label, onPress, elevation = 0, style, theme: { colors, disabledOpacity, roundness, typography }, ...rest }) => {\n let backgroundColor, borderColor, textColor, borderWidth;\n const buttonColor = colorOverride || colors.primary;\n if (type === \"standard\" || type === \"extended\" || type === \"fixed\") {\n backgroundColor = buttonColor;\n if (disabled) {\n textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n }\n else {\n textColor = colors.surface;\n }\n }\n else {\n backgroundColor = \"transparent\";\n if (disabled) {\n textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n }\n else {\n textColor = buttonColor;\n }\n }\n if (type === \"outline\") {\n if (disabled) {\n borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n }\n else {\n borderColor = buttonColor;\n }\n borderWidth = StyleSheet.hairlineWidth;\n }\n else {\n borderColor = \"transparent\";\n borderWidth = 0;\n }\n const buttonStyle = {\n backgroundColor,\n borderColor,\n borderWidth,\n borderRadius: roundness,\n alignItems: \"center\",\n justifyContent: \"center\",\n };\n const buttonStyles = [styles.button, buttonStyle];\n const contentStyle = [styles.content];\n const textStyle = {\n textAlign: \"center\",\n color: textColor,\n };\n const iconStyle = [\n styles.icon,\n {\n width: Config.buttonIconSize,\n },\n ];\n if (type === \"standard\" || type === \"outline\") {\n buttonStyle.width = Config.FABSize;\n buttonStyle.height = Config.FABSize;\n buttonStyle.borderRadius = Config.FABBorderRadius;\n contentStyle.push({\n width: Config.FABSize,\n height: Config.FABSize,\n });\n }\n if (type === \"extended\" || type === \"fixed\") {\n iconStyle.push({\n marginLeft: 16,\n marginRight: -8,\n });\n textStyle.margin = 16;\n }\n if (type === \"fixed\") {\n buttonStyles.push({\n height: Config.FABFixedHeight,\n alignSelf: \"stretch\",\n });\n }\n return (React.createElement(Elevation, { style: [{ elevation }, style] },\n React.createElement(Touchable, { ...rest, onPress: onPress, accessibilityState: { disabled }, accessibilityRole: \"button\", disabled: disabled || loading, style: buttonStyles },\n React.createElement(View, { style: styles.content },\n icon && loading !== true ? (React.createElement(View, { style: iconStyle },\n React.createElement(Icon, { name: icon, size: Config.buttonIconSize, color: textColor }))) : null,\n loading ? (React.createElement(ActivityIndicator, { size: \"small\", color: textColor, style: iconStyle })) : null,\n label ? (React.createElement(Text, { numberOfLines: 1, style: [textStyle, typography.button] }, label)) : null))));\n};\nconst styles = StyleSheet.create({\n button: {\n borderStyle: \"solid\",\n },\n content: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n icon: {\n alignItems: \"center\",\n justifyContent: \"center\",\n width: Config.buttonIconSize,\n },\n fixed: {\n left: 0,\n right: 0,\n bottom: 0,\n height: 64,\n borderRadius: 0,\n },\n});\nexport default withTheme(FAB);\n"]}
@@ -15,6 +15,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
15
15
 
16
16
  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; }
17
17
 
18
+ 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); }
19
+
18
20
  const Divider = _ref => {
19
21
  let {
20
22
  style,
@@ -24,19 +26,7 @@ const Divider = _ref => {
24
26
  },
25
27
  ...rest
26
28
  } = _ref;
27
- return /*#__PURE__*/React.createElement(_reactNative.View, {
28
- style: [{
29
- backgroundColor: color || colors.divider,
30
- height: _reactNative.StyleSheet.hairlineWidth
31
- }, style],
32
- ...rest
33
- });
34
- };
35
-
36
- var _default = (0, _theming.withTheme)(Divider);
37
-
38
- exports.default = _default;
39
- //# sourceMappingURL=Divider.js.map /*#__PURE__*/React.createElement(_reactNative.View, _extends({
29
+ return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
40
30
  style: [{
41
31
  backgroundColor: color || colors.divider,
42
32
  height: _reactNative.StyleSheet.hairlineWidth
@@ -1 +1 @@
1
- {"version":3,"sources":["Divider.js"],"names":["Divider","style","color","theme","colors","rest","React","createElement","View","backgroundColor","divider","height","StyleSheet","hairlineWidth"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AACA,MAAMA,OAAO,GAAG,QAAkD;AAAA,MAAjD;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KAAvB;AAAmC,OAAGC;AAAtC,GAAiD;AAC9D,sBAAQC,KAAK,CAACC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEP,IAAAA,KAAK,EAAE,CACnC;AACIQ,MAAAA,eAAe,EAAEP,KAAK,IAAIE,MAAM,CAACM,OADrC;AAEIC,MAAAA,MAAM,EAAEC,wBAAWC;AAFvB,KADmC,EAKnCZ,KALmC,CAAT;AAM3B,OAAGI;AANwB,GAA1B,CAAR;AAOH,CARD;;eASe,wBAAUL,OAAV,C","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport { withTheme } from \"../theming\";\nconst Divider = ({ style, color, theme: { colors }, ...rest }) => {\n return (React.createElement(View, { style: [\n {\n backgroundColor: color || colors.divider,\n height: StyleSheet.hairlineWidth,\n },\n style,\n ], ...rest }));\n};\nexport default withTheme(Divider);\n"]}
1
+ {"version":3,"sources":["Divider.tsx"],"names":["Divider","style","color","theme","colors","rest","backgroundColor","divider","height","StyleSheet","hairlineWidth"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AASA,MAAMA,OAAwB,GAAG,QAK3B;AAAA,MAL4B;AAChCC,IAAAA,KADgC;AAEhCC,IAAAA,KAFgC;AAGhCC,IAAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KAHyB;AAIhC,OAAGC;AAJ6B,GAK5B;AACJ,sBACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL;AACEC,MAAAA,eAAe,EAAEJ,KAAK,IAAIE,MAAM,CAACG,OADnC;AAEEC,MAAAA,MAAM,EAAEC,wBAAWC;AAFrB,KADK,EAKLT,KALK;AADT,KAQMI,IARN,EADF;AAYD,CAlBD;;eAoBe,wBAAUL,OAAV,C","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View, StyleProp, ViewStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n style?: StyleProp<ViewStyle>;\n color?: string;\n theme: typeof theme;\n};\n\nconst Divider: React.FC<Props> = ({\n style,\n color,\n theme: { colors },\n ...rest\n}) => {\n return (\n <View\n style={[\n {\n backgroundColor: color || colors.divider,\n height: StyleSheet.hairlineWidth,\n },\n style,\n ]}\n {...rest}\n />\n );\n};\n\nexport default withTheme(Divider);\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["ActivityIndicator.js"],"names":["SEED_DATA","name","tag","description","doc_link","code_link","category","COMPONENT_TYPES","input","layout","width","height","props","size","label","options","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","editable","required","defaultValue","group","GROUPS","basic","animating","boolean","BOOLEAN","hidesWhenStopped","color","THEME"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,oBADe;AAErBC,EAAAA,GAAG,EAAE,mBAFgB;AAGrBC,EAAAA,WAAW,EAAE,wCAHQ;AAIrBC,EAAAA,QAAQ,EAAE,sEAJW;AAKrBC,EAAAA,SAAS,EAAE,2IALU;AAMrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KANL;AAOrBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,KAAK,EAAE,EAAT;AAAaC,IAAAA,MAAM,EAAE;AAArB,GAPa;AAQrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,KAAK,EAAE,MADL;AAEFX,MAAAA,WAAW,EAAE,oDAFX;AAGFY,MAAAA,OAAO,EAAE,CAAC,OAAD,EAAU,OAAV,CAHP;AAIFC,MAAAA,QAAQ,EAAEC,kBAAWC,SAJnB;AAKFC,MAAAA,QAAQ,EAAEC,kBAAWC,MALnB;AAMFC,MAAAA,QAAQ,EAAE,IANR;AAOFC,MAAAA,QAAQ,EAAE,KAPR;AAQFC,MAAAA,YAAY,EAAE,OARZ;AASFC,MAAAA,KAAK,EAAEC,cAAOC;AATZ,KADH;AAYHC,IAAAA,SAAS,EAAE;AACPd,MAAAA,KAAK,EAAE,UADA;AAEPX,MAAAA,WAAW,EAAE,uDAFN;AAGPa,MAAAA,QAAQ,EAAEC,kBAAWY,OAHd;AAIPV,MAAAA,QAAQ,EAAEC,kBAAWU,OAJd;AAKPR,MAAAA,QAAQ,EAAE,IALH;AAMPC,MAAAA,QAAQ,EAAE,KANH;AAOPC,MAAAA,YAAY,EAAE,IAPP;AAQPC,MAAAA,KAAK,EAAEC,cAAOC;AARP,KAZR;AAsBHI,IAAAA,gBAAgB,EAAE;AACdjB,MAAAA,KAAK,EAAE,mBADO;AAEdX,MAAAA,WAAW,EAAE,sEAFC;AAGda,MAAAA,QAAQ,EAAEC,kBAAWY,OAHP;AAIdV,MAAAA,QAAQ,EAAEC,kBAAWU,OAJP;AAKdR,MAAAA,QAAQ,EAAE,IALI;AAMdC,MAAAA,QAAQ,EAAE,KANI;AAOdC,MAAAA,YAAY,EAAE,IAPA;AAQdC,MAAAA,KAAK,EAAEC,cAAOC;AARA,KAtBf;AAgCHK,IAAAA,KAAK,EAAE;AACHlB,MAAAA,KAAK,EAAE,OADJ;AAEHX,MAAAA,WAAW,EAAE,oDAFV;AAGHa,MAAAA,QAAQ,EAAEC,kBAAWe,KAHlB;AAIHb,MAAAA,QAAQ,EAAEC,kBAAWa,KAJlB;AAKHX,MAAAA,QAAQ,EAAE,IALP;AAMHC,MAAAA,QAAQ,EAAE,KANP;AAOHC,MAAAA,YAAY,EAAE,IAPX;AAQHC,MAAAA,KAAK,EAAEC,cAAOC;AARX;AAhCJ;AARc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Activity Indicator\",\n tag: \"ActivityIndicator\",\n description: \"Displays a circular loading indicator.\",\n doc_link: \"https://docs.expo.io/versions/latest/react-native/activityindicator/\",\n code_link: \"https://github.com/expo/expo/blob/master/ios/versioned-react-native/ABI32_0_0/Libraries/Components/ActivityIndicator/ActivityIndicator.js\",\n category: COMPONENT_TYPES.input,\n layout: { width: 36, height: 36 },\n props: {\n size: {\n label: \"Size\",\n description: \"The size of the loading indicator (Default: small)\",\n options: [\"small\", \"large\"],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n editable: true,\n required: false,\n defaultValue: \"small\",\n group: GROUPS.basic,\n },\n animating: {\n label: \"Spinning\",\n description: \"Whether to show the loading indicator (Default: true)\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n editable: true,\n required: false,\n defaultValue: true,\n group: GROUPS.basic,\n },\n hidesWhenStopped: {\n label: \"Hide When Stopped\",\n description: \"Whether the indicator should hide when not animating (Default: true)\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n editable: true,\n required: false,\n defaultValue: true,\n group: GROUPS.basic,\n },\n color: {\n label: \"Color\",\n description: \"The color of the loading indicator (Default: gray)\",\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n editable: true,\n required: false,\n defaultValue: null,\n group: GROUPS.basic,\n },\n },\n};\n"]}
1
+ {"version":3,"sources":["ActivityIndicator.ts"],"names":["SEED_DATA","name","tag","description","doc_link","code_link","category","COMPONENT_TYPES","input","layout","width","height","props","size","label","options","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","editable","required","defaultValue","group","GROUPS","basic","animating","boolean","BOOLEAN","hidesWhenStopped","color","THEME"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,oBADiB;AAEvBC,EAAAA,GAAG,EAAE,mBAFkB;AAGvBC,EAAAA,WAAW,EAAE,wCAHU;AAIvBC,EAAAA,QAAQ,EACN,sEALqB;AAMvBC,EAAAA,SAAS,EACP,2IAPqB;AAQvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KARH;AASvBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,KAAK,EAAE,EAAT;AAAaC,IAAAA,MAAM,EAAE;AAArB,GATe;AAUvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,MADH;AAEJX,MAAAA,WAAW,EAAE,oDAFT;AAGJY,MAAAA,OAAO,EAAE,CAAC,OAAD,EAAU,OAAV,CAHL;AAIJC,MAAAA,QAAQ,EAAEC,kBAAWC,SAJjB;AAKJC,MAAAA,QAAQ,EAAEC,kBAAWC,MALjB;AAMJC,MAAAA,QAAQ,EAAE,IANN;AAOJC,MAAAA,QAAQ,EAAE,KAPN;AAQJC,MAAAA,YAAY,EAAE,OARV;AASJC,MAAAA,KAAK,EAAEC,cAAOC;AATV,KADD;AAYLC,IAAAA,SAAS,EAAE;AACTd,MAAAA,KAAK,EAAE,UADE;AAETX,MAAAA,WAAW,EAAE,uDAFJ;AAGTa,MAAAA,QAAQ,EAAEC,kBAAWY,OAHZ;AAITV,MAAAA,QAAQ,EAAEC,kBAAWU,OAJZ;AAKTR,MAAAA,QAAQ,EAAE,IALD;AAMTC,MAAAA,QAAQ,EAAE,KAND;AAOTC,MAAAA,YAAY,EAAE,IAPL;AAQTC,MAAAA,KAAK,EAAEC,cAAOC;AARL,KAZN;AAsBLI,IAAAA,gBAAgB,EAAE;AAChBjB,MAAAA,KAAK,EAAE,mBADS;AAEhBX,MAAAA,WAAW,EACT,sEAHc;AAIhBa,MAAAA,QAAQ,EAAEC,kBAAWY,OAJL;AAKhBV,MAAAA,QAAQ,EAAEC,kBAAWU,OALL;AAMhBR,MAAAA,QAAQ,EAAE,IANM;AAOhBC,MAAAA,QAAQ,EAAE,KAPM;AAQhBC,MAAAA,YAAY,EAAE,IARE;AAShBC,MAAAA,KAAK,EAAEC,cAAOC;AATE,KAtBb;AAiCLK,IAAAA,KAAK,EAAE;AACLlB,MAAAA,KAAK,EAAE,OADF;AAELX,MAAAA,WAAW,EAAE,oDAFR;AAGLa,MAAAA,QAAQ,EAAEC,kBAAWe,KAHhB;AAILb,MAAAA,QAAQ,EAAEC,kBAAWa,KAJhB;AAKLX,MAAAA,QAAQ,EAAE,IALL;AAMLC,MAAAA,QAAQ,EAAE,KANL;AAOLC,MAAAA,YAAY,EAAE,IAPT;AAQLC,MAAAA,KAAK,EAAEC,cAAOC;AART;AAjCF;AAVgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Activity Indicator\",\n tag: \"ActivityIndicator\",\n description: \"Displays a circular loading indicator.\",\n doc_link:\n \"https://docs.expo.io/versions/latest/react-native/activityindicator/\",\n code_link:\n \"https://github.com/expo/expo/blob/master/ios/versioned-react-native/ABI32_0_0/Libraries/Components/ActivityIndicator/ActivityIndicator.js\",\n category: COMPONENT_TYPES.input,\n layout: { width: 36, height: 36 },\n props: {\n size: {\n label: \"Size\",\n description: \"The size of the loading indicator (Default: small)\",\n options: [\"small\", \"large\"],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n editable: true,\n required: false,\n defaultValue: \"small\",\n group: GROUPS.basic,\n },\n animating: {\n label: \"Spinning\",\n description: \"Whether to show the loading indicator (Default: true)\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n editable: true,\n required: false,\n defaultValue: true,\n group: GROUPS.basic,\n },\n hidesWhenStopped: {\n label: \"Hide When Stopped\",\n description:\n \"Whether the indicator should hide when not animating (Default: true)\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n editable: true,\n required: false,\n defaultValue: true,\n group: GROUPS.basic,\n },\n color: {\n label: \"Color\",\n description: \"The color of the loading indicator (Default: gray)\",\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n editable: true,\n required: false,\n defaultValue: null,\n group: GROUPS.basic,\n },\n },\n};\n"]}
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.SEED_DATA = void 0;
7
+
8
+ var _types = require("@draftbit/types");
9
+
10
+ const SEED_DATA = {
11
+ name: "Banner",
12
+ tag: "Banner",
13
+ category: _types.COMPONENT_TYPES.button,
14
+ props: {
15
+ icon: (0, _types.createIconProp)({
16
+ defaultValue: null,
17
+ required: false
18
+ }),
19
+ content: (0, _types.createTextProp)({
20
+ label: "Content",
21
+ description: "Banner text content"
22
+ }),
23
+ initiallyVisible: (0, _types.createBoolProp)({
24
+ group: _types.GROUPS.basic,
25
+ label: "Initially visible",
26
+ description: "Whether the banner should be visible",
27
+ defaultValue: true
28
+ }),
29
+ dismissable: (0, _types.createBoolProp)({
30
+ group: _types.GROUPS.basic,
31
+ label: "Dismissable",
32
+ description: "Whether the banner should be able to be closed",
33
+ defaultValue: true
34
+ }),
35
+ buttonColor: (0, _types.createColorProp)({
36
+ label: "Button color",
37
+ defaultValue: "primary"
38
+ })
39
+ }
40
+ };
41
+ exports.SEED_DATA = SEED_DATA;
42
+ //# sourceMappingURL=Banner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["Banner.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","button","props","icon","defaultValue","required","content","label","description","initiallyVisible","group","GROUPS","basic","dismissable","buttonColor"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,QADiB;AAEvBC,EAAAA,GAAG,EAAE,QAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAHH;AAIvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,2BAAe;AACnBC,MAAAA,YAAY,EAAE,IADK;AAEnBC,MAAAA,QAAQ,EAAE;AAFS,KAAf,CADD;AAKLC,IAAAA,OAAO,EAAE,2BAAe;AACtBC,MAAAA,KAAK,EAAE,SADe;AAEtBC,MAAAA,WAAW,EAAE;AAFS,KAAf,CALJ;AASLC,IAAAA,gBAAgB,EAAE,2BAAe;AAC/BC,MAAAA,KAAK,EAAEC,cAAOC,KADiB;AAE/BL,MAAAA,KAAK,EAAE,mBAFwB;AAG/BC,MAAAA,WAAW,EAAE,sCAHkB;AAI/BJ,MAAAA,YAAY,EAAE;AAJiB,KAAf,CATb;AAeLS,IAAAA,WAAW,EAAE,2BAAe;AAC1BH,MAAAA,KAAK,EAAEC,cAAOC,KADY;AAE1BL,MAAAA,KAAK,EAAE,aAFmB;AAG1BC,MAAAA,WAAW,EAAE,gDAHa;AAI1BJ,MAAAA,YAAY,EAAE;AAJY,KAAf,CAfR;AAqBLU,IAAAA,WAAW,EAAE,4BAAgB;AAC3BP,MAAAA,KAAK,EAAE,cADoB;AAE3BH,MAAAA,YAAY,EAAE;AAFa,KAAhB;AArBR;AAJgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createIconProp,\n createBoolProp,\n createColorProp,\n createTextProp,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Banner\",\n tag: \"Banner\",\n category: COMPONENT_TYPES.button,\n props: {\n icon: createIconProp({\n defaultValue: null,\n required: false,\n }),\n content: createTextProp({\n label: \"Content\",\n description: \"Banner text content\",\n }),\n initiallyVisible: createBoolProp({\n group: GROUPS.basic,\n label: \"Initially visible\",\n description: \"Whether the banner should be visible\",\n defaultValue: true,\n }),\n dismissable: createBoolProp({\n group: GROUPS.basic,\n label: \"Dismissable\",\n description: \"Whether the banner should be able to be closed\",\n defaultValue: true,\n }),\n buttonColor: createColorProp({\n label: \"Button color\",\n defaultValue: \"primary\",\n }),\n },\n};\n"]}
@@ -41,6 +41,11 @@ const SEED_DATA = {
41
41
  enableOnAndroid: (0, _types.createStaticBoolProp)({
42
42
  label: "Enable On Android",
43
43
  description: "Enable Android Support"
44
+ }),
45
+ showsVerticalScrollIndicator: (0, _types.createStaticBoolProp)({
46
+ label: "Shows Vertical Scroll Indicator",
47
+ description: "Show or hide the vertical scroll indicator",
48
+ defaultValue: true
44
49
  })
45
50
  }
46
51
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["KeyboardAwareScrollView.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","props","viewIsInsideTabBar","label","enableAutomaticScroll","extraHeight","extraScrollHeight","enableResetScrollToCoords","keyboardOpeningTime","enableOnAndroid"],"mappings":";;;;;;;AAAA;;AAMO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,4BADiB;AAEvBC,EAAAA,GAAG,EAAE,yBAFkB;AAGvBC,EAAAA,WAAW,EACT,mEAJqB;AAKvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MALH;AAMvBA,EAAAA,MAAM,EAAE,EANe;AAOvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,kBAAkB,EAAE,iCAAqB;AACvCC,MAAAA,KAAK,EAAE,uBADgC;AAEvCN,MAAAA,WAAW,EAAE;AAF0B,KAArB,CADf;AAKLO,IAAAA,qBAAqB,EAAE,iCAAqB;AAC1CD,MAAAA,KAAK,EAAE,yBADmC;AAE1CN,MAAAA,WAAW,EACT;AAHwC,KAArB,CALlB;AAULQ,IAAAA,WAAW,EAAE,mCAAuB;AAClCF,MAAAA,KAAK,EAAE,cAD2B;AAElCN,MAAAA,WAAW,EAAE;AAFqB,KAAvB,CAVR;AAcLS,IAAAA,iBAAiB,EAAE,mCAAuB;AACxCH,MAAAA,KAAK,EAAE,qBADiC;AAExCN,MAAAA,WAAW,EACT;AAHsC,KAAvB,CAdd;AAmBLU,IAAAA,yBAAyB,EAAE,iCAAqB;AAC9CJ,MAAAA,KAAK,EAAE,oCADuC;AAE9CN,MAAAA,WAAW,EACT;AAH4C,KAArB,CAnBtB;AAwBLW,IAAAA,mBAAmB,EAAE,mCAAuB;AAC1CL,MAAAA,KAAK,EAAE,uBADmC;AAE1CN,MAAAA,WAAW,EACT;AAHwC,KAAvB,CAxBhB;AA6BLY,IAAAA,eAAe,EAAE,iCAAqB;AACpCN,MAAAA,KAAK,EAAE,mBAD6B;AAEpCN,MAAAA,WAAW,EAAE;AAFuB,KAArB;AA7BZ;AAPgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createStaticBoolProp,\n createStaticNumberProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Keyboard Aware Scroll View\",\n tag: \"KeyboardAwareScrollView\",\n description:\n \"View that moves pushes the content when virtual keyboard is open.\",\n category: COMPONENT_TYPES.layout,\n layout: {},\n props: {\n viewIsInsideTabBar: createStaticBoolProp({\n label: \"View Is Inside TabBar\",\n description: \"Adds an extra offset that represents the TabBarIOS height.\",\n }),\n enableAutomaticScroll: createStaticBoolProp({\n label: \"Enable Automatic Scroll\",\n description:\n \"When focus in TextInput will scroll the position, default is enabled\",\n }),\n extraHeight: createStaticNumberProp({\n label: \"Extra Height\",\n description: \"Adds an extra offset when focusing the TextInputs\",\n }),\n extraScrollHeight: createStaticNumberProp({\n label: \"Extra Scroll Height\",\n description:\n \"Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard\",\n }),\n enableResetScrollToCoords: createStaticBoolProp({\n label: \"Enable Reset Scroll To Coordinates\",\n description:\n \"Lets the user enable or disable automatic resetScrollToCoords\",\n }),\n keyboardOpeningTime: createStaticNumberProp({\n label: \"Keyboard Opening Time\",\n description:\n \"Sets the delay time before scrolling to new position, default is 250\",\n }),\n enableOnAndroid: createStaticBoolProp({\n label: \"Enable On Android\",\n description: \"Enable Android Support\",\n }),\n },\n};\n"]}
1
+ {"version":3,"sources":["KeyboardAwareScrollView.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","props","viewIsInsideTabBar","label","enableAutomaticScroll","extraHeight","extraScrollHeight","enableResetScrollToCoords","keyboardOpeningTime","enableOnAndroid","showsVerticalScrollIndicator","defaultValue"],"mappings":";;;;;;;AAAA;;AAMO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,4BADiB;AAEvBC,EAAAA,GAAG,EAAE,yBAFkB;AAGvBC,EAAAA,WAAW,EACT,mEAJqB;AAKvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MALH;AAMvBA,EAAAA,MAAM,EAAE,EANe;AAOvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,kBAAkB,EAAE,iCAAqB;AACvCC,MAAAA,KAAK,EAAE,uBADgC;AAEvCN,MAAAA,WAAW,EAAE;AAF0B,KAArB,CADf;AAKLO,IAAAA,qBAAqB,EAAE,iCAAqB;AAC1CD,MAAAA,KAAK,EAAE,yBADmC;AAE1CN,MAAAA,WAAW,EACT;AAHwC,KAArB,CALlB;AAULQ,IAAAA,WAAW,EAAE,mCAAuB;AAClCF,MAAAA,KAAK,EAAE,cAD2B;AAElCN,MAAAA,WAAW,EAAE;AAFqB,KAAvB,CAVR;AAcLS,IAAAA,iBAAiB,EAAE,mCAAuB;AACxCH,MAAAA,KAAK,EAAE,qBADiC;AAExCN,MAAAA,WAAW,EACT;AAHsC,KAAvB,CAdd;AAmBLU,IAAAA,yBAAyB,EAAE,iCAAqB;AAC9CJ,MAAAA,KAAK,EAAE,oCADuC;AAE9CN,MAAAA,WAAW,EACT;AAH4C,KAArB,CAnBtB;AAwBLW,IAAAA,mBAAmB,EAAE,mCAAuB;AAC1CL,MAAAA,KAAK,EAAE,uBADmC;AAE1CN,MAAAA,WAAW,EACT;AAHwC,KAAvB,CAxBhB;AA6BLY,IAAAA,eAAe,EAAE,iCAAqB;AACpCN,MAAAA,KAAK,EAAE,mBAD6B;AAEpCN,MAAAA,WAAW,EAAE;AAFuB,KAArB,CA7BZ;AAiCLa,IAAAA,4BAA4B,EAAE,iCAAqB;AACjDP,MAAAA,KAAK,EAAE,iCAD0C;AAEjDN,MAAAA,WAAW,EAAE,4CAFoC;AAGjDc,MAAAA,YAAY,EAAE;AAHmC,KAArB;AAjCzB;AAPgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createStaticBoolProp,\n createStaticNumberProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Keyboard Aware Scroll View\",\n tag: \"KeyboardAwareScrollView\",\n description:\n \"View that moves pushes the content when virtual keyboard is open.\",\n category: COMPONENT_TYPES.layout,\n layout: {},\n props: {\n viewIsInsideTabBar: createStaticBoolProp({\n label: \"View Is Inside TabBar\",\n description: \"Adds an extra offset that represents the TabBarIOS height.\",\n }),\n enableAutomaticScroll: createStaticBoolProp({\n label: \"Enable Automatic Scroll\",\n description:\n \"When focus in TextInput will scroll the position, default is enabled\",\n }),\n extraHeight: createStaticNumberProp({\n label: \"Extra Height\",\n description: \"Adds an extra offset when focusing the TextInputs\",\n }),\n extraScrollHeight: createStaticNumberProp({\n label: \"Extra Scroll Height\",\n description:\n \"Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard\",\n }),\n enableResetScrollToCoords: createStaticBoolProp({\n label: \"Enable Reset Scroll To Coordinates\",\n description:\n \"Lets the user enable or disable automatic resetScrollToCoords\",\n }),\n keyboardOpeningTime: createStaticNumberProp({\n label: \"Keyboard Opening Time\",\n description:\n \"Sets the delay time before scrolling to new position, default is 250\",\n }),\n enableOnAndroid: createStaticBoolProp({\n label: \"Enable On Android\",\n description: \"Enable Android Support\",\n }),\n showsVerticalScrollIndicator: createStaticBoolProp({\n label: \"Shows Vertical Scroll Indicator\",\n description: \"Show or hide the vertical scroll indicator\",\n defaultValue: true,\n }),\n },\n};\n"]}
@@ -10,8 +10,9 @@ var _types = require("@draftbit/types");
10
10
  const SEED_DATA = {
11
11
  name: "Map Callout",
12
12
  tag: "MapCallout",
13
+ packageName: "@draftbit/maps",
13
14
  description: "An info window to display on top of a marker when it is clicked",
14
- category: _types.COMPONENT_TYPES.deprecated,
15
+ category: _types.COMPONENT_TYPES.media,
15
16
  layout: {},
16
17
  props: {
17
18
  onPress: (0, _types.createActionProp)({
@@ -1 +1 @@
1
- {"version":3,"sources":["MapCallout.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","layout","props","onPress","showTooltip","label","group","GROUPS","basic","defaultValue"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,aADiB;AAEvBC,EAAAA,GAAG,EAAE,YAFkB;AAGvBC,EAAAA,WAAW,EACT,iEAJqB;AAKvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,UALH;AAMvBC,EAAAA,MAAM,EAAE,EANe;AAOvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,6BAAiB;AACxBN,MAAAA,WAAW,EAAE;AADW,KAAjB,CADJ;AAILO,IAAAA,WAAW,EAAE,2BAAe;AAC1BC,MAAAA,KAAK,EAAE,cADmB;AAE1BR,MAAAA,WAAW,EACT,8LAHwB;AAI1BS,MAAAA,KAAK,EAAEC,cAAOC,KAJY;AAK1BC,MAAAA,YAAY,EAAE;AALY,KAAf;AAJR;AAPgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createActionProp,\n createBoolProp,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Map Callout\",\n tag: \"MapCallout\",\n description:\n \"An info window to display on top of a marker when it is clicked\",\n category: COMPONENT_TYPES.deprecated,\n layout: {},\n props: {\n onPress: createActionProp({\n description: \"Action to execute when the callout is pressed\",\n }),\n showTooltip: createBoolProp({\n label: \"Show Tooltip\",\n description:\n 'If false, a default \"tooltip\" bubble window will be drawn around this callout\\'s children. If true, the child views can fully customize their appearance, including any \"bubble\"-like styles',\n group: GROUPS.basic,\n defaultValue: false,\n }),\n },\n};\n"]}
1
+ {"version":3,"sources":["MapCallout.ts"],"names":["SEED_DATA","name","tag","packageName","description","category","COMPONENT_TYPES","media","layout","props","onPress","showTooltip","label","group","GROUPS","basic","defaultValue"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,aADiB;AAEvBC,EAAAA,GAAG,EAAE,YAFkB;AAGvBC,EAAAA,WAAW,EAAE,gBAHU;AAIvBC,EAAAA,WAAW,EACT,iEALqB;AAMvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KANH;AAOvBC,EAAAA,MAAM,EAAE,EAPe;AAQvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,6BAAiB;AACxBN,MAAAA,WAAW,EAAE;AADW,KAAjB,CADJ;AAILO,IAAAA,WAAW,EAAE,2BAAe;AAC1BC,MAAAA,KAAK,EAAE,cADmB;AAE1BR,MAAAA,WAAW,EACT,8LAHwB;AAI1BS,MAAAA,KAAK,EAAEC,cAAOC,KAJY;AAK1BC,MAAAA,YAAY,EAAE;AALY,KAAf;AAJR;AARgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createActionProp,\n createBoolProp,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Map Callout\",\n tag: \"MapCallout\",\n packageName: \"@draftbit/maps\",\n description:\n \"An info window to display on top of a marker when it is clicked\",\n category: COMPONENT_TYPES.media,\n layout: {},\n props: {\n onPress: createActionProp({\n description: \"Action to execute when the callout is pressed\",\n }),\n showTooltip: createBoolProp({\n label: \"Show Tooltip\",\n description:\n 'If false, a default \"tooltip\" bubble window will be drawn around this callout\\'s children. If true, the child views can fully customize their appearance, including any \"bubble\"-like styles',\n group: GROUPS.basic,\n defaultValue: false,\n }),\n },\n};\n"]}
@@ -10,8 +10,9 @@ var _types = require("@draftbit/types");
10
10
  const SEED_DATA = {
11
11
  name: "Map Marker",
12
12
  tag: "MapMarker",
13
+ packageName: "@draftbit/maps",
13
14
  description: "A marker to show inside map view",
14
- category: _types.COMPONENT_TYPES.deprecated,
15
+ category: _types.COMPONENT_TYPES.media,
15
16
  layout: {},
16
17
  props: {
17
18
  latitude: (0, _types.createNumberProp)({
@@ -1 +1 @@
1
- {"version":3,"sources":["MapMarker.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","layout","props","latitude","label","required","precision","min","max","longitude","title","defaultValue","flat","group","GROUPS","basic","pinColor"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,YADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,kCAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,UAJH;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,6BAAiB;AACzBC,MAAAA,KAAK,EAAE,UADkB;AAEzBP,MAAAA,WAAW,EAAE,6CAFY;AAGzBQ,MAAAA,QAAQ,EAAE,IAHe;AAIzBC,MAAAA,SAAS,EAAE,CAJc;AAKzBC,MAAAA,GAAG,EAAE,CAAC,EALmB;AAMzBC,MAAAA,GAAG,EAAE;AANoB,KAAjB,CADL;AASLC,IAAAA,SAAS,EAAE,6BAAiB;AAC1BL,MAAAA,KAAK,EAAE,WADmB;AAE1BP,MAAAA,WAAW,EAAE,8CAFa;AAG1BQ,MAAAA,QAAQ,EAAE,IAHgB;AAI1BC,MAAAA,SAAS,EAAE,CAJe;AAK1BC,MAAAA,GAAG,EAAE,CAAC,GALoB;AAM1BC,MAAAA,GAAG,EAAE;AANqB,KAAjB,CATN;AAiBLE,IAAAA,KAAK,EAAE,2BAAe;AACpBN,MAAAA,KAAK,EAAE,OADa;AAEpBP,MAAAA,WAAW,EAAE,qCAFO;AAGpBc,MAAAA,YAAY,EAAE;AAHM,KAAf,CAjBF;AAsBLd,IAAAA,WAAW,EAAE,2BAAe;AAC1BO,MAAAA,KAAK,EAAE,aADmB;AAE1BP,MAAAA,WAAW,EAAE,qCAFa;AAG1Bc,MAAAA,YAAY,EAAE;AAHY,KAAf,CAtBR;AA2BLC,IAAAA,IAAI,EAAE,2BAAe;AACnBR,MAAAA,KAAK,EAAE,MADY;AAEnBP,MAAAA,WAAW,EACT,+GAHiB;AAInBgB,MAAAA,KAAK,EAAEC,cAAOC,KAJK;AAKnBJ,MAAAA,YAAY,EAAE;AALK,KAAf,CA3BD;AAkCLK,IAAAA,QAAQ,EAAE,4BAAgB;AACxBZ,MAAAA,KAAK,EAAE,WADiB;AAExBP,MAAAA,WAAW,EAAE;AAFW,KAAhB;AAlCL;AANgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createBoolProp,\n createColorProp,\n createNumberProp,\n createTextProp,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Map Marker\",\n tag: \"MapMarker\",\n description: \"A marker to show inside map view\",\n category: COMPONENT_TYPES.deprecated,\n layout: {},\n props: {\n latitude: createNumberProp({\n label: \"Latitude\",\n description: \"The latitude in which the marker is located\",\n required: true,\n precision: 6,\n min: -90,\n max: 90,\n }),\n longitude: createNumberProp({\n label: \"Longitude\",\n description: \"The longitude in which the marker is located\",\n required: true,\n precision: 6,\n min: -180,\n max: 180,\n }),\n title: createTextProp({\n label: \"Title\",\n description: \"Title to show along with the marker\",\n defaultValue: null,\n }),\n description: createTextProp({\n label: \"Description\",\n description: \"Optional description for the marker\",\n defaultValue: null,\n }),\n flat: createBoolProp({\n label: \"Flat\",\n description:\n \"Sets whether this marker should be flat against the map (if true) or a billboard facing the camera (if false)\",\n group: GROUPS.basic,\n defaultValue: false,\n }),\n pinColor: createColorProp({\n label: \"Pin Color\",\n description: \"Sets the color of the marker\",\n }),\n },\n};\n"]}
1
+ {"version":3,"sources":["MapMarker.ts"],"names":["SEED_DATA","name","tag","packageName","description","category","COMPONENT_TYPES","media","layout","props","latitude","label","required","precision","min","max","longitude","title","defaultValue","flat","group","GROUPS","basic","pinColor"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,YADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gBAHU;AAIvBC,EAAAA,WAAW,EAAE,kCAJU;AAKvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KALH;AAMvBC,EAAAA,MAAM,EAAE,EANe;AAOvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,6BAAiB;AACzBC,MAAAA,KAAK,EAAE,UADkB;AAEzBP,MAAAA,WAAW,EAAE,6CAFY;AAGzBQ,MAAAA,QAAQ,EAAE,IAHe;AAIzBC,MAAAA,SAAS,EAAE,CAJc;AAKzBC,MAAAA,GAAG,EAAE,CAAC,EALmB;AAMzBC,MAAAA,GAAG,EAAE;AANoB,KAAjB,CADL;AASLC,IAAAA,SAAS,EAAE,6BAAiB;AAC1BL,MAAAA,KAAK,EAAE,WADmB;AAE1BP,MAAAA,WAAW,EAAE,8CAFa;AAG1BQ,MAAAA,QAAQ,EAAE,IAHgB;AAI1BC,MAAAA,SAAS,EAAE,CAJe;AAK1BC,MAAAA,GAAG,EAAE,CAAC,GALoB;AAM1BC,MAAAA,GAAG,EAAE;AANqB,KAAjB,CATN;AAiBLE,IAAAA,KAAK,EAAE,2BAAe;AACpBN,MAAAA,KAAK,EAAE,OADa;AAEpBP,MAAAA,WAAW,EAAE,qCAFO;AAGpBc,MAAAA,YAAY,EAAE;AAHM,KAAf,CAjBF;AAsBLd,IAAAA,WAAW,EAAE,2BAAe;AAC1BO,MAAAA,KAAK,EAAE,aADmB;AAE1BP,MAAAA,WAAW,EAAE,qCAFa;AAG1Bc,MAAAA,YAAY,EAAE;AAHY,KAAf,CAtBR;AA2BLC,IAAAA,IAAI,EAAE,2BAAe;AACnBR,MAAAA,KAAK,EAAE,MADY;AAEnBP,MAAAA,WAAW,EACT,+GAHiB;AAInBgB,MAAAA,KAAK,EAAEC,cAAOC,KAJK;AAKnBJ,MAAAA,YAAY,EAAE;AALK,KAAf,CA3BD;AAkCLK,IAAAA,QAAQ,EAAE,4BAAgB;AACxBZ,MAAAA,KAAK,EAAE,WADiB;AAExBP,MAAAA,WAAW,EAAE;AAFW,KAAhB;AAlCL;AAPgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createBoolProp,\n createColorProp,\n createNumberProp,\n createTextProp,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Map Marker\",\n tag: \"MapMarker\",\n packageName: \"@draftbit/maps\",\n description: \"A marker to show inside map view\",\n category: COMPONENT_TYPES.media,\n layout: {},\n props: {\n latitude: createNumberProp({\n label: \"Latitude\",\n description: \"The latitude in which the marker is located\",\n required: true,\n precision: 6,\n min: -90,\n max: 90,\n }),\n longitude: createNumberProp({\n label: \"Longitude\",\n description: \"The longitude in which the marker is located\",\n required: true,\n precision: 6,\n min: -180,\n max: 180,\n }),\n title: createTextProp({\n label: \"Title\",\n description: \"Title to show along with the marker\",\n defaultValue: null,\n }),\n description: createTextProp({\n label: \"Description\",\n description: \"Optional description for the marker\",\n defaultValue: null,\n }),\n flat: createBoolProp({\n label: \"Flat\",\n description:\n \"Sets whether this marker should be flat against the map (if true) or a billboard facing the camera (if false)\",\n group: GROUPS.basic,\n defaultValue: false,\n }),\n pinColor: createColorProp({\n label: \"Pin Color\",\n description: \"Sets the color of the marker\",\n }),\n },\n};\n"]}
@@ -0,0 +1,128 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.SEED_DATA = void 0;
7
+
8
+ var _types = require("@draftbit/types");
9
+
10
+ const SEED_DATA = {
11
+ name: "Map View",
12
+ tag: "MapView",
13
+ packageName: "@draftbit/maps",
14
+ description: "A map view",
15
+ category: _types.COMPONENT_TYPES.media,
16
+ layout: {
17
+ height: "100%",
18
+ width: "100%"
19
+ },
20
+ props: {
21
+ provider: {
22
+ formType: _types.FORM_TYPES.flatArray,
23
+ propType: _types.PROP_TYPES.STRING,
24
+ editable: true,
25
+ group: _types.GROUPS.basic,
26
+ label: "Provider",
27
+ description: "The maps provider",
28
+ required: false,
29
+ defaultValue: null,
30
+ options: ["google"]
31
+ },
32
+ latitude: (0, _types.createNumberProp)({
33
+ label: "Initial Latitude",
34
+ description: "The longitude for the map's initial region",
35
+ required: false,
36
+ precision: 6,
37
+ min: -90,
38
+ max: 90,
39
+ defaultValue: 37.40241
40
+ }),
41
+ longitude: (0, _types.createNumberProp)({
42
+ label: "Initial Longitude",
43
+ description: "The longitude for the map's initial region",
44
+ required: false,
45
+ precision: 6,
46
+ min: -180,
47
+ max: 180,
48
+ defaultValue: -122.12125
49
+ }),
50
+ latitudeDelta: (0, _types.createNumberProp)({
51
+ label: "Init Latitude Delta",
52
+ description: "The latitude delta for the map's initial region",
53
+ required: false,
54
+ precision: 4,
55
+ defaultValue: 1
56
+ }),
57
+ longitudeDelta: (0, _types.createNumberProp)({
58
+ label: "Init Longitude Delta",
59
+ description: "The longitude delta for the map's initial region",
60
+ required: false,
61
+ precision: 4,
62
+ defaultValue: 1
63
+ }),
64
+ zoom: (0, _types.createNumberProp)({
65
+ label: "Initial Zoom (Web)",
66
+ description: "The initial zoom of the map",
67
+ required: true,
68
+ precision: 0,
69
+ step: 1,
70
+ defaultValue: 8
71
+ }),
72
+ mapType: {
73
+ label: "Map Type",
74
+ description: "The type of map to show",
75
+ group: _types.GROUPS.basic,
76
+ formType: _types.FORM_TYPES.flatArray,
77
+ propType: _types.PROP_TYPES.STRING,
78
+ required: false,
79
+ defaultValue: null,
80
+ options: ["standard", "satellite", "hybrid", "terrain", "none", "mutedStandard"]
81
+ },
82
+ zoomEnabled: (0, _types.createBoolProp)({
83
+ label: "Zoom Enabled",
84
+ description: "Whether zooming is enabled (native only)",
85
+ group: _types.GROUPS.basic,
86
+ required: false,
87
+ defaultValue: true
88
+ }),
89
+ showsCompass: (0, _types.createBoolProp)({
90
+ label: "Shows Compass",
91
+ description: "Whether compass is shown",
92
+ group: _types.GROUPS.basic,
93
+ required: false,
94
+ defaultValue: false
95
+ }),
96
+ rotateEnabled: (0, _types.createBoolProp)({
97
+ label: "Rotate Enabled",
98
+ description: "Whether rotating the map is enabled",
99
+ group: _types.GROUPS.basic,
100
+ required: false,
101
+ defaultValue: true
102
+ }),
103
+ scrollEnabled: (0, _types.createBoolProp)({
104
+ label: "Scroll Enabled",
105
+ description: "Whether scrolling the map view is enabled",
106
+ group: _types.GROUPS.basic,
107
+ required: false,
108
+ defaultValue: true
109
+ }),
110
+ loadingEnabled: (0, _types.createBoolProp)({
111
+ label: "Loading Enabled",
112
+ description: "If true a loading indicator will show while the map is loading",
113
+ group: _types.GROUPS.basic,
114
+ required: false,
115
+ defaultValue: true
116
+ }),
117
+ loadingIndicatorColor: (0, _types.createColorProp)({
118
+ label: "Loading Indicator Color",
119
+ description: "Color of the loading indicator"
120
+ }),
121
+ loadingBackgroundColor: (0, _types.createColorProp)({
122
+ label: "Loading Background Color",
123
+ description: "Color of the background to show while the map is loading"
124
+ })
125
+ }
126
+ };
127
+ exports.SEED_DATA = SEED_DATA;
128
+ //# sourceMappingURL=MapView.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["MapView.ts"],"names":["SEED_DATA","name","tag","packageName","description","category","COMPONENT_TYPES","media","layout","height","width","props","provider","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","editable","group","GROUPS","basic","label","required","defaultValue","options","latitude","precision","min","max","longitude","latitudeDelta","longitudeDelta","zoom","step","mapType","zoomEnabled","showsCompass","rotateEnabled","scrollEnabled","loadingEnabled","loadingIndicatorColor","loadingBackgroundColor"],"mappings":"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","sourcesContent":["import {\n COMPONENT_TYPES,\n createBoolProp,\n createColorProp,\n createNumberProp,\n GROUPS,\n FORM_TYPES,\n PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Map View\",\n tag: \"MapView\",\n packageName: \"@draftbit/maps\",\n description: \"A map view\",\n category: COMPONENT_TYPES.media,\n layout: {\n height: \"100%\",\n width: \"100%\",\n },\n props: {\n provider: {\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n editable: true,\n group: GROUPS.basic,\n label: \"Provider\",\n description: \"The maps provider\",\n required: false,\n defaultValue: null,\n options: [\"google\"],\n },\n latitude: createNumberProp({\n label: \"Initial Latitude\",\n description: \"The longitude for the map's initial region\",\n required: false,\n precision: 6,\n min: -90,\n max: 90,\n defaultValue: 37.40241,\n }),\n longitude: createNumberProp({\n label: \"Initial Longitude\",\n description: \"The longitude for the map's initial region\",\n required: false,\n precision: 6,\n min: -180,\n max: 180,\n defaultValue: -122.12125,\n }),\n latitudeDelta: createNumberProp({\n label: \"Init Latitude Delta\",\n description: \"The latitude delta for the map's initial region\",\n required: false,\n precision: 4,\n defaultValue: 1,\n }),\n longitudeDelta: createNumberProp({\n label: \"Init Longitude Delta\",\n description: \"The longitude delta for the map's initial region\",\n required: false,\n precision: 4,\n defaultValue: 1,\n }),\n zoom: createNumberProp({\n label: \"Initial Zoom (Web)\",\n description: \"The initial zoom of the map\",\n required: true,\n precision: 0,\n step: 1,\n defaultValue: 8,\n }),\n mapType: {\n label: \"Map Type\",\n description: \"The type of map to show\",\n group: GROUPS.basic,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n required: false,\n defaultValue: null,\n options: [\n \"standard\",\n \"satellite\",\n \"hybrid\",\n \"terrain\",\n \"none\",\n \"mutedStandard\",\n ],\n },\n zoomEnabled: createBoolProp({\n label: \"Zoom Enabled\",\n description: \"Whether zooming is enabled (native only)\",\n group: GROUPS.basic,\n required: false,\n defaultValue: true,\n }),\n showsCompass: createBoolProp({\n label: \"Shows Compass\",\n description: \"Whether compass is shown\",\n group: GROUPS.basic,\n required: false,\n defaultValue: false,\n }),\n rotateEnabled: createBoolProp({\n label: \"Rotate Enabled\",\n description: \"Whether rotating the map is enabled\",\n group: GROUPS.basic,\n required: false,\n defaultValue: true,\n }),\n scrollEnabled: createBoolProp({\n label: \"Scroll Enabled\",\n description: \"Whether scrolling the map view is enabled\",\n group: GROUPS.basic,\n required: false,\n defaultValue: true,\n }),\n loadingEnabled: createBoolProp({\n label: \"Loading Enabled\",\n description:\n \"If true a loading indicator will show while the map is loading\",\n group: GROUPS.basic,\n required: false,\n defaultValue: true,\n }),\n loadingIndicatorColor: createColorProp({\n label: \"Loading Indicator Color\",\n description: \"Color of the loading indicator\",\n }),\n loadingBackgroundColor: createColorProp({\n label: \"Loading Background Color\",\n description: \"Color of the background to show while the map is loading\",\n }),\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["RadioButtonGroup.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","direction","fieldName","handlerPropName","valuePropName","defaultValue"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,oBADiB;AAEvBC,EAAAA,GAAG,EAAE,kBAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHH;AAIvBC,EAAAA,MAAM,EAAE,EAJe;AAKvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,aAAV,CALa;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,iCADN;AAELC,IAAAA,SAAS,EAAE,gCAAoB;AAC7BC,MAAAA,eAAe,EAAE,eADY;AAE7BC,MAAAA,aAAa,EAAE,OAFc;AAG7BC,MAAAA,YAAY,EAAE;AAHe,KAApB;AAFN;AANgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createFieldNameProp,\n createDirectionProp,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Radio Button Group\",\n tag: \"RadioButtonGroup\",\n category: COMPONENT_TYPES.input,\n layout: {},\n triggers: [Triggers.OnValueChange],\n props: {\n direction: createDirectionProp(),\n fieldName: createFieldNameProp({\n handlerPropName: \"onValueChange\",\n valuePropName: \"value\",\n defaultValue: \"radioButtonGroupValue\",\n }),\n },\n};\n"]}
1
+ {"version":3,"sources":["RadioButtonGroup.js"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","direction","fieldName","handlerPropName","valuePropName","defaultValue"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,oBADe;AAErBC,EAAAA,GAAG,EAAE,kBAFgB;AAGrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHL;AAIrBC,EAAAA,MAAM,EAAE,EAJa;AAKrBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,aAAV,CALW;AAMrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,SAAS,EAAE,iCADR;AAEHC,IAAAA,SAAS,EAAE,gCAAoB;AAC3BC,MAAAA,eAAe,EAAE,eADU;AAE3BC,MAAAA,aAAa,EAAE,OAFY;AAG3BC,MAAAA,YAAY,EAAE;AAHa,KAApB;AAFR;AANc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createFieldNameProp, createDirectionProp, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Radio Button Group\",\n tag: \"RadioButtonGroup\",\n category: COMPONENT_TYPES.input,\n layout: {},\n triggers: [Triggers.OnValueChange],\n props: {\n direction: createDirectionProp(),\n fieldName: createFieldNameProp({\n handlerPropName: \"onValueChange\",\n valuePropName: \"value\",\n defaultValue: \"radioButtonGroupValue\",\n }),\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["RadioButtonRow.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","props","label","description","required","defaultValue","direction","options","value","color","group","GROUPS","basic","unselectedColor"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,kBADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHH;AAIvBC,EAAAA,MAAM,EAAE,EAJe;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,2BAAe;AACpBA,MAAAA,KAAK,EAAE,OADa;AAEpBC,MAAAA,WAAW,EAAE,qCAFO;AAGpBC,MAAAA,QAAQ,EAAE,IAHU;AAIpBC,MAAAA,YAAY,EAAE;AAJM,KAAf,CADF;AAOLC,IAAAA,SAAS,EAAE,+BAAmB;AAC5BJ,MAAAA,KAAK,EAAE,WADqB;AAE5BC,MAAAA,WAAW,EACT,8DAH0B;AAI5BI,MAAAA,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;AAJmB,KAAnB,CAPN;AAaLC,IAAAA,KAAK,EAAE,2BAAe;AACpBN,MAAAA,KAAK,EAAE,OADa;AAEpBC,MAAAA,WAAW,EAAE,2BAFO;AAGpBE,MAAAA,YAAY,EAAE,IAHM;AAIpBD,MAAAA,QAAQ,EAAE;AAJU,KAAf,CAbF;AAmBLK,IAAAA,KAAK,EAAE,4BAAgB;AACrBC,MAAAA,KAAK,EAAEC,cAAOC,KADO;AAErBT,MAAAA,WAAW,EAAE,sBAFQ;AAGrBE,MAAAA,YAAY,EAAE;AAHO,KAAhB,CAnBF;AAwBLQ,IAAAA,eAAe,EAAE,4BAAgB;AAC/BH,MAAAA,KAAK,EAAEC,cAAOC,KADiB;AAE/BV,MAAAA,KAAK,EAAE,kBAFwB;AAG/BC,MAAAA,WAAW,EAAE,iCAHkB;AAI/BE,MAAAA,YAAY,EAAE;AAJiB,KAAhB;AAxBZ;AALgB,CAAlB","sourcesContent":["import {\n createTextProp,\n createTextEnumProp,\n COMPONENT_TYPES,\n createColorProp,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Radio Button Row\",\n tag: \"RadioButtonRow\",\n category: COMPONENT_TYPES.input,\n layout: {},\n props: {\n label: createTextProp({\n label: \"Label\",\n description: \"Label to show with the radio button\",\n required: true,\n defaultValue: \"First Option\",\n }),\n direction: createTextEnumProp({\n label: \"Direction\",\n description:\n \"Whether the checkbox will appear on the left or on the right\",\n options: [\"row\", \"row-reverse\"],\n }),\n value: createTextProp({\n label: \"Value\",\n description: \"Value of the radio button\",\n defaultValue: null,\n required: true,\n }),\n color: createColorProp({\n group: GROUPS.basic,\n description: \"Color for the button\",\n defaultValue: \"primary\",\n }),\n unselectedColor: createColorProp({\n group: GROUPS.basic,\n label: \"Unselected Color\",\n description: \"Unselected Color for the button\",\n defaultValue: \"primary\",\n }),\n },\n};\n"]}
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"]}