@chem-po/react-native 0.0.15 → 0.0.16

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 (147) hide show
  1. package/lib/commonjs/components/form/Field.js +4 -2
  2. package/lib/commonjs/components/form/Field.js.map +1 -1
  3. package/lib/commonjs/components/form/Form.js +20 -7
  4. package/lib/commonjs/components/form/Form.js.map +1 -1
  5. package/lib/commonjs/components/form/input/Editable.js +24 -7
  6. package/lib/commonjs/components/form/input/Editable.js.map +1 -1
  7. package/lib/commonjs/components/form/input/common/InputClearButton.js +10 -5
  8. package/lib/commonjs/components/form/input/common/InputClearButton.js.map +1 -1
  9. package/lib/commonjs/components/form/input/date/index.js +23 -15
  10. package/lib/commonjs/components/form/input/date/index.js.map +1 -1
  11. package/lib/commonjs/components/form/input/datetime/index.js +22 -18
  12. package/lib/commonjs/components/form/input/datetime/index.js.map +1 -1
  13. package/lib/commonjs/components/form/input/hooks/index.js +4 -4
  14. package/lib/commonjs/components/form/input/hooks/index.js.map +1 -1
  15. package/lib/commonjs/components/form/input/hooks/useInputStyles.js +111 -0
  16. package/lib/commonjs/components/form/input/hooks/useInputStyles.js.map +1 -0
  17. package/lib/commonjs/components/form/input/input.js +49 -11
  18. package/lib/commonjs/components/form/input/input.js.map +1 -1
  19. package/lib/commonjs/components/form/input/multipleSelect/index.js +162 -44
  20. package/lib/commonjs/components/form/input/multipleSelect/index.js.map +1 -1
  21. package/lib/commonjs/components/form/input/number/index.js +10 -5
  22. package/lib/commonjs/components/form/input/number/index.js.map +1 -1
  23. package/lib/commonjs/components/form/input/select/index.js +84 -173
  24. package/lib/commonjs/components/form/input/select/index.js.map +1 -1
  25. package/lib/commonjs/components/form/input/text/index.js +7 -5
  26. package/lib/commonjs/components/form/input/text/index.js.map +1 -1
  27. package/lib/commonjs/components/form/input/text/textarea.js +10 -5
  28. package/lib/commonjs/components/form/input/text/textarea.js.map +1 -1
  29. package/lib/commonjs/components/form/input/time/index.js +22 -13
  30. package/lib/commonjs/components/form/input/time/index.js.map +1 -1
  31. package/lib/commonjs/components/form/view/file.js +18 -4
  32. package/lib/commonjs/components/form/view/file.js.map +1 -1
  33. package/lib/commonjs/components/form/view/index.js +24 -23
  34. package/lib/commonjs/components/form/view/index.js.map +1 -1
  35. package/lib/commonjs/components/form/view/multipleSelect.js +38 -10
  36. package/lib/commonjs/components/form/view/multipleSelect.js.map +1 -1
  37. package/lib/commonjs/components/form/view/select.js +24 -9
  38. package/lib/commonjs/components/form/view/select.js.map +1 -1
  39. package/lib/commonjs/components/form/view/styles.js +21 -0
  40. package/lib/commonjs/components/form/view/styles.js.map +1 -0
  41. package/lib/module/components/form/Field.js +4 -2
  42. package/lib/module/components/form/Field.js.map +1 -1
  43. package/lib/module/components/form/Form.js +20 -7
  44. package/lib/module/components/form/Form.js.map +1 -1
  45. package/lib/module/components/form/input/Editable.js +24 -7
  46. package/lib/module/components/form/input/Editable.js.map +1 -1
  47. package/lib/module/components/form/input/common/InputClearButton.js +11 -6
  48. package/lib/module/components/form/input/common/InputClearButton.js.map +1 -1
  49. package/lib/module/components/form/input/date/index.js +23 -15
  50. package/lib/module/components/form/input/date/index.js.map +1 -1
  51. package/lib/module/components/form/input/datetime/index.js +22 -18
  52. package/lib/module/components/form/input/datetime/index.js.map +1 -1
  53. package/lib/module/components/form/input/hooks/index.js +1 -1
  54. package/lib/module/components/form/input/hooks/index.js.map +1 -1
  55. package/lib/module/components/form/input/hooks/useInputStyles.js +104 -0
  56. package/lib/module/components/form/input/hooks/useInputStyles.js.map +1 -0
  57. package/lib/module/components/form/input/input.js +51 -13
  58. package/lib/module/components/form/input/input.js.map +1 -1
  59. package/lib/module/components/form/input/multipleSelect/index.js +163 -46
  60. package/lib/module/components/form/input/multipleSelect/index.js.map +1 -1
  61. package/lib/module/components/form/input/number/index.js +10 -5
  62. package/lib/module/components/form/input/number/index.js.map +1 -1
  63. package/lib/module/components/form/input/select/index.js +86 -175
  64. package/lib/module/components/form/input/select/index.js.map +1 -1
  65. package/lib/module/components/form/input/text/index.js +7 -5
  66. package/lib/module/components/form/input/text/index.js.map +1 -1
  67. package/lib/module/components/form/input/text/textarea.js +11 -6
  68. package/lib/module/components/form/input/text/textarea.js.map +1 -1
  69. package/lib/module/components/form/input/time/index.js +22 -13
  70. package/lib/module/components/form/input/time/index.js.map +1 -1
  71. package/lib/module/components/form/view/file.js +18 -4
  72. package/lib/module/components/form/view/file.js.map +1 -1
  73. package/lib/module/components/form/view/index.js +25 -24
  74. package/lib/module/components/form/view/index.js.map +1 -1
  75. package/lib/module/components/form/view/multipleSelect.js +38 -10
  76. package/lib/module/components/form/view/multipleSelect.js.map +1 -1
  77. package/lib/module/components/form/view/select.js +23 -9
  78. package/lib/module/components/form/view/select.js.map +1 -1
  79. package/lib/module/components/form/view/styles.js +15 -0
  80. package/lib/module/components/form/view/styles.js.map +1 -0
  81. package/lib/typescript/components/form/Field.d.ts +2 -1
  82. package/lib/typescript/components/form/Field.d.ts.map +1 -1
  83. package/lib/typescript/components/form/Form.d.ts +7 -4
  84. package/lib/typescript/components/form/Form.d.ts.map +1 -1
  85. package/lib/typescript/components/form/input/Editable.d.ts +1 -1
  86. package/lib/typescript/components/form/input/Editable.d.ts.map +1 -1
  87. package/lib/typescript/components/form/input/common/InputClearButton.d.ts +4 -2
  88. package/lib/typescript/components/form/input/common/InputClearButton.d.ts.map +1 -1
  89. package/lib/typescript/components/form/input/date/index.d.ts.map +1 -1
  90. package/lib/typescript/components/form/input/datetime/index.d.ts.map +1 -1
  91. package/lib/typescript/components/form/input/hooks/index.d.ts +1 -1
  92. package/lib/typescript/components/form/input/hooks/index.d.ts.map +1 -1
  93. package/lib/typescript/components/form/input/hooks/useInputStyles.d.ts +61 -0
  94. package/lib/typescript/components/form/input/hooks/useInputStyles.d.ts.map +1 -0
  95. package/lib/typescript/components/form/input/input.d.ts.map +1 -1
  96. package/lib/typescript/components/form/input/multipleSelect/index.d.ts +6 -1
  97. package/lib/typescript/components/form/input/multipleSelect/index.d.ts.map +1 -1
  98. package/lib/typescript/components/form/input/number/index.d.ts.map +1 -1
  99. package/lib/typescript/components/form/input/select/index.d.ts.map +1 -1
  100. package/lib/typescript/components/form/input/text/index.d.ts.map +1 -1
  101. package/lib/typescript/components/form/input/text/textarea.d.ts.map +1 -1
  102. package/lib/typescript/components/form/input/time/index.d.ts.map +1 -1
  103. package/lib/typescript/components/form/view/file.d.ts +3 -1
  104. package/lib/typescript/components/form/view/file.d.ts.map +1 -1
  105. package/lib/typescript/components/form/view/index.d.ts +3 -1
  106. package/lib/typescript/components/form/view/index.d.ts.map +1 -1
  107. package/lib/typescript/components/form/view/multipleSelect.d.ts +5 -3
  108. package/lib/typescript/components/form/view/multipleSelect.d.ts.map +1 -1
  109. package/lib/typescript/components/form/view/select.d.ts +4 -1
  110. package/lib/typescript/components/form/view/select.d.ts.map +1 -1
  111. package/lib/typescript/components/form/view/styles.d.ts +14 -0
  112. package/lib/typescript/components/form/view/styles.d.ts.map +1 -0
  113. package/package.json +5 -4
  114. package/src/components/form/Field.tsx +3 -2
  115. package/src/components/form/Form.tsx +41 -11
  116. package/src/components/form/input/Editable.tsx +23 -6
  117. package/src/components/form/input/common/InputClearButton.tsx +12 -4
  118. package/src/components/form/input/date/index.tsx +23 -12
  119. package/src/components/form/input/datetime/index.tsx +27 -14
  120. package/src/components/form/input/hooks/index.ts +1 -1
  121. package/src/components/form/input/hooks/useInputStyles.ts +124 -0
  122. package/src/components/form/input/input.tsx +57 -25
  123. package/src/components/form/input/multipleSelect/index.tsx +189 -60
  124. package/src/components/form/input/number/index.tsx +5 -4
  125. package/src/components/form/input/select/index.tsx +88 -166
  126. package/src/components/form/input/text/index.tsx +4 -9
  127. package/src/components/form/input/text/textarea.tsx +18 -16
  128. package/src/components/form/input/time/index.tsx +31 -11
  129. package/src/components/form/view/file.tsx +19 -4
  130. package/src/components/form/view/index.tsx +36 -22
  131. package/src/components/form/view/multipleSelect.tsx +42 -15
  132. package/src/components/form/view/select.tsx +28 -11
  133. package/src/components/form/view/styles.ts +15 -0
  134. package/lib/commonjs/components/form/input/hooks/useInputStyle.js +0 -50
  135. package/lib/commonjs/components/form/input/hooks/useInputStyle.js.map +0 -1
  136. package/lib/commonjs/components/form/input/styles.js +0 -17
  137. package/lib/commonjs/components/form/input/styles.js.map +0 -1
  138. package/lib/module/components/form/input/hooks/useInputStyle.js +0 -43
  139. package/lib/module/components/form/input/hooks/useInputStyle.js.map +0 -1
  140. package/lib/module/components/form/input/styles.js +0 -11
  141. package/lib/module/components/form/input/styles.js.map +0 -1
  142. package/lib/typescript/components/form/input/hooks/useInputStyle.d.ts +0 -9
  143. package/lib/typescript/components/form/input/hooks/useInputStyle.d.ts.map +0 -1
  144. package/lib/typescript/components/form/input/styles.d.ts +0 -10
  145. package/lib/typescript/components/form/input/styles.d.ts.map +0 -1
  146. package/src/components/form/input/hooks/useInputStyle.ts +0 -40
  147. package/src/components/form/input/styles.ts +0 -11
@@ -1 +1 @@
1
- {"version":3,"names":["_core","require","_react","_vectorIcons","_react2","_interopRequireWildcard","_reactNative","_reactNativePaper","_reactNativePaperDates","_InputClearButton","_useInputColor","_styles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DateTimeInput","exports","forwardRef","input","value","onBlur","onChange","onFocus","field","meta","active","ref","placeholder","optional","showDatePicker","setShowDatePicker","useState","showTimePicker","setShowTimePicker","selectedDate","useMemo","Date","useImperativeHandle","focus","blur","handleDateChange","useCallback","date","newDate","toISOString","handleTimeChange","hours","minutes","setHours","setMinutes","handleDismiss","undefined","formattedValue","getDateTimeString","hourMinute","getHours","getMinutes","iconColor","useIconColor","inputColor","useInputColor","createElement","View","style","styles","container","TouchableOpacity","button","inputStyles","onPress","Text","text","color","Ionicons","name","size","icon","DateInputClearButton","isActive","Portal","DatePickerModal","locale","label","mode","onConfirm","d","_d$date","split","onDismiss","visible","TimePickerModal","displayName","StyleSheet","create","width","flexDirection","alignItems","justifyContent","fontSize","flex","marginRight"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/datetime/index.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_core","require","_react","_vectorIcons","_react2","_interopRequireWildcard","_reactNative","_reactNativePaper","_reactNativePaperDates","_InputClearButton","_useInputColor","_useInputStyles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DateTimeInput","exports","forwardRef","input","value","onBlur","onChange","onFocus","field","meta","active","formSize","inEditable","ref","placeholder","optional","showDatePicker","setShowDatePicker","useState","showTimePicker","setShowTimePicker","container","inputStyles","iconSize","text","clearButtonSize","buttonContainer","useInputStyles","size","selectedDate","useMemo","Date","useImperativeHandle","focus","blur","handleDateChange","useCallback","date","newDate","toISOString","handleTimeChange","hours","minutes","setHours","setMinutes","handleDismiss","undefined","formattedValue","getDateTimeString","hourMinute","getHours","getMinutes","iconColor","useIconColor","inputColor","useInputColor","createElement","View","style","styles","TouchableOpacity","button","onPress","Text","color","Ionicons","name","DateInputClearButton","isActive","Portal","DatePickerModal","locale","label","mode","onConfirm","d","_d$date","split","onDismiss","visible","TimePickerModal","displayName","StyleSheet","create","width","flexDirection","alignItems","justifyContent","flex"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/datetime/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -14,14 +14,14 @@ Object.keys(_useInputImperativeHandle).forEach(function (key) {
14
14
  }
15
15
  });
16
16
  });
17
- var _useInputStyle = require("./useInputStyle");
18
- Object.keys(_useInputStyle).forEach(function (key) {
17
+ var _useInputStyles = require("./useInputStyles");
18
+ Object.keys(_useInputStyles).forEach(function (key) {
19
19
  if (key === "default" || key === "__esModule") return;
20
- if (key in exports && exports[key] === _useInputStyle[key]) return;
20
+ if (key in exports && exports[key] === _useInputStyles[key]) return;
21
21
  Object.defineProperty(exports, key, {
22
22
  enumerable: true,
23
23
  get: function () {
24
- return _useInputStyle[key];
24
+ return _useInputStyles[key];
25
25
  }
26
26
  });
27
27
  });
@@ -1 +1 @@
1
- {"version":3,"names":["_useInputImperativeHandle","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useInputStyle"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/hooks/index.ts"],"mappings":";;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,yBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,yBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,yBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,cAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
1
+ {"version":3,"names":["_useInputImperativeHandle","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useInputStyles"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/hooks/index.ts"],"mappings":";;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,yBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,yBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,yBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,eAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,eAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,eAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,eAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
@@ -0,0 +1,111 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useInputStyles = exports.inputStyles = void 0;
7
+ var _react = require("@chem-po/react");
8
+ var _react2 = require("react");
9
+ var _reactNative = require("react-native");
10
+ const inputStyles = exports.inputStyles = _reactNative.StyleSheet.create({
11
+ input: {
12
+ width: '100%',
13
+ fontSize: 16,
14
+ outlineWidth: 0
15
+ },
16
+ inputXSmall: {
17
+ paddingVertical: 4,
18
+ paddingHorizontal: 6,
19
+ borderRadius: 3
20
+ },
21
+ inputSmall: {
22
+ paddingVertical: 6,
23
+ paddingHorizontal: 9,
24
+ borderRadius: 4
25
+ },
26
+ inputMedium: {
27
+ paddingVertical: 8,
28
+ paddingHorizontal: 12,
29
+ borderRadius: 6
30
+ },
31
+ inputLarge: {
32
+ paddingVertical: 10,
33
+ paddingHorizontal: 14,
34
+ borderRadius: 8
35
+ },
36
+ inputTextSmall: {
37
+ fontSize: 14
38
+ },
39
+ inputTextMedium: {
40
+ fontSize: 16
41
+ },
42
+ inputTextLarge: {
43
+ fontSize: 18
44
+ },
45
+ buttonContainer: {
46
+ flexDirection: 'row',
47
+ alignItems: 'center'
48
+ },
49
+ buttonContainerSmall: {
50
+ gap: 6
51
+ },
52
+ buttonContainerMedium: {
53
+ gap: 8
54
+ },
55
+ buttonContainerLarge: {
56
+ gap: 10
57
+ }
58
+ });
59
+ const iconSizeMap = {
60
+ sm: 16,
61
+ md: 20,
62
+ lg: 24
63
+ };
64
+ const clearButtonSizeMap = {
65
+ sm: 12,
66
+ md: 14,
67
+ lg: 16
68
+ };
69
+ const inputSizeMap = {
70
+ sm: inputStyles.inputSmall,
71
+ md: inputStyles.inputMedium,
72
+ lg: inputStyles.inputLarge
73
+ };
74
+ const editableInputSizeMap = {
75
+ sm: inputStyles.inputXSmall,
76
+ md: inputStyles.inputSmall,
77
+ lg: inputStyles.inputMedium
78
+ };
79
+ const inputTextSizeMap = {
80
+ sm: inputStyles.inputTextSmall,
81
+ md: inputStyles.inputTextMedium,
82
+ lg: inputStyles.inputTextLarge
83
+ };
84
+ const buttonContainerSizeMap = {
85
+ sm: inputStyles.buttonContainerSmall,
86
+ md: inputStyles.buttonContainerMedium,
87
+ lg: inputStyles.buttonContainerLarge
88
+ };
89
+ const useInputStyles = (inEditable, size, formSize = 'md') => {
90
+ const formElementBg = (0, _react.useBackgroundColor)(150);
91
+ const bg = (0, _react2.useMemo)(() => inEditable ? 'transparent' : formElementBg, [inEditable, formElementBg]);
92
+ const textColor = (0, _react.useTextColor)();
93
+ const usedSize = size ?? formSize;
94
+ return {
95
+ text: {
96
+ ...inputTextSizeMap[usedSize],
97
+ color: textColor
98
+ },
99
+ container: {
100
+ ...inputStyles.input,
101
+ ...(inEditable ? editableInputSizeMap[usedSize] : inputSizeMap[usedSize]),
102
+ backgroundColor: bg
103
+ },
104
+ size: usedSize,
105
+ iconSize: iconSizeMap[usedSize],
106
+ clearButtonSize: clearButtonSizeMap[usedSize],
107
+ buttonContainer: [inputStyles.buttonContainer, buttonContainerSizeMap[usedSize]]
108
+ };
109
+ };
110
+ exports.useInputStyles = useInputStyles;
111
+ //# sourceMappingURL=useInputStyles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","_react2","_reactNative","inputStyles","exports","StyleSheet","create","input","width","fontSize","outlineWidth","inputXSmall","paddingVertical","paddingHorizontal","borderRadius","inputSmall","inputMedium","inputLarge","inputTextSmall","inputTextMedium","inputTextLarge","buttonContainer","flexDirection","alignItems","buttonContainerSmall","gap","buttonContainerMedium","buttonContainerLarge","iconSizeMap","sm","md","lg","clearButtonSizeMap","inputSizeMap","editableInputSizeMap","inputTextSizeMap","buttonContainerSizeMap","useInputStyles","inEditable","size","formSize","formElementBg","useBackgroundColor","bg","useMemo","textColor","useTextColor","usedSize","text","color","container","backgroundColor","iconSize","clearButtonSize"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/hooks/useInputStyles.ts"],"mappings":"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","ignoreList":[]}
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.Input = void 0;
7
+ var _core = require("@chem-po/core");
7
8
  var _react = require("@chem-po/react");
8
9
  var _react2 = _interopRequireWildcard(require("react"));
9
10
  var _reactNative = require("react-native");
@@ -13,6 +14,7 @@ var _color = require("./color");
13
14
  var _date = require("./date");
14
15
  var _datetime = require("./datetime");
15
16
  var _file = require("./file");
17
+ var _useInputStyles = require("./hooks/useInputStyles");
16
18
  var _multipleSelect = require("./multipleSelect");
17
19
  var _number = require("./number");
18
20
  var _select = require("./select");
@@ -45,6 +47,7 @@ const InputBase = (props, ref) => {
45
47
  },
46
48
  input,
47
49
  inEditable,
50
+ formSize,
48
51
  style
49
52
  } = props;
50
53
  const {
@@ -78,7 +81,9 @@ const InputBase = (props, ref) => {
78
81
  label: Label
79
82
  } = field;
80
83
  const showPlaceholder = (0, _react2.useMemo)(() => _type === 'multipleSelect' || !!value && _type !== 'file' && _type !== 'boolean', [value, _type]);
81
- const bg = (0, _react.useBackgroundColor)(150);
84
+
85
+ // const bg = useBackgroundColor(150)
86
+
82
87
  const animatedStyles = (0, _react2.useMemo)(() => {
83
88
  if (inEditable) return {};
84
89
  switch (_type) {
@@ -97,14 +102,34 @@ const InputBase = (props, ref) => {
97
102
  },
98
103
  shadowOpacity: 1,
99
104
  shadowRadius: 4,
100
- elevation: 5,
101
- backgroundColor: bg
105
+ elevation: 5
106
+ // backgroundColor: bg,
102
107
  };
103
108
  default:
104
109
  return {};
105
110
  }
106
- }, [_type, animatedShadowColor, inEditable, bg]);
111
+ }, [_type, animatedShadowColor, inEditable]);
107
112
  const Component = (0, _react2.useMemo)(() => Components[_type], [_type]);
113
+ const parse = (0, _react2.useCallback)(raw => {
114
+ const defaultParse = _core.parseField[field._type];
115
+ if (!defaultParse) return raw;
116
+ return defaultParse(field, raw);
117
+ }, [field]);
118
+ const {
119
+ text
120
+ } = (0, _useInputStyles.useInputStyles)(inEditable, field.size, formSize);
121
+ const format = (0, _react2.useCallback)(raw => {
122
+ const defaultFormat = _core.formatField[field._type];
123
+ if (!defaultFormat) return raw;
124
+ return defaultFormat(field, raw);
125
+ }, [field]);
126
+ const formattedValue = (0, _react2.useMemo)(() => format(value), [value, format]);
127
+ const onChange = (0, _react2.useCallback)(v => {
128
+ input.onChange(parse(v));
129
+ }, [input, parse]);
130
+ const errorHeight = (0, _react2.useMemo)(() => {
131
+ return (text.fontSize ?? 16) - 2;
132
+ }, [text]);
108
133
  return /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
109
134
  style: [staticStyles.container, style]
110
135
  }, Label && !inEditable ? typeof Label === 'string' ? /*#__PURE__*/_react2.default.createElement(_reactNative.Text, {
@@ -119,19 +144,26 @@ const InputBase = (props, ref) => {
119
144
  style: [staticStyles.inputContainer, animatedStyles]
120
145
  }, /*#__PURE__*/_react2.default.createElement(Component, _extends({
121
146
  ref: ref
122
- }, props))), !inEditable && /*#__PURE__*/_react2.default.createElement(_AnimatedText.AnimatedText, {
123
- style: staticStyles.errorText,
147
+ }, props, {
148
+ input: {
149
+ ...input,
150
+ onChange,
151
+ value: formattedValue
152
+ }
153
+ }))), /*#__PURE__*/_react2.default.createElement(_AnimatedText.AnimatedText, {
154
+ style: [staticStyles.errorText, {
155
+ fontSize: errorHeight
156
+ }],
124
157
  show: !!displayedError,
125
158
  color: errorColor,
126
- height: 18,
127
- marginBottom: 0
159
+ height: errorHeight,
160
+ marginBottom: inEditable ? 10 : 0
128
161
  }, displayedError));
129
162
  };
130
163
  const staticStyles = _reactNative.StyleSheet.create({
131
164
  container: {
132
165
  position: 'relative',
133
- width: '100%',
134
- paddingHorizontal: 4
166
+ width: '100%'
135
167
  // backgroundColor: 'blue',
136
168
  },
137
169
  label: {
@@ -146,8 +178,14 @@ const staticStyles = _reactNative.StyleSheet.create({
146
178
  overflow: 'hidden'
147
179
  },
148
180
  errorText: {
181
+ paddingHorizontal: 8,
182
+ fontWeight: 500
183
+ // backgroundColor: 'red',
184
+ },
185
+ errorTextEditable: {
149
186
  fontSize: 14,
150
- paddingHorizontal: 4,
187
+ paddingHorizontal: 6,
188
+ paddingBottom: 8,
151
189
  fontWeight: 500
152
190
  // backgroundColor: 'red',
153
191
  },
@@ -1 +1 @@
1
- {"version":3,"names":["_react","require","_react2","_interopRequireWildcard","_reactNative","_AnimatedText","_boolean","_color","_date","_datetime","_file","_multipleSelect","_number","_select","_socialMedia","_text","_time","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","Components","text","TextComponent","file","FileComponent","boolean","BooleanComponent","select","SelectComponent","multipleSelect","MultipleSelectComponent","currency","CurrencyAmountComponent","number","NumberComponent","date","DateInput","datetime","DateTimeInput","time","TimeInput","socialMedia","SocialMediaComponent","color","ColorComponent","InputBase","props","ref","field","meta","error","active","touched","input","inEditable","style","value","placeholderColor","usePlaceholderColor","activeColor","useThemeValue","errorColor","shadowColorAnim","useMemo","Animated","Value","displayedError","shadowColor","useEffect","timing","toValue","duration","useNativeDriver","start","animatedShadowColor","interpolate","inputRange","outputRange","_type","label","Label","showPlaceholder","bg","useBackgroundColor","animatedStyles","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","backgroundColor","Component","createElement","View","staticStyles","container","Text","AnimatedText","placeholder","show","marginBottom","inputContainer","errorText","StyleSheet","create","position","paddingHorizontal","fontSize","borderRadius","paddingVertical","overflow","fontWeight","Input","exports","forwardRef"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/input/input.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_core","require","_react","_react2","_interopRequireWildcard","_reactNative","_AnimatedText","_boolean","_color","_date","_datetime","_file","_useInputStyles","_multipleSelect","_number","_select","_socialMedia","_text","_time","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","Components","text","TextComponent","file","FileComponent","boolean","BooleanComponent","select","SelectComponent","multipleSelect","MultipleSelectComponent","currency","CurrencyAmountComponent","number","NumberComponent","date","DateInput","datetime","DateTimeInput","time","TimeInput","socialMedia","SocialMediaComponent","color","ColorComponent","InputBase","props","ref","field","meta","error","active","touched","input","inEditable","formSize","style","value","placeholderColor","usePlaceholderColor","activeColor","useThemeValue","errorColor","shadowColorAnim","useMemo","Animated","Value","displayedError","shadowColor","useEffect","timing","toValue","duration","useNativeDriver","start","animatedShadowColor","interpolate","inputRange","outputRange","_type","label","Label","showPlaceholder","animatedStyles","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","Component","parse","useCallback","raw","defaultParse","parseField","useInputStyles","size","format","defaultFormat","formatField","formattedValue","onChange","v","errorHeight","fontSize","createElement","View","staticStyles","container","Text","AnimatedText","placeholder","show","marginBottom","inputContainer","errorText","StyleSheet","create","position","paddingHorizontal","borderRadius","paddingVertical","overflow","fontWeight","errorTextEditable","paddingBottom","Input","exports","forwardRef"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/input/input.tsx"],"mappings":"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","ignoreList":[]}
@@ -3,20 +3,41 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.MultipleSelectComponent = void 0;
6
+ exports.SelectedOptionContainer = exports.MultipleSelectComponent = void 0;
7
7
  var _react = require("@chem-po/react");
8
+ var _vectorIcons = require("@expo/vector-icons");
8
9
  var _react2 = _interopRequireWildcard(require("react"));
9
10
  var _reactNative = require("react-native");
11
+ var _reactNativeElementDropdown = require("react-native-element-dropdown");
12
+ var _Txt = require("../../../text/Txt");
13
+ var _InputClearButton = require("../common/InputClearButton");
14
+ var _useInputStyles = require("../hooks/useInputStyles");
10
15
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
11
- const MultipleSelectComponent = exports.MultipleSelectComponent = /*#__PURE__*/(0, _react2.forwardRef)(({
16
+ const SelectedOptionContainer = ({
17
+ children,
18
+ style
19
+ }) => {
20
+ const borderColor = (0, _react.useBorderColor)();
21
+ return /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
22
+ style: [styles.selectedOption, {
23
+ borderColor
24
+ }, style]
25
+ }, children);
26
+ };
27
+ exports.SelectedOptionContainer = SelectedOptionContainer;
28
+ const BaseMultipleSelectComponent = ({
12
29
  field,
13
30
  input,
31
+ meta,
32
+ formSize,
14
33
  inEditable
15
34
  }, ref) => {
16
35
  const {
36
+ placeholder,
17
37
  options,
18
38
  renderOption: RenderOption,
19
- getOptionKey
39
+ searchable,
40
+ searchPlaceholder
20
41
  } = field;
21
42
  const {
22
43
  onChange,
@@ -24,62 +45,159 @@ const MultipleSelectComponent = exports.MultipleSelectComponent = /*#__PURE__*/(
24
45
  onFocus,
25
46
  onBlur
26
47
  } = input;
48
+ const {
49
+ active
50
+ } = meta;
27
51
  const colorMode = (0, _react.useColorMode)();
52
+ const inputRef = (0, _react2.useRef)(null);
53
+ const {
54
+ container: inputStyles,
55
+ iconSize,
56
+ clearButtonSize,
57
+ text,
58
+ buttonContainer,
59
+ size
60
+ } = (0, _useInputStyles.useInputStyles)(inEditable, field.size, formSize);
61
+ const iconColor = (0, _react.useIconColor)();
62
+ const textColor = (0, _react.useTextColor)();
28
63
  const placeholderColor = (0, _react.usePlaceholderColor)();
64
+ const menuBg = (0, _react.useBackgroundColor)(100);
65
+ const selectedOptionBg = (0, _react.useColorModeValue)('#ffffff77', '#ffffff15');
66
+ const borderColor = (0, _react.useBorderColor)();
29
67
  (0, _react2.useImperativeHandle)(ref, () => ({
30
68
  focus: () => {
31
- onFocus();
69
+ var _inputRef$current;
70
+ (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.open();
32
71
  },
33
72
  blur: () => {
34
- onBlur();
73
+ var _inputRef$current2;
74
+ (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.close();
35
75
  }
36
76
  }));
37
- const handleOptionPress = option => {
38
- onChange(value !== null && value !== void 0 && value.includes(option) ? value.filter(v => v !== option) : [...(value ?? []), option]);
77
+ const defaultSelectedOptionStyle = (0, _react2.useMemo)(() => {
78
+ return {
79
+ paddingVertical: inputStyles.paddingVertical,
80
+ paddingHorizontal: inputStyles.paddingHorizontal
81
+ };
82
+ }, [inputStyles]);
83
+ const RenderOptionText = props => {
84
+ if (typeof RenderOption === 'function') {
85
+ return RenderOption(props);
86
+ }
87
+ return /*#__PURE__*/_react2.default.createElement(_Txt.Txt, {
88
+ style: [styles.defaultOption, text]
89
+ }, props.option.label);
39
90
  };
40
- const body = /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
41
- style: styles.container
42
- }, options.map(o => /*#__PURE__*/_react2.default.createElement(_reactNative.TouchableOpacity, {
43
- key: getOptionKey ? getOptionKey(o) : o,
44
- style: [styles.option, (value === null || value === void 0 ? void 0 : value.includes(o)) && styles.selectedOption],
45
- onPress: () => handleOptionPress(o)
46
- }, /*#__PURE__*/_react2.default.createElement(RenderOption, {
47
- value: o,
48
- colorMode: colorMode,
49
- isSelected: !!(value !== null && value !== void 0 && value.includes(o))
50
- }))));
51
- return inEditable ? /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
52
- style: styles.editableContainer
53
- }, /*#__PURE__*/_react2.default.createElement(_reactNative.Text, {
54
- style: [styles.placeholder, {
55
- color: placeholderColor
56
- }]
57
- }, field.placeholder), body) : body;
58
- });
91
+ const RenderSelectedOptionText = props => {
92
+ if (typeof RenderOption === 'function') {
93
+ return RenderOption(props);
94
+ }
95
+ return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, /*#__PURE__*/_react2.default.createElement(_Txt.Txt, {
96
+ style: [defaultSelectedOptionStyle, text]
97
+ }, props.option.label));
98
+ };
99
+ return /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
100
+ style: [styles.wrapper]
101
+ }, /*#__PURE__*/_react2.default.createElement(_reactNativeElementDropdown.MultiSelect, {
102
+ ref: inputRef,
103
+ style: [inputStyles, {
104
+ borderColor
105
+ }],
106
+ placeholderStyle: [text, {
107
+ color: value !== null && value !== void 0 && value.length ? textColor : placeholderColor
108
+ }],
109
+ containerStyle: {
110
+ backgroundColor: menuBg
111
+ },
112
+ inputSearchStyle: [styles.inputSearch, text],
113
+ iconStyle: styles.iconStyle,
114
+ data: options,
115
+ search: searchable,
116
+ searchField: searchable ? 'label' : undefined,
117
+ maxHeight: 300,
118
+ labelField: "label",
119
+ valueField: "value",
120
+ placeholder: placeholder,
121
+ searchPlaceholder: searchPlaceholder ?? placeholder,
122
+ value: value ?? [],
123
+ onChange: updated => {
124
+ onChange(updated);
125
+ },
126
+ activeColor: selectedOptionBg,
127
+ onFocus: onFocus,
128
+ onBlur: onBlur,
129
+ renderItem: (item, selected) => /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
130
+ style: {
131
+ backgroundColor: selected ? selectedOptionBg : menuBg
132
+ }
133
+ }, /*#__PURE__*/_react2.default.createElement(RenderOptionText, {
134
+ value: item.value,
135
+ option: item,
136
+ colorMode: colorMode,
137
+ isSelected: !!selected,
138
+ size: size
139
+ })),
140
+ renderSelectedItem: item => /*#__PURE__*/_react2.default.createElement(SelectedOptionContainer, null, /*#__PURE__*/_react2.default.createElement(RenderSelectedOptionText, {
141
+ value: item.value,
142
+ option: item,
143
+ colorMode: colorMode,
144
+ isSelected: true,
145
+ size: size
146
+ }), /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
147
+ style: [styles.optionClearContainer, {
148
+ borderColor,
149
+ backgroundColor: selectedOptionBg
150
+ }]
151
+ }, /*#__PURE__*/_react2.default.createElement(_InputClearButton.InputClearButton, {
152
+ size: clearButtonSize,
153
+ onPress: () => {
154
+ onChange(value === null || value === void 0 ? void 0 : value.filter(v => v !== item.value));
155
+ },
156
+ isActive: true
157
+ }))),
158
+ renderRightIcon: () => /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
159
+ style: buttonContainer
160
+ }, /*#__PURE__*/_react2.default.createElement(_vectorIcons.Ionicons, {
161
+ name: active ? 'chevron-up' : 'chevron-down',
162
+ size: iconSize,
163
+ color: iconColor
164
+ }))
165
+ }));
166
+ };
167
+ const MultipleSelectComponent = exports.MultipleSelectComponent = /*#__PURE__*/(0, _react2.forwardRef)(BaseMultipleSelectComponent);
59
168
  const styles = _reactNative.StyleSheet.create({
60
- container: {
61
- width: '100%',
62
- flexDirection: 'row',
63
- flexWrap: 'wrap',
64
- gap: 4
169
+ wrapper: {
170
+ width: '100%'
65
171
  },
66
- editableContainer: {
67
- width: '100%',
68
- paddingVertical: 2
172
+ defaultOption: {
173
+ padding: 10
69
174
  },
70
- placeholder: {
71
- fontSize: 14,
72
- fontWeight: '600',
73
- opacity: 0.8,
74
- paddingHorizontal: 8,
75
- marginBottom: 4
175
+ iconStyle: {
176
+ width: 20,
177
+ height: 20
76
178
  },
77
- option: {
78
- padding: 4,
79
- opacity: 0.7
179
+ inputSearch: {
180
+ outlineWidth: 0,
181
+ paddingVertical: 4,
182
+ minHeight: 0,
183
+ height: 'auto',
184
+ fontSize: 16
80
185
  },
81
186
  selectedOption: {
82
- opacity: 1
187
+ flexDirection: 'row',
188
+ borderRadius: 4,
189
+ borderWidth: 1,
190
+ alignItems: 'center',
191
+ marginTop: 4,
192
+ marginHorizontal: 4
193
+ },
194
+ optionClearContainer: {
195
+ paddingHorizontal: 8,
196
+ borderLeftWidth: 1,
197
+ borderTopRightRadius: 8,
198
+ borderBottomRightRadius: 8,
199
+ height: '100%',
200
+ justifyContent: 'center'
83
201
  }
84
202
  });
85
203
  //# sourceMappingURL=index.js.map