@draftbit/core 43.2.5-dd3a98.3 → 43.2.6-c2ac06.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 (68) hide show
  1. package/lib/commonjs/components/Checkbox/Checkbox.js +13 -2
  2. package/lib/commonjs/components/Checkbox/Checkbox.js.map +1 -1
  3. package/lib/commonjs/components/DeprecatedFAB.js +4 -20
  4. package/lib/commonjs/components/DeprecatedFAB.js.map +1 -1
  5. package/lib/commonjs/components/Elevation.js +14 -3
  6. package/lib/commonjs/components/Elevation.js.map +1 -1
  7. package/lib/commonjs/components/FieldSearchBarFull.js +5 -20
  8. package/lib/commonjs/components/FieldSearchBarFull.js.map +1 -1
  9. package/lib/commonjs/components/NumberInput.js +1 -1
  10. package/lib/commonjs/components/NumberInput.js.map +1 -1
  11. package/lib/commonjs/components/Text.js +1 -1
  12. package/lib/commonjs/components/Text.js.map +1 -1
  13. package/lib/commonjs/hooks.js.map +1 -1
  14. package/lib/commonjs/index.js +0 -8
  15. package/lib/commonjs/index.js.map +1 -1
  16. package/lib/commonjs/mappings/ActionSheetItem.js.map +1 -1
  17. package/lib/commonjs/mappings/Card.js +2 -3
  18. package/lib/commonjs/mappings/Card.js.map +1 -1
  19. package/lib/commonjs/mappings/Checkbox.js +1 -1
  20. package/lib/commonjs/mappings/Checkbox.js.map +1 -1
  21. package/lib/module/components/ActionSheet/ActionSheetCancel.js.map +1 -1
  22. package/lib/module/components/Checkbox/Checkbox.js +13 -2
  23. package/lib/module/components/Checkbox/Checkbox.js.map +1 -1
  24. package/lib/module/components/FieldSearchBarFull.js +5 -20
  25. package/lib/module/components/FieldSearchBarFull.js.map +1 -1
  26. package/lib/module/components/NumberInput.js +1 -1
  27. package/lib/module/components/NumberInput.js.map +1 -1
  28. package/lib/module/components/Swiper/Swiper.js.map +1 -1
  29. package/lib/module/components/Text.js +1 -1
  30. package/lib/module/components/Text.js.map +1 -1
  31. package/lib/module/index.js +0 -1
  32. package/lib/module/index.js.map +1 -1
  33. package/lib/module/mappings/Card.js +2 -3
  34. package/lib/module/mappings/Card.js.map +1 -1
  35. package/lib/module/mappings/Checkbox.js +1 -1
  36. package/lib/module/mappings/Checkbox.js.map +1 -1
  37. package/lib/typescript/src/components/Checkbox/Checkbox.d.ts +2 -0
  38. package/lib/typescript/src/components/FieldSearchBarFull.d.ts +0 -3
  39. package/lib/typescript/src/index.d.ts +0 -1
  40. package/package.json +3 -3
  41. package/src/components/Checkbox/Checkbox.js +10 -3
  42. package/src/components/Checkbox/Checkbox.tsx +15 -2
  43. package/src/components/FieldSearchBarFull.js +4 -18
  44. package/src/components/FieldSearchBarFull.tsx +2 -26
  45. package/src/components/NumberInput.js +1 -1
  46. package/src/components/NumberInput.tsx +1 -1
  47. package/src/components/Text.js +1 -1
  48. package/src/components/Text.tsx +1 -1
  49. package/src/index.js +0 -1
  50. package/src/index.tsx +0 -1
  51. package/src/mappings/Card.js +2 -2
  52. package/src/mappings/Card.ts +2 -2
  53. package/src/mappings/Checkbox.js +1 -1
  54. package/src/mappings/Checkbox.ts +1 -1
  55. package/lib/commonjs/components/ToggleButton.js +0 -86
  56. package/lib/commonjs/components/ToggleButton.js.map +0 -1
  57. package/lib/commonjs/mappings/ToggleButton.js +0 -60
  58. package/lib/commonjs/mappings/ToggleButton.js.map +0 -1
  59. package/lib/module/components/ToggleButton.js +0 -67
  60. package/lib/module/components/ToggleButton.js.map +0 -1
  61. package/lib/module/mappings/ToggleButton.js +0 -51
  62. package/lib/module/mappings/ToggleButton.js.map +0 -1
  63. package/lib/typescript/src/components/ToggleButton.d.ts +0 -24
  64. package/lib/typescript/src/mappings/ToggleButton.d.ts +0 -124
  65. package/src/components/ToggleButton.js +0 -39
  66. package/src/components/ToggleButton.tsx +0 -94
  67. package/src/mappings/ToggleButton.js +0 -50
  68. package/src/mappings/ToggleButton.ts +0 -62
@@ -17,10 +17,7 @@ const FieldSearchBarFull = _ref => {
17
17
  onChange: changeOverride,
18
18
  onSubmit: submitOverride,
19
19
  value,
20
- defaultValue,
21
- border = 1,
22
- borderColor = "#ccc",
23
- borderFocusColor
20
+ defaultValue
24
21
  } = _ref;
25
22
  const [focused, setIsFocused] = React.useState(false);
26
23
 
@@ -64,15 +61,8 @@ const FieldSearchBarFull = _ref => {
64
61
  }
65
62
  };
66
63
 
67
- const borderStyle = focused ? {
68
- borderWidth: border || 1,
69
- borderColor: borderFocusColor || colors.primary
70
- } : {
71
- borderWidth: border || 1,
72
- borderColor: borderColor || "#e4e4e4"
73
- };
74
64
  return /*#__PURE__*/React.createElement(View, {
75
- style: [styles.container, borderStyle, style]
65
+ style: [styles.container, style]
76
66
  }, showIcon && /*#__PURE__*/React.createElement(Icon, {
77
67
  name: icon,
78
68
  size: Config.fieldSearchBarFullIconSize,
@@ -88,16 +78,12 @@ const FieldSearchBarFull = _ref => {
88
78
  value: internalValue,
89
79
  onBlur: onBlur,
90
80
  onFocus: onFocus,
91
- focusable: false,
92
81
  onChangeText: handleChangeText,
93
82
  onSubmitEditing: onSubmit,
94
83
  placeholderTextColor: colors.light,
95
84
  style: [{
96
- color: colors.medium,
97
- height: 44,
98
- borderWidth: 0,
99
- borderLeftWidth: 0
100
- }, styles.input, typeStyles]
85
+ color: colors.medium
86
+ }, typeStyles]
101
87
  })));
102
88
  };
103
89
 
@@ -105,8 +91,7 @@ const styles = StyleSheet.create({
105
91
  container: {
106
92
  flexDirection: "row",
107
93
  alignItems: "center"
108
- },
109
- input: {}
94
+ }
110
95
  });
111
96
  export default withTheme(FieldSearchBarFull);
112
97
  //# sourceMappingURL=FieldSearchBarFull.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["FieldSearchBarFull.tsx"],"names":["React","View","TextInput","StyleSheet","withTheme","Config","FieldSearchBarFull","showIcon","Icon","icon","placeholder","style","theme","colors","typography","onChange","changeOverride","onSubmit","submitOverride","value","defaultValue","border","borderColor","borderFocusColor","focused","setIsFocused","useState","onBlur","internalValue","setInternalValue","useEffect","useCallback","text","onFocus","e","lineHeight","typeStyles","body2","handleChangeText","newValue","borderStyle","borderWidth","primary","styles","container","fieldSearchBarFullIconSize","light","marginLeft","flex","color","medium","height","borderLeftWidth","input","create","flexDirection","alignItems"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n View,\n TextInput,\n StyleSheet,\n StyleProp,\n ViewStyle,\n NativeSyntheticEvent,\n TextInputSubmitEditingEventData,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport Config from \"./Config\";\n\ntype Props = {\n showIcon: boolean;\n icon?: string;\n placeholder?: string;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n onChange?: (text: string) => void;\n onSubmit?: (e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void;\n value?: string;\n defaultValue?: string;\n border?: number;\n borderColor?: string;\n borderFocusColor?: string;\n} & IconSlot;\n\nconst FieldSearchBarFull: React.FC<Props> = ({\n showIcon,\n Icon,\n icon = \"search\",\n placeholder = \"\",\n style,\n theme: { colors, typography },\n onChange: changeOverride,\n onSubmit: submitOverride,\n value,\n defaultValue,\n border = 1,\n borderColor = \"#ccc\",\n borderFocusColor,\n}) => {\n const [focused, setIsFocused] = React.useState(false);\n\n const onBlur = () => {\n setIsFocused(false);\n };\n\n const [internalValue, setInternalValue] = React.useState<string | undefined>(\n value || defaultValue\n );\n\n React.useEffect(() => {\n if (value != null) {\n setInternalValue(value);\n }\n }, [value]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue]);\n\n const onChange = React.useCallback(\n (text: string) => {\n changeOverride && changeOverride(text);\n },\n [changeOverride]\n );\n\n const onFocus = () => {\n setIsFocused(true);\n };\n\n const onSubmit = (\n e: NativeSyntheticEvent<TextInputSubmitEditingEventData>\n ) => {\n submitOverride && submitOverride(e);\n };\n\n const { lineHeight, ...typeStyles } = typography.body2; // eslint-disable-line @typescript-eslint/no-unused-vars\n\n const handleChangeText = (newValue: string) => {\n setInternalValue(newValue);\n if (onChange) {\n onChange(newValue);\n }\n };\n\n const borderStyle = focused\n ? {\n borderWidth: border || 1,\n borderColor: borderFocusColor || colors.primary,\n }\n : { borderWidth: border || 1, borderColor: borderColor || \"#e4e4e4\" };\n\n return (\n <View style={[styles.container, borderStyle, style]}>\n {showIcon && (\n <Icon\n name={icon}\n size={Config.fieldSearchBarFullIconSize}\n color={focused ? colors.primary : colors.light}\n />\n )}\n <View\n style={{\n marginLeft: showIcon ? 12 : 0,\n flex: 1,\n }}\n >\n <TextInput\n clearButtonMode=\"while-editing\"\n placeholder={placeholder}\n value={internalValue}\n onBlur={onBlur}\n onFocus={onFocus}\n focusable={false}\n onChangeText={handleChangeText}\n onSubmitEditing={onSubmit}\n placeholderTextColor={colors.light}\n style={[\n {\n color: colors.medium,\n height: 44,\n borderWidth: 0,\n borderLeftWidth: 0,\n },\n styles.input,\n typeStyles,\n ]}\n />\n </View>\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n flexDirection: \"row\",\n alignItems: \"center\",\n },\n input: {},\n});\n\nexport default withTheme(FieldSearchBarFull);\n"]}
1
+ {"version":3,"sources":["FieldSearchBarFull.tsx"],"names":["React","View","TextInput","StyleSheet","withTheme","Config","FieldSearchBarFull","showIcon","Icon","icon","placeholder","style","theme","colors","typography","onChange","changeOverride","onSubmit","submitOverride","value","defaultValue","focused","setIsFocused","useState","onBlur","internalValue","setInternalValue","useEffect","useCallback","text","onFocus","e","lineHeight","typeStyles","body2","handleChangeText","newValue","styles","container","fieldSearchBarFullIconSize","primary","light","marginLeft","flex","color","medium","create","flexDirection","alignItems"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,SAFF,EAGEC,UAHF,QAQO,cARP;AASA,SAASC,SAAT,QAA0B,YAA1B;AAGA,OAAOC,MAAP,MAAmB,UAAnB;;AAcA,MAAMC,kBAAmC,GAAG,QAWtC;AAAA,MAXuC;AAC3CC,IAAAA,QAD2C;AAE3CC,IAAAA,IAF2C;AAG3CC,IAAAA,IAAI,GAAG,QAHoC;AAI3CC,IAAAA,WAAW,GAAG,EAJ6B;AAK3CC,IAAAA,KAL2C;AAM3CC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KANoC;AAO3CC,IAAAA,QAAQ,EAAEC,cAPiC;AAQ3CC,IAAAA,QAAQ,EAAEC,cARiC;AAS3CC,IAAAA,KAT2C;AAU3CC,IAAAA;AAV2C,GAWvC;AACJ,QAAM,CAACC,OAAD,EAAUC,YAAV,IAA0BtB,KAAK,CAACuB,QAAN,CAAe,KAAf,CAAhC;;AAEA,QAAMC,MAAM,GAAG,MAAM;AACnBF,IAAAA,YAAY,CAAC,KAAD,CAAZ;AACD,GAFD;;AAIA,QAAM,CAACG,aAAD,EAAgBC,gBAAhB,IAAoC1B,KAAK,CAACuB,QAAN,CACxCJ,KAAK,IAAIC,YAD+B,CAA1C;AAIApB,EAAAA,KAAK,CAAC2B,SAAN,CAAgB,MAAM;AACpB,QAAIR,KAAK,IAAI,IAAb,EAAmB;AACjBO,MAAAA,gBAAgB,CAACP,KAAD,CAAhB;AACD;AACF,GAJD,EAIG,CAACA,KAAD,CAJH;AAMAnB,EAAAA,KAAK,CAAC2B,SAAN,CAAgB,MAAM;AACpB,QAAIP,YAAY,IAAI,IAApB,EAA0B;AACxBM,MAAAA,gBAAgB,CAACN,YAAD,CAAhB;AACD;AACF,GAJD,EAIG,CAACA,YAAD,CAJH;AAMA,QAAML,QAAQ,GAAGf,KAAK,CAAC4B,WAAN,CACdC,IAAD,IAAkB;AAChBb,IAAAA,cAAc,IAAIA,cAAc,CAACa,IAAD,CAAhC;AACD,GAHc,EAIf,CAACb,cAAD,CAJe,CAAjB;;AAOA,QAAMc,OAAO,GAAG,MAAM;AACpBR,IAAAA,YAAY,CAAC,IAAD,CAAZ;AACD,GAFD;;AAIA,QAAML,QAAQ,GACZc,CADe,IAEZ;AACHb,IAAAA,cAAc,IAAIA,cAAc,CAACa,CAAD,CAAhC;AACD,GAJD;;AAMA,QAAM;AAAEC,IAAAA,UAAF;AAAc,OAAGC;AAAjB,MAAgCnB,UAAU,CAACoB,KAAjD,CAxCI,CAwCoD;;AAExD,QAAMC,gBAAgB,GAAIC,QAAD,IAAsB;AAC7CV,IAAAA,gBAAgB,CAACU,QAAD,CAAhB;;AACA,QAAIrB,QAAJ,EAAc;AACZA,MAAAA,QAAQ,CAACqB,QAAD,CAAR;AACD;AACF,GALD;;AAOA,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmB3B,KAAnB;AAAb,KACGJ,QAAQ,iBACP,oBAAC,IAAD;AACE,IAAA,IAAI,EAAEE,IADR;AAEE,IAAA,IAAI,EAAEJ,MAAM,CAACkC,0BAFf;AAGE,IAAA,KAAK,EAAElB,OAAO,GAAGR,MAAM,CAAC2B,OAAV,GAAoB3B,MAAM,CAAC4B;AAH3C,IAFJ,eAQE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE;AAAEC,MAAAA,UAAU,EAAEnC,QAAQ,GAAG,EAAH,GAAQ,CAA9B;AAAiCoC,MAAAA,IAAI,EAAE;AAAvC;AAAb,kBACE,oBAAC,SAAD;AACE,IAAA,eAAe,EAAC,eADlB;AAEE,IAAA,WAAW,EAAEjC,WAFf;AAGE,IAAA,KAAK,EAAEe,aAHT;AAIE,IAAA,MAAM,EAAED,MAJV;AAKE,IAAA,OAAO,EAAEM,OALX;AAME,IAAA,YAAY,EAAEK,gBANhB;AAOE,IAAA,eAAe,EAAElB,QAPnB;AAQE,IAAA,oBAAoB,EAAEJ,MAAM,CAAC4B,KAR/B;AASE,IAAA,KAAK,EAAE,CACL;AACEG,MAAAA,KAAK,EAAE/B,MAAM,CAACgC;AADhB,KADK,EAILZ,UAJK;AATT,IADF,CARF,CADF;AA6BD,CAzFD;;AA2FA,MAAMI,MAAM,GAAGlC,UAAU,CAAC2C,MAAX,CAAkB;AAC/BR,EAAAA,SAAS,EAAE;AACTS,IAAAA,aAAa,EAAE,KADN;AAETC,IAAAA,UAAU,EAAE;AAFH;AADoB,CAAlB,CAAf;AAOA,eAAe5C,SAAS,CAACE,kBAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport {\n View,\n TextInput,\n StyleSheet,\n StyleProp,\n ViewStyle,\n NativeSyntheticEvent,\n TextInputSubmitEditingEventData,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport Config from \"./Config\";\n\ntype Props = {\n showIcon: boolean;\n icon?: string;\n placeholder?: string;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n onChange?: (text: string) => void;\n onSubmit?: (e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void;\n value?: string;\n defaultValue?: string;\n} & IconSlot;\n\nconst FieldSearchBarFull: React.FC<Props> = ({\n showIcon,\n Icon,\n icon = \"search\",\n placeholder = \"\",\n style,\n theme: { colors, typography },\n onChange: changeOverride,\n onSubmit: submitOverride,\n value,\n defaultValue,\n}) => {\n const [focused, setIsFocused] = React.useState(false);\n\n const onBlur = () => {\n setIsFocused(false);\n };\n\n const [internalValue, setInternalValue] = React.useState<string | undefined>(\n value || defaultValue\n );\n\n React.useEffect(() => {\n if (value != null) {\n setInternalValue(value);\n }\n }, [value]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue]);\n\n const onChange = React.useCallback(\n (text: string) => {\n changeOverride && changeOverride(text);\n },\n [changeOverride]\n );\n\n const onFocus = () => {\n setIsFocused(true);\n };\n\n const onSubmit = (\n e: NativeSyntheticEvent<TextInputSubmitEditingEventData>\n ) => {\n submitOverride && submitOverride(e);\n };\n\n const { lineHeight, ...typeStyles } = typography.body2; // eslint-disable-line @typescript-eslint/no-unused-vars\n\n const handleChangeText = (newValue: string) => {\n setInternalValue(newValue);\n if (onChange) {\n onChange(newValue);\n }\n };\n\n return (\n <View style={[styles.container, style]}>\n {showIcon && (\n <Icon\n name={icon}\n size={Config.fieldSearchBarFullIconSize}\n color={focused ? colors.primary : colors.light}\n />\n )}\n <View style={{ marginLeft: showIcon ? 12 : 0, flex: 1 }}>\n <TextInput\n clearButtonMode=\"while-editing\"\n placeholder={placeholder}\n value={internalValue}\n onBlur={onBlur}\n onFocus={onFocus}\n onChangeText={handleChangeText}\n onSubmitEditing={onSubmit}\n placeholderTextColor={colors.light}\n style={[\n {\n color: colors.medium,\n },\n typeStyles,\n ]}\n />\n </View>\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n flexDirection: \"row\",\n alignItems: \"center\",\n },\n});\n\nexport default withTheme(FieldSearchBarFull);\n"]}
@@ -28,7 +28,7 @@ const NumberInput = _ref => {
28
28
 
29
29
  let strValue;
30
30
 
31
- if (value !== undefined) {
31
+ if (value != undefined) {
32
32
  strValue = value.toString();
33
33
 
34
34
  if (isDecimal && !strValue.includes(".")) {
@@ -1 +1 @@
1
- {"version":3,"sources":["NumberInput.tsx"],"names":["React","TextInput","NumberInput","onChangeText","value","defaultValue","props","isDecimal","setIsDecimal","useState","Number","isInteger","useEffect","toString","includes","handleChangeText","newValue","parsedNumber","parseFloat","number","isNaN","strValue","undefined"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,cAA1B;;AAQA,MAAMC,WAA4B,GAAG,QAK/B;AAAA,MALgC;AACpCC,IAAAA,YADoC;AAEpCC,IAAAA,KAFoC;AAGpCC,IAAAA,YAHoC;AAIpC,OAAGC;AAJiC,GAKhC;AACJ,QAAM,CAACC,SAAD,EAAYC,YAAZ,IAA4BR,KAAK,CAACS,QAAN,CAChCL,KAAK,IAAI,CAACM,MAAM,CAACC,SAAP,CAAiBP,KAAjB,CADsB,CAAlC;AAGAJ,EAAAA,KAAK,CAACY,SAAN,CAAgB,MAAM;AACpB,QAAIR,KAAJ,EAAW;AACTI,MAAAA,YAAY,CAACJ,KAAK,CAACS,QAAN,GAAiBC,QAAjB,CAA0B,GAA1B,CAAD,CAAZ;AACD;AACF,GAJD,EAIG,CAACV,KAAD,CAJH;;AAMA,QAAMW,gBAAgB,GAAIC,QAAD,IAAsB;AAC7C,QAAIb,YAAJ,EAAkB;AAChB,YAAMc,YAAY,GAAGC,UAAU,CAACF,QAAD,CAA/B;AACA,YAAMG,MAAM,GAAGC,KAAK,CAACH,YAAD,CAAL,GAAsB,CAAtB,GAA0BA,YAAzC;AACAT,MAAAA,YAAY,CAACQ,QAAQ,CAACF,QAAT,CAAkB,GAAlB,CAAD,CAAZ;AACAX,MAAAA,YAAY,CAACgB,MAAD,CAAZ;AACD;AACF,GAPD;;AASA,MAAIE,QAAJ;;AACA,MAAIjB,KAAK,KAAKkB,SAAd,EAAyB;AACvBD,IAAAA,QAAQ,GAAGjB,KAAK,CAACS,QAAN,EAAX;;AACA,QAAIN,SAAS,IAAI,CAACc,QAAQ,CAACP,QAAT,CAAkB,GAAlB,CAAlB,EAA0C;AACxCO,MAAAA,QAAQ,GAAI,GAAEA,QAAS,GAAvB;AACD;AACF;;AAED,sBACE,oBAAC,SAAD;AACE,IAAA,YAAY,EAAC;AADf,KAEMf,KAFN;AAGE,IAAA,KAAK,EAAEe,QAHT;AAIE,IAAA,YAAY,EAAEhB,YAAF,aAAEA,YAAF,uBAAEA,YAAY,CAAEQ,QAAd,EAJhB;AAKE,IAAA,YAAY,EAAEE;AALhB,KADF;AASD,CAzCD;;AA2CA,eAAeb,WAAf,C,CAEA","sourcesContent":["import React from \"react\";\nimport { TextInput } from \"react-native\";\n\ninterface Props {\n value?: number;\n defaultValue?: number;\n onChangeText: (value?: number) => void;\n}\n\nconst NumberInput: React.FC<Props> = ({\n onChangeText,\n value,\n defaultValue,\n ...props\n}) => {\n const [isDecimal, setIsDecimal] = React.useState(\n value && !Number.isInteger(value)\n );\n React.useEffect(() => {\n if (value) {\n setIsDecimal(value.toString().includes(\".\"));\n }\n }, [value]);\n\n const handleChangeText = (newValue: string) => {\n if (onChangeText) {\n const parsedNumber = parseFloat(newValue);\n const number = isNaN(parsedNumber) ? 0 : parsedNumber;\n setIsDecimal(newValue.includes(\".\"));\n onChangeText(number);\n }\n };\n\n let strValue;\n if (value !== undefined) {\n strValue = value.toString();\n if (isDecimal && !strValue.includes(\".\")) {\n strValue = `${strValue}.`;\n }\n }\n\n return (\n <TextInput\n keyboardType=\"numeric\"\n {...props}\n value={strValue}\n defaultValue={defaultValue?.toString()}\n onChangeText={handleChangeText}\n />\n );\n};\n\nexport default NumberInput;\n\n// comment to try to fix sourcemap issue\n"]}
1
+ {"version":3,"sources":["NumberInput.tsx"],"names":["React","TextInput","NumberInput","onChangeText","value","defaultValue","props","isDecimal","setIsDecimal","useState","Number","isInteger","useEffect","toString","includes","handleChangeText","newValue","parsedNumber","parseFloat","number","isNaN","strValue","undefined"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,cAA1B;;AAQA,MAAMC,WAA4B,GAAG,QAK/B;AAAA,MALgC;AACpCC,IAAAA,YADoC;AAEpCC,IAAAA,KAFoC;AAGpCC,IAAAA,YAHoC;AAIpC,OAAGC;AAJiC,GAKhC;AACJ,QAAM,CAACC,SAAD,EAAYC,YAAZ,IAA4BR,KAAK,CAACS,QAAN,CAChCL,KAAK,IAAI,CAACM,MAAM,CAACC,SAAP,CAAiBP,KAAjB,CADsB,CAAlC;AAGAJ,EAAAA,KAAK,CAACY,SAAN,CAAgB,MAAM;AACpB,QAAIR,KAAJ,EAAW;AACTI,MAAAA,YAAY,CAACJ,KAAK,CAACS,QAAN,GAAiBC,QAAjB,CAA0B,GAA1B,CAAD,CAAZ;AACD;AACF,GAJD,EAIG,CAACV,KAAD,CAJH;;AAMA,QAAMW,gBAAgB,GAAIC,QAAD,IAAsB;AAC7C,QAAIb,YAAJ,EAAkB;AAChB,YAAMc,YAAY,GAAGC,UAAU,CAACF,QAAD,CAA/B;AACA,YAAMG,MAAM,GAAGC,KAAK,CAACH,YAAD,CAAL,GAAsB,CAAtB,GAA0BA,YAAzC;AACAT,MAAAA,YAAY,CAACQ,QAAQ,CAACF,QAAT,CAAkB,GAAlB,CAAD,CAAZ;AACAX,MAAAA,YAAY,CAACgB,MAAD,CAAZ;AACD;AACF,GAPD;;AASA,MAAIE,QAAJ;;AACA,MAAIjB,KAAK,IAAIkB,SAAb,EAAwB;AACtBD,IAAAA,QAAQ,GAAGjB,KAAK,CAACS,QAAN,EAAX;;AACA,QAAIN,SAAS,IAAI,CAACc,QAAQ,CAACP,QAAT,CAAkB,GAAlB,CAAlB,EAA0C;AACxCO,MAAAA,QAAQ,GAAI,GAAEA,QAAS,GAAvB;AACD;AACF;;AAED,sBACE,oBAAC,SAAD;AACE,IAAA,YAAY,EAAC;AADf,KAEMf,KAFN;AAGE,IAAA,KAAK,EAAEe,QAHT;AAIE,IAAA,YAAY,EAAEhB,YAAF,aAAEA,YAAF,uBAAEA,YAAY,CAAEQ,QAAd,EAJhB;AAKE,IAAA,YAAY,EAAEE;AALhB,KADF;AASD,CAzCD;;AA2CA,eAAeb,WAAf,C,CAEA","sourcesContent":["import React from \"react\";\nimport { TextInput } from \"react-native\";\n\ninterface Props {\n value?: number;\n defaultValue?: number;\n onChangeText: (value?: number) => void;\n}\n\nconst NumberInput: React.FC<Props> = ({\n onChangeText,\n value,\n defaultValue,\n ...props\n}) => {\n const [isDecimal, setIsDecimal] = React.useState(\n value && !Number.isInteger(value)\n );\n React.useEffect(() => {\n if (value) {\n setIsDecimal(value.toString().includes(\".\"));\n }\n }, [value]);\n\n const handleChangeText = (newValue: string) => {\n if (onChangeText) {\n const parsedNumber = parseFloat(newValue);\n const number = isNaN(parsedNumber) ? 0 : parsedNumber;\n setIsDecimal(newValue.includes(\".\"));\n onChangeText(number);\n }\n };\n\n let strValue;\n if (value != undefined) {\n strValue = value.toString();\n if (isDecimal && !strValue.includes(\".\")) {\n strValue = `${strValue}.`;\n }\n }\n\n return (\n <TextInput\n keyboardType=\"numeric\"\n {...props}\n value={strValue}\n defaultValue={defaultValue?.toString()}\n onChangeText={handleChangeText}\n />\n );\n};\n\nexport default NumberInput;\n\n// comment to try to fix sourcemap issue\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["Swiper.tsx"],"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","dotsTouchable","children","style"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAA2C,cAA3C;AACA,OAAOC,eAAP,MAA4B,yBAA5B;;AAcA,MAAMC,MAAM,GAAG;AAAA,MAAC;AACdC,IAAAA,QAAQ,GAAG,KADG;AAEdC,IAAAA,IAAI,GAAG,KAFO;AAGdC,IAAAA,OAAO,GAAG,CAHI;AAIdC,IAAAA,IAAI,GAAG,CAJO;AAKdC,IAAAA,SAAS,GAAG,EALE;AAMdC,IAAAA,SAAS,GAAG,EANE;AAOdC,IAAAA,aAAa,GAAG,IAPF;AAQdC,IAAAA,QARc;AASdC,IAAAA;AATc,GAAD;AAAA,sBAWb,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEA;AAAb,kBACE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAEL,IADR;AAEE,IAAA,IAAI,EAAEF,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,QAAQ,EAAEF,QAJZ;AAKE,IAAA,aAAa,EAAE;AACbI,MAAAA,SADa;AAEbC,MAAAA,SAFa;AAGbC,MAAAA;AAHa;AALjB,KAWGC,QAXH,CADF,CAXa;AAAA,CAAf;;AA4BA,eAAeR,MAAf","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps {\n vertical?: boolean;\n loop?: boolean;\n from?: number;\n timeout?: number;\n prevTitle?: string;\n nextTitle?: string;\n dotsTouchable?: boolean;\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n vertical = false,\n loop = false,\n timeout = 0,\n from = 0,\n prevTitle = \"\",\n nextTitle = \"\",\n dotsTouchable = true,\n children,\n style,\n}: SwiperProps) => (\n <View style={style}>\n <SwiperComponent\n from={from}\n loop={loop}\n timeout={timeout}\n vertical={vertical}\n controlsProps={{\n prevTitle,\n nextTitle,\n dotsTouchable,\n }}\n >\n {children}\n </SwiperComponent>\n </View>\n);\n\nexport default Swiper;\n"]}
1
+ {"version":3,"sources":["Swiper.js"],"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","dotsTouchable","children","style","createElement","controlsProps"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,OAAOC,eAAP,MAA4B,yBAA5B;;AACA,MAAMC,MAAM,GAAG;AAAA,MAAC;AAAEC,IAAAA,QAAQ,GAAG,KAAb;AAAoBC,IAAAA,IAAI,GAAG,KAA3B;AAAkCC,IAAAA,OAAO,GAAG,CAA5C;AAA+CC,IAAAA,IAAI,GAAG,CAAtD;AAAyDC,IAAAA,SAAS,GAAG,EAArE;AAAyEC,IAAAA,SAAS,GAAG,EAArF;AAAyFC,IAAAA,aAAa,GAAG,IAAzG;AAA+GC,IAAAA,QAA/G;AAAyHC,IAAAA;AAAzH,GAAD;AAAA,sBAAwIZ,KAAK,CAACa,aAAN,CAAoBZ,IAApB,EAA0B;AAAEW,IAAAA,KAAK,EAAEA;AAAT,GAA1B,eACnJZ,KAAK,CAACa,aAAN,CAAoBX,eAApB,EAAqC;AAAEK,IAAAA,IAAI,EAAEA,IAAR;AAAcF,IAAAA,IAAI,EAAEA,IAApB;AAA0BC,IAAAA,OAAO,EAAEA,OAAnC;AAA4CF,IAAAA,QAAQ,EAAEA,QAAtD;AAAgEU,IAAAA,aAAa,EAAE;AAC5GN,MAAAA,SAD4G;AAE5GC,MAAAA,SAF4G;AAG5GC,MAAAA;AAH4G;AAA/E,GAArC,EAISC,QAJT,CADmJ,CAAxI;AAAA,CAAf;;AAMA,eAAeR,MAAf","sourcesContent":["import React from \"react\";\nimport { View } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\nconst Swiper = ({ vertical = false, loop = false, timeout = 0, from = 0, prevTitle = \"\", nextTitle = \"\", dotsTouchable = true, children, style, }) => (React.createElement(View, { style: style },\n React.createElement(SwiperComponent, { from: from, loop: loop, timeout: timeout, vertical: vertical, controlsProps: {\n prevTitle,\n nextTitle,\n dotsTouchable,\n } }, children)));\nexport default Swiper;\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":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AACA,SAASC,SAAT,EAAoBC,aAApB,QAAyC,WAAzC;AACA,SAASC,OAAO,IAAIC,QAApB,QAAoC,YAApC;AACA,SAASD,OAAO,IAAIE,YAApB,QAAwC,uBAAxC;AAEA,SAASC,IAAT,QAAqB,mBAArB;AACA,SAASC,WAAT,EAAsBC,aAAtB,QAA2C,qBAA3C;AACA,SAASL,OAAO,IAAIM,MAApB,QAAkC,0BAAlC;AACA,SAASN,OAAO,IAAIO,UAApB,QAAsC,yBAAtC;AACA,SAASP,OAAO,IAAIQ,IAApB,QAAgC,mBAAhC;AACA,SAASR,OAAO,IAAIS,QAApB,QAAoC,uBAApC;AACA,SAASC,QAAT,EAAmBC,aAAnB,EAAkCC,WAAlC,QAAqD,uBAArD;AACA,SAASZ,OAAO,IAAIa,WAApB,QAAuC,0BAAvC;AACA,SAASb,OAAO,IAAIc,SAApB,QAAqC,wBAArC;AACA,SAASd,OAAO,IAAIe,OAApB,QAAmC,sBAAnC;AACA,SAASf,OAAO,IAAIgB,GAApB,QAA+B,kBAA/B;AACA,SAAShB,OAAO,IAAIiB,kBAApB,QAA8C,iCAA9C;AACA,SAASjB,OAAO,IAAIkB,UAApB,QAAsC,yBAAtC;AACA,SAASlB,OAAO,IAAImB,KAApB,QAAiC,oBAAjC;AACA,SAASnB,OAAO,IAAIoB,WAApB,QAAuC,0BAAvC;AACA,SAASpB,OAAO,IAAIqB,eAApB,QAA2C,8BAA3C;AACA,SAASrB,OAAO,IAAIsB,UAApB,QAAsC,yBAAtC;AACA,SAAStB,OAAO,IAAIuB,OAApB,QAAmC,sBAAnC;AACA,SAASvB,OAAO,IAAIwB,MAApB,EAA4BC,SAA5B,QAA6C,qBAA7C;AACA,SAASzB,OAAO,IAAI0B,SAApB,QAAqC,wBAArC;AACA,SAAS1B,OAAO,IAAI2B,SAApB,QAAqC,wBAArC;AACA,SAASC,cAAT,EAAyBC,aAAzB,QAA8C,wBAA9C;AACA,SACEC,WADF,EAEEC,eAFF,EAGEC,iBAHF,QAIO,0BAJP;AAKA,SAASC,MAAT,EAAiBC,UAAjB,QAAmC,qBAAnC;AAEA,SACEC,MADF,EAEEC,MAFF,EAGEC,MAHF,EAIEC,GAJF,EAKEC,KALF,EAMEC,MANF,QAOO,qBAPP;AASA,SACEC,WADF,EAEEC,gBAFF,EAGEC,cAHF,EAIEC,qBAJF,QAKO,gCALP;AAOA;;AACA,SAAS5C,OAAO,IAAI6C,MAApB,QAAkC,+BAAlC;AACA,SAAS7C,OAAO,IAAI8C,SAApB,QAAqC,wBAArC;AACA,SAAS9C,OAAO,IAAI+C,aAApB,QAAyC,4BAAzC;AACA,SAAS/C,OAAO,IAAIgD,mBAApB,QAA+C,kCAA/C;AACA,SAAShD,OAAO,IAAIiD,UAApB,QAAsC,yBAAtC;AACA,SAASjD,OAAO,IAAIkD,UAApB,QAAsC,oCAAtC;AACA,SAASlD,OAAO,IAAImD,WAApB,QAAuC,0BAAvC;AACA,SAASnD,OAAO,IAAIoD,YAApB,QAAwC,2BAAxC;AACA,SAASpD,OAAO,IAAIqD,cAApB,QAA0C,6BAA1C;AACA,SAASrD,OAAO,IAAIsD,MAApB,QAAkC,4BAAlC;AACA,SAAStD,OAAO,IAAIuD,WAApB,QAAuC,0BAAvC;AACA,SAASvD,OAAO,IAAIwD,cAApB,QAA0C,6BAA1C;AACA,SAASxD,OAAO,IAAIyD,WAApB,QAAuC,0BAAvC;AACA,SAASzD,OAAO,IAAI0D,uBAApB,QAAmD,sCAAnD;AACA,SAAS1D,OAAO,IAAI2D,oBAApB,QAAgD,mCAAhD;AACA,SAAS3D,OAAO,IAAI4D,MAApB,QAAkC,qBAAlC;AACA,SAAS5D,OAAO,IAAI6D,OAApB,QAAmC,sBAAnC;AACA,SAASC,YAAT,QAA6B,2BAA7B","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"]}
@@ -3,9 +3,8 @@ export const SEED_DATA = {
3
3
  name: "Card",
4
4
  tag: "Card",
5
5
  description: "A card you can customize however you'd like",
6
- category: COMPONENT_TYPES.card,
7
- triggers: [Triggers.OnPress],
8
- //TODO: when we support multiple triggers, add Triggers.OnPressIcon
6
+ category: COMPONENT_TYPES.media,
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","media","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,KAJH;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.media,\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"]}
@@ -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;
@@ -12,9 +12,6 @@ declare type Props = {
12
12
  onSubmit?: (e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void;
13
13
  value?: string;
14
14
  defaultValue?: string;
15
- border?: number;
16
- borderColor?: string;
17
- borderFocusColor?: string;
18
15
  } & IconSlot;
19
16
  declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<Props, "theme"> & {
20
17
  theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
@@ -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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@draftbit/core",
3
- "version": "43.2.5-dd3a98.3+dd3a98b2",
3
+ "version": "43.2.6-c2ac06.0+c2ac061f",
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-c2ac06.0+c2ac061f",
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": "dd3a98b2f0113239ca388c4da20b813f4ab72f0e"
82
+ "gitHead": "c2ac061f15ccdd003d62834da4abfa93088410f9"
83
83
  }
@@ -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 (
@@ -2,7 +2,7 @@ import * as React from "react";
2
2
  import { View, TextInput, StyleSheet, } from "react-native";
3
3
  import { withTheme } from "../theming";
4
4
  import Config from "./Config";
5
- const FieldSearchBarFull = ({ showIcon, Icon, icon = "search", placeholder = "", style, theme: { colors, typography }, onChange: changeOverride, onSubmit: submitOverride, value, defaultValue, border = 1, borderColor = "#ccc", borderFocusColor, }) => {
5
+ const FieldSearchBarFull = ({ showIcon, Icon, icon = "search", placeholder = "", style, theme: { colors, typography }, onChange: changeOverride, onSubmit: submitOverride, value, defaultValue, }) => {
6
6
  const [focused, setIsFocused] = React.useState(false);
7
7
  const onBlur = () => {
8
8
  setIsFocused(false);
@@ -34,26 +34,13 @@ const FieldSearchBarFull = ({ showIcon, Icon, icon = "search", placeholder = "",
34
34
  onChange(newValue);
35
35
  }
36
36
  };
37
- const borderStyle = focused
38
- ? {
39
- borderWidth: border || 1,
40
- borderColor: borderFocusColor || colors.primary,
41
- }
42
- : { borderWidth: border || 1, borderColor: borderColor || "#e4e4e4" };
43
- return (React.createElement(View, { style: [styles.container, borderStyle, style] },
37
+ return (React.createElement(View, { style: [styles.container, style] },
44
38
  showIcon && (React.createElement(Icon, { name: icon, size: Config.fieldSearchBarFullIconSize, color: focused ? colors.primary : colors.light })),
45
- React.createElement(View, { style: {
46
- marginLeft: showIcon ? 12 : 0,
47
- flex: 1,
48
- } },
49
- React.createElement(TextInput, { clearButtonMode: "while-editing", placeholder: placeholder, value: internalValue, onBlur: onBlur, onFocus: onFocus, focusable: false, onChangeText: handleChangeText, onSubmitEditing: onSubmit, placeholderTextColor: colors.light, style: [
39
+ React.createElement(View, { style: { marginLeft: showIcon ? 12 : 0, flex: 1 } },
40
+ React.createElement(TextInput, { clearButtonMode: "while-editing", placeholder: placeholder, value: internalValue, onBlur: onBlur, onFocus: onFocus, onChangeText: handleChangeText, onSubmitEditing: onSubmit, placeholderTextColor: colors.light, style: [
50
41
  {
51
42
  color: colors.medium,
52
- height: 44,
53
- borderWidth: 0,
54
- borderLeftWidth: 0,
55
43
  },
56
- styles.input,
57
44
  typeStyles,
58
45
  ] }))));
59
46
  };
@@ -62,6 +49,5 @@ const styles = StyleSheet.create({
62
49
  flexDirection: "row",
63
50
  alignItems: "center",
64
51
  },
65
- input: {},
66
52
  });
67
53
  export default withTheme(FieldSearchBarFull);
@@ -23,9 +23,6 @@ type Props = {
23
23
  onSubmit?: (e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void;
24
24
  value?: string;
25
25
  defaultValue?: string;
26
- border?: number;
27
- borderColor?: string;
28
- borderFocusColor?: string;
29
26
  } & IconSlot;
30
27
 
31
28
  const FieldSearchBarFull: React.FC<Props> = ({
@@ -39,9 +36,6 @@ const FieldSearchBarFull: React.FC<Props> = ({
39
36
  onSubmit: submitOverride,
40
37
  value,
41
38
  defaultValue,
42
- border = 1,
43
- borderColor = "#ccc",
44
- borderFocusColor,
45
39
  }) => {
46
40
  const [focused, setIsFocused] = React.useState(false);
47
41
 
@@ -91,15 +85,8 @@ const FieldSearchBarFull: React.FC<Props> = ({
91
85
  }
92
86
  };
93
87
 
94
- const borderStyle = focused
95
- ? {
96
- borderWidth: border || 1,
97
- borderColor: borderFocusColor || colors.primary,
98
- }
99
- : { borderWidth: border || 1, borderColor: borderColor || "#e4e4e4" };
100
-
101
88
  return (
102
- <View style={[styles.container, borderStyle, style]}>
89
+ <View style={[styles.container, style]}>
103
90
  {showIcon && (
104
91
  <Icon
105
92
  name={icon}
@@ -107,30 +94,20 @@ const FieldSearchBarFull: React.FC<Props> = ({
107
94
  color={focused ? colors.primary : colors.light}
108
95
  />
109
96
  )}
110
- <View
111
- style={{
112
- marginLeft: showIcon ? 12 : 0,
113
- flex: 1,
114
- }}
115
- >
97
+ <View style={{ marginLeft: showIcon ? 12 : 0, flex: 1 }}>
116
98
  <TextInput
117
99
  clearButtonMode="while-editing"
118
100
  placeholder={placeholder}
119
101
  value={internalValue}
120
102
  onBlur={onBlur}
121
103
  onFocus={onFocus}
122
- focusable={false}
123
104
  onChangeText={handleChangeText}
124
105
  onSubmitEditing={onSubmit}
125
106
  placeholderTextColor={colors.light}
126
107
  style={[
127
108
  {
128
109
  color: colors.medium,
129
- height: 44,
130
- borderWidth: 0,
131
- borderLeftWidth: 0,
132
110
  },
133
- styles.input,
134
111
  typeStyles,
135
112
  ]}
136
113
  />
@@ -144,7 +121,6 @@ const styles = StyleSheet.create({
144
121
  flexDirection: "row",
145
122
  alignItems: "center",
146
123
  },
147
- input: {},
148
124
  });
149
125
 
150
126
  export default withTheme(FieldSearchBarFull);
@@ -16,7 +16,7 @@ const NumberInput = ({ onChangeText, value, defaultValue, ...props }) => {
16
16
  }
17
17
  };
18
18
  let strValue;
19
- if (value !== undefined) {
19
+ if (value != undefined) {
20
20
  strValue = value.toString();
21
21
  if (isDecimal && !strValue.includes(".")) {
22
22
  strValue = `${strValue}.`;
@@ -32,7 +32,7 @@ const NumberInput: React.FC<Props> = ({
32
32
  };
33
33
 
34
34
  let strValue;
35
- if (value !== undefined) {
35
+ if (value != undefined) {
36
36
  strValue = value.toString();
37
37
  if (isDecimal && !strValue.includes(".")) {
38
38
  strValue = `${strValue}.`;
@@ -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 {
@@ -3,8 +3,8 @@ export const SEED_DATA = {
3
3
  name: "Card",
4
4
  tag: "Card",
5
5
  description: "A card you can customize however you'd like",
6
- category: COMPONENT_TYPES.card,
7
- triggers: [Triggers.OnPress],
6
+ category: COMPONENT_TYPES.media,
7
+ triggers: [Triggers.OnPress, Triggers.OnPressIcon],
8
8
  props: {
9
9
  onPress: createActionProp(),
10
10
  onPressIcon: createActionProp({
@@ -15,8 +15,8 @@ export const SEED_DATA = {
15
15
  name: "Card",
16
16
  tag: "Card",
17
17
  description: "A card you can customize however you'd like",
18
- category: COMPONENT_TYPES.card,
19
- triggers: [Triggers.OnPress], //TODO: when we support multiple triggers, add Triggers.OnPressIcon
18
+ category: COMPONENT_TYPES.media,
19
+ triggers: [Triggers.OnPress, Triggers.OnPressIcon],
20
20
  props: {
21
21
  onPress: createActionProp(),
22
22
  onPressIcon: createActionProp({