@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.
Files changed (35) hide show
  1. package/lib/commonjs/components/Accordion/AccordionItem.js +21 -5
  2. package/lib/commonjs/components/Accordion/AccordionItem.js.map +1 -1
  3. package/lib/commonjs/components/Checkbox/Checkbox.js +17 -0
  4. package/lib/commonjs/components/Checkbox/Checkbox.js.map +1 -1
  5. package/lib/commonjs/components/Container.js +14 -0
  6. package/lib/commonjs/components/Container.js.map +1 -1
  7. package/lib/commonjs/components/Divider.js +3 -13
  8. package/lib/commonjs/components/Divider.js.map +1 -1
  9. package/lib/commonjs/components/Picker/PickerComponent.android.js +20 -6
  10. package/lib/commonjs/components/Picker/PickerComponent.android.js.map +1 -1
  11. package/lib/commonjs/components/TextField.js +24 -7
  12. package/lib/commonjs/components/TextField.js.map +1 -1
  13. package/lib/commonjs/index.js.map +1 -1
  14. package/lib/commonjs/mappings/ActionSheetCancel.js.map +1 -1
  15. package/lib/commonjs/mappings/ActionSheetItem.js.map +1 -1
  16. package/lib/commonjs/mappings/Checkbox.js.map +1 -1
  17. package/lib/commonjs/mappings/MapMarker.js.map +1 -1
  18. package/lib/commonjs/mappings/RowBodyIcon.js.map +1 -1
  19. package/lib/module/components/Checkbox/Checkbox.js +17 -0
  20. package/lib/module/components/Checkbox/Checkbox.js.map +1 -1
  21. package/lib/module/components/Container.js +14 -0
  22. package/lib/module/components/Container.js.map +1 -1
  23. package/lib/module/components/DatePicker/DatePickerComponent.web.js.map +1 -1
  24. package/lib/module/components/Picker/PickerComponent.ios.js +10 -29
  25. package/lib/module/components/Picker/PickerComponent.ios.js.map +1 -1
  26. package/lib/module/components/TextField.js +1 -0
  27. package/lib/module/components/TextField.js.map +1 -1
  28. package/lib/module/components/Touchable.web.js.map +1 -1
  29. package/package.json +2 -2
  30. package/src/components/Checkbox/Checkbox.js +16 -0
  31. package/src/components/Checkbox/Checkbox.tsx +17 -0
  32. package/src/components/Container.js +13 -0
  33. package/src/components/Container.tsx +14 -0
  34. package/src/components/TextField.js +1 -0
  35. 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);
@@ -226,6 +226,8 @@ class TextField extends React.Component<Props, State> {
226
226
  }
227
227
 
228
228
  render() {
229
+ console.log("TextFielf props", this.props);
230
+
229
231
  const {
230
232
  Icon,
231
233
  type = "underline",