react-restyle-components 0.1.2 → 0.1.6

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 (238) hide show
  1. package/README.md +7 -12
  2. package/lib/cjs/config/index.d.ts +2 -1
  3. package/lib/cjs/config/index.js +2 -1
  4. package/lib/cjs/config/index.js.map +1 -1
  5. package/lib/cjs/config/{style.d.ts → styles.d.ts} +0 -0
  6. package/lib/cjs/config/{style.js → styles.js} +1 -1
  7. package/lib/cjs/config/styles.js.map +1 -0
  8. package/lib/cjs/library/components/Atoms/buttons.d.ts +31 -0
  9. package/lib/cjs/library/components/Atoms/buttons.js +81 -0
  10. package/lib/cjs/library/components/Atoms/buttons.js.map +1 -0
  11. package/lib/cjs/library/components/Atoms/carousel.d.ts +6 -0
  12. package/lib/cjs/library/components/Atoms/carousel.js +27 -0
  13. package/lib/cjs/library/components/Atoms/carousel.js.map +1 -0
  14. package/lib/cjs/library/components/Atoms/form.d.ts +94 -0
  15. package/lib/cjs/library/components/Atoms/form.js +140 -0
  16. package/lib/cjs/library/components/Atoms/form.js.map +1 -0
  17. package/lib/cjs/library/components/Atoms/grid.d.ts +6 -0
  18. package/lib/cjs/library/components/Atoms/grid.js +10 -0
  19. package/lib/cjs/library/components/Atoms/grid.js.map +1 -0
  20. package/lib/cjs/library/components/Atoms/header.d.ts +16 -0
  21. package/lib/cjs/library/components/Atoms/header.js +26 -0
  22. package/lib/cjs/library/components/Atoms/header.js.map +1 -0
  23. package/lib/cjs/library/components/Atoms/icons.d.ts +37 -0
  24. package/lib/cjs/library/components/Atoms/icons.js +189 -0
  25. package/lib/cjs/library/components/Atoms/icons.js.map +1 -0
  26. package/lib/cjs/library/components/Atoms/image.d.ts +21 -0
  27. package/lib/cjs/library/components/Atoms/image.js +25 -0
  28. package/lib/cjs/library/components/Atoms/image.js.map +1 -0
  29. package/lib/cjs/library/components/Atoms/list.d.ts +12 -0
  30. package/lib/cjs/library/components/Atoms/list.js +20 -0
  31. package/lib/cjs/library/components/Atoms/list.js.map +1 -0
  32. package/lib/cjs/library/components/Atoms/loader.d.ts +3 -0
  33. package/lib/cjs/library/components/Atoms/loader.js +85 -0
  34. package/lib/cjs/library/components/Atoms/loader.js.map +1 -0
  35. package/lib/cjs/library/components/Atoms/modals.d.ts +20 -0
  36. package/lib/cjs/library/components/Atoms/modals.js +84 -0
  37. package/lib/cjs/library/components/Atoms/modals.js.map +1 -0
  38. package/lib/cjs/library/components/Atoms/svg.d.ts +17 -0
  39. package/lib/cjs/library/components/Atoms/svg.js +52 -0
  40. package/lib/cjs/library/components/Atoms/svg.js.map +1 -0
  41. package/lib/cjs/library/components/Atoms/tooltip.d.ts +9 -0
  42. package/lib/cjs/library/components/Atoms/tooltip.js +61 -0
  43. package/lib/cjs/library/components/Atoms/tooltip.js.map +1 -0
  44. package/lib/cjs/library/components/Molecules/AutoComplete.d.ts +14 -0
  45. package/lib/cjs/library/components/Molecules/AutoComplete.js +123 -0
  46. package/lib/cjs/library/components/Molecules/AutoComplete.js.map +1 -0
  47. package/lib/cjs/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.d.ts +16 -0
  48. package/lib/cjs/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js +140 -0
  49. package/lib/cjs/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js.map +1 -0
  50. package/lib/cjs/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.d.ts +10 -0
  51. package/lib/cjs/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js +128 -0
  52. package/lib/cjs/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js.map +1 -0
  53. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelect.d.ts +12 -0
  54. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelect.js +109 -0
  55. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelect.js.map +1 -0
  56. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.d.ts +13 -0
  57. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js +109 -0
  58. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js.map +1 -0
  59. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelect.d.ts +13 -0
  60. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelect.js +86 -0
  61. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelect.js.map +1 -0
  62. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.d.ts +14 -0
  63. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js +87 -0
  64. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js.map +1 -0
  65. package/lib/cjs/library/components/Molecules/AutoCompleteGroupByCheck.d.ts +10 -0
  66. package/lib/cjs/library/components/Molecules/AutoCompleteGroupByCheck.js +190 -0
  67. package/lib/cjs/library/components/Molecules/AutoCompleteGroupByCheck.js.map +1 -0
  68. package/lib/cjs/library/components/Molecules/AutocompleteCheck.d.ts +10 -0
  69. package/lib/cjs/library/components/Molecules/AutocompleteCheck.js +126 -0
  70. package/lib/cjs/library/components/Molecules/AutocompleteCheck.js.map +1 -0
  71. package/lib/cjs/library/components/Molecules/AutocompleteGroupBy.d.ts +9 -0
  72. package/lib/cjs/library/components/Molecules/AutocompleteGroupBy.js +137 -0
  73. package/lib/cjs/library/components/Molecules/AutocompleteGroupBy.js.map +1 -0
  74. package/lib/cjs/library/components/Molecules/modal/ModalClock.d.ts +12 -0
  75. package/lib/cjs/library/components/Molecules/modal/ModalClock.js +46 -0
  76. package/lib/cjs/library/components/Molecules/modal/ModalClock.js.map +1 -0
  77. package/lib/cjs/library/components/Molecules/modal/ModalConfirm.d.ts +11 -0
  78. package/lib/cjs/library/components/Molecules/modal/ModalConfirm.js +59 -0
  79. package/lib/cjs/library/components/Molecules/modal/ModalConfirm.js.map +1 -0
  80. package/lib/cjs/library/components/Molecules/modal/ModalFileUpload.d.ts +9 -0
  81. package/lib/cjs/library/components/Molecules/modal/ModalFileUpload.js +67 -0
  82. package/lib/cjs/library/components/Molecules/modal/ModalFileUpload.js.map +1 -0
  83. package/lib/cjs/library/components/Molecules/modal/ModalIdleTimeout.d.ts +9 -0
  84. package/lib/cjs/library/components/Molecules/modal/ModalIdleTimeout.js +44 -0
  85. package/lib/cjs/library/components/Molecules/modal/ModalIdleTimeout.js.map +1 -0
  86. package/lib/cjs/library/components/Molecules/modal/ModalSessionAllowed.d.ts +10 -0
  87. package/lib/cjs/library/components/Molecules/modal/ModalSessionAllowed.js +79 -0
  88. package/lib/cjs/library/components/Molecules/modal/ModalSessionAllowed.js.map +1 -0
  89. package/lib/cjs/library/components/Molecules/modal/ModalTokenExpire.d.ts +9 -0
  90. package/lib/cjs/library/components/Molecules/modal/ModalTokenExpire.js +44 -0
  91. package/lib/cjs/library/components/Molecules/modal/ModalTokenExpire.js.map +1 -0
  92. package/lib/cjs/library/components/Molecules/modal/ModalTransition.d.ts +2 -0
  93. package/lib/cjs/library/components/Molecules/modal/ModalTransition.js +27 -0
  94. package/lib/cjs/library/components/Molecules/modal/ModalTransition.js.map +1 -0
  95. package/lib/cjs/library/components/Organisms/FilterComp.d.ts +3 -0
  96. package/lib/cjs/library/components/Organisms/FilterComp.js +133 -0
  97. package/lib/cjs/library/components/Organisms/FilterComp.js.map +1 -0
  98. package/lib/cjs/library/components/Organisms/TableBootstrap.d.ts +23 -0
  99. package/lib/cjs/library/components/Organisms/TableBootstrap.js +242 -0
  100. package/lib/cjs/library/components/Organisms/TableBootstrap.js.map +1 -0
  101. package/lib/cjs/library/components/Organisms/utils.d.ts +3 -0
  102. package/lib/cjs/library/components/Organisms/utils.js +12 -0
  103. package/lib/cjs/library/components/Organisms/utils.js.map +1 -0
  104. package/lib/cjs/library/components/index.d.ts +32 -2
  105. package/lib/cjs/library/components/index.js +40 -3
  106. package/lib/cjs/library/components/index.js.map +1 -1
  107. package/lib/esm/config/index.d.ts +2 -1
  108. package/lib/esm/config/index.js +2 -1
  109. package/lib/esm/config/index.js.map +1 -1
  110. package/lib/esm/config/{style.d.ts → styles.d.ts} +0 -0
  111. package/lib/esm/config/{style.js → styles.js} +1 -1
  112. package/lib/esm/config/styles.js.map +1 -0
  113. package/lib/esm/library/components/Atoms/buttons.d.ts +31 -0
  114. package/lib/esm/library/components/Atoms/buttons.js +71 -0
  115. package/lib/esm/library/components/Atoms/buttons.js.map +1 -0
  116. package/lib/esm/library/components/Atoms/carousel.d.ts +6 -0
  117. package/lib/esm/library/components/Atoms/carousel.js +20 -0
  118. package/lib/esm/library/components/Atoms/carousel.js.map +1 -0
  119. package/lib/esm/library/components/Atoms/form.d.ts +94 -0
  120. package/lib/esm/library/components/Atoms/form.js +103 -0
  121. package/lib/esm/library/components/Atoms/form.js.map +1 -0
  122. package/lib/esm/library/components/Atoms/grid.d.ts +6 -0
  123. package/lib/esm/library/components/Atoms/grid.js +3 -0
  124. package/lib/esm/library/components/Atoms/grid.js.map +1 -0
  125. package/lib/esm/library/components/Atoms/header.d.ts +16 -0
  126. package/lib/esm/library/components/Atoms/header.js +16 -0
  127. package/lib/esm/library/components/Atoms/header.js.map +1 -0
  128. package/lib/esm/library/components/Atoms/icons.d.ts +37 -0
  129. package/lib/esm/library/components/Atoms/icons.js +145 -0
  130. package/lib/esm/library/components/Atoms/icons.js.map +1 -0
  131. package/lib/esm/library/components/Atoms/image.d.ts +21 -0
  132. package/lib/esm/library/components/Atoms/image.js +17 -0
  133. package/lib/esm/library/components/Atoms/image.js.map +1 -0
  134. package/lib/esm/library/components/Atoms/list.d.ts +12 -0
  135. package/lib/esm/library/components/Atoms/list.js +13 -0
  136. package/lib/esm/library/components/Atoms/list.js.map +1 -0
  137. package/lib/esm/library/components/Atoms/loader.d.ts +3 -0
  138. package/lib/esm/library/components/Atoms/loader.js +58 -0
  139. package/lib/esm/library/components/Atoms/loader.js.map +1 -0
  140. package/lib/esm/library/components/Atoms/modals.d.ts +20 -0
  141. package/lib/esm/library/components/Atoms/modals.js +60 -0
  142. package/lib/esm/library/components/Atoms/modals.js.map +1 -0
  143. package/lib/esm/library/components/Atoms/svg.d.ts +17 -0
  144. package/lib/esm/library/components/Atoms/svg.js +38 -0
  145. package/lib/esm/library/components/Atoms/svg.js.map +1 -0
  146. package/lib/esm/library/components/Atoms/tooltip.d.ts +9 -0
  147. package/lib/esm/library/components/Atoms/tooltip.js +38 -0
  148. package/lib/esm/library/components/Atoms/tooltip.js.map +1 -0
  149. package/lib/esm/library/components/Molecules/AutoComplete.d.ts +14 -0
  150. package/lib/esm/library/components/Molecules/AutoComplete.js +100 -0
  151. package/lib/esm/library/components/Molecules/AutoComplete.js.map +1 -0
  152. package/lib/esm/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.d.ts +16 -0
  153. package/lib/esm/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js +118 -0
  154. package/lib/esm/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js.map +1 -0
  155. package/lib/esm/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.d.ts +10 -0
  156. package/lib/esm/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js +106 -0
  157. package/lib/esm/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js.map +1 -0
  158. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelect.d.ts +12 -0
  159. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelect.js +86 -0
  160. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelect.js.map +1 -0
  161. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.d.ts +13 -0
  162. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js +86 -0
  163. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js.map +1 -0
  164. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelect.d.ts +13 -0
  165. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelect.js +63 -0
  166. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelect.js.map +1 -0
  167. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.d.ts +14 -0
  168. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js +64 -0
  169. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js.map +1 -0
  170. package/lib/esm/library/components/Molecules/AutoCompleteGroupByCheck.d.ts +10 -0
  171. package/lib/esm/library/components/Molecules/AutoCompleteGroupByCheck.js +164 -0
  172. package/lib/esm/library/components/Molecules/AutoCompleteGroupByCheck.js.map +1 -0
  173. package/lib/esm/library/components/Molecules/AutocompleteCheck.d.ts +10 -0
  174. package/lib/esm/library/components/Molecules/AutocompleteCheck.js +104 -0
  175. package/lib/esm/library/components/Molecules/AutocompleteCheck.js.map +1 -0
  176. package/lib/esm/library/components/Molecules/AutocompleteGroupBy.d.ts +9 -0
  177. package/lib/esm/library/components/Molecules/AutocompleteGroupBy.js +112 -0
  178. package/lib/esm/library/components/Molecules/AutocompleteGroupBy.js.map +1 -0
  179. package/lib/esm/library/components/Molecules/modal/ModalClock.d.ts +12 -0
  180. package/lib/esm/library/components/Molecules/modal/ModalClock.js +20 -0
  181. package/lib/esm/library/components/Molecules/modal/ModalClock.js.map +1 -0
  182. package/lib/esm/library/components/Molecules/modal/ModalConfirm.d.ts +11 -0
  183. package/lib/esm/library/components/Molecules/modal/ModalConfirm.js +36 -0
  184. package/lib/esm/library/components/Molecules/modal/ModalConfirm.js.map +1 -0
  185. package/lib/esm/library/components/Molecules/modal/ModalFileUpload.d.ts +9 -0
  186. package/lib/esm/library/components/Molecules/modal/ModalFileUpload.js +44 -0
  187. package/lib/esm/library/components/Molecules/modal/ModalFileUpload.js.map +1 -0
  188. package/lib/esm/library/components/Molecules/modal/ModalIdleTimeout.d.ts +9 -0
  189. package/lib/esm/library/components/Molecules/modal/ModalIdleTimeout.js +21 -0
  190. package/lib/esm/library/components/Molecules/modal/ModalIdleTimeout.js.map +1 -0
  191. package/lib/esm/library/components/Molecules/modal/ModalSessionAllowed.d.ts +10 -0
  192. package/lib/esm/library/components/Molecules/modal/ModalSessionAllowed.js +53 -0
  193. package/lib/esm/library/components/Molecules/modal/ModalSessionAllowed.js.map +1 -0
  194. package/lib/esm/library/components/Molecules/modal/ModalTokenExpire.d.ts +9 -0
  195. package/lib/esm/library/components/Molecules/modal/ModalTokenExpire.js +21 -0
  196. package/lib/esm/library/components/Molecules/modal/ModalTokenExpire.js.map +1 -0
  197. package/lib/esm/library/components/Molecules/modal/ModalTransition.d.ts +2 -0
  198. package/lib/esm/library/components/Molecules/modal/ModalTransition.js +20 -0
  199. package/lib/esm/library/components/Molecules/modal/ModalTransition.js.map +1 -0
  200. package/lib/esm/library/components/Organisms/FilterComp.d.ts +3 -0
  201. package/lib/esm/library/components/Organisms/FilterComp.js +109 -0
  202. package/lib/esm/library/components/Organisms/FilterComp.js.map +1 -0
  203. package/lib/esm/library/components/Organisms/TableBootstrap.d.ts +23 -0
  204. package/lib/esm/library/components/Organisms/TableBootstrap.js +216 -0
  205. package/lib/esm/library/components/Organisms/TableBootstrap.js.map +1 -0
  206. package/lib/esm/library/components/Organisms/utils.d.ts +3 -0
  207. package/lib/esm/library/components/Organisms/utils.js +4 -0
  208. package/lib/esm/library/components/Organisms/utils.js.map +1 -0
  209. package/lib/esm/library/components/index.d.ts +32 -2
  210. package/lib/esm/library/components/index.js +33 -2
  211. package/lib/esm/library/components/index.js.map +1 -1
  212. package/package.json +23 -5
  213. package/lib/cjs/config/style.js.map +0 -1
  214. package/lib/cjs/library/components/atoms/buttons.d.ts +0 -14
  215. package/lib/cjs/library/components/atoms/buttons.js +0 -85
  216. package/lib/cjs/library/components/atoms/buttons.js.map +0 -1
  217. package/lib/cjs/library/components/atoms/icon.d.ts +0 -8
  218. package/lib/cjs/library/components/atoms/icon.js +0 -3
  219. package/lib/cjs/library/components/atoms/icon.js.map +0 -1
  220. package/lib/cjs/library/components/atoms/index.d.ts +0 -1
  221. package/lib/cjs/library/components/atoms/index.js +0 -14
  222. package/lib/cjs/library/components/atoms/index.js.map +0 -1
  223. package/lib/cjs/library/components/molecules/index.d.ts +0 -0
  224. package/lib/cjs/library/components/molecules/index.js +0 -3
  225. package/lib/cjs/library/components/molecules/index.js.map +0 -1
  226. package/lib/esm/config/style.js.map +0 -1
  227. package/lib/esm/library/components/atoms/buttons.d.ts +0 -14
  228. package/lib/esm/library/components/atoms/buttons.js +0 -78
  229. package/lib/esm/library/components/atoms/buttons.js.map +0 -1
  230. package/lib/esm/library/components/atoms/icon.d.ts +0 -8
  231. package/lib/esm/library/components/atoms/icon.js +0 -2
  232. package/lib/esm/library/components/atoms/icon.js.map +0 -1
  233. package/lib/esm/library/components/atoms/index.d.ts +0 -1
  234. package/lib/esm/library/components/atoms/index.js +0 -2
  235. package/lib/esm/library/components/atoms/index.js.map +0 -1
  236. package/lib/esm/library/components/molecules/index.d.ts +0 -0
  237. package/lib/esm/library/components/molecules/index.js +0 -3
  238. package/lib/esm/library/components/molecules/index.js.map +0 -1
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ interface AutoCompleteFilterMutiSelectProps {
3
+ loader?: boolean;
4
+ placeholder?: string;
5
+ data: any;
6
+ hasError?: boolean;
7
+ onFilter: (value: string) => void;
8
+ onUpdate: (item: any) => void;
9
+ onSelect: (item: any) => any;
10
+ }
11
+ export declare const AutoCompleteFilterMutiSelect: ({ loader, placeholder, data, hasError, onFilter, onUpdate, onSelect, }: AutoCompleteFilterMutiSelectProps) => JSX.Element;
12
+ export {};
@@ -0,0 +1,86 @@
1
+ /* eslint-disable */
2
+ import React, { useState, useEffect, useRef } from "react";
3
+ import { Spinner } from "react-bootstrap";
4
+ import { Icons } from "..";
5
+ export const AutoCompleteFilterMutiSelect = ({ loader = false, placeholder = "Search...", data, hasError = false, onFilter, onUpdate, onSelect, }) => {
6
+ const [value, setValue] = useState("");
7
+ const [options, setOptions] = useState();
8
+ const [originalOptions, setOriginalOptions] = useState();
9
+ const [isListOpen, setIsListOpen] = useState(false);
10
+ const useOutsideAlerter = (ref) => {
11
+ useEffect(() => {
12
+ function handleClickOutside(event) {
13
+ if (ref.current && !ref.current.contains(event.target) && isListOpen) {
14
+ if (originalOptions && options) {
15
+ if (isListOpen) {
16
+ onUpdate && onUpdate(data.selected);
17
+ }
18
+ }
19
+ setIsListOpen(false);
20
+ setValue("");
21
+ }
22
+ }
23
+ document.addEventListener("mousedown", handleClickOutside);
24
+ return () => {
25
+ document.removeEventListener("mousedown", handleClickOutside);
26
+ };
27
+ }, [ref, isListOpen]);
28
+ };
29
+ const wrapperRef = useRef(null);
30
+ useOutsideAlerter(wrapperRef);
31
+ let count = 0;
32
+ const getSelectedItem = (selectedItem, list, findKey) => {
33
+ if (count === 0) {
34
+ const finalList = list.filter((item, index) => {
35
+ item.selected = false;
36
+ selectedItem && selectedItem.length > 0
37
+ ? selectedItem.find((sItem, index) => {
38
+ if (sItem._id === item._id) {
39
+ item.selected = true;
40
+ }
41
+ })
42
+ : (item.selected = false);
43
+ count++;
44
+ return item;
45
+ });
46
+ list = finalList;
47
+ }
48
+ return list;
49
+ };
50
+ useEffect(() => {
51
+ setOriginalOptions(getSelectedItem(data.selected, data.list, data.findKey));
52
+ setOptions(getSelectedItem(data.selected, data.list, data.findKey));
53
+ //console.log('renader');
54
+ }, [data, data.selected]);
55
+ const onChange = (e) => {
56
+ const search = e.target.value;
57
+ setValue(search);
58
+ onFilter(search);
59
+ };
60
+ const onKeyUp = (e) => {
61
+ const charCode = e.which ? e.which : e.keyCode;
62
+ if (charCode === 8) {
63
+ const search = e.target.value;
64
+ onFilter(search);
65
+ }
66
+ };
67
+ return (React.createElement(React.Fragment, null,
68
+ React.createElement("div", { ref: wrapperRef },
69
+ React.createElement("div", { className: `flex items-center leading-4 p-2 focus:outline-none focus:ring w-full shadow-sm sm:text-base border-2 ${hasError ? "border-red-500" : "border-gray-300"} rounded-md` },
70
+ React.createElement("input", { placeholder: placeholder, value: !isListOpen
71
+ ? `${(data.selected && data.selected.length) || 0} Items`
72
+ : value, className: `w-full focus:outline-none bg-none`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
73
+ loader && React.createElement(Spinner, { animation: "border", className: "mr-2 h-4 w-4" }),
74
+ isListOpen ? (React.createElement(Icons.IconFa.FaChevronUp, null)) : (React.createElement(Icons.IconFa.FaChevronDown, null))),
75
+ options && isListOpen
76
+ ? (options === null || options === void 0 ? void 0 : options.length) > 0 && (React.createElement("div", { className: "mt-1 absolute bg-gray-100 p-2 rounded-sm z-50" },
77
+ React.createElement("ul", null, options === null || options === void 0 ? void 0 : options.map((item, index) => (React.createElement(React.Fragment, null,
78
+ React.createElement("li", { key: index, className: "text-gray-400 flex items-center" },
79
+ React.createElement("input", { type: "checkbox", checked: item.selected, onChange: () => onSelect(item) }),
80
+ " ",
81
+ React.createElement("label", { className: "ml-2 mt-1 text-black" },
82
+ " ",
83
+ item[data.displayKey]))))))))
84
+ : null)));
85
+ };
86
+ //# sourceMappingURL=AutoCompleteFilterMutiSelect.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AutoCompleteFilterMutiSelect.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteFilterMutiSelect.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ interface AutoCompleteFilterMutiSelectMultiFieldsDisplayProps {
3
+ loader?: boolean;
4
+ placeholder?: string;
5
+ data: any;
6
+ hasError?: boolean;
7
+ disable?: boolean;
8
+ onFilter: (value: string) => void;
9
+ onUpdate: (item: any) => void;
10
+ onSelect: (item: any) => any;
11
+ }
12
+ export declare const AutoCompleteFilterMutiSelectMultiFieldsDisplay: ({ loader, placeholder, data, hasError, disable, onFilter, onUpdate, onSelect, }: AutoCompleteFilterMutiSelectMultiFieldsDisplayProps) => JSX.Element;
13
+ export {};
@@ -0,0 +1,86 @@
1
+ /* eslint-disable */
2
+ import React, { useState, useEffect, useRef } from "react";
3
+ import { Spinner } from "react-bootstrap";
4
+ import { Icons } from "..";
5
+ export const AutoCompleteFilterMutiSelectMultiFieldsDisplay = ({ loader = false, placeholder = "Search...", data, hasError = false, disable = false, onFilter, onUpdate, onSelect, }) => {
6
+ const [value, setValue] = useState("");
7
+ const [options, setOptions] = useState();
8
+ const [originalOptions, setOriginalOptions] = useState();
9
+ const [isListOpen, setIsListOpen] = useState(false);
10
+ const useOutsideAlerter = (ref) => {
11
+ useEffect(() => {
12
+ function handleClickOutside(event) {
13
+ if (ref.current && !ref.current.contains(event.target) && isListOpen) {
14
+ if (originalOptions && options) {
15
+ if (isListOpen) {
16
+ onUpdate && onUpdate(data.selected);
17
+ }
18
+ }
19
+ setIsListOpen(false);
20
+ setValue("");
21
+ }
22
+ }
23
+ document.addEventListener("mousedown", handleClickOutside);
24
+ return () => {
25
+ document.removeEventListener("mousedown", handleClickOutside);
26
+ };
27
+ }, [ref, isListOpen]);
28
+ };
29
+ const wrapperRef = useRef(null);
30
+ useOutsideAlerter(wrapperRef);
31
+ let count = 0;
32
+ const getSelectedItem = (selectedItem, list) => {
33
+ if (count === 0) {
34
+ const finalList = list.filter((item, index) => {
35
+ item.selected = false;
36
+ selectedItem && selectedItem.length > 0
37
+ ? selectedItem.find((sItem, index) => {
38
+ if (sItem._id === item._id) {
39
+ item.selected = true;
40
+ }
41
+ })
42
+ : (item.selected = false);
43
+ count++;
44
+ return item;
45
+ });
46
+ list = finalList;
47
+ }
48
+ return list;
49
+ };
50
+ useEffect(() => {
51
+ setOriginalOptions(getSelectedItem(data.selected, data.list));
52
+ setOptions(getSelectedItem(data.selected, data.list));
53
+ }, [data, data.selected]);
54
+ const onChange = (e) => {
55
+ const search = e.target.value;
56
+ setValue(search);
57
+ onFilter(search);
58
+ };
59
+ const onKeyUp = (e) => {
60
+ const charCode = e.which ? e.which : e.keyCode;
61
+ if (charCode === 8) {
62
+ const search = e.target.value;
63
+ onFilter(search);
64
+ }
65
+ };
66
+ return (React.createElement(React.Fragment, null,
67
+ React.createElement("div", { ref: wrapperRef, className: "w-full" },
68
+ React.createElement("div", { className: `flex items-center leading-4 p-2 focus:outline-none focus:ring w-full shadow-sm sm:text-base border-2 ${hasError ? "border-red-500" : "border-gray-300"} rounded-md` },
69
+ React.createElement("input", { placeholder: placeholder, disabled: disable, value: !isListOpen
70
+ ? `${(data.selected && data.selected.length) || 0} Items`
71
+ : value, className: `w-full focus:outline-none bg-none`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
72
+ loader && React.createElement(Spinner, { animation: "border", className: "mr-2 h-4 w-4" }),
73
+ isListOpen ? (React.createElement(Icons.IconFa.FaChevronUp, null)) : (React.createElement(Icons.IconFa.FaChevronDown, null))),
74
+ options && isListOpen
75
+ ? (options === null || options === void 0 ? void 0 : options.length) > 0 && (React.createElement("div", { className: "mt-1 bg-gray-100 p-2 rounded-sm z-50" },
76
+ React.createElement("ul", null, options === null || options === void 0 ? void 0 : options.map((item, index) => (React.createElement(React.Fragment, null,
77
+ React.createElement("li", { key: index, className: "text-gray-400 flex items-center" },
78
+ React.createElement("input", { type: "checkbox", checked: item.selected, onChange: () => onSelect(item) }),
79
+ " ",
80
+ React.createElement("label", { className: "ml-2 mt-1 text-black" }, data.displayKey
81
+ .map((key) => `${item[key]}
82
+ `)
83
+ .join(" - ")))))))))
84
+ : null)));
85
+ };
86
+ //# sourceMappingURL=AutoCompleteFilterMutiSelectMultiFieldsDisplay.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AutoCompleteFilterMutiSelectMultiFieldsDisplay.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ interface AutoCompleteFilterSingleSelectProps {
3
+ loader?: boolean;
4
+ disable?: boolean;
5
+ displayValue?: string;
6
+ placeholder?: string;
7
+ data: any;
8
+ hasError?: boolean;
9
+ onFilter: (item: any) => void;
10
+ onSelect: (item: any) => any;
11
+ }
12
+ export declare const AutoCompleteFilterSingleSelect: ({ disable, loader, displayValue, placeholder, data, hasError, onFilter, onSelect, }: AutoCompleteFilterSingleSelectProps) => JSX.Element;
13
+ export {};
@@ -0,0 +1,63 @@
1
+ /* eslint-disable */
2
+ import React, { useState, useEffect, useRef } from "react";
3
+ import { Spinner } from "react-bootstrap";
4
+ import { Icons } from "..";
5
+ export const AutoCompleteFilterSingleSelect = ({ disable = false, loader = false, displayValue = "", placeholder = "Search...", data, hasError = false, onFilter, onSelect, }) => {
6
+ const [value, setValue] = useState(displayValue);
7
+ const [options, setOptions] = useState();
8
+ const [isListOpen, setIsListOpen] = useState(false);
9
+ const useOutsideAlerter = (ref) => {
10
+ useEffect(() => {
11
+ function handleClickOutside(event) {
12
+ if (ref.current && !ref.current.contains(event.target) && isListOpen) {
13
+ setIsListOpen(false);
14
+ setValue("");
15
+ }
16
+ }
17
+ document.addEventListener("mousedown", handleClickOutside);
18
+ return () => {
19
+ document.removeEventListener("mousedown", handleClickOutside);
20
+ };
21
+ }, [ref, isListOpen]);
22
+ };
23
+ const wrapperRef = useRef(null);
24
+ useOutsideAlerter(wrapperRef);
25
+ useEffect(() => {
26
+ setOptions(data.list);
27
+ }, [data]);
28
+ useEffect(() => {
29
+ setValue(displayValue);
30
+ }, [displayValue]);
31
+ const onChange = (e) => {
32
+ const search = e.target.value;
33
+ setValue(search);
34
+ onFilter(search);
35
+ };
36
+ const onKeyUp = (e) => {
37
+ const charCode = e.which ? e.which : e.keyCode;
38
+ if (charCode === 8) {
39
+ const search = e.target.value;
40
+ onFilter(search);
41
+ }
42
+ };
43
+ return (React.createElement(React.Fragment, null,
44
+ React.createElement("div", { ref: wrapperRef },
45
+ React.createElement("div", { className: `flex items-center leading-4 p-2 focus:outline-none focus:ring w-full shadow-sm sm:text-base border-2 ${hasError ? "border-red-500" : "border-gray-300"} rounded-md` },
46
+ React.createElement("input", { placeholder: placeholder, value: !isListOpen ? value : value, className: `w-full focus:outline-none bg-none`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true), disabled: disable }),
47
+ loader && React.createElement(Spinner, { animation: "border", className: "mr-2 h-4 w-4" }),
48
+ isListOpen ? (React.createElement(Icons.IconFa.FaChevronUp, null)) : (React.createElement(Icons.IconFa.FaChevronDown, null))),
49
+ options && isListOpen
50
+ ? options.length > 0 && (React.createElement("div", { className: "mt-1 absolute bg-gray-100 p-2 rounded-sm z-50" },
51
+ React.createElement("ul", null, options === null || options === void 0 ? void 0 : options.map((item, index) => (React.createElement(React.Fragment, null,
52
+ React.createElement("li", { key: index, className: "text-gray-400 flex items-center", onClick: () => {
53
+ setValue(item[data.displayKey]);
54
+ setIsListOpen(false);
55
+ onSelect(item);
56
+ } },
57
+ " ",
58
+ React.createElement("label", { className: "ml-2 mt-1 text-black" },
59
+ " ",
60
+ item[data.displayKey]))))))))
61
+ : null)));
62
+ };
63
+ //# sourceMappingURL=AutoCompleteFilterSingleSelect.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AutoCompleteFilterSingleSelect.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteFilterSingleSelect.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ interface AutoCompleteFilterSingleSelectMultiFieldsDisplayProps {
3
+ loader?: boolean;
4
+ disable?: boolean;
5
+ displayValue?: string;
6
+ placeholder?: string;
7
+ data: any;
8
+ hasError?: boolean;
9
+ posstion?: string;
10
+ onFilter: (item: any) => void;
11
+ onSelect: (item: any) => any;
12
+ }
13
+ export declare const AutoCompleteFilterSingleSelectMultiFieldsDisplay: ({ disable, loader, displayValue, placeholder, data, hasError, posstion, onFilter, onSelect }: AutoCompleteFilterSingleSelectMultiFieldsDisplayProps) => JSX.Element;
14
+ export {};
@@ -0,0 +1,64 @@
1
+ /* eslint-disable */
2
+ import React, { useState, useEffect, useRef } from "react";
3
+ import { Spinner } from "react-bootstrap";
4
+ import { Icons } from "..";
5
+ export const AutoCompleteFilterSingleSelectMultiFieldsDisplay = ({ disable = false, loader = false, displayValue = "", placeholder = "Search...", data, hasError = false, posstion = 'absolute', onFilter, onSelect }) => {
6
+ const [value, setValue] = useState(displayValue);
7
+ const [options, setOptions] = useState(data.list);
8
+ const [isListOpen, setIsListOpen] = useState(false);
9
+ const useOutsideAlerter = (ref) => {
10
+ useEffect(() => {
11
+ function handleClickOutside(event) {
12
+ if (ref.current && !ref.current.contains(event.target) && isListOpen) {
13
+ setIsListOpen(false);
14
+ setValue("");
15
+ }
16
+ }
17
+ document.addEventListener("mousedown", handleClickOutside);
18
+ return () => {
19
+ document.removeEventListener("mousedown", handleClickOutside);
20
+ };
21
+ }, [ref, isListOpen]);
22
+ };
23
+ const wrapperRef = useRef(null);
24
+ useOutsideAlerter(wrapperRef);
25
+ useEffect(() => {
26
+ setOptions(data.list);
27
+ }, [data]);
28
+ useEffect(() => {
29
+ setValue(displayValue);
30
+ }, [displayValue]);
31
+ const onChange = (e) => {
32
+ const search = e.target.value;
33
+ setValue(search);
34
+ onFilter(search);
35
+ };
36
+ const onKeyUp = (e) => {
37
+ const charCode = e.which ? e.which : e.keyCode;
38
+ if (charCode === 8) {
39
+ const search = e.target.value;
40
+ onFilter(search);
41
+ }
42
+ };
43
+ return (React.createElement(React.Fragment, null,
44
+ React.createElement("div", { ref: wrapperRef },
45
+ React.createElement("div", { className: `flex items-center leading-4 p-2 focus:outline-none focus:ring w-full shadow-sm sm:text-base border-2 ${hasError ? "border-red-500" : "border-gray-300"} rounded-md` },
46
+ React.createElement("input", { placeholder: placeholder, value: !isListOpen ? value : value, className: `w-full focus:outline-none bg-none`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true), disabled: disable, onMouseDown: () => setValue("") }),
47
+ loader && React.createElement(Spinner, { animation: "border", className: "mr-2 h-4 w-4" }),
48
+ isListOpen ? (React.createElement(Icons.IconFa.FaChevronUp, null)) : (React.createElement(Icons.IconFa.FaChevronDown, null))),
49
+ options && isListOpen
50
+ ? options.length > 0 && (React.createElement("div", { className: `mt-1 ${posstion} z-2 bg-gray-100 p-2 rounded-sm z-50` },
51
+ React.createElement("ul", null, options === null || options === void 0 ? void 0 : options.map((item, index) => (React.createElement(React.Fragment, null,
52
+ React.createElement("li", { key: index, className: "text-gray-400 flex items-center", onClick: () => {
53
+ setValue(data.displayKey.map((key) => `${item[key]}`).join(" - "));
54
+ setIsListOpen(false);
55
+ onSelect(item);
56
+ } },
57
+ " ",
58
+ React.createElement("label", { className: "ml-2 mt-1 text-black" }, data.displayKey
59
+ .map((key) => `${item[key]}
60
+ `)
61
+ .join(" - ")))))))))
62
+ : null)));
63
+ };
64
+ //# sourceMappingURL=AutoCompleteFilterSingleSelectMultiFieldsDisplay.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AutoCompleteFilterSingleSelectMultiFieldsDisplay.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ interface AutoCompleteGroupByCheckProps {
3
+ data?: any[];
4
+ defaultItem: Array<any>;
5
+ onChange?: (item: any) => void;
6
+ hasError?: boolean;
7
+ onClose?: () => void;
8
+ }
9
+ export declare const AutoCompleteGroupByCheck: (props: AutoCompleteGroupByCheckProps) => JSX.Element;
10
+ export {};
@@ -0,0 +1,164 @@
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
8
+ });
9
+ };
10
+ /* eslint-disable */
11
+ import React, { useState, useEffect, useRef } from "react";
12
+ import { Icons } from "..";
13
+ import _ from "lodash";
14
+ export const AutoCompleteGroupByCheck = (props) => {
15
+ //const [userRouter, setUserRouter] = useState<any>()
16
+ const [data, setData] = useState();
17
+ const [options, setOptions] = useState();
18
+ const [isListOpen, setIsListOpen] = useState(false);
19
+ const selectedOptionsRef = useRef([]);
20
+ const valueRef = useRef("");
21
+ const useOutsideAlerter = (ref) => {
22
+ useEffect(() => {
23
+ function handleClickOutside(event) {
24
+ if (ref.current && !ref.current.contains(event.target) && isListOpen) {
25
+ setIsListOpen(false);
26
+ props.onChange && props.onChange(selectedOptionsRef.current);
27
+ }
28
+ }
29
+ // Bind the event listener
30
+ document.addEventListener("mousedown", handleClickOutside);
31
+ return () => {
32
+ // Unbind the event listener on clean up
33
+ document.removeEventListener("mousedown", handleClickOutside);
34
+ };
35
+ }, [ref, isListOpen]);
36
+ };
37
+ const wrapperRef = useRef(null);
38
+ useOutsideAlerter(wrapperRef);
39
+ useEffect(() => {
40
+ if (props.data && props.defaultItem.length === 0) {
41
+ var result = props.data.map((item) => {
42
+ var item = Object.assign({}, item);
43
+ const childrenItem = item.children.map((children) => {
44
+ var record = Object.assign({}, children);
45
+ record.selected = false;
46
+ return record;
47
+ });
48
+ item.children = childrenItem;
49
+ return item;
50
+ });
51
+ setData(result);
52
+ setOptions(result);
53
+ }
54
+ else if (props.data && props.defaultItem.length > 0) {
55
+ var result = props.data.map((item) => {
56
+ var item = Object.assign({}, item);
57
+ const childrenItem = item.children.map((children) => {
58
+ children.selected = false;
59
+ props.defaultItem.filter((el) => {
60
+ el.children.forEach((element) => {
61
+ if (element.name == children.name) {
62
+ children.selected = true;
63
+ }
64
+ });
65
+ });
66
+ return children;
67
+ });
68
+ item.children = childrenItem;
69
+ return item;
70
+ });
71
+ setData(result);
72
+ setOptions(result);
73
+ }
74
+ }, [props]);
75
+ const uniqByKeepFirst = (a, key) => {
76
+ const seen = new Set();
77
+ return a.filter((item) => {
78
+ const k = key(item);
79
+ return seen.has(k) ? false : seen.add(k);
80
+ });
81
+ };
82
+ const filter = (search, data) => {
83
+ if (search !== "") {
84
+ let filterArray = [];
85
+ data.filter((item) => {
86
+ item.children.filter((children) => {
87
+ const childrenItem = children.title &&
88
+ children.title.toLowerCase().indexOf(search.toLowerCase()) > -1;
89
+ if (childrenItem) {
90
+ const isSameArray = filterArray.filter((filterItem, index) => {
91
+ if (filterItem.name === item.name) {
92
+ const newChildren = filterArray[index].children.concat(children);
93
+ filterArray[index] = Object.assign(Object.assign({}, filterArray[index]), { children: newChildren });
94
+ }
95
+ });
96
+ if (isSameArray.length < 1) {
97
+ filterArray.push(Object.assign(Object.assign({}, item), { children: [children] }));
98
+ }
99
+ const uniqueChars = uniqByKeepFirst(filterArray, (it) => it.name);
100
+ filterArray = uniqueChars;
101
+ }
102
+ });
103
+ });
104
+ setOptions(filterArray);
105
+ }
106
+ else {
107
+ setOptions(data);
108
+ }
109
+ };
110
+ // const onChange = (e) => {
111
+ // const search = e.target.value
112
+ // valueRef.current = search
113
+ // filter(search, data)
114
+ // }
115
+ // const onKeyUp = (e) => {
116
+ // const charCode = e.which ? e.which : e.keyCode
117
+ // if (charCode === 8) {
118
+ // const search = e.target.value
119
+ // filter(search, data)
120
+ // }
121
+ // }
122
+ const onChangeItem = (index, childrenIndex) => {
123
+ if (options) {
124
+ options[index].children[childrenIndex].selected = !options[index].children[childrenIndex].selected;
125
+ let valueItem = [];
126
+ let selectedOptions = [];
127
+ options === null || options === void 0 ? void 0 : options.forEach((item) => {
128
+ let childrenItem = [];
129
+ item.children.forEach((record) => {
130
+ if (record.selected) {
131
+ valueItem.push(record.title);
132
+ childrenItem.push(record);
133
+ selectedOptions.push(Object.assign(Object.assign({}, item), { children: childrenItem }));
134
+ }
135
+ });
136
+ });
137
+ selectedOptions = _.uniqWith(selectedOptions, _.isEqual);
138
+ valueRef.current = valueItem.join(", ");
139
+ selectedOptionsRef.current = selectedOptions;
140
+ }
141
+ setOptions(JSON.parse(JSON.stringify(options)));
142
+ setIsListOpen(true);
143
+ };
144
+ return (React.createElement(React.Fragment, null,
145
+ React.createElement("div", { ref: wrapperRef },
146
+ React.createElement("div", { className: `flex items-center leading-4 p-2 bg-white focus:outline-none focus:ring w-full shadow-sm sm:text-base border-2 ${props.hasError ? "border-red-500 " : "border-gray-300"} rounded-md` },
147
+ React.createElement("input", { placeholder: "Select item", value: valueRef.current, className: "w-full focus:outline-none",
148
+ //onKeyUp={onKeyUp}
149
+ //onChange={onChange}
150
+ onClick: () => setIsListOpen(true) }),
151
+ isListOpen ? (React.createElement(Icons.IconFa.FaChevronUp, null)) : (React.createElement(Icons.IconFa.FaChevronDown, null))),
152
+ options && isListOpen
153
+ ? (options === null || options === void 0 ? void 0 : options.length) > 0 && (React.createElement("div", { className: "mt-1 absolute z-50 border-gray-500 rounded-md bg-gray-200" },
154
+ React.createElement("ul", { className: "p-2 rounded-sm " },
155
+ React.createElement("div", { className: 'overflow-y-auto', style: { height: 'auto', maxHeight: '350px' } }, options === null || options === void 0 ? void 0 : options.map((item, index) => (React.createElement(React.Fragment, null,
156
+ React.createElement("li", { key: index, className: "text-gray-400" }, item.title),
157
+ React.createElement("ul", { className: "ml-4" }, item.children.map((children, childrenIndex) => children.title && (React.createElement("li", { key: childrenIndex, className: "hover:bg-gray-200 focus:outline-none cursor-pointer", onClick: () => __awaiter(void 0, void 0, void 0, function* () {
158
+ onChangeItem(index, childrenIndex);
159
+ }) },
160
+ React.createElement("input", { type: "checkbox", checked: children.selected, className: "mr-2" }),
161
+ children.title)))))))))))
162
+ : null)));
163
+ };
164
+ //# sourceMappingURL=AutoCompleteGroupByCheck.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AutoCompleteGroupByCheck.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteGroupByCheck.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ interface AutocompleteCheckProps {
3
+ placeholder?: string;
4
+ data?: any;
5
+ defaultData?: any[];
6
+ hasError?: boolean;
7
+ onUpdate?: (item: any) => void;
8
+ }
9
+ export declare const AutocompleteCheck: (props: AutocompleteCheckProps) => JSX.Element;
10
+ export {};