@draftbit/core 43.4.12 → 43.4.13-33318c.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/Accordion/AccordionItem.js +21 -5
- package/lib/commonjs/components/Accordion/AccordionItem.js.map +1 -1
- package/lib/commonjs/components/Checkbox/Checkbox.js +17 -0
- package/lib/commonjs/components/Checkbox/Checkbox.js.map +1 -1
- package/lib/commonjs/components/Container.js +14 -0
- package/lib/commonjs/components/Container.js.map +1 -1
- package/lib/commonjs/components/Divider.js +3 -13
- package/lib/commonjs/components/Divider.js.map +1 -1
- package/lib/commonjs/components/Picker/PickerComponent.android.js +20 -6
- package/lib/commonjs/components/Picker/PickerComponent.android.js.map +1 -1
- package/lib/commonjs/components/TextField.js +24 -7
- package/lib/commonjs/components/TextField.js.map +1 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/mappings/ActionSheetCancel.js.map +1 -1
- package/lib/commonjs/mappings/ActionSheetItem.js.map +1 -1
- package/lib/commonjs/mappings/Checkbox.js.map +1 -1
- package/lib/commonjs/mappings/MapMarker.js.map +1 -1
- package/lib/commonjs/mappings/RowBodyIcon.js.map +1 -1
- package/lib/module/components/Checkbox/Checkbox.js +17 -0
- package/lib/module/components/Checkbox/Checkbox.js.map +1 -1
- package/lib/module/components/Container.js +14 -0
- package/lib/module/components/Container.js.map +1 -1
- package/lib/module/components/DatePicker/DatePickerComponent.web.js.map +1 -1
- package/lib/module/components/Picker/PickerComponent.ios.js +10 -29
- package/lib/module/components/Picker/PickerComponent.ios.js.map +1 -1
- package/lib/module/components/TextField.js +1 -0
- package/lib/module/components/TextField.js.map +1 -1
- package/lib/module/components/Touchable.web.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Checkbox/Checkbox.js +16 -0
- package/src/components/Checkbox/Checkbox.tsx +17 -0
- package/src/components/Container.js +13 -0
- package/src/components/Container.tsx +14 -0
- package/src/components/TextField.js +1 -0
- package/src/components/TextField.tsx +2 -0
|
@@ -4,6 +4,22 @@ import { useTheme } from "../../theming";
|
|
|
4
4
|
import Touchable from "../Touchable";
|
|
5
5
|
import { usePrevious } from "../../hooks";
|
|
6
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
|
+
console.log("Checbox prop", {
|
|
8
|
+
Icon,
|
|
9
|
+
status,
|
|
10
|
+
disabled,
|
|
11
|
+
onPress,
|
|
12
|
+
onCheck,
|
|
13
|
+
onUncheck,
|
|
14
|
+
color,
|
|
15
|
+
uncheckedColor,
|
|
16
|
+
defaultValue,
|
|
17
|
+
checkedIcon,
|
|
18
|
+
uncheckedIcon,
|
|
19
|
+
size,
|
|
20
|
+
style,
|
|
21
|
+
rest: { ...rest },
|
|
22
|
+
});
|
|
7
23
|
const [internalValue, setInternalValue] = React.useState(status || defaultValue || false);
|
|
8
24
|
React.useEffect(() => {
|
|
9
25
|
if (status != null) {
|
|
@@ -44,6 +44,23 @@ const Checkbox: React.FC<CheckboxProps & TouchableHighlightProps & IconSlot> =
|
|
|
44
44
|
style,
|
|
45
45
|
...rest
|
|
46
46
|
}) => {
|
|
47
|
+
console.log("Checbox prop", {
|
|
48
|
+
Icon,
|
|
49
|
+
status,
|
|
50
|
+
disabled,
|
|
51
|
+
onPress,
|
|
52
|
+
onCheck,
|
|
53
|
+
onUncheck,
|
|
54
|
+
color,
|
|
55
|
+
uncheckedColor,
|
|
56
|
+
defaultValue,
|
|
57
|
+
checkedIcon,
|
|
58
|
+
uncheckedIcon,
|
|
59
|
+
size,
|
|
60
|
+
style,
|
|
61
|
+
rest: { ...rest },
|
|
62
|
+
});
|
|
63
|
+
|
|
47
64
|
const [internalValue, setInternalValue] = React.useState<boolean>(
|
|
48
65
|
status || defaultValue || false
|
|
49
66
|
);
|
|
@@ -5,6 +5,19 @@ import Elevation from "./Elevation";
|
|
|
5
5
|
const Container = ({ useThemeGutterPadding, borderColor, borderWidth, backgroundColor, backgroundImage, backgroundImageResizeMode, elevation, style, children, theme, // eslint-disable-line @typescript-eslint/no-unused-vars
|
|
6
6
|
...rest }) => {
|
|
7
7
|
const { flex, flexGrow, flexWrap, flexBasis, flexShrink, flexDirection, alignContent, justifyContent, alignItems, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, paddingVertical, paddingHorizontal, ...styleProp } = StyleSheet.flatten(style) || {};
|
|
8
|
+
console.log("Container props", {
|
|
9
|
+
useThemeGutterPadding,
|
|
10
|
+
borderColor,
|
|
11
|
+
borderWidth,
|
|
12
|
+
backgroundColor,
|
|
13
|
+
backgroundImage,
|
|
14
|
+
backgroundImageResizeMode,
|
|
15
|
+
elevation,
|
|
16
|
+
style,
|
|
17
|
+
children,
|
|
18
|
+
theme,
|
|
19
|
+
rest: { ...rest },
|
|
20
|
+
});
|
|
8
21
|
const containerStyle = {
|
|
9
22
|
backgroundColor,
|
|
10
23
|
borderColor,
|
|
@@ -59,6 +59,20 @@ const Container: React.FC<Props> = ({
|
|
|
59
59
|
...styleProp
|
|
60
60
|
} = StyleSheet.flatten(style) || {};
|
|
61
61
|
|
|
62
|
+
console.log("Container props", {
|
|
63
|
+
useThemeGutterPadding,
|
|
64
|
+
borderColor,
|
|
65
|
+
borderWidth,
|
|
66
|
+
backgroundColor,
|
|
67
|
+
backgroundImage,
|
|
68
|
+
backgroundImageResizeMode,
|
|
69
|
+
elevation,
|
|
70
|
+
style,
|
|
71
|
+
children,
|
|
72
|
+
theme,
|
|
73
|
+
rest: { ...rest },
|
|
74
|
+
});
|
|
75
|
+
|
|
62
76
|
const containerStyle: StyleProp<ViewStyle> = {
|
|
63
77
|
backgroundColor,
|
|
64
78
|
borderColor,
|
|
@@ -133,6 +133,7 @@ class TextField extends React.Component {
|
|
|
133
133
|
return this._root && this._root.blur();
|
|
134
134
|
}
|
|
135
135
|
render() {
|
|
136
|
+
console.log("TextFielf props", this.props);
|
|
136
137
|
const { Icon, type = "underline", disabled = false, label, error = false, leftIconName, leftIconMode, rightIconName, assistiveText, underlineColor: underlineColorProp, multiline = false, numberOfLines = 4, style, theme: { colors, typography, roundness, disabledOpacity }, render = (props) => React.createElement(NativeTextInput, { ...props }), ...rest } = this.props;
|
|
137
138
|
const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
|
|
138
139
|
const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);
|