@draftbit/core 43.2.5-da45ce.0 → 43.2.6-afba6e.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.
Files changed (71) hide show
  1. package/lib/commonjs/components/Accordion/AccordionItem.js +21 -5
  2. package/lib/commonjs/components/Accordion/AccordionItem.js.map +1 -1
  3. package/lib/commonjs/components/AnimatedCircularProgress.js +11 -3
  4. package/lib/commonjs/components/AnimatedCircularProgress.js.map +1 -1
  5. package/lib/commonjs/components/Carousel.js +0 -3
  6. package/lib/commonjs/components/Carousel.js.map +1 -1
  7. package/lib/commonjs/components/Checkbox/Checkbox.js +13 -2
  8. package/lib/commonjs/components/Checkbox/Checkbox.js.map +1 -1
  9. package/lib/commonjs/components/DeprecatedFAB.js +4 -20
  10. package/lib/commonjs/components/DeprecatedFAB.js.map +1 -1
  11. package/lib/commonjs/components/Divider.js +3 -13
  12. package/lib/commonjs/components/Divider.js.map +1 -1
  13. package/lib/commonjs/components/Elevation.js +14 -3
  14. package/lib/commonjs/components/Elevation.js.map +1 -1
  15. package/lib/commonjs/components/Text.js +1 -1
  16. package/lib/commonjs/components/Text.js.map +1 -1
  17. package/lib/commonjs/index.js +0 -8
  18. package/lib/commonjs/index.js.map +1 -1
  19. package/lib/commonjs/mappings/Card.js +1 -2
  20. package/lib/commonjs/mappings/Card.js.map +1 -1
  21. package/lib/commonjs/mappings/Carousel.js +3 -1
  22. package/lib/commonjs/mappings/Carousel.js.map +1 -1
  23. package/lib/commonjs/mappings/Checkbox.js +1 -1
  24. package/lib/commonjs/mappings/Checkbox.js.map +1 -1
  25. package/lib/module/components/Carousel.js +0 -3
  26. package/lib/module/components/Carousel.js.map +1 -1
  27. package/lib/module/components/Checkbox/Checkbox.js +13 -2
  28. package/lib/module/components/Checkbox/Checkbox.js.map +1 -1
  29. package/lib/module/components/Portal/PortalConsumer.js.map +1 -1
  30. package/lib/module/components/Text.js +1 -1
  31. package/lib/module/components/Text.js.map +1 -1
  32. package/lib/module/index.js +0 -1
  33. package/lib/module/index.js.map +1 -1
  34. package/lib/module/mappings/Card.js +1 -2
  35. package/lib/module/mappings/Card.js.map +1 -1
  36. package/lib/module/mappings/Carousel.js +3 -1
  37. package/lib/module/mappings/Carousel.js.map +1 -1
  38. package/lib/module/mappings/Checkbox.js +1 -1
  39. package/lib/module/mappings/Checkbox.js.map +1 -1
  40. package/lib/typescript/src/components/Checkbox/Checkbox.d.ts +2 -0
  41. package/lib/typescript/src/index.d.ts +0 -1
  42. package/lib/typescript/src/mappings/Carousel.d.ts +3 -1
  43. package/package.json +3 -3
  44. package/src/components/Carousel.js +0 -3
  45. package/src/components/Carousel.tsx +0 -3
  46. package/src/components/Checkbox/Checkbox.js +10 -3
  47. package/src/components/Checkbox/Checkbox.tsx +15 -2
  48. package/src/components/Text.js +1 -1
  49. package/src/components/Text.tsx +1 -1
  50. package/src/index.js +0 -1
  51. package/src/index.tsx +0 -1
  52. package/src/mappings/Card.js +1 -1
  53. package/src/mappings/Card.ts +1 -1
  54. package/src/mappings/Carousel.js +3 -1
  55. package/src/mappings/Carousel.ts +3 -1
  56. package/src/mappings/Checkbox.js +1 -1
  57. package/src/mappings/Checkbox.ts +1 -1
  58. package/lib/commonjs/components/ToggleButton.js +0 -86
  59. package/lib/commonjs/components/ToggleButton.js.map +0 -1
  60. package/lib/commonjs/mappings/ToggleButton.js +0 -60
  61. package/lib/commonjs/mappings/ToggleButton.js.map +0 -1
  62. package/lib/module/components/ToggleButton.js +0 -67
  63. package/lib/module/components/ToggleButton.js.map +0 -1
  64. package/lib/module/mappings/ToggleButton.js +0 -51
  65. package/lib/module/mappings/ToggleButton.js.map +0 -1
  66. package/lib/typescript/src/components/ToggleButton.d.ts +0 -24
  67. package/lib/typescript/src/mappings/ToggleButton.d.ts +0 -124
  68. package/src/components/ToggleButton.js +0 -37
  69. package/src/components/ToggleButton.tsx +0 -92
  70. package/src/mappings/ToggleButton.js +0 -50
  71. package/src/mappings/ToggleButton.ts +0 -62
@@ -1 +1 @@
1
- {"version":3,"sources":["Checkbox.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","triggers","Triggers","OnPress","props","fieldName","defaultValue","valuePropName","handlerPropName","color","group","GROUPS","basic","label","description","uncheckedColor","disabled","size","checkedIcon","uncheckedIcon"],"mappings":";;;;;;;AAAA;;AAWO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,UADiB;AAEvBC,EAAAA,GAAG,EAAE,UAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHH;AAIvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CAJa;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,gCAAoB;AAC7BC,MAAAA,YAAY,EAAE,eADe;AAE7BC,MAAAA,aAAa,EAAE,QAFc;AAG7BC,MAAAA,eAAe,EAAE;AAHY,KAApB,CADN;AAMLC,IAAAA,KAAK,EAAE,4BAAgB;AACrBC,MAAAA,KAAK,EAAEC,cAAOC,KADO;AAErBC,MAAAA,KAAK,EAAE,OAFc;AAGrBC,MAAAA,WAAW,EAAE,0DAHQ;AAIrBR,MAAAA,YAAY,EAAE;AAJO,KAAhB,CANF;AAYLS,IAAAA,cAAc,EAAE,4BAAgB;AAC9BL,MAAAA,KAAK,EAAEC,cAAOC,KADgB;AAE9BC,MAAAA,KAAK,EAAE,kBAFuB;AAG9BC,MAAAA,WAAW,EAAE,qDAHiB;AAI9BR,MAAAA,YAAY,EAAE;AAJgB,KAAhB,CAZX;AAkBLU,IAAAA,QAAQ,EAAE,2BAAe;AACvBH,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,WAAW,EAAE;AAFU,KAAf,CAlBL;AAsBLG,IAAAA,IAAI,EAAE,mCAAuB;AAC3BJ,MAAAA,KAAK,EAAE,MADoB;AAE3BC,MAAAA,WAAW,EAAE,gCAFc;AAG3BR,MAAAA,YAAY,EAAE;AAHa,KAAvB,CAtBD;AA2BLY,IAAAA,WAAW,EAAE,2BAAe;AAC1BL,MAAAA,KAAK,EAAE,cADmB;AAE1BC,MAAAA,WAAW,EAAE,oDAFa;AAG1BR,MAAAA,YAAY,EAAE;AAHY,KAAf,CA3BR;AAgCLa,IAAAA,aAAa,EAAE,2BAAe;AAC5BN,MAAAA,KAAK,EAAE,gBADqB;AAE5BC,MAAAA,WAAW,EAAE,sDAFe;AAG5BR,MAAAA,YAAY,EAAE;AAHc,KAAf;AAhCV;AALgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createBoolProp,\n createIconProp,\n createStaticNumberProp,\n createColorProp,\n createFieldNameProp,\n GROUPS,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Checkbox\",\n tag: \"Checkbox\",\n category: COMPONENT_TYPES.input,\n triggers: [Triggers.OnPress],\n props: {\n fieldName: createFieldNameProp({\n defaultValue: \"checkboxValue\",\n valuePropName: \"status\",\n handlerPropName: \"onPress\",\n }),\n color: createColorProp({\n group: GROUPS.basic,\n label: \"Color\",\n description: \"Color for the button (used when the checkbox is checked)\",\n defaultValue: null,\n }),\n uncheckedColor: createColorProp({\n group: GROUPS.basic,\n label: \"Unselected Color\",\n description: \"Color for the button when the checkbox is unchecked\",\n defaultValue: null,\n }),\n disabled: createBoolProp({\n label: \"Disabled\",\n description: \"Whether the checkbox is disabled\",\n }),\n size: createStaticNumberProp({\n label: \"Size\",\n description: \"Specifies the size of the icon\",\n defaultValue: null,\n }),\n checkedIcon: createIconProp({\n label: \"Checked Icon\",\n description: 'Icon to show when the checkbox status is \"checked\"',\n defaultValue: null,\n }),\n uncheckedIcon: createIconProp({\n label: \"Unchecked Icon\",\n description: 'Icon to show when the checkbox status is \"unchecked\"',\n defaultValue: null,\n }),\n },\n};\n"]}
1
+ {"version":3,"sources":["Checkbox.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","triggers","Triggers","OnPress","OnCheck","OnUncheck","props","fieldName","defaultValue","valuePropName","handlerPropName","color","group","GROUPS","basic","label","description","uncheckedColor","disabled","size","checkedIcon","uncheckedIcon"],"mappings":";;;;;;;AAAA;;AAWO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,UADiB;AAEvBC,EAAAA,GAAG,EAAE,UAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHH;AAIvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,EAAmBD,gBAASE,OAA5B,EAAqCF,gBAASG,SAA9C,CAJa;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,gCAAoB;AAC7BC,MAAAA,YAAY,EAAE,eADe;AAE7BC,MAAAA,aAAa,EAAE,QAFc;AAG7BC,MAAAA,eAAe,EAAE;AAHY,KAApB,CADN;AAMLC,IAAAA,KAAK,EAAE,4BAAgB;AACrBC,MAAAA,KAAK,EAAEC,cAAOC,KADO;AAErBC,MAAAA,KAAK,EAAE,OAFc;AAGrBC,MAAAA,WAAW,EAAE,0DAHQ;AAIrBR,MAAAA,YAAY,EAAE;AAJO,KAAhB,CANF;AAYLS,IAAAA,cAAc,EAAE,4BAAgB;AAC9BL,MAAAA,KAAK,EAAEC,cAAOC,KADgB;AAE9BC,MAAAA,KAAK,EAAE,kBAFuB;AAG9BC,MAAAA,WAAW,EAAE,qDAHiB;AAI9BR,MAAAA,YAAY,EAAE;AAJgB,KAAhB,CAZX;AAkBLU,IAAAA,QAAQ,EAAE,2BAAe;AACvBH,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,WAAW,EAAE;AAFU,KAAf,CAlBL;AAsBLG,IAAAA,IAAI,EAAE,mCAAuB;AAC3BJ,MAAAA,KAAK,EAAE,MADoB;AAE3BC,MAAAA,WAAW,EAAE,gCAFc;AAG3BR,MAAAA,YAAY,EAAE;AAHa,KAAvB,CAtBD;AA2BLY,IAAAA,WAAW,EAAE,2BAAe;AAC1BL,MAAAA,KAAK,EAAE,cADmB;AAE1BC,MAAAA,WAAW,EAAE,oDAFa;AAG1BR,MAAAA,YAAY,EAAE;AAHY,KAAf,CA3BR;AAgCLa,IAAAA,aAAa,EAAE,2BAAe;AAC5BN,MAAAA,KAAK,EAAE,gBADqB;AAE5BC,MAAAA,WAAW,EAAE,sDAFe;AAG5BR,MAAAA,YAAY,EAAE;AAHc,KAAf;AAhCV;AALgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createBoolProp,\n createIconProp,\n createStaticNumberProp,\n createColorProp,\n createFieldNameProp,\n GROUPS,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Checkbox\",\n tag: \"Checkbox\",\n category: COMPONENT_TYPES.input,\n triggers: [Triggers.OnPress, Triggers.OnCheck, Triggers.OnUncheck],\n props: {\n fieldName: createFieldNameProp({\n defaultValue: \"checkboxValue\",\n valuePropName: \"status\",\n handlerPropName: \"onPress\",\n }),\n color: createColorProp({\n group: GROUPS.basic,\n label: \"Color\",\n description: \"Color for the button (used when the checkbox is checked)\",\n defaultValue: null,\n }),\n uncheckedColor: createColorProp({\n group: GROUPS.basic,\n label: \"Unselected Color\",\n description: \"Color for the button when the checkbox is unchecked\",\n defaultValue: null,\n }),\n disabled: createBoolProp({\n label: \"Disabled\",\n description: \"Whether the checkbox is disabled\",\n }),\n size: createStaticNumberProp({\n label: \"Size\",\n description: \"Specifies the size of the icon\",\n defaultValue: null,\n }),\n checkedIcon: createIconProp({\n label: \"Checked Icon\",\n description: 'Icon to show when the checkbox status is \"checked\"',\n defaultValue: null,\n }),\n uncheckedIcon: createIconProp({\n label: \"Unchecked Icon\",\n description: 'Icon to show when the checkbox status is \"unchecked\"',\n defaultValue: null,\n }),\n },\n};\n"]}
@@ -103,9 +103,6 @@ function Carousel(_ref2) {
103
103
 
104
104
  const styles = StyleSheet.create({
105
105
  container: {
106
- height: 250,
107
- position: "relative",
108
- width: screenWidth,
109
106
  backgroundColor: "#eee"
110
107
  },
111
108
  pager: {
@@ -1 +1 @@
1
- {"version":3,"sources":["Carousel.tsx"],"names":["React","withTheme","ScrollView","View","StyleSheet","Dimensions","Image","screenWidth","get","width","Pager","color","index","length","styles","pager","Array","from","map","_","i","current","opacity","size","bullet","backgroundColor","height","Carousel","data","children","dotColor","style","rest","setIndex","useState","Children","count","itemsLength","slides","isArray","flatten","slideWidth","slideHeight","container","nativeEvent","layoutWidth","layoutMeasurement","offset","contentOffset","x","currentIndex","Math","ceil","item","uri","child","s","props","cloneElement","create","position","bottom","left","right","flexDirection","justifyContent","alignItems","marginHorizontal","borderRadius"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n ScrollView,\n View,\n StyleSheet,\n Dimensions,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\ntype Props = {\n data?: any[];\n children?: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n dotColor?: string;\n};\n\nfunction Pager({\n color,\n index,\n length,\n}: {\n color: string;\n index: number;\n length: number;\n}) {\n return (\n <View style={styles.pager}>\n {Array.from({ length }).map((_, i) => {\n const current = index === i;\n const opacity = current ? 1 : 0.5;\n const size = current ? 10 : 8;\n return (\n <View\n key={i}\n style={[\n styles.bullet,\n { backgroundColor: color, opacity, width: size, height: size },\n ]}\n />\n );\n })}\n </View>\n );\n}\n\nfunction Carousel({\n data,\n children,\n dotColor = \"strong\",\n style,\n ...rest\n}: Props) {\n const [index, setIndex] = React.useState(0);\n\n const length = React.Children.count(children);\n const itemsLength = (data?.length ?? 0) + length;\n const slides = Array.isArray(data) ? data : [];\n\n const { width, height } = StyleSheet.flatten(style || {});\n const slideWidth = width || screenWidth;\n const slideHeight = height || 250;\n\n return (\n <View style={[styles.container, style]} {...rest}>\n <ScrollView\n pagingEnabled\n horizontal\n decelerationRate=\"fast\"\n scrollEventThrottle={200}\n showsHorizontalScrollIndicator={false}\n onScroll={({ nativeEvent }) => {\n const layoutWidth = nativeEvent.layoutMeasurement.width;\n const offset = nativeEvent.contentOffset.x;\n const currentIndex = Math.ceil(offset / layoutWidth);\n setIndex(currentIndex);\n }}\n >\n {slides.length > 0\n ? slides.map((item, i) => {\n return (\n <Image\n key={i}\n resizeMode=\"cover\"\n source={typeof item === \"string\" ? { uri: item } : item}\n style={[{ width: slideWidth, height: slideHeight }]}\n />\n );\n })\n : null}\n {React.Children.map(children, (child: any) => {\n const s = child?.props?.style || {};\n return (\n <View style={{ width: slideWidth }}>\n {React.cloneElement(child, {\n style: { ...s, width: slideWidth },\n })}\n </View>\n );\n })}\n </ScrollView>\n <Pager color={dotColor} index={index} length={itemsLength} />\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n height: 250,\n position: \"relative\",\n width: screenWidth,\n backgroundColor: \"#eee\",\n },\n pager: {\n position: \"absolute\",\n bottom: 12,\n left: 0,\n right: 0,\n flexDirection: \"row\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n bullet: {\n marginHorizontal: 2,\n width: 10,\n height: 10,\n borderRadius: 20,\n backgroundColor: \"#000\",\n },\n});\n\nexport default withTheme(Carousel);\n"]}
1
+ {"version":3,"sources":["Carousel.tsx"],"names":["React","withTheme","ScrollView","View","StyleSheet","Dimensions","Image","screenWidth","get","width","Pager","color","index","length","styles","pager","Array","from","map","_","i","current","opacity","size","bullet","backgroundColor","height","Carousel","data","children","dotColor","style","rest","setIndex","useState","Children","count","itemsLength","slides","isArray","flatten","slideWidth","slideHeight","container","nativeEvent","layoutWidth","layoutMeasurement","offset","contentOffset","x","currentIndex","Math","ceil","item","uri","child","s","props","cloneElement","create","position","bottom","left","right","flexDirection","justifyContent","alignItems","marginHorizontal","borderRadius"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n ScrollView,\n View,\n StyleSheet,\n Dimensions,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\ntype Props = {\n data?: any[];\n children?: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n dotColor?: string;\n};\n\nfunction Pager({\n color,\n index,\n length,\n}: {\n color: string;\n index: number;\n length: number;\n}) {\n return (\n <View style={styles.pager}>\n {Array.from({ length }).map((_, i) => {\n const current = index === i;\n const opacity = current ? 1 : 0.5;\n const size = current ? 10 : 8;\n return (\n <View\n key={i}\n style={[\n styles.bullet,\n { backgroundColor: color, opacity, width: size, height: size },\n ]}\n />\n );\n })}\n </View>\n );\n}\n\nfunction Carousel({\n data,\n children,\n dotColor = \"strong\",\n style,\n ...rest\n}: Props) {\n const [index, setIndex] = React.useState(0);\n\n const length = React.Children.count(children);\n const itemsLength = (data?.length ?? 0) + length;\n const slides = Array.isArray(data) ? data : [];\n\n const { width, height } = StyleSheet.flatten(style || {});\n const slideWidth = width || screenWidth;\n const slideHeight = height || 250;\n\n return (\n <View style={[styles.container, style]} {...rest}>\n <ScrollView\n pagingEnabled\n horizontal\n decelerationRate=\"fast\"\n scrollEventThrottle={200}\n showsHorizontalScrollIndicator={false}\n onScroll={({ nativeEvent }) => {\n const layoutWidth = nativeEvent.layoutMeasurement.width;\n const offset = nativeEvent.contentOffset.x;\n const currentIndex = Math.ceil(offset / layoutWidth);\n setIndex(currentIndex);\n }}\n >\n {slides.length > 0\n ? slides.map((item, i) => {\n return (\n <Image\n key={i}\n resizeMode=\"cover\"\n source={typeof item === \"string\" ? { uri: item } : item}\n style={[{ width: slideWidth, height: slideHeight }]}\n />\n );\n })\n : null}\n {React.Children.map(children, (child: any) => {\n const s = child?.props?.style || {};\n return (\n <View style={{ width: slideWidth }}>\n {React.cloneElement(child, {\n style: { ...s, width: slideWidth },\n })}\n </View>\n );\n })}\n </ScrollView>\n <Pager color={dotColor} index={index} length={itemsLength} />\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n backgroundColor: \"#eee\",\n },\n pager: {\n position: \"absolute\",\n bottom: 12,\n left: 0,\n right: 0,\n flexDirection: \"row\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n bullet: {\n marginHorizontal: 2,\n width: 10,\n height: 10,\n borderRadius: 20,\n backgroundColor: \"#000\",\n },\n});\n\nexport default withTheme(Carousel);\n"]}
@@ -12,6 +12,8 @@ const Checkbox = _ref => {
12
12
  status,
13
13
  disabled = false,
14
14
  onPress = () => {},
15
+ onCheck,
16
+ onUncheck,
15
17
  color,
16
18
  uncheckedColor,
17
19
  defaultValue,
@@ -41,8 +43,17 @@ const Checkbox = _ref => {
41
43
  const checkboxColor = internalValue ? color || colors.primary : uncheckedColor || colors.primary;
42
44
 
43
45
  const handlePress = () => {
44
- setInternalValue(!internalValue);
45
- onPress(!internalValue);
46
+ const newValue = !internalValue;
47
+ setInternalValue(newValue);
48
+ onPress(newValue);
49
+
50
+ if (onCheck && newValue) {
51
+ onCheck();
52
+ }
53
+
54
+ if (onUncheck && !newValue) {
55
+ onUncheck();
56
+ }
46
57
  };
47
58
 
48
59
  return /*#__PURE__*/React.createElement(Touchable, _extends({}, rest, {
@@ -1 +1 @@
1
- {"version":3,"sources":["Checkbox.tsx"],"names":["React","View","StyleSheet","useTheme","Touchable","usePrevious","Checkbox","Icon","status","disabled","onPress","color","uncheckedColor","defaultValue","checkedIcon","uncheckedIcon","size","style","rest","internalValue","setInternalValue","useState","useEffect","previousDefaultValue","Boolean","colors","checkboxColor","primary","handlePress","styles","container","width","height","icon","absoluteFill","fillContainer","fill","opacity","borderColor","create","borderRadius","alignItems","justifyContent","alignSelf"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,UAFF,QAMO,cANP;AAOA,SAASC,QAAT,QAAyB,eAAzB;AAGA,OAAOC,SAAP,MAAsB,cAAtB;AACA,SAASC,WAAT,QAA4B,aAA5B;;AAeA,MAAMC,QAAsE,GAC1E,QAaM;AAAA,MAbL;AACCC,IAAAA,IADD;AAECC,IAAAA,MAFD;AAGCC,IAAAA,QAAQ,GAAG,KAHZ;AAICC,IAAAA,OAAO,GAAG,MAAM,CAAE,CAJnB;AAKCC,IAAAA,KALD;AAMCC,IAAAA,cAND;AAOCC,IAAAA,YAPD;AAQCC,IAAAA,WAAW,GAAG,wCARf;AASCC,IAAAA,aAAa,GAAG,+CATjB;AAUCC,IAAAA,IAAI,GAAG,EAVR;AAWCC,IAAAA,KAXD;AAYC,OAAGC;AAZJ,GAaK;AACJ,QAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCpB,KAAK,CAACqB,QAAN,CACxCb,MAAM,IAAIK,YAAV,IAA0B,KADc,CAA1C;AAIAb,EAAAA,KAAK,CAACsB,SAAN,CAAgB,MAAM;AACpB,QAAId,MAAM,IAAI,IAAd,EAAoB;AAClBY,MAAAA,gBAAgB,CAACZ,MAAD,CAAhB;AACD;AACF,GAJD,EAIG,CAACA,MAAD,CAJH,EALI,CAWJ;AACA;;AACA,QAAMe,oBAAoB,GAAGlB,WAAW,CAACQ,YAAD,CAAxC;AAGAb,EAAAA,KAAK,CAACsB,SAAN,CAAgB,MAAM;AACpB,QAAIT,YAAY,KAAKU,oBAArB,EAA2C;AACzCH,MAAAA,gBAAgB,CAACI,OAAO,CAACX,YAAD,CAAR,CAAhB;AACD;AACF,GAJD,EAIG,CAACA,YAAD,EAAeU,oBAAf,CAJH;AAMA,QAAM;AAAEE,IAAAA;AAAF,MAAatB,QAAQ,EAA3B;AAEA,QAAMuB,aAAa,GAAGP,aAAa,GAC/BR,KAAK,IAAIc,MAAM,CAACE,OADe,GAE/Bf,cAAc,IAAIa,MAAM,CAACE,OAF7B;;AAIA,QAAMC,WAAW,GAAG,MAAM;AACxBR,IAAAA,gBAAgB,CAAC,CAACD,aAAF,CAAhB;AACAT,IAAAA,OAAO,CAAC,CAACS,aAAF,CAAP;AACD,GAHD;;AAKA,sBACE,oBAAC,SAAD,eACMD,IADN;AAEE,IAAA,OAAO,EAAEU,WAFX;AAGE,IAAA,QAAQ,EAAEnB,QAHZ;AAIE,IAAA,kBAAkB,EAAE;AAAEA,MAAAA;AAAF,KAJtB;AAKE,IAAA,iBAAiB,EAAC,QALpB;AAME,IAAA,uBAAuB,EAAC,QAN1B;AAOE,IAAA,KAAK,EAAE,CAACoB,MAAM,CAACC,SAAR,EAAmBb,KAAnB,EAA0B;AAAEc,MAAAA,KAAK,EAAEf,IAAT;AAAegB,MAAAA,MAAM,EAAEhB;AAAvB,KAA1B;AAPT,mBASE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAEa,MAAM,CAACI,IADhB;AAEE,IAAA,IAAI,EAAEd,aAAa,GAAGL,WAAH,GAAiBC,aAFtC;AAGE,IAAA,IAAI,EAAEC,IAHR;AAIE,IAAA,KAAK,EAAEU;AAJT,IATF,eAeE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACxB,UAAU,CAACgC,YAAZ,EAA0BL,MAAM,CAACM,aAAjC;AAAb,kBACE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CACLN,MAAM,CAACO,IADF,EAEL;AAAEC,MAAAA,OAAO,EAAE5B,QAAQ,GAAG,GAAH,GAAS;AAA5B,KAFK,EAGL;AAAE6B,MAAAA,WAAW,EAAEZ;AAAf,KAHK;AADT,IADF,CAfF,CADF;AA2BD,CA1EH;;AA4EA,MAAMG,MAAM,GAAG3B,UAAU,CAACqC,MAAX,CAAkB;AAC/BT,EAAAA,SAAS,EAAE;AACTU,IAAAA,YAAY,EAAE;AADL,GADoB;AAI/BL,EAAAA,aAAa,EAAE;AACbM,IAAAA,UAAU,EAAE,QADC;AAEbC,IAAAA,cAAc,EAAE;AAFH,GAJgB;AAQ/BT,EAAAA,IAAI,EAAE;AACJU,IAAAA,SAAS,EAAE;AADP,GARyB;AAW/BP,EAAAA,IAAI,EAAE;AACJI,IAAAA,YAAY,EAAE,CADV;AAEJT,IAAAA,KAAK,EAAE,EAFH;AAGJC,IAAAA,MAAM,EAAE,EAHJ;AAIJW,IAAAA,SAAS,EAAE;AAJP;AAXyB,CAAlB,CAAf;AAmBA,eAAerC,QAAf","sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n TouchableHighlightProps,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\nimport { useTheme } from \"../../theming\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nimport Touchable from \"../Touchable\";\nimport { usePrevious } from \"../../hooks\";\n\nexport interface CheckboxProps {\n status?: boolean;\n disabled?: boolean;\n onPress?: (checked: boolean) => void;\n color?: string;\n uncheckedColor?: string;\n checkedIcon?: string;\n uncheckedIcon?: string;\n defaultValue?: boolean;\n size?: number;\n style?: StyleProp<ViewStyle>;\n}\n\nconst Checkbox: React.FC<CheckboxProps & TouchableHighlightProps & IconSlot> =\n ({\n Icon,\n status,\n disabled = false,\n onPress = () => {},\n color,\n uncheckedColor,\n defaultValue,\n checkedIcon = \"MaterialCommunityIcons/checkbox-marked\",\n uncheckedIcon = \"MaterialCommunityIcons/checkbox-blank-outline\",\n size = 24,\n style,\n ...rest\n }) => {\n const [internalValue, setInternalValue] = React.useState<boolean>(\n status || defaultValue || false\n );\n\n React.useEffect(() => {\n if (status != null) {\n setInternalValue(status);\n }\n }, [status]);\n\n // This special logic is to handle weird APIs like Airtable that return\n // true or undefined for a boolean\n const previousDefaultValue = usePrevious(defaultValue) as\n | boolean\n | undefined;\n React.useEffect(() => {\n if (defaultValue !== previousDefaultValue) {\n setInternalValue(Boolean(defaultValue));\n }\n }, [defaultValue, previousDefaultValue]);\n\n const { colors } = useTheme();\n\n const checkboxColor = internalValue\n ? color || colors.primary\n : uncheckedColor || colors.primary;\n\n const handlePress = () => {\n setInternalValue(!internalValue);\n onPress(!internalValue);\n };\n\n return (\n <Touchable\n {...rest}\n onPress={handlePress}\n disabled={disabled}\n accessibilityState={{ disabled }}\n accessibilityRole=\"button\"\n accessibilityLiveRegion=\"polite\"\n style={[styles.container, style, { width: size, height: size }]}\n >\n <Icon\n style={styles.icon}\n name={internalValue ? checkedIcon : uncheckedIcon}\n size={size}\n color={checkboxColor}\n />\n <View style={[StyleSheet.absoluteFill, styles.fillContainer]}>\n <View\n style={[\n styles.fill,\n { opacity: disabled ? 0.5 : 1 },\n { borderColor: checkboxColor },\n ]}\n />\n </View>\n </Touchable>\n );\n };\n\nconst styles = StyleSheet.create({\n container: {\n borderRadius: 18,\n },\n fillContainer: {\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n icon: {\n alignSelf: \"center\",\n },\n fill: {\n borderRadius: 5,\n width: 30,\n height: 30,\n alignSelf: \"center\",\n },\n});\n\nexport default Checkbox;\n"]}
1
+ {"version":3,"sources":["Checkbox.tsx"],"names":["React","View","StyleSheet","useTheme","Touchable","usePrevious","Checkbox","Icon","status","disabled","onPress","onCheck","onUncheck","color","uncheckedColor","defaultValue","checkedIcon","uncheckedIcon","size","style","rest","internalValue","setInternalValue","useState","useEffect","previousDefaultValue","Boolean","colors","checkboxColor","primary","handlePress","newValue","styles","container","width","height","icon","absoluteFill","fillContainer","fill","opacity","borderColor","create","borderRadius","alignItems","justifyContent","alignSelf"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n TouchableHighlightProps,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\nimport { useTheme } from \"../../theming\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nimport Touchable from \"../Touchable\";\nimport { usePrevious } from \"../../hooks\";\n\nexport interface CheckboxProps {\n status?: boolean;\n disabled?: boolean;\n onPress?: (checked: boolean) => void;\n onCheck?: () => void;\n onUncheck?: () => void;\n color?: string;\n uncheckedColor?: string;\n checkedIcon?: string;\n uncheckedIcon?: string;\n defaultValue?: boolean;\n size?: number;\n style?: StyleProp<ViewStyle>;\n}\n\nconst Checkbox: React.FC<CheckboxProps & TouchableHighlightProps & IconSlot> =\n ({\n Icon,\n status,\n disabled = false,\n onPress = () => {},\n onCheck,\n onUncheck,\n color,\n uncheckedColor,\n defaultValue,\n checkedIcon = \"MaterialCommunityIcons/checkbox-marked\",\n uncheckedIcon = \"MaterialCommunityIcons/checkbox-blank-outline\",\n size = 24,\n style,\n ...rest\n }) => {\n const [internalValue, setInternalValue] = React.useState<boolean>(\n status || defaultValue || false\n );\n\n React.useEffect(() => {\n if (status != null) {\n setInternalValue(status);\n }\n }, [status]);\n\n // This special logic is to handle weird APIs like Airtable that return\n // true or undefined for a boolean\n const previousDefaultValue = usePrevious(defaultValue) as\n | boolean\n | undefined;\n React.useEffect(() => {\n if (defaultValue !== previousDefaultValue) {\n setInternalValue(Boolean(defaultValue));\n }\n }, [defaultValue, previousDefaultValue]);\n\n const { colors } = useTheme();\n\n const checkboxColor = internalValue\n ? color || colors.primary\n : uncheckedColor || colors.primary;\n\n const handlePress = () => {\n const newValue = !internalValue;\n setInternalValue(newValue);\n onPress(newValue);\n\n if (onCheck && newValue) {\n onCheck();\n }\n\n if (onUncheck && !newValue) {\n onUncheck();\n }\n };\n\n return (\n <Touchable\n {...rest}\n onPress={handlePress}\n disabled={disabled}\n accessibilityState={{ disabled }}\n accessibilityRole=\"button\"\n accessibilityLiveRegion=\"polite\"\n style={[styles.container, style, { width: size, height: size }]}\n >\n <Icon\n style={styles.icon}\n name={internalValue ? checkedIcon : uncheckedIcon}\n size={size}\n color={checkboxColor}\n />\n <View style={[StyleSheet.absoluteFill, styles.fillContainer]}>\n <View\n style={[\n styles.fill,\n { opacity: disabled ? 0.5 : 1 },\n { borderColor: checkboxColor },\n ]}\n />\n </View>\n </Touchable>\n );\n };\n\nconst styles = StyleSheet.create({\n container: {\n borderRadius: 18,\n },\n fillContainer: {\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n icon: {\n alignSelf: \"center\",\n },\n fill: {\n borderRadius: 5,\n width: 30,\n height: 30,\n alignSelf: \"center\",\n },\n});\n\nexport default Checkbox;\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["PortalConsumer.tsx"],"names":["React","PortalConsumer","Component","componentDidMount","checkManager","Promise","resolve","key","props","manager","mount","children","componentDidUpdate","update","componentWillUnmount","unmount","Error","render"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAQA,eAAe,MAAMC,cAAN,SAA6BD,KAAK,CAACE,SAAnC,CAAoD;AAAA;AAAA;;AAAA;AAAA;;AAC1C,QAAjBC,iBAAiB,GAAG;AACxB,SAAKC,YAAL,GADwB,CAGxB;;AACA,UAAMC,OAAO,CAACC,OAAR,EAAN;AAEA,SAAKC,GAAL,GAAW,KAAKC,KAAL,CAAWC,OAAX,CAAmBC,KAAnB,CAAyB,KAAKF,KAAL,CAAWG,QAApC,CAAX;AACD;;AAEDC,EAAAA,kBAAkB,GAAG;AACnB,SAAKR,YAAL;AAEA,SAAKI,KAAL,CAAWC,OAAX,CAAmBI,MAAnB,CAA0B,KAAKN,GAA/B,EAAoC,KAAKC,KAAL,CAAWG,QAA/C;AACD;;AAEDG,EAAAA,oBAAoB,GAAG;AACrB,SAAKV,YAAL;AAEA,SAAKI,KAAL,CAAWC,OAAX,CAAmBM,OAAnB,CAA2B,KAAKR,GAAhC;AACD;;AAIOH,EAAAA,YAAY,GAAG;AACrB,QAAI,CAAC,KAAKI,KAAL,CAAWC,OAAhB,EAAyB;AACvB,YAAM,IAAIO,KAAJ,CACJ,+GACE,iGADF,GAEE,qEAHE,CAAN;AAKD;AACF;;AAEDC,EAAAA,MAAM,GAAG;AACP,WAAO,IAAP;AACD;;AApCgE","sourcesContent":["import * as React from \"react\";\nimport { PortalMethods } from \"./PortalHost\";\n\ntype Props = {\n manager: PortalMethods;\n children: React.ReactNode;\n};\n\nexport default class PortalConsumer extends React.Component<Props> {\n async componentDidMount() {\n this.checkManager();\n\n // Delay updating to prevent React from going to infinite loop\n await Promise.resolve();\n\n this.key = this.props.manager.mount(this.props.children);\n }\n\n componentDidUpdate() {\n this.checkManager();\n\n this.props.manager.update(this.key, this.props.children);\n }\n\n componentWillUnmount() {\n this.checkManager();\n\n this.props.manager.unmount(this.key);\n }\n\n private key: any;\n\n private checkManager() {\n if (!this.props.manager) {\n throw new Error(\n \"Looks like you forgot to wrap your root component with `Provider` component from `react-native-paper`.\\n\\n\" +\n \"Please read our getting-started guide and make sure you've followed all the required steps.\\n\\n\" +\n \"https://callstack.github.io/react-native-paper/getting-started.html\"\n );\n }\n }\n\n render() {\n return null;\n }\n}\n"]}
1
+ {"version":3,"sources":["PortalConsumer.js"],"names":["React","PortalConsumer","Component","componentDidMount","checkManager","Promise","resolve","key","props","manager","mount","children","componentDidUpdate","update","componentWillUnmount","unmount","Error","render"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,eAAe,MAAMC,cAAN,SAA6BD,KAAK,CAACE,SAAnC,CAA6C;AAAA;AAAA;;AAAA;AAAA;;AACjC,QAAjBC,iBAAiB,GAAG;AACtB,SAAKC,YAAL,GADsB,CAEtB;;AACA,UAAMC,OAAO,CAACC,OAAR,EAAN;AACA,SAAKC,GAAL,GAAW,KAAKC,KAAL,CAAWC,OAAX,CAAmBC,KAAnB,CAAyB,KAAKF,KAAL,CAAWG,QAApC,CAAX;AACH;;AACDC,EAAAA,kBAAkB,GAAG;AACjB,SAAKR,YAAL;AACA,SAAKI,KAAL,CAAWC,OAAX,CAAmBI,MAAnB,CAA0B,KAAKN,GAA/B,EAAoC,KAAKC,KAAL,CAAWG,QAA/C;AACH;;AACDG,EAAAA,oBAAoB,GAAG;AACnB,SAAKV,YAAL;AACA,SAAKI,KAAL,CAAWC,OAAX,CAAmBM,OAAnB,CAA2B,KAAKR,GAAhC;AACH;;AAEDH,EAAAA,YAAY,GAAG;AACX,QAAI,CAAC,KAAKI,KAAL,CAAWC,OAAhB,EAAyB;AACrB,YAAM,IAAIO,KAAJ,CAAU,+GACZ,iGADY,GAEZ,qEAFE,CAAN;AAGH;AACJ;;AACDC,EAAAA,MAAM,GAAG;AACL,WAAO,IAAP;AACH;;AAzBuD","sourcesContent":["import * as React from \"react\";\nexport default class PortalConsumer extends React.Component {\n async componentDidMount() {\n this.checkManager();\n // Delay updating to prevent React from going to infinite loop\n await Promise.resolve();\n this.key = this.props.manager.mount(this.props.children);\n }\n componentDidUpdate() {\n this.checkManager();\n this.props.manager.update(this.key, this.props.children);\n }\n componentWillUnmount() {\n this.checkManager();\n this.props.manager.unmount(this.key);\n }\n key;\n checkManager() {\n if (!this.props.manager) {\n throw new Error(\"Looks like you forgot to wrap your root component with `Provider` component from `react-native-paper`.\\n\\n\" +\n \"Please read our getting-started guide and make sure you've followed all the required steps.\\n\\n\" +\n \"https://callstack.github.io/react-native-paper/getting-started.html\");\n }\n }\n render() {\n return null;\n }\n}\n"]}
@@ -47,7 +47,7 @@ export const BaseLink = _ref => {
47
47
  hitSlop: 8,
48
48
  style: [{
49
49
  color: theme.colors.primary,
50
- alignSelf: "baseline"
50
+ alignSelf: "flex-start"
51
51
  }, style],
52
52
  theme: theme
53
53
  }, props), title);
@@ -1 +1 @@
1
- {"version":3,"sources":["Text.tsx"],"names":["React","Text","NativeText","I18nManager","withTheme","Component","setNativeProps","args","_root","render","style","rest","props","writingDirection","isRTL","c","textAlign","BaseLink","theme","title","color","colors","primary","alignSelf","Link"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAI,IAAIC,UAAjB,EAA6BC,WAA7B,QAA2D,cAA3D;AACA,SAASC,SAAT,QAA0B,YAA1B;;AAOA,MAAMH,IAAN,SAAmBD,KAAK,CAACK,SAAzB,CAA0C;AAAA;AAAA;;AAAA;AAAA;;AAGxCC,EAAAA,cAAc,CAACC,IAAD,EAAkB;AAC9B,WAAO,KAAKC,KAAL,IAAc,KAAKA,KAAL,CAAWF,cAAX,CAA0BC,IAA1B,CAArB;AACD;;AAEDE,EAAAA,MAAM,GAAG;AACP,UAAM;AAAEC,MAAAA,KAAF;AAAS,SAAGC;AAAZ,QAAqB,KAAKC,KAAhC;AACA,UAAMC,gBAAgB,GAAGV,WAAW,CAACW,KAAZ,GAAoB,KAApB,GAA4B,KAArD;AAEA,wBACE,oBAAC,UAAD,eACMH,IADN;AAEE,MAAA,GAAG,EAAGI,CAAD,IAAO;AACV,aAAKP,KAAL,GAAaO,CAAb;AACD,OAJH;AAKE,MAAA,KAAK,EAAE,CACL;AACEC,QAAAA,SAAS,EAAE,MADb;AAEEH,QAAAA;AAFF,OADK,EAKLH,KALK;AALT,OADF;AAeD;;AA1BuC;;AA6B1C,OAAO,MAAMO,QAAQ,GAAG,QAKA;AAAA,MALC;AACvBP,IAAAA,KADuB;AAEvBQ,IAAAA,KAFuB;AAGvBC,IAAAA,KAHuB;AAIvB,OAAGP;AAJoB,GAKD;AACtB,sBACE,oBAAC,IAAD;AACE,IAAA,OAAO,EAAE,CADX;AAEE,IAAA,KAAK,EAAE,CAAC;AAAEQ,MAAAA,KAAK,EAAEF,KAAK,CAACG,MAAN,CAAaC,OAAtB;AAA+BC,MAAAA,SAAS,EAAE;AAA1C,KAAD,EAAyDb,KAAzD,CAFT;AAGE,IAAA,KAAK,EAAEQ;AAHT,KAIMN,KAJN,GAMGO,KANH,CADF;AAUD,CAhBM;AAkBP,MAAMK,IAAS,GAAGpB,SAAS,CAACa,QAAD,CAA3B;AACA,SAASO,IAAT;AAEA,eAAepB,SAAS,CAACH,IAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { Text as NativeText, I18nManager, TextProps } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n theme: Theme;\n} & TextProps;\n\nclass Text extends React.Component<Props> {\n _root: any;\n\n setNativeProps(args: TextProps) {\n return this._root && this._root.setNativeProps(args);\n }\n\n render() {\n const { style, ...rest } = this.props;\n const writingDirection = I18nManager.isRTL ? \"rtl\" : \"ltr\";\n\n return (\n <NativeText\n {...rest}\n ref={(c) => {\n this._root = c;\n }}\n style={[\n {\n textAlign: \"left\",\n writingDirection,\n },\n style,\n ]}\n />\n );\n }\n}\n\nexport const BaseLink = ({\n style,\n theme,\n title,\n ...props\n}: any): JSX.Element => {\n return (\n <Text\n hitSlop={8}\n style={[{ color: theme.colors.primary, alignSelf: \"baseline\" }, style]}\n theme={theme}\n {...props}\n >\n {title}\n </Text>\n );\n};\n\nconst Link: any = withTheme(BaseLink);\nexport { Link };\n\nexport default withTheme(Text);\n"]}
1
+ {"version":3,"sources":["Text.tsx"],"names":["React","Text","NativeText","I18nManager","withTheme","Component","setNativeProps","args","_root","render","style","rest","props","writingDirection","isRTL","c","textAlign","BaseLink","theme","title","color","colors","primary","alignSelf","Link"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAI,IAAIC,UAAjB,EAA6BC,WAA7B,QAA2D,cAA3D;AACA,SAASC,SAAT,QAA0B,YAA1B;;AAOA,MAAMH,IAAN,SAAmBD,KAAK,CAACK,SAAzB,CAA0C;AAAA;AAAA;;AAAA;AAAA;;AAGxCC,EAAAA,cAAc,CAACC,IAAD,EAAkB;AAC9B,WAAO,KAAKC,KAAL,IAAc,KAAKA,KAAL,CAAWF,cAAX,CAA0BC,IAA1B,CAArB;AACD;;AAEDE,EAAAA,MAAM,GAAG;AACP,UAAM;AAAEC,MAAAA,KAAF;AAAS,SAAGC;AAAZ,QAAqB,KAAKC,KAAhC;AACA,UAAMC,gBAAgB,GAAGV,WAAW,CAACW,KAAZ,GAAoB,KAApB,GAA4B,KAArD;AAEA,wBACE,oBAAC,UAAD,eACMH,IADN;AAEE,MAAA,GAAG,EAAGI,CAAD,IAAO;AACV,aAAKP,KAAL,GAAaO,CAAb;AACD,OAJH;AAKE,MAAA,KAAK,EAAE,CACL;AACEC,QAAAA,SAAS,EAAE,MADb;AAEEH,QAAAA;AAFF,OADK,EAKLH,KALK;AALT,OADF;AAeD;;AA1BuC;;AA6B1C,OAAO,MAAMO,QAAQ,GAAG,QAKA;AAAA,MALC;AACvBP,IAAAA,KADuB;AAEvBQ,IAAAA,KAFuB;AAGvBC,IAAAA,KAHuB;AAIvB,OAAGP;AAJoB,GAKD;AACtB,sBACE,oBAAC,IAAD;AACE,IAAA,OAAO,EAAE,CADX;AAEE,IAAA,KAAK,EAAE,CAAC;AAAEQ,MAAAA,KAAK,EAAEF,KAAK,CAACG,MAAN,CAAaC,OAAtB;AAA+BC,MAAAA,SAAS,EAAE;AAA1C,KAAD,EAA2Db,KAA3D,CAFT;AAGE,IAAA,KAAK,EAAEQ;AAHT,KAIMN,KAJN,GAMGO,KANH,CADF;AAUD,CAhBM;AAkBP,MAAMK,IAAS,GAAGpB,SAAS,CAACa,QAAD,CAA3B;AACA,SAASO,IAAT;AAEA,eAAepB,SAAS,CAACH,IAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { Text as NativeText, I18nManager, TextProps } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n theme: Theme;\n} & TextProps;\n\nclass Text extends React.Component<Props> {\n _root: any;\n\n setNativeProps(args: TextProps) {\n return this._root && this._root.setNativeProps(args);\n }\n\n render() {\n const { style, ...rest } = this.props;\n const writingDirection = I18nManager.isRTL ? \"rtl\" : \"ltr\";\n\n return (\n <NativeText\n {...rest}\n ref={(c) => {\n this._root = c;\n }}\n style={[\n {\n textAlign: \"left\",\n writingDirection,\n },\n style,\n ]}\n />\n );\n }\n}\n\nexport const BaseLink = ({\n style,\n theme,\n title,\n ...props\n}: any): JSX.Element => {\n return (\n <Text\n hitSlop={8}\n style={[{ color: theme.colors.primary, alignSelf: \"flex-start\" }, style]}\n theme={theme}\n {...props}\n >\n {title}\n </Text>\n );\n};\n\nconst Link: any = withTheme(BaseLink);\nexport { Link };\n\nexport default withTheme(Text);\n"]}
@@ -22,7 +22,6 @@ export { default as StarRating } from "./components/StarRating";
22
22
  export { default as Surface } from "./components/Surface";
23
23
  export { default as Switch, SwitchRow } from "./components/Switch";
24
24
  export { default as TextField } from "./components/TextField";
25
- export { default as ToggleButton } from "./components/ToggleButton";
26
25
  export { default as Touchable } from "./components/Touchable";
27
26
  export { AccordionGroup, AccordionItem } from "./components/Accordion";
28
27
  export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/ActionSheet";
@@ -1 +1 @@
1
- {"version":3,"sources":["index.tsx"],"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","ButtonSolid","ButtonOutline","Avatar","AvatarEdit","Card","Carousel","Checkbox","CheckboxGroup","CheckboxRow","CircleImage","Container","Divider","FAB","FieldSearchBarFull","IconButton","Image","NumberInput","ScreenContainer","StarRating","Surface","Switch","SwitchRow","TextField","ToggleButton","Touchable","AccordionGroup","AccordionItem","ActionSheet","ActionSheetItem","ActionSheetCancel","Swiper","SwiperItem","Center","Circle","Square","Row","Stack","Spacer","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","Button","CardBlock","CardContainer","CardContainerRating","CardInline","DatePicker","HeaderLarge","HeaderMedium","HeaderOverline","Picker","ProgressBar","ProgressCircle","RowBodyIcon","RowHeadlineImageCaption","RowHeadlineImageIcon","Slider","Stepper","useAuthState"],"mappings":"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","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
+ {"version":3,"sources":["index.tsx"],"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","ButtonSolid","ButtonOutline","Avatar","AvatarEdit","Card","Carousel","Checkbox","CheckboxGroup","CheckboxRow","CircleImage","Container","Divider","FAB","FieldSearchBarFull","IconButton","Image","NumberInput","ScreenContainer","StarRating","Surface","Switch","SwitchRow","TextField","Touchable","AccordionGroup","AccordionItem","ActionSheet","ActionSheetItem","ActionSheetCancel","Swiper","SwiperItem","Center","Circle","Square","Row","Stack","Spacer","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","Button","CardBlock","CardContainer","CardContainerRating","CardInline","DatePicker","HeaderLarge","HeaderMedium","HeaderOverline","Picker","ProgressBar","ProgressCircle","RowBodyIcon","RowHeadlineImageCaption","RowHeadlineImageIcon","Slider","Stepper","useAuthState"],"mappings":"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","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 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"]}
@@ -4,8 +4,7 @@ export const SEED_DATA = {
4
4
  tag: "Card",
5
5
  description: "A card you can customize however you'd like",
6
6
  category: COMPONENT_TYPES.card,
7
- triggers: [Triggers.OnPress],
8
- //TODO: when we support multiple triggers, add Triggers.OnPressIcon
7
+ triggers: [Triggers.OnPress, Triggers.OnPressIcon],
9
8
  props: {
10
9
  onPress: createActionProp(),
11
10
  onPressIcon: createActionProp({
@@ -1 +1 @@
1
- {"version":3,"sources":["Card.ts"],"names":["COMPONENT_TYPES","createElevationType","createTextProp","createImageProp","createIconProp","createAspectRatioProp","createStaticBoolProp","createTextStyle","createActionProp","Triggers","SEED_DATA","name","tag","description","category","card","triggers","OnPress","props","onPress","onPressIcon","handlerPropName","elevation","image","title","label","defaultValue","titleStyle","subtitle","subtitleStyle","descriptionStyle","icon","aspectRatio","textCentered"],"mappings":"AAAA,SACEA,eADF,EAEEC,mBAFF,EAGEC,cAHF,EAIEC,eAJF,EAKEC,cALF,EAMEC,qBANF,EAOEC,oBAPF,EAQEC,eARF,EASEC,gBATF,EAUEC,QAVF,QAWO,iBAXP;AAaA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,GAAG,EAAE,MAFkB;AAGvBC,EAAAA,WAAW,EAAE,6CAHU;AAIvBC,EAAAA,QAAQ,EAAEd,eAAe,CAACe,IAJH;AAKvBC,EAAAA,QAAQ,EAAE,CAACP,QAAQ,CAACQ,OAAV,CALa;AAKO;AAC9BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAEX,gBAAgB,EADpB;AAELY,IAAAA,WAAW,EAAEZ,gBAAgB,CAAC;AAC5Ba,MAAAA,eAAe,EAAE;AADW,KAAD,CAFxB;AAKLC,IAAAA,SAAS,EAAErB,mBAAmB,CAAC,CAAD,CALzB;AAMLsB,IAAAA,KAAK,EAAEpB,eAAe,EANjB;AAOLqB,IAAAA,KAAK,EAAEtB,cAAc,CAAC;AACpBuB,MAAAA,KAAK,EAAE,OADa;AAEpBZ,MAAAA,WAAW,EAAE,kBAFO;AAGpB;AACAa,MAAAA,YAAY,EAAE;AAJM,KAAD,CAPhB;AAaLC,IAAAA,UAAU,EAAEpB,eAAe,CAAC;AAC1BkB,MAAAA,KAAK,EAAE;AADmB,KAAD,CAbtB;AAgBLG,IAAAA,QAAQ,EAAE1B,cAAc,CAAC;AACvBuB,MAAAA,KAAK,EAAE,UADgB;AAEvBZ,MAAAA,WAAW,EAAE,2BAFU;AAGvBa,MAAAA,YAAY,EAAE,IAHS,CAIvB;;AAJuB,KAAD,CAhBnB;AAsBLG,IAAAA,aAAa,EAAEtB,eAAe,CAAC;AAC7BkB,MAAAA,KAAK,EAAE;AADsB,KAAD,CAtBzB;AAyBLZ,IAAAA,WAAW,EAAEX,cAAc,CAAC;AAC1BuB,MAAAA,KAAK,EAAE,aADmB;AAE1BZ,MAAAA,WAAW,EAAE,mCAFa;AAG1B;AACA;AACAa,MAAAA,YAAY,EAAE;AALY,KAAD,CAzBtB;AAgCLI,IAAAA,gBAAgB,EAAEvB,eAAe,CAAC;AAChCkB,MAAAA,KAAK,EAAE;AADyB,KAAD,CAhC5B;AAmCLM,IAAAA,IAAI,EAAE3B,cAAc,EAnCf;AAoCL4B,IAAAA,WAAW,EAAE3B,qBAAqB,CAAC;AACjCqB,MAAAA,YAAY,EAAE;AADmB,KAAD,CApC7B;AAuCLO,IAAAA,YAAY,EAAE3B,oBAAoB,CAAC;AACjCmB,MAAAA,KAAK,EAAE,eAD0B;AAEjCZ,MAAAA,WAAW,EAAE;AAFoB,KAAD;AAvC7B;AANgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createElevationType,\n createTextProp,\n createImageProp,\n createIconProp,\n createAspectRatioProp,\n createStaticBoolProp,\n createTextStyle,\n createActionProp,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Card\",\n tag: \"Card\",\n description: \"A card you can customize however you'd like\",\n category: COMPONENT_TYPES.card,\n triggers: [Triggers.OnPress], //TODO: when we support multiple triggers, add Triggers.OnPressIcon\n props: {\n onPress: createActionProp(),\n onPressIcon: createActionProp({\n handlerPropName: \"onPressIcon\",\n }),\n elevation: createElevationType(3),\n image: createImageProp(),\n title: createTextProp({\n label: \"Title\",\n description: \"Large title text\",\n // defaultValue: \"Title\",\n defaultValue: null,\n }),\n titleStyle: createTextStyle({\n label: \"Title Style\",\n }),\n subtitle: createTextProp({\n label: \"Subtitle\",\n description: \"Text underneath the title\",\n defaultValue: null,\n // defaultValue: \"Edit me in the props panel on the right\",\n }),\n subtitleStyle: createTextStyle({\n label: \"Subtitle Style\",\n }),\n description: createTextProp({\n label: \"Description\",\n description: \"Smallest text underneath subtitle\",\n // defaultValue:\n // \"This bottom text is optional, but shows up to make your life a little easier!\",\n defaultValue: null,\n }),\n descriptionStyle: createTextStyle({\n label: \"Description Style\",\n }),\n icon: createIconProp(),\n aspectRatio: createAspectRatioProp({\n defaultValue: 1.5,\n }),\n textCentered: createStaticBoolProp({\n label: \"Centered Text\",\n description: \"Places your title and subtitle in the center\",\n }),\n },\n};\n"]}
1
+ {"version":3,"sources":["Card.ts"],"names":["COMPONENT_TYPES","createElevationType","createTextProp","createImageProp","createIconProp","createAspectRatioProp","createStaticBoolProp","createTextStyle","createActionProp","Triggers","SEED_DATA","name","tag","description","category","card","triggers","OnPress","OnPressIcon","props","onPress","onPressIcon","handlerPropName","elevation","image","title","label","defaultValue","titleStyle","subtitle","subtitleStyle","descriptionStyle","icon","aspectRatio","textCentered"],"mappings":"AAAA,SACEA,eADF,EAEEC,mBAFF,EAGEC,cAHF,EAIEC,eAJF,EAKEC,cALF,EAMEC,qBANF,EAOEC,oBAPF,EAQEC,eARF,EASEC,gBATF,EAUEC,QAVF,QAWO,iBAXP;AAaA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,GAAG,EAAE,MAFkB;AAGvBC,EAAAA,WAAW,EAAE,6CAHU;AAIvBC,EAAAA,QAAQ,EAAEd,eAAe,CAACe,IAJH;AAKvBC,EAAAA,QAAQ,EAAE,CAACP,QAAQ,CAACQ,OAAV,EAAmBR,QAAQ,CAACS,WAA5B,CALa;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAEZ,gBAAgB,EADpB;AAELa,IAAAA,WAAW,EAAEb,gBAAgB,CAAC;AAC5Bc,MAAAA,eAAe,EAAE;AADW,KAAD,CAFxB;AAKLC,IAAAA,SAAS,EAAEtB,mBAAmB,CAAC,CAAD,CALzB;AAMLuB,IAAAA,KAAK,EAAErB,eAAe,EANjB;AAOLsB,IAAAA,KAAK,EAAEvB,cAAc,CAAC;AACpBwB,MAAAA,KAAK,EAAE,OADa;AAEpBb,MAAAA,WAAW,EAAE,kBAFO;AAGpB;AACAc,MAAAA,YAAY,EAAE;AAJM,KAAD,CAPhB;AAaLC,IAAAA,UAAU,EAAErB,eAAe,CAAC;AAC1BmB,MAAAA,KAAK,EAAE;AADmB,KAAD,CAbtB;AAgBLG,IAAAA,QAAQ,EAAE3B,cAAc,CAAC;AACvBwB,MAAAA,KAAK,EAAE,UADgB;AAEvBb,MAAAA,WAAW,EAAE,2BAFU;AAGvBc,MAAAA,YAAY,EAAE,IAHS,CAIvB;;AAJuB,KAAD,CAhBnB;AAsBLG,IAAAA,aAAa,EAAEvB,eAAe,CAAC;AAC7BmB,MAAAA,KAAK,EAAE;AADsB,KAAD,CAtBzB;AAyBLb,IAAAA,WAAW,EAAEX,cAAc,CAAC;AAC1BwB,MAAAA,KAAK,EAAE,aADmB;AAE1Bb,MAAAA,WAAW,EAAE,mCAFa;AAG1B;AACA;AACAc,MAAAA,YAAY,EAAE;AALY,KAAD,CAzBtB;AAgCLI,IAAAA,gBAAgB,EAAExB,eAAe,CAAC;AAChCmB,MAAAA,KAAK,EAAE;AADyB,KAAD,CAhC5B;AAmCLM,IAAAA,IAAI,EAAE5B,cAAc,EAnCf;AAoCL6B,IAAAA,WAAW,EAAE5B,qBAAqB,CAAC;AACjCsB,MAAAA,YAAY,EAAE;AADmB,KAAD,CApC7B;AAuCLO,IAAAA,YAAY,EAAE5B,oBAAoB,CAAC;AACjCoB,MAAAA,KAAK,EAAE,eAD0B;AAEjCb,MAAAA,WAAW,EAAE;AAFoB,KAAD;AAvC7B;AANgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createElevationType,\n createTextProp,\n createImageProp,\n createIconProp,\n createAspectRatioProp,\n createStaticBoolProp,\n createTextStyle,\n createActionProp,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Card\",\n tag: \"Card\",\n description: \"A card you can customize however you'd like\",\n category: COMPONENT_TYPES.card,\n triggers: [Triggers.OnPress, Triggers.OnPressIcon],\n props: {\n onPress: createActionProp(),\n onPressIcon: createActionProp({\n handlerPropName: \"onPressIcon\",\n }),\n elevation: createElevationType(3),\n image: createImageProp(),\n title: createTextProp({\n label: \"Title\",\n description: \"Large title text\",\n // defaultValue: \"Title\",\n defaultValue: null,\n }),\n titleStyle: createTextStyle({\n label: \"Title Style\",\n }),\n subtitle: createTextProp({\n label: \"Subtitle\",\n description: \"Text underneath the title\",\n defaultValue: null,\n // defaultValue: \"Edit me in the props panel on the right\",\n }),\n subtitleStyle: createTextStyle({\n label: \"Subtitle Style\",\n }),\n description: createTextProp({\n label: \"Description\",\n description: \"Smallest text underneath subtitle\",\n // defaultValue:\n // \"This bottom text is optional, but shows up to make your life a little easier!\",\n defaultValue: null,\n }),\n descriptionStyle: createTextStyle({\n label: \"Description Style\",\n }),\n icon: createIconProp(),\n aspectRatio: createAspectRatioProp({\n defaultValue: 1.5,\n }),\n textCentered: createStaticBoolProp({\n label: \"Centered Text\",\n description: \"Places your title and subtitle in the center\",\n }),\n },\n};\n"]}
@@ -4,7 +4,9 @@ export const SEED_DATA = [{
4
4
  tag: "Carousel",
5
5
  category: COMPONENT_TYPES.media,
6
6
  description: "A horizontal scrolling carousel of images",
7
- layout: {},
7
+ layout: {
8
+ height: 250
9
+ },
8
10
  props: {
9
11
  resizeMode: createResizeModeProp(),
10
12
  dotColor: createColorProp({
@@ -1 +1 @@
1
- {"version":3,"sources":["Carousel.ts"],"names":["COMPONENT_TYPES","createResizeModeProp","createColorProp","SEED_DATA","name","tag","category","media","description","layout","props","resizeMode","dotColor","label"],"mappings":"AAAA,SACEA,eADF,EAEEC,oBAFF,EAGEC,eAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,UADR;AAEEC,EAAAA,GAAG,EAAE,UAFP;AAGEC,EAAAA,QAAQ,EAAEN,eAAe,CAACO,KAH5B;AAIEC,EAAAA,WAAW,EAAE,2CAJf;AAKEC,EAAAA,MAAM,EAAE,EALV;AAMEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAEV,oBAAoB,EAD3B;AAELW,IAAAA,QAAQ,EAAEV,eAAe,CAAC;AACxBW,MAAAA,KAAK,EAAE;AADiB,KAAD;AAFpB;AANT,CADuB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createResizeModeProp,\n createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Carousel\",\n tag: \"Carousel\",\n category: COMPONENT_TYPES.media,\n description: \"A horizontal scrolling carousel of images\",\n layout: {},\n props: {\n resizeMode: createResizeModeProp(),\n dotColor: createColorProp({\n label: \"Dot color\",\n }),\n },\n },\n];\n"]}
1
+ {"version":3,"sources":["Carousel.ts"],"names":["COMPONENT_TYPES","createResizeModeProp","createColorProp","SEED_DATA","name","tag","category","media","description","layout","height","props","resizeMode","dotColor","label"],"mappings":"AAAA,SACEA,eADF,EAEEC,oBAFF,EAGEC,eAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,UADR;AAEEC,EAAAA,GAAG,EAAE,UAFP;AAGEC,EAAAA,QAAQ,EAAEN,eAAe,CAACO,KAH5B;AAIEC,EAAAA,WAAW,EAAE,2CAJf;AAKEC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE;AADF,GALV;AAQEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAEX,oBAAoB,EAD3B;AAELY,IAAAA,QAAQ,EAAEX,eAAe,CAAC;AACxBY,MAAAA,KAAK,EAAE;AADiB,KAAD;AAFpB;AART,CADuB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createResizeModeProp,\n createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Carousel\",\n tag: \"Carousel\",\n category: COMPONENT_TYPES.media,\n description: \"A horizontal scrolling carousel of images\",\n layout: {\n height: 250,\n },\n props: {\n resizeMode: createResizeModeProp(),\n dotColor: createColorProp({\n label: \"Dot color\",\n }),\n },\n },\n];\n"]}
@@ -3,7 +3,7 @@ export const SEED_DATA = {
3
3
  name: "Checkbox",
4
4
  tag: "Checkbox",
5
5
  category: COMPONENT_TYPES.input,
6
- triggers: [Triggers.OnPress],
6
+ triggers: [Triggers.OnPress, Triggers.OnCheck, Triggers.OnUncheck],
7
7
  props: {
8
8
  fieldName: createFieldNameProp({
9
9
  defaultValue: "checkboxValue",
@@ -1 +1 @@
1
- {"version":3,"sources":["Checkbox.ts"],"names":["COMPONENT_TYPES","createBoolProp","createIconProp","createStaticNumberProp","createColorProp","createFieldNameProp","GROUPS","Triggers","SEED_DATA","name","tag","category","input","triggers","OnPress","props","fieldName","defaultValue","valuePropName","handlerPropName","color","group","basic","label","description","uncheckedColor","disabled","size","checkedIcon","uncheckedIcon"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,cAHF,EAIEC,sBAJF,EAKEC,eALF,EAMEC,mBANF,EAOEC,MAPF,EAQEC,QARF,QASO,iBATP;AAWA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,UADiB;AAEvBC,EAAAA,GAAG,EAAE,UAFkB;AAGvBC,EAAAA,QAAQ,EAAEX,eAAe,CAACY,KAHH;AAIvBC,EAAAA,QAAQ,EAAE,CAACN,QAAQ,CAACO,OAAV,CAJa;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAEX,mBAAmB,CAAC;AAC7BY,MAAAA,YAAY,EAAE,eADe;AAE7BC,MAAAA,aAAa,EAAE,QAFc;AAG7BC,MAAAA,eAAe,EAAE;AAHY,KAAD,CADzB;AAMLC,IAAAA,KAAK,EAAEhB,eAAe,CAAC;AACrBiB,MAAAA,KAAK,EAAEf,MAAM,CAACgB,KADO;AAErBC,MAAAA,KAAK,EAAE,OAFc;AAGrBC,MAAAA,WAAW,EAAE,0DAHQ;AAIrBP,MAAAA,YAAY,EAAE;AAJO,KAAD,CANjB;AAYLQ,IAAAA,cAAc,EAAErB,eAAe,CAAC;AAC9BiB,MAAAA,KAAK,EAAEf,MAAM,CAACgB,KADgB;AAE9BC,MAAAA,KAAK,EAAE,kBAFuB;AAG9BC,MAAAA,WAAW,EAAE,qDAHiB;AAI9BP,MAAAA,YAAY,EAAE;AAJgB,KAAD,CAZ1B;AAkBLS,IAAAA,QAAQ,EAAEzB,cAAc,CAAC;AACvBsB,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,WAAW,EAAE;AAFU,KAAD,CAlBnB;AAsBLG,IAAAA,IAAI,EAAExB,sBAAsB,CAAC;AAC3BoB,MAAAA,KAAK,EAAE,MADoB;AAE3BC,MAAAA,WAAW,EAAE,gCAFc;AAG3BP,MAAAA,YAAY,EAAE;AAHa,KAAD,CAtBvB;AA2BLW,IAAAA,WAAW,EAAE1B,cAAc,CAAC;AAC1BqB,MAAAA,KAAK,EAAE,cADmB;AAE1BC,MAAAA,WAAW,EAAE,oDAFa;AAG1BP,MAAAA,YAAY,EAAE;AAHY,KAAD,CA3BtB;AAgCLY,IAAAA,aAAa,EAAE3B,cAAc,CAAC;AAC5BqB,MAAAA,KAAK,EAAE,gBADqB;AAE5BC,MAAAA,WAAW,EAAE,sDAFe;AAG5BP,MAAAA,YAAY,EAAE;AAHc,KAAD;AAhCxB;AALgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createBoolProp,\n createIconProp,\n createStaticNumberProp,\n createColorProp,\n createFieldNameProp,\n GROUPS,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Checkbox\",\n tag: \"Checkbox\",\n category: COMPONENT_TYPES.input,\n triggers: [Triggers.OnPress],\n props: {\n fieldName: createFieldNameProp({\n defaultValue: \"checkboxValue\",\n valuePropName: \"status\",\n handlerPropName: \"onPress\",\n }),\n color: createColorProp({\n group: GROUPS.basic,\n label: \"Color\",\n description: \"Color for the button (used when the checkbox is checked)\",\n defaultValue: null,\n }),\n uncheckedColor: createColorProp({\n group: GROUPS.basic,\n label: \"Unselected Color\",\n description: \"Color for the button when the checkbox is unchecked\",\n defaultValue: null,\n }),\n disabled: createBoolProp({\n label: \"Disabled\",\n description: \"Whether the checkbox is disabled\",\n }),\n size: createStaticNumberProp({\n label: \"Size\",\n description: \"Specifies the size of the icon\",\n defaultValue: null,\n }),\n checkedIcon: createIconProp({\n label: \"Checked Icon\",\n description: 'Icon to show when the checkbox status is \"checked\"',\n defaultValue: null,\n }),\n uncheckedIcon: createIconProp({\n label: \"Unchecked Icon\",\n description: 'Icon to show when the checkbox status is \"unchecked\"',\n defaultValue: null,\n }),\n },\n};\n"]}
1
+ {"version":3,"sources":["Checkbox.ts"],"names":["COMPONENT_TYPES","createBoolProp","createIconProp","createStaticNumberProp","createColorProp","createFieldNameProp","GROUPS","Triggers","SEED_DATA","name","tag","category","input","triggers","OnPress","OnCheck","OnUncheck","props","fieldName","defaultValue","valuePropName","handlerPropName","color","group","basic","label","description","uncheckedColor","disabled","size","checkedIcon","uncheckedIcon"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,cAHF,EAIEC,sBAJF,EAKEC,eALF,EAMEC,mBANF,EAOEC,MAPF,EAQEC,QARF,QASO,iBATP;AAWA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,UADiB;AAEvBC,EAAAA,GAAG,EAAE,UAFkB;AAGvBC,EAAAA,QAAQ,EAAEX,eAAe,CAACY,KAHH;AAIvBC,EAAAA,QAAQ,EAAE,CAACN,QAAQ,CAACO,OAAV,EAAmBP,QAAQ,CAACQ,OAA5B,EAAqCR,QAAQ,CAACS,SAA9C,CAJa;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAEb,mBAAmB,CAAC;AAC7Bc,MAAAA,YAAY,EAAE,eADe;AAE7BC,MAAAA,aAAa,EAAE,QAFc;AAG7BC,MAAAA,eAAe,EAAE;AAHY,KAAD,CADzB;AAMLC,IAAAA,KAAK,EAAElB,eAAe,CAAC;AACrBmB,MAAAA,KAAK,EAAEjB,MAAM,CAACkB,KADO;AAErBC,MAAAA,KAAK,EAAE,OAFc;AAGrBC,MAAAA,WAAW,EAAE,0DAHQ;AAIrBP,MAAAA,YAAY,EAAE;AAJO,KAAD,CANjB;AAYLQ,IAAAA,cAAc,EAAEvB,eAAe,CAAC;AAC9BmB,MAAAA,KAAK,EAAEjB,MAAM,CAACkB,KADgB;AAE9BC,MAAAA,KAAK,EAAE,kBAFuB;AAG9BC,MAAAA,WAAW,EAAE,qDAHiB;AAI9BP,MAAAA,YAAY,EAAE;AAJgB,KAAD,CAZ1B;AAkBLS,IAAAA,QAAQ,EAAE3B,cAAc,CAAC;AACvBwB,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,WAAW,EAAE;AAFU,KAAD,CAlBnB;AAsBLG,IAAAA,IAAI,EAAE1B,sBAAsB,CAAC;AAC3BsB,MAAAA,KAAK,EAAE,MADoB;AAE3BC,MAAAA,WAAW,EAAE,gCAFc;AAG3BP,MAAAA,YAAY,EAAE;AAHa,KAAD,CAtBvB;AA2BLW,IAAAA,WAAW,EAAE5B,cAAc,CAAC;AAC1BuB,MAAAA,KAAK,EAAE,cADmB;AAE1BC,MAAAA,WAAW,EAAE,oDAFa;AAG1BP,MAAAA,YAAY,EAAE;AAHY,KAAD,CA3BtB;AAgCLY,IAAAA,aAAa,EAAE7B,cAAc,CAAC;AAC5BuB,MAAAA,KAAK,EAAE,gBADqB;AAE5BC,MAAAA,WAAW,EAAE,sDAFe;AAG5BP,MAAAA,YAAY,EAAE;AAHc,KAAD;AAhCxB;AALgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createBoolProp,\n createIconProp,\n createStaticNumberProp,\n createColorProp,\n createFieldNameProp,\n GROUPS,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Checkbox\",\n tag: \"Checkbox\",\n category: COMPONENT_TYPES.input,\n triggers: [Triggers.OnPress, Triggers.OnCheck, Triggers.OnUncheck],\n props: {\n fieldName: createFieldNameProp({\n defaultValue: \"checkboxValue\",\n valuePropName: \"status\",\n handlerPropName: \"onPress\",\n }),\n color: createColorProp({\n group: GROUPS.basic,\n label: \"Color\",\n description: \"Color for the button (used when the checkbox is checked)\",\n defaultValue: null,\n }),\n uncheckedColor: createColorProp({\n group: GROUPS.basic,\n label: \"Unselected Color\",\n description: \"Color for the button when the checkbox is unchecked\",\n defaultValue: null,\n }),\n disabled: createBoolProp({\n label: \"Disabled\",\n description: \"Whether the checkbox is disabled\",\n }),\n size: createStaticNumberProp({\n label: \"Size\",\n description: \"Specifies the size of the icon\",\n defaultValue: null,\n }),\n checkedIcon: createIconProp({\n label: \"Checked Icon\",\n description: 'Icon to show when the checkbox status is \"checked\"',\n defaultValue: null,\n }),\n uncheckedIcon: createIconProp({\n label: \"Unchecked Icon\",\n description: 'Icon to show when the checkbox status is \"unchecked\"',\n defaultValue: null,\n }),\n },\n};\n"]}
@@ -5,6 +5,8 @@ export interface CheckboxProps {
5
5
  status?: boolean;
6
6
  disabled?: boolean;
7
7
  onPress?: (checked: boolean) => void;
8
+ onCheck?: () => void;
9
+ onUncheck?: () => void;
8
10
  color?: string;
9
11
  uncheckedColor?: string;
10
12
  checkedIcon?: string;
@@ -22,7 +22,6 @@ export { default as StarRating } from "./components/StarRating";
22
22
  export { default as Surface } from "./components/Surface";
23
23
  export { default as Switch, SwitchRow } from "./components/Switch";
24
24
  export { default as TextField } from "./components/TextField";
25
- export { default as ToggleButton } from "./components/ToggleButton";
26
25
  export { default as Touchable } from "./components/Touchable";
27
26
  export { AccordionGroup, AccordionItem } from "./components/Accordion";
28
27
  export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/ActionSheet";
@@ -3,7 +3,9 @@ export declare const SEED_DATA: {
3
3
  tag: string;
4
4
  category: string;
5
5
  description: string;
6
- layout: {};
6
+ layout: {
7
+ height: number;
8
+ };
7
9
  props: {
8
10
  resizeMode: {
9
11
  group: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@draftbit/core",
3
- "version": "43.2.5-da45ce.0+da45ce1d",
3
+ "version": "43.2.6-afba6e.0+afba6ef1",
4
4
  "description": "Core (non-native) Components",
5
5
  "main": "lib/commonjs/index.js",
6
6
  "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
41
41
  "dependencies": {
42
42
  "@date-io/date-fns": "^1.3.13",
43
43
  "@draftbit/react-theme-provider": "^2.1.1",
44
- "@draftbit/types": "^43.2.4",
44
+ "@draftbit/types": "^43.2.6-afba6e.0+afba6ef1",
45
45
  "@material-ui/core": "^4.11.0",
46
46
  "@material-ui/pickers": "^3.2.10",
47
47
  "@react-native-community/slider": "4.1.7",
@@ -79,5 +79,5 @@
79
79
  ]
80
80
  ]
81
81
  },
82
- "gitHead": "da45ce1da13dea1a28b56ca96251dad30c9eaa5a"
82
+ "gitHead": "afba6ef14d8b5a0ce780d8837510840ebcc71ba0"
83
83
  }
@@ -44,9 +44,6 @@ function Carousel({ data, children, dotColor = "strong", style, ...rest }) {
44
44
  }
45
45
  const styles = StyleSheet.create({
46
46
  container: {
47
- height: 250,
48
- position: "relative",
49
- width: screenWidth,
50
47
  backgroundColor: "#eee",
51
48
  },
52
49
  pager: {
@@ -110,9 +110,6 @@ function Carousel({
110
110
 
111
111
  const styles = StyleSheet.create({
112
112
  container: {
113
- height: 250,
114
- position: "relative",
115
- width: screenWidth,
116
113
  backgroundColor: "#eee",
117
114
  },
118
115
  pager: {
@@ -3,7 +3,7 @@ import { View, StyleSheet, } from "react-native";
3
3
  import { useTheme } from "../../theming";
4
4
  import Touchable from "../Touchable";
5
5
  import { usePrevious } from "../../hooks";
6
- const Checkbox = ({ Icon, status, disabled = false, onPress = () => { }, color, uncheckedColor, defaultValue, checkedIcon = "MaterialCommunityIcons/checkbox-marked", uncheckedIcon = "MaterialCommunityIcons/checkbox-blank-outline", size = 24, style, ...rest }) => {
6
+ const Checkbox = ({ Icon, status, disabled = false, onPress = () => { }, onCheck, onUncheck, color, uncheckedColor, defaultValue, checkedIcon = "MaterialCommunityIcons/checkbox-marked", uncheckedIcon = "MaterialCommunityIcons/checkbox-blank-outline", size = 24, style, ...rest }) => {
7
7
  const [internalValue, setInternalValue] = React.useState(status || defaultValue || false);
8
8
  React.useEffect(() => {
9
9
  if (status != null) {
@@ -23,8 +23,15 @@ const Checkbox = ({ Icon, status, disabled = false, onPress = () => { }, color,
23
23
  ? color || colors.primary
24
24
  : uncheckedColor || colors.primary;
25
25
  const handlePress = () => {
26
- setInternalValue(!internalValue);
27
- onPress(!internalValue);
26
+ const newValue = !internalValue;
27
+ setInternalValue(newValue);
28
+ onPress(newValue);
29
+ if (onCheck && newValue) {
30
+ onCheck();
31
+ }
32
+ if (onUncheck && !newValue) {
33
+ onUncheck();
34
+ }
28
35
  };
29
36
  return (React.createElement(Touchable, { ...rest, onPress: handlePress, disabled: disabled, accessibilityState: { disabled }, accessibilityRole: "button", accessibilityLiveRegion: "polite", style: [styles.container, style, { width: size, height: size }] },
30
37
  React.createElement(Icon, { style: styles.icon, name: internalValue ? checkedIcon : uncheckedIcon, size: size, color: checkboxColor }),
@@ -16,6 +16,8 @@ export interface CheckboxProps {
16
16
  status?: boolean;
17
17
  disabled?: boolean;
18
18
  onPress?: (checked: boolean) => void;
19
+ onCheck?: () => void;
20
+ onUncheck?: () => void;
19
21
  color?: string;
20
22
  uncheckedColor?: string;
21
23
  checkedIcon?: string;
@@ -31,6 +33,8 @@ const Checkbox: React.FC<CheckboxProps & TouchableHighlightProps & IconSlot> =
31
33
  status,
32
34
  disabled = false,
33
35
  onPress = () => {},
36
+ onCheck,
37
+ onUncheck,
34
38
  color,
35
39
  uncheckedColor,
36
40
  defaultValue,
@@ -68,8 +72,17 @@ const Checkbox: React.FC<CheckboxProps & TouchableHighlightProps & IconSlot> =
68
72
  : uncheckedColor || colors.primary;
69
73
 
70
74
  const handlePress = () => {
71
- setInternalValue(!internalValue);
72
- onPress(!internalValue);
75
+ const newValue = !internalValue;
76
+ setInternalValue(newValue);
77
+ onPress(newValue);
78
+
79
+ if (onCheck && newValue) {
80
+ onCheck();
81
+ }
82
+
83
+ if (onUncheck && !newValue) {
84
+ onUncheck();
85
+ }
73
86
  };
74
87
 
75
88
  return (
@@ -21,7 +21,7 @@ class Text extends React.Component {
21
21
  }
22
22
  }
23
23
  export const BaseLink = ({ style, theme, title, ...props }) => {
24
- return (React.createElement(Text, { hitSlop: 8, style: [{ color: theme.colors.primary, alignSelf: "baseline" }, style], theme: theme, ...props }, title));
24
+ return (React.createElement(Text, { hitSlop: 8, style: [{ color: theme.colors.primary, alignSelf: "flex-start" }, style], theme: theme, ...props }, title));
25
25
  };
26
26
  const Link = withTheme(BaseLink);
27
27
  export { Link };
@@ -45,7 +45,7 @@ export const BaseLink = ({
45
45
  return (
46
46
  <Text
47
47
  hitSlop={8}
48
- style={[{ color: theme.colors.primary, alignSelf: "baseline" }, style]}
48
+ style={[{ color: theme.colors.primary, alignSelf: "flex-start" }, style]}
49
49
  theme={theme}
50
50
  {...props}
51
51
  >
package/src/index.js CHANGED
@@ -22,7 +22,6 @@ export { default as StarRating } from "./components/StarRating";
22
22
  export { default as Surface } from "./components/Surface";
23
23
  export { default as Switch, SwitchRow } from "./components/Switch";
24
24
  export { default as TextField } from "./components/TextField";
25
- export { default as ToggleButton } from "./components/ToggleButton";
26
25
  export { default as Touchable } from "./components/Touchable";
27
26
  export { AccordionGroup, AccordionItem } from "./components/Accordion";
28
27
  export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/ActionSheet";
package/src/index.tsx CHANGED
@@ -23,7 +23,6 @@ export { default as StarRating } from "./components/StarRating";
23
23
  export { default as Surface } from "./components/Surface";
24
24
  export { default as Switch, SwitchRow } from "./components/Switch";
25
25
  export { default as TextField } from "./components/TextField";
26
- export { default as ToggleButton } from "./components/ToggleButton";
27
26
  export { default as Touchable } from "./components/Touchable";
28
27
  export { AccordionGroup, AccordionItem } from "./components/Accordion";
29
28
  export {
@@ -4,7 +4,7 @@ export const SEED_DATA = {
4
4
  tag: "Card",
5
5
  description: "A card you can customize however you'd like",
6
6
  category: COMPONENT_TYPES.card,
7
- triggers: [Triggers.OnPress],
7
+ triggers: [Triggers.OnPress, Triggers.OnPressIcon],
8
8
  props: {
9
9
  onPress: createActionProp(),
10
10
  onPressIcon: createActionProp({
@@ -16,7 +16,7 @@ export const SEED_DATA = {
16
16
  tag: "Card",
17
17
  description: "A card you can customize however you'd like",
18
18
  category: COMPONENT_TYPES.card,
19
- triggers: [Triggers.OnPress], //TODO: when we support multiple triggers, add Triggers.OnPressIcon
19
+ triggers: [Triggers.OnPress, Triggers.OnPressIcon],
20
20
  props: {
21
21
  onPress: createActionProp(),
22
22
  onPressIcon: createActionProp({
@@ -5,7 +5,9 @@ export const SEED_DATA = [
5
5
  tag: "Carousel",
6
6
  category: COMPONENT_TYPES.media,
7
7
  description: "A horizontal scrolling carousel of images",
8
- layout: {},
8
+ layout: {
9
+ height: 250,
10
+ },
9
11
  props: {
10
12
  resizeMode: createResizeModeProp(),
11
13
  dotColor: createColorProp({
@@ -10,7 +10,9 @@ export const SEED_DATA = [
10
10
  tag: "Carousel",
11
11
  category: COMPONENT_TYPES.media,
12
12
  description: "A horizontal scrolling carousel of images",
13
- layout: {},
13
+ layout: {
14
+ height: 250,
15
+ },
14
16
  props: {
15
17
  resizeMode: createResizeModeProp(),
16
18
  dotColor: createColorProp({
@@ -3,7 +3,7 @@ export const SEED_DATA = {
3
3
  name: "Checkbox",
4
4
  tag: "Checkbox",
5
5
  category: COMPONENT_TYPES.input,
6
- triggers: [Triggers.OnPress],
6
+ triggers: [Triggers.OnPress, Triggers.OnCheck, Triggers.OnUncheck],
7
7
  props: {
8
8
  fieldName: createFieldNameProp({
9
9
  defaultValue: "checkboxValue",
@@ -13,7 +13,7 @@ export const SEED_DATA = {
13
13
  name: "Checkbox",
14
14
  tag: "Checkbox",
15
15
  category: COMPONENT_TYPES.input,
16
- triggers: [Triggers.OnPress],
16
+ triggers: [Triggers.OnPress, Triggers.OnCheck, Triggers.OnUncheck],
17
17
  props: {
18
18
  fieldName: createFieldNameProp({
19
19
  defaultValue: "checkboxValue",