@chem-po/react-native 0.0.14 → 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 (153) 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/commonjs/contexts/root.js +6 -0
  42. package/lib/commonjs/contexts/root.js.map +1 -1
  43. package/lib/module/components/form/Field.js +4 -2
  44. package/lib/module/components/form/Field.js.map +1 -1
  45. package/lib/module/components/form/Form.js +20 -7
  46. package/lib/module/components/form/Form.js.map +1 -1
  47. package/lib/module/components/form/input/Editable.js +24 -7
  48. package/lib/module/components/form/input/Editable.js.map +1 -1
  49. package/lib/module/components/form/input/common/InputClearButton.js +11 -6
  50. package/lib/module/components/form/input/common/InputClearButton.js.map +1 -1
  51. package/lib/module/components/form/input/date/index.js +23 -15
  52. package/lib/module/components/form/input/date/index.js.map +1 -1
  53. package/lib/module/components/form/input/datetime/index.js +22 -18
  54. package/lib/module/components/form/input/datetime/index.js.map +1 -1
  55. package/lib/module/components/form/input/hooks/index.js +1 -1
  56. package/lib/module/components/form/input/hooks/index.js.map +1 -1
  57. package/lib/module/components/form/input/hooks/useInputStyles.js +104 -0
  58. package/lib/module/components/form/input/hooks/useInputStyles.js.map +1 -0
  59. package/lib/module/components/form/input/input.js +51 -13
  60. package/lib/module/components/form/input/input.js.map +1 -1
  61. package/lib/module/components/form/input/multipleSelect/index.js +163 -46
  62. package/lib/module/components/form/input/multipleSelect/index.js.map +1 -1
  63. package/lib/module/components/form/input/number/index.js +10 -5
  64. package/lib/module/components/form/input/number/index.js.map +1 -1
  65. package/lib/module/components/form/input/select/index.js +86 -175
  66. package/lib/module/components/form/input/select/index.js.map +1 -1
  67. package/lib/module/components/form/input/text/index.js +7 -5
  68. package/lib/module/components/form/input/text/index.js.map +1 -1
  69. package/lib/module/components/form/input/text/textarea.js +11 -6
  70. package/lib/module/components/form/input/text/textarea.js.map +1 -1
  71. package/lib/module/components/form/input/time/index.js +22 -13
  72. package/lib/module/components/form/input/time/index.js.map +1 -1
  73. package/lib/module/components/form/view/file.js +18 -4
  74. package/lib/module/components/form/view/file.js.map +1 -1
  75. package/lib/module/components/form/view/index.js +25 -24
  76. package/lib/module/components/form/view/index.js.map +1 -1
  77. package/lib/module/components/form/view/multipleSelect.js +38 -10
  78. package/lib/module/components/form/view/multipleSelect.js.map +1 -1
  79. package/lib/module/components/form/view/select.js +23 -9
  80. package/lib/module/components/form/view/select.js.map +1 -1
  81. package/lib/module/components/form/view/styles.js +15 -0
  82. package/lib/module/components/form/view/styles.js.map +1 -0
  83. package/lib/module/contexts/root.js +6 -0
  84. package/lib/module/contexts/root.js.map +1 -1
  85. package/lib/typescript/components/form/Field.d.ts +2 -1
  86. package/lib/typescript/components/form/Field.d.ts.map +1 -1
  87. package/lib/typescript/components/form/Form.d.ts +7 -4
  88. package/lib/typescript/components/form/Form.d.ts.map +1 -1
  89. package/lib/typescript/components/form/input/Editable.d.ts +1 -1
  90. package/lib/typescript/components/form/input/Editable.d.ts.map +1 -1
  91. package/lib/typescript/components/form/input/common/InputClearButton.d.ts +4 -2
  92. package/lib/typescript/components/form/input/common/InputClearButton.d.ts.map +1 -1
  93. package/lib/typescript/components/form/input/date/index.d.ts.map +1 -1
  94. package/lib/typescript/components/form/input/datetime/index.d.ts.map +1 -1
  95. package/lib/typescript/components/form/input/hooks/index.d.ts +1 -1
  96. package/lib/typescript/components/form/input/hooks/index.d.ts.map +1 -1
  97. package/lib/typescript/components/form/input/hooks/useInputStyles.d.ts +61 -0
  98. package/lib/typescript/components/form/input/hooks/useInputStyles.d.ts.map +1 -0
  99. package/lib/typescript/components/form/input/input.d.ts.map +1 -1
  100. package/lib/typescript/components/form/input/multipleSelect/index.d.ts +6 -1
  101. package/lib/typescript/components/form/input/multipleSelect/index.d.ts.map +1 -1
  102. package/lib/typescript/components/form/input/number/index.d.ts.map +1 -1
  103. package/lib/typescript/components/form/input/select/index.d.ts.map +1 -1
  104. package/lib/typescript/components/form/input/text/index.d.ts.map +1 -1
  105. package/lib/typescript/components/form/input/text/textarea.d.ts.map +1 -1
  106. package/lib/typescript/components/form/input/time/index.d.ts.map +1 -1
  107. package/lib/typescript/components/form/view/file.d.ts +3 -1
  108. package/lib/typescript/components/form/view/file.d.ts.map +1 -1
  109. package/lib/typescript/components/form/view/index.d.ts +3 -1
  110. package/lib/typescript/components/form/view/index.d.ts.map +1 -1
  111. package/lib/typescript/components/form/view/multipleSelect.d.ts +5 -3
  112. package/lib/typescript/components/form/view/multipleSelect.d.ts.map +1 -1
  113. package/lib/typescript/components/form/view/select.d.ts +4 -1
  114. package/lib/typescript/components/form/view/select.d.ts.map +1 -1
  115. package/lib/typescript/components/form/view/styles.d.ts +14 -0
  116. package/lib/typescript/components/form/view/styles.d.ts.map +1 -0
  117. package/lib/typescript/contexts/root.d.ts.map +1 -1
  118. package/package.json +5 -4
  119. package/src/components/form/Field.tsx +3 -2
  120. package/src/components/form/Form.tsx +41 -11
  121. package/src/components/form/input/Editable.tsx +23 -6
  122. package/src/components/form/input/common/InputClearButton.tsx +12 -4
  123. package/src/components/form/input/date/index.tsx +23 -12
  124. package/src/components/form/input/datetime/index.tsx +27 -14
  125. package/src/components/form/input/hooks/index.ts +1 -1
  126. package/src/components/form/input/hooks/useInputStyles.ts +124 -0
  127. package/src/components/form/input/input.tsx +57 -25
  128. package/src/components/form/input/multipleSelect/index.tsx +189 -60
  129. package/src/components/form/input/number/index.tsx +5 -4
  130. package/src/components/form/input/select/index.tsx +88 -166
  131. package/src/components/form/input/text/index.tsx +4 -9
  132. package/src/components/form/input/text/textarea.tsx +18 -16
  133. package/src/components/form/input/time/index.tsx +31 -11
  134. package/src/components/form/view/file.tsx +19 -4
  135. package/src/components/form/view/index.tsx +36 -22
  136. package/src/components/form/view/multipleSelect.tsx +42 -15
  137. package/src/components/form/view/select.tsx +28 -11
  138. package/src/components/form/view/styles.ts +15 -0
  139. package/src/contexts/root.tsx +7 -0
  140. package/lib/commonjs/components/form/input/hooks/useInputStyle.js +0 -50
  141. package/lib/commonjs/components/form/input/hooks/useInputStyle.js.map +0 -1
  142. package/lib/commonjs/components/form/input/styles.js +0 -17
  143. package/lib/commonjs/components/form/input/styles.js.map +0 -1
  144. package/lib/module/components/form/input/hooks/useInputStyle.js +0 -43
  145. package/lib/module/components/form/input/hooks/useInputStyle.js.map +0 -1
  146. package/lib/module/components/form/input/styles.js +0 -11
  147. package/lib/module/components/form/input/styles.js.map +0 -1
  148. package/lib/typescript/components/form/input/hooks/useInputStyle.d.ts +0 -9
  149. package/lib/typescript/components/form/input/hooks/useInputStyle.d.ts.map +0 -1
  150. package/lib/typescript/components/form/input/styles.d.ts +0 -10
  151. package/lib/typescript/components/form/input/styles.d.ts.map +0 -1
  152. package/src/components/form/input/hooks/useInputStyle.ts +0 -40
  153. package/src/components/form/input/styles.ts +0 -11
@@ -1 +1 @@
1
- {"version":3,"names":["React","useMemo","StyleSheet","Text","View","FileView","styles","create","container","flexDirection","rowContainer","label","paddingRight","opacity","fontWeight","emptyText","fileContainer","padding","FileFieldView","field","value","noLabel","style","imageOptions","placeholder","options","height","createElement"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/file.tsx"],"mappings":"AAEA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAmB,cAAc;AAChE,SAASC,QAAQ,QAAQ,eAAe;AAExC,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE;EACjB,CAAC;EACDC,YAAY,EAAE;IACZD,aAAa,EAAE;EACjB,CAAC;EACDE,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,SAAS,EAAE;IACTF,OAAO,EAAE;EACX,CAAC;EACDG,aAAa,EAAE;IACbC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC;AAMF,CAAC,KAAK;EACJ,MAAM;IAAEC,YAAY;IAAEC;EAAY,CAAC,GAAGL,KAAK;EAC3C,MAAMM,OAAO,GAAGxB,OAAO,CACrB,OAAO;IACLyB,MAAM,EAAE,GAAG;IACX,GAAGH;EACL,CAAC,CAAC,EACF,CAACA,YAAY,CACf,CAAC;EAED,oBACEvB,KAAA,CAAA2B,aAAA,CAACvB,IAAI;IAACkB,KAAK,EAAE,CAACF,KAAK,GAAGd,MAAM,CAACE,SAAS,GAAGF,MAAM,CAACI,YAAY,EAAEY,KAAK;EAAE,GAClE,CAACD,OAAO,iBAAIrB,KAAA,CAAA2B,aAAA,CAACxB,IAAI;IAACmB,KAAK,EAAEhB,MAAM,CAACK;EAAM,GAAEa,WAAkB,CAAC,EAC3DJ,KAAK,gBACJpB,KAAA,CAAA2B,aAAA,CAACvB,IAAI;IAACkB,KAAK,EAAEhB,MAAM,CAACU;EAAc,gBAChChB,KAAA,CAAA2B,aAAA,CAACtB,QAAQ;IAACkB,YAAY,EAAEE,OAAQ;IAACL,KAAK,EAAEA;EAAM,CAAE,CAC5C,CAAC,gBAEPpB,KAAA,CAAA2B,aAAA,CAACxB,IAAI;IAACmB,KAAK,EAAEhB,MAAM,CAACS;EAAU,GAAC,MAAU,CAEvC,CAAC;AAEX,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","useMemo","StyleSheet","Text","View","FileView","styles","create","container","flexDirection","rowContainer","label","paddingRight","opacity","fontWeight","emptyText","fileContainer","padding","getFileSizeHeight","size","FileFieldView","field","value","noLabel","style","sizeProp","imageOptions","placeholder","options","height","createElement"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/file.tsx"],"mappings":"AAEA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAmB,cAAc;AAChE,SAASC,QAAQ,QAAQ,eAAe;AAExC,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE;EACjB,CAAC;EACDC,YAAY,EAAE;IACZD,aAAa,EAAE;EACjB,CAAC;EACDE,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,SAAS,EAAE;IACTF,OAAO,EAAE;EACX,CAAC;EACDG,aAAa,EAAE;IACbC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,MAAMC,iBAAiB,GAAIC,IAAe,IAAK;EAC7C,QAAQA,IAAI;IACV,KAAK,IAAI;MACP,OAAO,EAAE;IACX,KAAK,IAAI;MACP,OAAO,GAAG;IACZ,KAAK,IAAI;MACP,OAAO,GAAG;IACZ;MACE,OAAO,GAAG;EACd;AACF,CAAC;AAED,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,KAAK;EACLL,IAAI,EAAEM;AAOR,CAAC,KAAK;EACJ,MAAM;IAAEC,YAAY;IAAEC,WAAW;IAAER;EAAK,CAAC,GAAGE,KAAK;EACjD,MAAMO,OAAO,GAAG3B,OAAO,CACrB,OAAO;IACL4B,MAAM,EAAEX,iBAAiB,CAACC,IAAI,IAAIM,QAAQ,IAAI,IAAI,CAAC;IACnD,GAAGC;EACL,CAAC,CAAC,EACF,CAACA,YAAY,EAAEP,IAAI,EAAEM,QAAQ,CAC/B,CAAC;EAED,oBACEzB,KAAA,CAAA8B,aAAA,CAAC1B,IAAI;IAACoB,KAAK,EAAE,CAACF,KAAK,GAAGhB,MAAM,CAACE,SAAS,GAAGF,MAAM,CAACI,YAAY,EAAEc,KAAK;EAAE,GAClE,CAACD,OAAO,iBAAIvB,KAAA,CAAA8B,aAAA,CAAC3B,IAAI;IAACqB,KAAK,EAAElB,MAAM,CAACK;EAAM,GAAEgB,WAAkB,CAAC,EAC3DL,KAAK,gBACJtB,KAAA,CAAA8B,aAAA,CAAC1B,IAAI;IAACoB,KAAK,EAAElB,MAAM,CAACU;EAAc,gBAChChB,KAAA,CAAA8B,aAAA,CAACzB,QAAQ;IAACqB,YAAY,EAAEE,OAAQ;IAACN,KAAK,EAAEA;EAAM,CAAE,CAC5C,CAAC,gBAEPtB,KAAA,CAAA8B,aAAA,CAAC3B,IAAI;IAACqB,KAAK,EAAElB,MAAM,CAACS;EAAU,GAAC,MAAU,CAEvC,CAAC;AAEX,CAAC","ignoreList":[]}
@@ -1,56 +1,53 @@
1
- import { formatField } from '@chem-po/core';
1
+ import { displayField } from '@chem-po/core';
2
2
  import React, { useMemo } from 'react';
3
3
  import { StyleSheet, View } from 'react-native';
4
4
  import { Txt } from '../../text';
5
+ import { useInputStyles } from '../input/hooks/useInputStyles';
5
6
  import { FileFieldView } from './file';
6
7
  import { MultipleSelectFieldView } from './multipleSelect';
7
8
  import { SelectFieldView } from './select';
9
+ import { inputViewStyles } from './styles';
8
10
  const styles = StyleSheet.create({
9
11
  container: {
10
12
  flexDirection: 'row',
11
13
  alignItems: 'center'
12
- },
13
- label: {
14
- paddingRight: 8,
15
- opacity: 0.7,
16
- fontWeight: '600'
17
- },
18
- value: {
19
- opacity: 1,
20
- fontSize: 16
21
- },
22
- valueEmpty: {
23
- opacity: 0.6,
24
- fontSize: 16
25
14
  }
26
15
  });
27
16
  const DefaultFieldView = ({
28
17
  field,
29
18
  value,
30
19
  noLabel,
31
- style
20
+ style,
21
+ size: sizeProp
32
22
  }) => {
33
23
  const {
34
24
  placeholder
35
25
  } = field;
26
+ const {
27
+ text
28
+ } = useInputStyles(false, field.size, sizeProp);
36
29
  const formatted = useMemo(() => {
37
- const format = formatField[field._type];
30
+ const format = displayField[field._type];
38
31
  if (!format) return value;
39
32
  return format(field, value);
40
33
  }, [value, field]);
34
+ const hasValue = useMemo(() => {
35
+ return value !== null && value !== undefined && value !== '';
36
+ }, [value]);
41
37
  return /*#__PURE__*/React.createElement(View, {
42
38
  style: [styles.container, style]
43
39
  }, !noLabel && /*#__PURE__*/React.createElement(Txt, {
44
- style: styles.label
40
+ style: [inputViewStyles.label, text]
45
41
  }, placeholder), /*#__PURE__*/React.createElement(Txt, {
46
- style: value ? styles.value : styles.valueEmpty
47
- }, formatted ?? 'None'));
42
+ style: [hasValue ? inputViewStyles.value : inputViewStyles.valueEmpty, text]
43
+ }, hasValue ? formatted : 'None'));
48
44
  };
49
45
  export const FieldView = ({
50
46
  field,
51
47
  value,
52
48
  noLabel,
53
- style
49
+ style,
50
+ size
54
51
  }) => {
55
52
  switch (field._type) {
56
53
  case 'select':
@@ -58,28 +55,32 @@ export const FieldView = ({
58
55
  style: style,
59
56
  field: field,
60
57
  value: value,
61
- noLabel: noLabel
58
+ noLabel: noLabel,
59
+ size: size
62
60
  });
63
61
  case 'multipleSelect':
64
62
  return /*#__PURE__*/React.createElement(MultipleSelectFieldView, {
65
63
  style: style,
66
64
  field: field,
67
65
  value: value,
68
- noLabel: noLabel
66
+ noLabel: noLabel,
67
+ size: size
69
68
  });
70
69
  case 'file':
71
70
  return /*#__PURE__*/React.createElement(FileFieldView, {
72
71
  style: style,
73
72
  field: field,
74
73
  value: value,
75
- noLabel: noLabel
74
+ noLabel: noLabel,
75
+ size: size
76
76
  });
77
77
  default:
78
78
  return /*#__PURE__*/React.createElement(DefaultFieldView, {
79
79
  style: style,
80
80
  field: field,
81
81
  value: value,
82
- noLabel: noLabel
82
+ noLabel: noLabel,
83
+ size: size
83
84
  });
84
85
  }
85
86
  };
@@ -1 +1 @@
1
- {"version":3,"names":["formatField","React","useMemo","StyleSheet","View","Txt","FileFieldView","MultipleSelectFieldView","SelectFieldView","styles","create","container","flexDirection","alignItems","label","paddingRight","opacity","fontWeight","value","fontSize","valueEmpty","DefaultFieldView","field","noLabel","style","placeholder","formatted","format","_type","createElement","FieldView"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/index.tsx"],"mappings":"AAAA,SAASA,WAAW,QAAQ,eAAe;AAE3C,OAAOC,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAC1D,SAASC,GAAG,QAAQ,YAAY;AAChC,SAASC,aAAa,QAAQ,QAAQ;AACtC,SAASC,uBAAuB,QAAQ,kBAAkB;AAC1D,SAASC,eAAe,QAAQ,UAAU;AAE1C,MAAMC,MAAM,GAAGN,UAAU,CAACO,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLF,OAAO,EAAE,CAAC;IACVG,QAAQ,EAAE;EACZ,CAAC;EACDC,UAAU,EAAE;IACVJ,OAAO,EAAE,GAAG;IACZG,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,MAAME,gBAAgB,GAAGA,CAAC;EACxBC,KAAK;EACLJ,KAAK;EACLK,OAAO;EACPC;AAMF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAY,CAAC,GAAGH,KAAK;EAE7B,MAAMI,SAAS,GAAGxB,OAAO,CAAC,MAAM;IAC9B,MAAMyB,MAAM,GAAG3B,WAAW,CAACsB,KAAK,CAACM,KAAK,CAAC;IACvC,IAAI,CAACD,MAAM,EAAE,OAAOT,KAAK;IACzB,OAAOS,MAAM,CAACL,KAAK,EAAEJ,KAAK,CAAC;EAC7B,CAAC,EAAE,CAACA,KAAK,EAAEI,KAAK,CAAC,CAAC;EAElB,oBACErB,KAAA,CAAA4B,aAAA,CAACzB,IAAI;IAACoB,KAAK,EAAE,CAACf,MAAM,CAACE,SAAS,EAAEa,KAAK;EAAE,GACpC,CAACD,OAAO,iBAAItB,KAAA,CAAA4B,aAAA,CAACxB,GAAG;IAACmB,KAAK,EAAEf,MAAM,CAACK;EAAM,GAAEW,WAAiB,CAAC,eAC1DxB,KAAA,CAAA4B,aAAA,CAACxB,GAAG;IAACmB,KAAK,EAAEN,KAAK,GAAGT,MAAM,CAACS,KAAK,GAAGT,MAAM,CAACW;EAAW,GAAEM,SAAS,IAAI,MAAY,CAC5E,CAAC;AAEX,CAAC;AAED,OAAO,MAAMI,SAAS,GAAGA,CAAC;EACxBR,KAAK;EACLJ,KAAK;EACLK,OAAO;EACPC;AAMF,CAAC,KAAK;EACJ,QAAQF,KAAK,CAACM,KAAK;IACjB,KAAK,QAAQ;MACX,oBAAO3B,KAAA,CAAA4B,aAAA,CAACrB,eAAe;QAACgB,KAAK,EAAEA,KAAM;QAACF,KAAK,EAAEA,KAAM;QAACJ,KAAK,EAAEA,KAAM;QAACK,OAAO,EAAEA;MAAQ,CAAE,CAAC;IACxF,KAAK,gBAAgB;MACnB,oBAAOtB,KAAA,CAAA4B,aAAA,CAACtB,uBAAuB;QAACiB,KAAK,EAAEA,KAAM;QAACF,KAAK,EAAEA,KAAM;QAACJ,KAAK,EAAEA,KAAM;QAACK,OAAO,EAAEA;MAAQ,CAAE,CAAC;IAChG,KAAK,MAAM;MACT,oBAAOtB,KAAA,CAAA4B,aAAA,CAACvB,aAAa;QAACkB,KAAK,EAAEA,KAAM;QAACF,KAAK,EAAEA,KAAM;QAACJ,KAAK,EAAEA,KAAM;QAACK,OAAO,EAAEA;MAAQ,CAAE,CAAC;IACtF;MACE,oBAAOtB,KAAA,CAAA4B,aAAA,CAACR,gBAAgB;QAACG,KAAK,EAAEA,KAAM;QAACF,KAAK,EAAEA,KAAM;QAACJ,KAAK,EAAEA,KAAM;QAACK,OAAO,EAAEA;MAAQ,CAAE,CAAC;EAC3F;AACF,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["displayField","React","useMemo","StyleSheet","View","Txt","useInputStyles","FileFieldView","MultipleSelectFieldView","SelectFieldView","inputViewStyles","styles","create","container","flexDirection","alignItems","DefaultFieldView","field","value","noLabel","style","size","sizeProp","placeholder","text","formatted","format","_type","hasValue","undefined","createElement","label","valueEmpty","FieldView"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -1,5 +1,9 @@
1
1
  import { useColorMode } from '@chem-po/react';
2
+ import { useMemo } from 'react';
2
3
  import React, { StyleSheet, Text, View } from 'react-native';
4
+ import { useInputStyles } from '../input/hooks/useInputStyles';
5
+ import { SelectedOptionContainer } from '../input/multipleSelect';
6
+ import { DefaultRenderOption } from './select';
3
7
  const styles = StyleSheet.create({
4
8
  container: {
5
9
  flexDirection: 'row',
@@ -12,8 +16,14 @@ const styles = StyleSheet.create({
12
16
  opacity: 0.7,
13
17
  fontWeight: '600'
14
18
  },
19
+ optionsContainer: {
20
+ padding: 2,
21
+ flexDirection: 'row',
22
+ flexWrap: 'wrap'
23
+ },
15
24
  optionContainer: {
16
- padding: 2
25
+ marginTop: 2,
26
+ marginHorizontal: 2
17
27
  },
18
28
  emptyText: {
19
29
  opacity: 0.6
@@ -23,27 +33,45 @@ export const MultipleSelectFieldView = ({
23
33
  field,
24
34
  value,
25
35
  noLabel,
36
+ size: sizeProp,
26
37
  style
27
38
  }) => {
28
39
  const {
29
40
  placeholder,
30
- renderOption: RenderOption
41
+ renderOption: customRender,
42
+ options
31
43
  } = field;
44
+ const selectedOptions = options.filter(o => value === null || value === void 0 ? void 0 : value.includes(o.value));
32
45
  const colorMode = useColorMode();
46
+ const {
47
+ size,
48
+ container: inputStyles,
49
+ text
50
+ } = useInputStyles(undefined, field.size, sizeProp);
51
+ const selectedOptionStyle = useMemo(() => {
52
+ return {
53
+ paddingHorizontal: inputStyles.paddingHorizontal,
54
+ paddingVertical: inputStyles.paddingVertical
55
+ };
56
+ }, [inputStyles]);
57
+ const RenderOption = useMemo(() => customRender ?? DefaultRenderOption, [customRender]);
33
58
  return /*#__PURE__*/React.createElement(View, {
34
59
  style: [styles.container, style]
35
60
  }, !noLabel && /*#__PURE__*/React.createElement(Text, {
36
61
  style: styles.label
37
- }, placeholder), value ? value.map(v => /*#__PURE__*/React.createElement(View
38
- // key={getOptionKey ? getOptionKey(v) : v}
39
- , {
40
- style: styles.optionContainer
62
+ }, placeholder), value !== null && value !== void 0 && value.length ? /*#__PURE__*/React.createElement(View, {
63
+ style: styles.optionsContainer
64
+ }, selectedOptions.map(o => /*#__PURE__*/React.createElement(SelectedOptionContainer, {
65
+ key: o.value,
66
+ style: selectedOptionStyle
41
67
  }, /*#__PURE__*/React.createElement(RenderOption, {
42
- value: v,
68
+ option: o,
69
+ value: o.value,
43
70
  colorMode: colorMode,
44
- isSelected: true
45
- }))) : /*#__PURE__*/React.createElement(Text, {
46
- style: styles.emptyText
71
+ isSelected: true,
72
+ size: size
73
+ })))) : /*#__PURE__*/React.createElement(Text, {
74
+ style: [styles.emptyText, text]
47
75
  }, "None"));
48
76
  };
49
77
  //# sourceMappingURL=multipleSelect.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["useColorMode","React","StyleSheet","Text","View","styles","create","container","flexDirection","flexWrap","alignItems","maxWidth","label","paddingRight","opacity","fontWeight","optionContainer","padding","emptyText","MultipleSelectFieldView","field","value","noLabel","style","placeholder","renderOption","RenderOption","colorMode","createElement","map","v","isSelected"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/multipleSelect.tsx"],"mappings":"AAAA,SAA8BA,YAAY,QAAQ,gBAAgB;AAClE,OAAOC,KAAK,IAAIC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAmB,cAAc;AAEvE,MAAMC,MAAM,GAAGH,UAAU,CAACI,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,MAAM;IAChBC,UAAU,EAAE,QAAQ;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDC,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,eAAe,EAAE;IACfC,OAAO,EAAE;EACX,CAAC;EACDC,SAAS,EAAE;IACTJ,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,OAAO,MAAMK,uBAAuB,GAAGA,CAAC;EACtCC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC;AAMF,CAAC,KAAK;EACJ,MAAM;IAAEC,WAAW;IAAEC,YAAY,EAAEC;EAAa,CAAC,GAAGN,KAAK;EACzD,MAAMO,SAAS,GAAG3B,YAAY,CAAC,CAAC;EAEhC,oBACEC,KAAA,CAAA2B,aAAA,CAACxB,IAAI;IAACmB,KAAK,EAAE,CAAClB,MAAM,CAACE,SAAS,EAAEgB,KAAK;EAAE,GACpC,CAACD,OAAO,iBAAIrB,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IAACoB,KAAK,EAAElB,MAAM,CAACO;EAAM,GAAEY,WAAkB,CAAC,EAC3DH,KAAK,GACJA,KAAK,CAACQ,GAAG,CAAEC,CAAM,iBACf7B,KAAA,CAAA2B,aAAA,CAACxB;EACC;EAAA;IACAmB,KAAK,EAAElB,MAAM,CAACW;EAAgB,gBAC9Bf,KAAA,CAAA2B,aAAA,CAACF,YAAY;IAACL,KAAK,EAAES,CAAE;IAACH,SAAS,EAAEA,SAAU;IAACI,UAAU,EAAE;EAAK,CAAE,CAC7D,CACP,CAAC,gBAEF9B,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IAACoB,KAAK,EAAElB,MAAM,CAACa;EAAU,GAAC,MAAU,CAEvC,CAAC;AAEX,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["useColorMode","useMemo","React","StyleSheet","Text","View","useInputStyles","SelectedOptionContainer","DefaultRenderOption","styles","create","container","flexDirection","flexWrap","alignItems","maxWidth","label","paddingRight","opacity","fontWeight","optionsContainer","padding","optionContainer","marginTop","marginHorizontal","emptyText","MultipleSelectFieldView","field","value","noLabel","size","sizeProp","style","placeholder","renderOption","customRender","options","selectedOptions","filter","o","includes","colorMode","inputStyles","text","undefined","selectedOptionStyle","paddingHorizontal","paddingVertical","RenderOption","createElement","length","map","key","option","isSelected"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/multipleSelect.tsx"],"mappings":"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","ignoreList":[]}
@@ -2,6 +2,8 @@ import { useColorMode, usePlaceholderColor } from '@chem-po/react';
2
2
  import React from 'react';
3
3
  import { StyleSheet, Text, View } from 'react-native';
4
4
  import { Txt } from '../../text';
5
+ import { useInputStyles } from '../input/hooks/useInputStyles';
6
+ import { inputViewStyles } from './styles';
5
7
  const styles = StyleSheet.create({
6
8
  container: {
7
9
  flexDirection: 'row',
@@ -12,16 +14,19 @@ const styles = StyleSheet.create({
12
14
  fontWeight: '600'
13
15
  }
14
16
  });
15
- const DefaultRenderOption = ({
16
- value
17
+ export const DefaultRenderOption = ({
18
+ option
17
19
  }) => {
18
- return /*#__PURE__*/React.createElement(Txt, null, typeof value === 'string' ? value : JSON.stringify(value));
20
+ return /*#__PURE__*/React.createElement(Txt, {
21
+ style: inputViewStyles.value
22
+ }, option.label);
19
23
  };
20
24
  export const SelectFieldView = ({
21
25
  field,
22
26
  value,
23
27
  noLabel,
24
- style
28
+ style,
29
+ size: sizeProp
25
30
  }) => {
26
31
  const {
27
32
  placeholder,
@@ -29,17 +34,26 @@ export const SelectFieldView = ({
29
34
  } = field;
30
35
  const colorMode = useColorMode();
31
36
  const placeholderColor = usePlaceholderColor();
37
+ const {
38
+ size,
39
+ text
40
+ } = useInputStyles(false, field.size, sizeProp);
41
+ const selectedOption = field.options.find(o => o.value === value);
32
42
  const RenderOption = customRender ?? DefaultRenderOption;
33
43
  return /*#__PURE__*/React.createElement(View, {
34
44
  style: [styles.container, style]
35
45
  }, !noLabel && /*#__PURE__*/React.createElement(Text, {
36
- style: [styles.label, {
46
+ style: [styles.label, text, {
37
47
  color: placeholderColor
38
48
  }]
39
- }, placeholder), /*#__PURE__*/React.createElement(RenderOption, {
40
- value: value && value !== '' ? value : 'None',
49
+ }, placeholder), selectedOption ? /*#__PURE__*/React.createElement(RenderOption, {
50
+ value: selectedOption.value,
51
+ option: selectedOption,
41
52
  colorMode: colorMode,
42
- isSelected: true
43
- }));
53
+ isSelected: true,
54
+ size: size
55
+ }) : /*#__PURE__*/React.createElement(Txt, {
56
+ style: inputViewStyles.valueEmpty
57
+ }, "None"));
44
58
  };
45
59
  //# sourceMappingURL=select.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["useColorMode","usePlaceholderColor","React","StyleSheet","Text","View","Txt","styles","create","container","flexDirection","alignItems","label","paddingRight","fontWeight","DefaultRenderOption","value","createElement","JSON","stringify","SelectFieldView","field","noLabel","style","placeholder","renderOption","customRender","colorMode","placeholderColor","RenderOption","color","isSelected"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/select.tsx"],"mappings":"AACA,SAAsBA,YAAY,EAAEC,mBAAmB,QAAQ,gBAAgB;AAC/E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAmB,cAAc;AAChE,SAASC,GAAG,QAAQ,YAAY;AAEhC,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,MAAMC,mBAAmB,GAAGA,CAAwB;EAClDC;AAC0C,CAAC,KAAK;EAChD,oBAAOd,KAAA,CAAAe,aAAA,CAACX,GAAG,QAAE,OAAOU,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGE,IAAI,CAACC,SAAS,CAACH,KAAK,CAAO,CAAC;AAC/E,CAAC;AAED,OAAO,MAAMI,eAAe,GAAGA,CAAC;EAC9BC,KAAK;EACLL,KAAK;EACLM,OAAO;EACPC;AAMF,CAAC,KAAK;EACJ,MAAM;IAAEC,WAAW;IAAEC,YAAY,EAAEC;EAAa,CAAC,GAAGL,KAAK;EACzD,MAAMM,SAAS,GAAG3B,YAAY,CAAC,CAAC;EAChC,MAAM4B,gBAAgB,GAAG3B,mBAAmB,CAAC,CAAC;EAC9C,MAAM4B,YAAY,GAAGH,YAAY,IAAIX,mBAAmB;EACxD,oBACEb,KAAA,CAAAe,aAAA,CAACZ,IAAI;IAACkB,KAAK,EAAE,CAAChB,MAAM,CAACE,SAAS,EAAEc,KAAK;EAAE,GACpC,CAACD,OAAO,iBAAIpB,KAAA,CAAAe,aAAA,CAACb,IAAI;IAACmB,KAAK,EAAE,CAAChB,MAAM,CAACK,KAAK,EAAE;MAAEkB,KAAK,EAAEF;IAAiB,CAAC;EAAE,GAAEJ,WAAkB,CAAC,eAC3FtB,KAAA,CAAAe,aAAA,CAACY,YAAY;IACXb,KAAK,EAAEA,KAAK,IAAIA,KAAK,KAAK,EAAE,GAAGA,KAAK,GAAG,MAAO;IAC9CW,SAAS,EAAEA,SAAU;IACrBI,UAAU,EAAE;EAAK,CAClB,CACG,CAAC;AAEX,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["useColorMode","usePlaceholderColor","React","StyleSheet","Text","View","Txt","useInputStyles","inputViewStyles","styles","create","container","flexDirection","alignItems","label","paddingRight","fontWeight","DefaultRenderOption","option","createElement","style","value","SelectFieldView","field","noLabel","size","sizeProp","placeholder","renderOption","customRender","colorMode","placeholderColor","text","selectedOption","options","find","o","RenderOption","color","isSelected","valueEmpty"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/select.tsx"],"mappings":"AACA,SAAsBA,YAAY,EAAEC,mBAAmB,QAAQ,gBAAgB;AAC/E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAmB,cAAc;AAChE,SAASC,GAAG,QAAQ,YAAY;AAChC,SAASC,cAAc,QAAQ,+BAA+B;AAC9D,SAASC,eAAe,QAAQ,UAAU;AAE1C,MAAMC,MAAM,GAAGN,UAAU,CAACO,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,mBAAmB,GAAGA,CAGjC;EACAC;AACsC,CAAC,KAAK;EAC5C,oBAAOhB,KAAA,CAAAiB,aAAA,CAACb,GAAG;IAACc,KAAK,EAAEZ,eAAe,CAACa;EAAM,GAAEH,MAAM,CAACJ,KAAW,CAAC;AAChE,CAAC;AAED,OAAO,MAAMQ,eAAe,GAAGA,CAAC;EAC9BC,KAAK;EACLF,KAAK;EACLG,OAAO;EACPJ,KAAK;EACLK,IAAI,EAAEC;AAOR,CAAC,KAAK;EACJ,MAAM;IAAEC,WAAW;IAAEC,YAAY,EAAEC;EAAa,CAAC,GAAGN,KAAK;EACzD,MAAMO,SAAS,GAAG9B,YAAY,CAAC,CAAC;EAChC,MAAM+B,gBAAgB,GAAG9B,mBAAmB,CAAC,CAAC;EAC9C,MAAM;IAAEwB,IAAI;IAAEO;EAAK,CAAC,GAAGzB,cAAc,CAAC,KAAK,EAAEgB,KAAK,CAACE,IAAI,EAAEC,QAAQ,CAAC;EAClE,MAAMO,cAAc,GAAGV,KAAK,CAACW,OAAO,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACf,KAAK,KAAKA,KAAK,CAAC;EACjE,MAAMgB,YAAY,GAAGR,YAAY,IAAIZ,mBAAmB;EACxD,oBACEf,KAAA,CAAAiB,aAAA,CAACd,IAAI;IAACe,KAAK,EAAE,CAACX,MAAM,CAACE,SAAS,EAAES,KAAK;EAAE,GACpC,CAACI,OAAO,iBACPtB,KAAA,CAAAiB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACX,MAAM,CAACK,KAAK,EAAEkB,IAAI,EAAE;MAAEM,KAAK,EAAEP;IAAiB,CAAC;EAAE,GAAEJ,WAAkB,CACpF,EACAM,cAAc,gBACb/B,KAAA,CAAAiB,aAAA,CAACkB,YAAY;IACXhB,KAAK,EAAEY,cAAc,CAACZ,KAAM;IAC5BH,MAAM,EAAEe,cAAe;IACvBH,SAAS,EAAEA,SAAU;IACrBS,UAAU,EAAE,IAAK;IACjBd,IAAI,EAAEA;EAAK,CACZ,CAAC,gBAEFvB,KAAA,CAAAiB,aAAA,CAACb,GAAG;IAACc,KAAK,EAAEZ,eAAe,CAACgC;EAAW,GAAC,MAAS,CAE/C,CAAC;AAEX,CAAC","ignoreList":[]}
@@ -0,0 +1,15 @@
1
+ import { StyleSheet } from 'react-native';
2
+ export const inputViewStyles = StyleSheet.create({
3
+ label: {
4
+ paddingRight: 8,
5
+ opacity: 0.7,
6
+ fontWeight: '600'
7
+ },
8
+ value: {
9
+ opacity: 1
10
+ },
11
+ valueEmpty: {
12
+ opacity: 0.6
13
+ }
14
+ });
15
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["StyleSheet","inputViewStyles","create","label","paddingRight","opacity","fontWeight","value","valueEmpty"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,eAAe,GAAGD,UAAU,CAACE,MAAM,CAAC;EAC/CC,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLF,OAAO,EAAE;EACX,CAAC;EACDG,UAAU,EAAE;IACVH,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}
@@ -1,6 +1,7 @@
1
1
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
2
2
  import { ChempoProvider } from '@chem-po/react';
3
3
  import React, { useMemo } from 'react';
4
+ import { StyleSheet } from 'react-native';
4
5
  import { NotifierWrapper } from 'react-native-notifier';
5
6
  import { en, registerTranslation } from 'react-native-paper-dates';
6
7
  import { nativeToast } from '../constants/toast';
@@ -23,4 +24,9 @@ export const ChempoNativeProvider = ({
23
24
  initializeScreen: initializeScreen
24
25
  }, props)));
25
26
  };
27
+ const styles = StyleSheet.create({
28
+ notifier: {
29
+ flex: 1
30
+ }
31
+ });
26
32
  //# sourceMappingURL=root.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["ChempoProvider","React","useMemo","NotifierWrapper","en","registerTranslation","nativeToast","useThemeState","initializeScreen","ChempoNativeProvider","theme","themeProp","initialColorMode","props","useThemeProps","createElement","_extends","toast"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/root.tsx"],"mappings":";AACA,SAAsBA,cAAc,QAAQ,gBAAgB;AAC5D,OAAOC,KAAK,IAAuBC,OAAO,QAAQ,OAAO;AACzD,SAASC,eAAe,QAAQ,uBAAuB;AACvD,SAASC,EAAE,EAAEC,mBAAmB,QAAQ,0BAA0B;AAClE,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,gBAAgB,QAAQ,oBAAoB;AAErDH,mBAAmB,CAAC,IAAI,EAAED,EAAE,CAAC;AAS7B,OAAO,MAAMK,oBAAoB,GAAGA,CAAC;EACnCC,KAAK,EAAEC,SAAS;EAChBC,gBAAgB;EAChB,GAAGC;AACsB,CAAC,KAAK;EAC/B,MAAMC,aAAa,GAAGZ,OAAO,CAC3B,OAAO;IAAEQ,KAAK,EAAEC,SAAS;IAAEC;EAAiB,CAAC,CAAC,EAC9C,CAACD,SAAS,EAAEC,gBAAgB,CAC9B,CAAC;EACD,MAAMF,KAAK,GAAGH,aAAa,CAACO,aAAa,CAAC;EAC1C,oBACEb,KAAA,CAAAc,aAAA,CAACZ,eAAe,qBACdF,KAAA,CAAAc,aAAA,CAACf,cAAc,EAAAgB,QAAA;IACbC,KAAK,EAAEX,WAAY;IACnBI,KAAK,EAAEA,KAAM;IACbF,gBAAgB,EAAEA;EAAiB,GAC/BK,KAAK,CACV,CACc,CAAC;AAEtB,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["ChempoProvider","React","useMemo","StyleSheet","NotifierWrapper","en","registerTranslation","nativeToast","useThemeState","initializeScreen","ChempoNativeProvider","theme","themeProp","initialColorMode","props","useThemeProps","createElement","_extends","toast","styles","create","notifier","flex"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/root.tsx"],"mappings":";AACA,SAAsBA,cAAc,QAAQ,gBAAgB;AAC5D,OAAOC,KAAK,IAAuBC,OAAO,QAAQ,OAAO;AACzD,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,eAAe,QAAQ,uBAAuB;AACvD,SAASC,EAAE,EAAEC,mBAAmB,QAAQ,0BAA0B;AAClE,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,gBAAgB,QAAQ,oBAAoB;AAErDH,mBAAmB,CAAC,IAAI,EAAED,EAAE,CAAC;AAS7B,OAAO,MAAMK,oBAAoB,GAAGA,CAAC;EACnCC,KAAK,EAAEC,SAAS;EAChBC,gBAAgB;EAChB,GAAGC;AACsB,CAAC,KAAK;EAC/B,MAAMC,aAAa,GAAGb,OAAO,CAC3B,OAAO;IAAES,KAAK,EAAEC,SAAS;IAAEC;EAAiB,CAAC,CAAC,EAC9C,CAACD,SAAS,EAAEC,gBAAgB,CAC9B,CAAC;EACD,MAAMF,KAAK,GAAGH,aAAa,CAACO,aAAa,CAAC;EAC1C,oBACEd,KAAA,CAAAe,aAAA,CAACZ,eAAe,qBACdH,KAAA,CAAAe,aAAA,CAAChB,cAAc,EAAAiB,QAAA;IACbC,KAAK,EAAEX,WAAY;IACnBI,KAAK,EAAEA,KAAM;IACbF,gBAAgB,EAAEA;EAAiB,GAC/BK,KAAK,CACV,CACc,CAAC;AAEtB,CAAC;AAED,MAAMK,MAAM,GAAGhB,UAAU,CAACiB,MAAM,CAAC;EAC/BC,QAAQ,EAAE;IACRC,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}
@@ -1,9 +1,10 @@
1
- import { InputRef } from '@chem-po/core';
1
+ import { InputRef, InputSize } from '@chem-po/core';
2
2
  import { Field } from '@chem-po/react';
3
3
  import React from 'react';
4
4
  export declare const FieldComponent: React.ForwardRefExoticComponent<{
5
5
  field: Field;
6
6
  name: string;
7
+ size?: InputSize;
7
8
  } & React.RefAttributes<InputRef>>;
8
9
  export default FieldComponent;
9
10
  //# sourceMappingURL=Field.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAoB,MAAM,eAAe,CAAA;AAC1D,OAAO,EAAE,KAAK,EAAY,MAAM,gBAAgB,CAAA;AAChD,OAAO,KAA4C,MAAM,OAAO,CAAA;AAsChE,eAAO,MAAM,cAAc;WAjCC,KAAK;UAAQ,MAAM;kCAiCa,CAAA;AAE5D,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAoB,MAAM,eAAe,CAAA;AACrE,OAAO,EAAE,KAAK,EAAY,MAAM,gBAAgB,CAAA;AAChD,OAAO,KAA4C,MAAM,OAAO,CAAA;AAuChE,eAAO,MAAM,cAAc;WAlCiB,KAAK;UAAQ,MAAM;WAAS,SAAS;kCAkCrB,CAAA;AAE5D,eAAe,cAAc,CAAA"}
@@ -1,18 +1,21 @@
1
+ import { InputSize } from '@chem-po/core';
1
2
  import { DataViewProps, Field, FieldFormProps, FieldMap, FieldMapFormProps, FormProps, IFormElement, ListField } from '@chem-po/react';
2
3
  import React, { FC } from 'react';
3
4
  export declare const ListFieldInput: FC<{
4
5
  field: ListField;
5
6
  name: string;
7
+ size: InputSize;
6
8
  }>;
7
- export declare const FormElement: ({ field, name }: {
9
+ export declare const FormElement: ({ field, name, size, }: {
8
10
  field: IFormElement;
9
11
  name: string;
12
+ size: InputSize;
10
13
  }) => React.JSX.Element;
11
14
  export declare const DataView: ({ field, value, onClose, onDelete, onSubmit, itemName, storagePath, path, }: DataViewProps & {
12
15
  path?: string;
13
16
  }) => React.JSX.Element;
14
- export declare const FieldMapForm: <F extends FieldMap>({ onSubmit: onSubmitProp, onBack, field, value, buttonText, renderFooter, storagePath, }: FieldMapFormProps<F>) => React.JSX.Element;
15
- export declare const FieldForm: <F extends Field | ListField>({ onSubmit, field, value, ...props }: FieldFormProps<F>) => React.JSX.Element;
16
- export declare const Form: <F extends IFormElement>({ field, onSubmit, ...props }: FormProps<F>) => React.JSX.Element;
17
+ export declare const FieldMapForm: <F extends FieldMap>({ onSubmit: onSubmitProp, onBack, field, value, buttonText, renderFooter, storagePath, size, }: FieldMapFormProps<F>) => React.JSX.Element;
18
+ export declare const FieldForm: <F extends Field | ListField>({ onSubmit, field, value, size, ...props }: FieldFormProps<F>) => React.JSX.Element;
19
+ export declare const Form: <F extends IFormElement>({ field, onSubmit, size, ...props }: FormProps<F>) => React.JSX.Element;
17
20
  export default Form;
18
21
  //# sourceMappingURL=Form.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Form.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,aAAa,EAEb,KAAK,EACL,cAAc,EACd,QAAQ,EACR,iBAAiB,EAGjB,SAAS,EACT,YAAY,EACZ,SAAS,EAMV,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAAE,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAA;AA4FpD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CA2CjE,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,iBAAiB;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,sBA6CjF,CAAA;AAwED,eAAO,MAAM,QAAQ,GAAI,6EAStB,aAAa,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,sBAkDnC,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,QAAQ,EAAE,0FAQ9C,iBAAiB,CAAC,CAAC,CAAC,sBAwBtB,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,KAAK,GAAG,SAAS,EAAE,sCAKpD,cAAc,CAAC,CAAC,CAAC,sBAWnB,CAAA;AAED,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS,YAAY,EAAE,+BAA+B,SAAS,CAAC,CAAC,CAAC,sBASvF,CAAA;AAED,eAAe,IAAI,CAAA"}
1
+ {"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAwB,MAAM,eAAe,CAAA;AAC/D,OAAO,EAEL,aAAa,EAEb,KAAK,EACL,cAAc,EACd,QAAQ,EACR,iBAAiB,EAGjB,SAAS,EACT,YAAY,EACZ,SAAS,EAMV,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAAE,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAA;AA4FpD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC;IAC9B,KAAK,EAAE,SAAS,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,SAAS,CAAA;CAChB,CA2CA,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,wBAIzB;IACD,KAAK,EAAE,YAAY,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,SAAS,CAAA;CAChB,sBA6CA,CAAA;AAwED,eAAO,MAAM,QAAQ,GAAI,6EAStB,aAAa,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,sBAkDnC,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,QAAQ,EAAE,gGAS9C,iBAAiB,CAAC,CAAC,CAAC,sBAwBtB,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,KAAK,GAAG,SAAS,EAAE,4CAMpD,cAAc,CAAC,CAAC,CAAC,sBAYnB,CAAA;AAED,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS,YAAY,EAAE,qCAK1C,SAAS,CAAC,CAAC,CAAC,sBAmBd,CAAA;AAED,eAAe,IAAI,CAAA"}
@@ -1,5 +1,5 @@
1
1
  import { EditableProps, Field } from '@chem-po/react';
2
2
  import React from 'react';
3
3
  import { ViewStyle } from 'react-native';
4
- export declare const Editable: <T extends Field>({ value: initValue, field, onSubmit, storagePath, style, onEditClose, onEditOpen, containerStyle, }: EditableProps<ViewStyle, T>) => React.JSX.Element;
4
+ export declare const Editable: <T extends Field>({ value: initValue, field, onSubmit, storagePath, style, onEditClose, onEditOpen, containerStyle, size, }: EditableProps<ViewStyle, T>) => React.JSX.Element;
5
5
  //# sourceMappingURL=Editable.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Editable.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/input/Editable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,KAAK,EAKN,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAA0C,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAsC,SAAS,EAAE,MAAM,cAAc,CAAA;AAM5E,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,KAAK,EAAE,qGASvC,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,sBAwK7B,CAAA"}
1
+ {"version":3,"file":"Editable.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/input/Editable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,KAAK,EAKN,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAA0C,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAsC,SAAS,EAAE,MAAM,cAAc,CAAA;AAQ5E,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,KAAK,EAAE,2GAUvC,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,sBAsL7B,CAAA"}
@@ -1,11 +1,13 @@
1
1
  import React from 'react';
2
- export declare const InputClearButton: ({ onPress, isActive, marginRight, }: {
2
+ export declare const InputClearButton: ({ onPress, isActive, marginRight, size, }: {
3
3
  onPress: () => void;
4
4
  isActive: boolean;
5
5
  marginRight?: number;
6
+ size: number;
6
7
  }) => React.JSX.Element;
7
- export declare const DateInputClearButton: ({ onPress, isActive, }: {
8
+ export declare const DateInputClearButton: ({ onPress, isActive, size, }: {
8
9
  onPress: () => void;
9
10
  isActive: boolean;
11
+ size: number;
10
12
  }) => React.JSX.Element;
11
13
  //# sourceMappingURL=InputClearButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"InputClearButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/common/InputClearButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,eAAO,MAAM,gBAAgB,GAAI,qCAI9B;IACD,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,sBAYA,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,wBAGlC;IACD,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;CAClB,sBAEA,CAAA"}
1
+ {"version":3,"file":"InputClearButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/common/InputClearButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,eAAO,MAAM,gBAAgB,GAAI,2CAK9B;IACD,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;CACb,sBAgBA,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,8BAIlC;IACD,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;CACb,sBAEA,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/date/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,SAAS,EAAgB,MAAM,gBAAgB,CAAA;AAExD,OAAO,KAAmD,MAAM,OAAO,CAAA;AAIvE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAYxC,eAAO,MAAM,SAAS,wFA4DrB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/date/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,SAAS,EAAgB,MAAM,gBAAgB,CAAA;AAExD,OAAO,KAAmD,MAAM,OAAO,CAAA;AAIvE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAYxC,eAAO,MAAM,SAAS,wFA2ErB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/datetime/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAgB,MAAM,gBAAgB,CAAA;AAE5D,OAAO,KAA0E,MAAM,OAAO,CAAA;AAI9F,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKxC,eAAO,MAAM,aAAa,4FA2GzB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/datetime/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAgB,MAAM,gBAAgB,CAAA;AAE5D,OAAO,KAA0E,MAAM,OAAO,CAAA;AAI9F,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKxC,eAAO,MAAM,aAAa,4FA4HzB,CAAA"}
@@ -1,3 +1,3 @@
1
1
  export * from './useInputImperativeHandle';
2
- export * from './useInputStyle';
2
+ export * from './useInputStyles';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA;AAC1C,cAAc,iBAAiB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA;AAC1C,cAAc,kBAAkB,CAAA"}
@@ -0,0 +1,61 @@
1
+ import { InputSize } from '@chem-po/core';
2
+ import { StyleProp, TextStyle, ViewStyle } from 'react-native';
3
+ export declare const inputStyles: {
4
+ input: {
5
+ width: "100%";
6
+ fontSize: number;
7
+ outlineWidth: number;
8
+ };
9
+ inputXSmall: {
10
+ paddingVertical: number;
11
+ paddingHorizontal: number;
12
+ borderRadius: number;
13
+ };
14
+ inputSmall: {
15
+ paddingVertical: number;
16
+ paddingHorizontal: number;
17
+ borderRadius: number;
18
+ };
19
+ inputMedium: {
20
+ paddingVertical: number;
21
+ paddingHorizontal: number;
22
+ borderRadius: number;
23
+ };
24
+ inputLarge: {
25
+ paddingVertical: number;
26
+ paddingHorizontal: number;
27
+ borderRadius: number;
28
+ };
29
+ inputTextSmall: {
30
+ fontSize: number;
31
+ };
32
+ inputTextMedium: {
33
+ fontSize: number;
34
+ };
35
+ inputTextLarge: {
36
+ fontSize: number;
37
+ };
38
+ buttonContainer: {
39
+ flexDirection: "row";
40
+ alignItems: "center";
41
+ };
42
+ buttonContainerSmall: {
43
+ gap: number;
44
+ };
45
+ buttonContainerMedium: {
46
+ gap: number;
47
+ };
48
+ buttonContainerLarge: {
49
+ gap: number;
50
+ };
51
+ };
52
+ export interface UseInputStyles {
53
+ text: TextStyle;
54
+ container: ViewStyle;
55
+ size: InputSize;
56
+ iconSize: number;
57
+ clearButtonSize: number;
58
+ buttonContainer: StyleProp<ViewStyle>;
59
+ }
60
+ export declare const useInputStyles: (inEditable: boolean | undefined, size: InputSize | undefined, formSize?: InputSize) => UseInputStyles;
61
+ //# sourceMappingURL=useInputStyles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useInputStyles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/hooks/useInputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAGzC,OAAO,EAAE,SAAS,EAAc,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE1E,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDtB,CAAA;AAsCF,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,SAAS,CAAA;IACf,SAAS,EAAE,SAAS,CAAA;IACpB,IAAI,EAAE,SAAS,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CACtC;AACD,eAAO,MAAM,cAAc,GACzB,YAAY,OAAO,GAAG,SAAS,EAC/B,MAAM,SAAS,GAAG,SAAS,EAC3B,WAAU,SAAgB,KACzB,cAoBF,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EACL,KAAK,EAKN,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAMN,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AA2KrC,eAAO,MAAM,KAAK,oFAAqD,CAAA"}
1
+ {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,QAAQ,EAAc,MAAM,eAAe,CAAA;AAC5E,OAAO,EAAE,KAAK,EAA+D,MAAM,gBAAgB,CAAA;AACnG,OAAO,KAON,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAgNrC,eAAO,MAAM,KAAK,oFAAqD,CAAA"}
@@ -1,6 +1,11 @@
1
1
  import { InputRef } from '@chem-po/core';
2
2
  import { MultipleSelectField } from '@chem-po/react';
3
- import React from 'react';
3
+ import React, { PropsWithChildren } from 'react';
4
+ import { StyleProp, ViewStyle } from 'react-native';
4
5
  import { FieldProps } from '../../types';
6
+ export declare const SelectedOptionContainer: ({ children, style, }: PropsWithChildren<{
7
+ key?: string;
8
+ style?: StyleProp<ViewStyle>;
9
+ }>) => React.JSX.Element;
5
10
  export declare const MultipleSelectComponent: React.ForwardRefExoticComponent<FieldProps<MultipleSelectField> & React.RefAttributes<InputRef>>;
6
11
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/multipleSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,mBAAmB,EAAqC,MAAM,gBAAgB,CAAA;AACvF,OAAO,KAA0C,MAAM,OAAO,CAAA;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,eAAO,MAAM,uBAAuB,kGA6CnC,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/multipleSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA2B,MAAM,eAAe,CAAA;AACjE,OAAO,EACL,mBAAmB,EAQpB,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAAK,EAAE,EAGZ,iBAAiB,EAIlB,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAGrE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAIxC,eAAO,MAAM,uBAAuB,GAAI,sBAGrC,iBAAiB,CAAC;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,CAAC,sBAGnE,CAAA;AA0ID,eAAO,MAAM,uBAAuB,kGAA0C,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/number/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAqC,MAAM,gBAAgB,CAAA;AACpG,OAAO,KAA0E,MAAM,OAAO,CAAA;AAE9F,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKxC,eAAO,MAAM,eAAe;aAA6D,MAAM;kCAgD9F,CAAA;AAmBD,eAAO,MAAM,uBAAuB,kGAEnC,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/number/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAqC,MAAM,gBAAgB,CAAA;AACpG,OAAO,KAA0E,MAAM,OAAO,CAAA;AAE9F,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKxC,eAAO,MAAM,eAAe;aAA6D,MAAM;kCAiD9F,CAAA;AAmBD,eAAO,MAAM,uBAAuB,kGAEnC,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA2B,MAAM,eAAe,CAAA;AACjE,OAAO,EACL,WAAW,EAKZ,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAON,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAiJxC,eAAO,MAAM,eAAe,0FAAkC,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA2B,MAAM,eAAe,CAAA;AACjE,OAAO,EACL,WAAW,EAKZ,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAAgE,MAAM,OAAO,CAAA;AAIpF,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AA+GxC,eAAO,MAAM,eAAe,0FAAkC,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,SAAS,EAAqC,MAAM,gBAAgB,CAAA;AAE7E,OAAO,KAA4D,MAAM,OAAO,CAAA;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAIxC,eAAO,MAAM,aAAa,wFAmDzB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,SAAS,EAAqC,MAAM,gBAAgB,CAAA;AAE7E,OAAO,KAA4D,MAAM,OAAO,CAAA;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAIxC,eAAO,MAAM,aAAa,wFA8CzB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/text/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,SAAS,EAAqC,MAAM,gBAAgB,CAAA;AAC7E,OAAO,KAAkD,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,eAAO,MAAM,iBAAiB,wFAgC7B,CAAA"}
1
+ {"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/text/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,SAAS,EAAqC,MAAM,gBAAgB,CAAA;AAC7E,OAAO,KAAkD,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,eAAO,MAAM,iBAAiB,wFAmC7B,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/time/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAY,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,SAAS,EAAgB,MAAM,gBAAgB,CAAA;AAExD,OAAO,KAA6D,MAAM,OAAO,CAAA;AAIjF,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKxC,eAAO,MAAM,SAAS,wFAsErB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/time/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAY,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,SAAS,EAAgB,MAAM,gBAAgB,CAAA;AAExD,OAAO,KAA6D,MAAM,OAAO,CAAA;AAIjF,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKxC,eAAO,MAAM,SAAS,wFA6FrB,CAAA"}