@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.
- package/lib/commonjs/components/Checkbox/Checkbox.js +13 -2
- package/lib/commonjs/components/Checkbox/Checkbox.js.map +1 -1
- package/lib/commonjs/components/DeprecatedFAB.js +4 -20
- package/lib/commonjs/components/DeprecatedFAB.js.map +1 -1
- package/lib/commonjs/components/Elevation.js +14 -3
- package/lib/commonjs/components/Elevation.js.map +1 -1
- package/lib/commonjs/components/FieldSearchBarFull.js +5 -20
- package/lib/commonjs/components/FieldSearchBarFull.js.map +1 -1
- package/lib/commonjs/components/NumberInput.js +1 -1
- package/lib/commonjs/components/NumberInput.js.map +1 -1
- package/lib/commonjs/components/Text.js +1 -1
- package/lib/commonjs/components/Text.js.map +1 -1
- package/lib/commonjs/hooks.js.map +1 -1
- package/lib/commonjs/index.js +0 -8
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/mappings/ActionSheetItem.js.map +1 -1
- package/lib/commonjs/mappings/Card.js +2 -3
- package/lib/commonjs/mappings/Card.js.map +1 -1
- package/lib/commonjs/mappings/Checkbox.js +1 -1
- package/lib/commonjs/mappings/Checkbox.js.map +1 -1
- package/lib/module/components/ActionSheet/ActionSheetCancel.js.map +1 -1
- package/lib/module/components/Checkbox/Checkbox.js +13 -2
- package/lib/module/components/Checkbox/Checkbox.js.map +1 -1
- package/lib/module/components/FieldSearchBarFull.js +5 -20
- package/lib/module/components/FieldSearchBarFull.js.map +1 -1
- package/lib/module/components/NumberInput.js +1 -1
- package/lib/module/components/NumberInput.js.map +1 -1
- package/lib/module/components/Swiper/Swiper.js.map +1 -1
- package/lib/module/components/Text.js +1 -1
- package/lib/module/components/Text.js.map +1 -1
- package/lib/module/index.js +0 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/mappings/Card.js +2 -3
- package/lib/module/mappings/Card.js.map +1 -1
- package/lib/module/mappings/Checkbox.js +1 -1
- package/lib/module/mappings/Checkbox.js.map +1 -1
- package/lib/typescript/src/components/Checkbox/Checkbox.d.ts +2 -0
- package/lib/typescript/src/components/FieldSearchBarFull.d.ts +0 -3
- package/lib/typescript/src/index.d.ts +0 -1
- package/package.json +3 -3
- package/src/components/Checkbox/Checkbox.js +10 -3
- package/src/components/Checkbox/Checkbox.tsx +15 -2
- package/src/components/FieldSearchBarFull.js +4 -18
- package/src/components/FieldSearchBarFull.tsx +2 -26
- package/src/components/NumberInput.js +1 -1
- package/src/components/NumberInput.tsx +1 -1
- package/src/components/Text.js +1 -1
- package/src/components/Text.tsx +1 -1
- package/src/index.js +0 -1
- package/src/index.tsx +0 -1
- package/src/mappings/Card.js +2 -2
- package/src/mappings/Card.ts +2 -2
- package/src/mappings/Checkbox.js +1 -1
- package/src/mappings/Checkbox.ts +1 -1
- package/lib/commonjs/components/ToggleButton.js +0 -86
- package/lib/commonjs/components/ToggleButton.js.map +0 -1
- package/lib/commonjs/mappings/ToggleButton.js +0 -60
- package/lib/commonjs/mappings/ToggleButton.js.map +0 -1
- package/lib/module/components/ToggleButton.js +0 -67
- package/lib/module/components/ToggleButton.js.map +0 -1
- package/lib/module/mappings/ToggleButton.js +0 -51
- package/lib/module/mappings/ToggleButton.js.map +0 -1
- package/lib/typescript/src/components/ToggleButton.d.ts +0 -24
- package/lib/typescript/src/mappings/ToggleButton.d.ts +0 -124
- package/src/components/ToggleButton.js +0 -39
- package/src/components/ToggleButton.tsx +0 -94
- package/src/mappings/ToggleButton.js +0 -50
- 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,
|
|
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
|
-
|
|
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","
|
|
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":"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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} & 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"]}
|
|
@@ -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,
|
|
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.
|
|
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"]}
|
|
@@ -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,
|
|
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"]}
|
package/lib/module/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/lib/module/index.js.map
CHANGED
|
@@ -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","
|
|
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"]}
|
|
@@ -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.
|
|
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","
|
|
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,
|
|
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"]}
|
|
@@ -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.
|
|
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.
|
|
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": "
|
|
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
|
-
|
|
27
|
-
|
|
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
|
-
|
|
72
|
-
|
|
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,
|
|
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
|
-
|
|
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
|
-
|
|
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,
|
|
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
|
|
19
|
+
if (value != undefined) {
|
|
20
20
|
strValue = value.toString();
|
|
21
21
|
if (isDecimal && !strValue.includes(".")) {
|
|
22
22
|
strValue = `${strValue}.`;
|
package/src/components/Text.js
CHANGED
|
@@ -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: "
|
|
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 };
|
package/src/components/Text.tsx
CHANGED
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 {
|
package/src/mappings/Card.js
CHANGED
|
@@ -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.
|
|
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({
|
package/src/mappings/Card.ts
CHANGED
|
@@ -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.
|
|
19
|
-
triggers: [Triggers.OnPress
|
|
18
|
+
category: COMPONENT_TYPES.media,
|
|
19
|
+
triggers: [Triggers.OnPress, Triggers.OnPressIcon],
|
|
20
20
|
props: {
|
|
21
21
|
onPress: createActionProp(),
|
|
22
22
|
onPressIcon: createActionProp({
|