react-restyle-components 0.1.4 → 0.1.5

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 (237) hide show
  1. package/lib/cjs/config/index.d.ts +2 -1
  2. package/lib/cjs/config/index.js +2 -1
  3. package/lib/cjs/config/index.js.map +1 -1
  4. package/lib/cjs/config/{style.d.ts → styles.d.ts} +0 -0
  5. package/lib/cjs/config/{style.js → styles.js} +1 -1
  6. package/lib/cjs/config/styles.js.map +1 -0
  7. package/lib/cjs/library/components/Atoms/buttons.d.ts +31 -0
  8. package/lib/cjs/library/components/Atoms/buttons.js +81 -0
  9. package/lib/cjs/library/components/Atoms/buttons.js.map +1 -0
  10. package/lib/cjs/library/components/Atoms/carousel.d.ts +6 -0
  11. package/lib/cjs/library/components/Atoms/carousel.js +27 -0
  12. package/lib/cjs/library/components/Atoms/carousel.js.map +1 -0
  13. package/lib/cjs/library/components/Atoms/form.d.ts +94 -0
  14. package/lib/cjs/library/components/Atoms/form.js +140 -0
  15. package/lib/cjs/library/components/Atoms/form.js.map +1 -0
  16. package/lib/cjs/library/components/Atoms/grid.d.ts +6 -0
  17. package/lib/cjs/library/components/Atoms/grid.js +10 -0
  18. package/lib/cjs/library/components/Atoms/grid.js.map +1 -0
  19. package/lib/cjs/library/components/Atoms/header.d.ts +16 -0
  20. package/lib/cjs/library/components/Atoms/header.js +26 -0
  21. package/lib/cjs/library/components/Atoms/header.js.map +1 -0
  22. package/lib/cjs/library/components/Atoms/icons.d.ts +37 -0
  23. package/lib/cjs/library/components/Atoms/icons.js +189 -0
  24. package/lib/cjs/library/components/Atoms/icons.js.map +1 -0
  25. package/lib/cjs/library/components/Atoms/image.d.ts +21 -0
  26. package/lib/cjs/library/components/Atoms/image.js +25 -0
  27. package/lib/cjs/library/components/Atoms/image.js.map +1 -0
  28. package/lib/cjs/library/components/Atoms/list.d.ts +12 -0
  29. package/lib/cjs/library/components/Atoms/list.js +20 -0
  30. package/lib/cjs/library/components/Atoms/list.js.map +1 -0
  31. package/lib/cjs/library/components/Atoms/loader.d.ts +3 -0
  32. package/lib/cjs/library/components/Atoms/loader.js +85 -0
  33. package/lib/cjs/library/components/Atoms/loader.js.map +1 -0
  34. package/lib/cjs/library/components/Atoms/modals.d.ts +20 -0
  35. package/lib/cjs/library/components/Atoms/modals.js +84 -0
  36. package/lib/cjs/library/components/Atoms/modals.js.map +1 -0
  37. package/lib/cjs/library/components/Atoms/svg.d.ts +17 -0
  38. package/lib/cjs/library/components/Atoms/svg.js +52 -0
  39. package/lib/cjs/library/components/Atoms/svg.js.map +1 -0
  40. package/lib/cjs/library/components/Atoms/tooltip.d.ts +9 -0
  41. package/lib/cjs/library/components/Atoms/tooltip.js +61 -0
  42. package/lib/cjs/library/components/Atoms/tooltip.js.map +1 -0
  43. package/lib/cjs/library/components/Molecules/AutoComplete.d.ts +14 -0
  44. package/lib/cjs/library/components/Molecules/AutoComplete.js +123 -0
  45. package/lib/cjs/library/components/Molecules/AutoComplete.js.map +1 -0
  46. package/lib/cjs/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.d.ts +16 -0
  47. package/lib/cjs/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js +140 -0
  48. package/lib/cjs/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js.map +1 -0
  49. package/lib/cjs/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.d.ts +10 -0
  50. package/lib/cjs/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js +128 -0
  51. package/lib/cjs/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js.map +1 -0
  52. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelect.d.ts +12 -0
  53. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelect.js +109 -0
  54. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelect.js.map +1 -0
  55. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.d.ts +13 -0
  56. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js +109 -0
  57. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js.map +1 -0
  58. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelect.d.ts +13 -0
  59. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelect.js +86 -0
  60. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelect.js.map +1 -0
  61. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.d.ts +14 -0
  62. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js +87 -0
  63. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js.map +1 -0
  64. package/lib/cjs/library/components/Molecules/AutoCompleteGroupByCheck.d.ts +10 -0
  65. package/lib/cjs/library/components/Molecules/AutoCompleteGroupByCheck.js +190 -0
  66. package/lib/cjs/library/components/Molecules/AutoCompleteGroupByCheck.js.map +1 -0
  67. package/lib/cjs/library/components/Molecules/AutocompleteCheck.d.ts +10 -0
  68. package/lib/cjs/library/components/Molecules/AutocompleteCheck.js +126 -0
  69. package/lib/cjs/library/components/Molecules/AutocompleteCheck.js.map +1 -0
  70. package/lib/cjs/library/components/Molecules/AutocompleteGroupBy.d.ts +9 -0
  71. package/lib/cjs/library/components/Molecules/AutocompleteGroupBy.js +137 -0
  72. package/lib/cjs/library/components/Molecules/AutocompleteGroupBy.js.map +1 -0
  73. package/lib/cjs/library/components/Molecules/modal/ModalClock.d.ts +12 -0
  74. package/lib/cjs/library/components/Molecules/modal/ModalClock.js +46 -0
  75. package/lib/cjs/library/components/Molecules/modal/ModalClock.js.map +1 -0
  76. package/lib/cjs/library/components/Molecules/modal/ModalConfirm.d.ts +11 -0
  77. package/lib/cjs/library/components/Molecules/modal/ModalConfirm.js +59 -0
  78. package/lib/cjs/library/components/Molecules/modal/ModalConfirm.js.map +1 -0
  79. package/lib/cjs/library/components/Molecules/modal/ModalFileUpload.d.ts +9 -0
  80. package/lib/cjs/library/components/Molecules/modal/ModalFileUpload.js +67 -0
  81. package/lib/cjs/library/components/Molecules/modal/ModalFileUpload.js.map +1 -0
  82. package/lib/cjs/library/components/Molecules/modal/ModalIdleTimeout.d.ts +9 -0
  83. package/lib/cjs/library/components/Molecules/modal/ModalIdleTimeout.js +44 -0
  84. package/lib/cjs/library/components/Molecules/modal/ModalIdleTimeout.js.map +1 -0
  85. package/lib/cjs/library/components/Molecules/modal/ModalSessionAllowed.d.ts +10 -0
  86. package/lib/cjs/library/components/Molecules/modal/ModalSessionAllowed.js +79 -0
  87. package/lib/cjs/library/components/Molecules/modal/ModalSessionAllowed.js.map +1 -0
  88. package/lib/cjs/library/components/Molecules/modal/ModalTokenExpire.d.ts +9 -0
  89. package/lib/cjs/library/components/Molecules/modal/ModalTokenExpire.js +44 -0
  90. package/lib/cjs/library/components/Molecules/modal/ModalTokenExpire.js.map +1 -0
  91. package/lib/cjs/library/components/Molecules/modal/ModalTransition.d.ts +2 -0
  92. package/lib/cjs/library/components/Molecules/modal/ModalTransition.js +27 -0
  93. package/lib/cjs/library/components/Molecules/modal/ModalTransition.js.map +1 -0
  94. package/lib/cjs/library/components/Organisms/FilterComp.d.ts +3 -0
  95. package/lib/cjs/library/components/Organisms/FilterComp.js +133 -0
  96. package/lib/cjs/library/components/Organisms/FilterComp.js.map +1 -0
  97. package/lib/cjs/library/components/Organisms/TableBootstrap.d.ts +23 -0
  98. package/lib/cjs/library/components/Organisms/TableBootstrap.js +242 -0
  99. package/lib/cjs/library/components/Organisms/TableBootstrap.js.map +1 -0
  100. package/lib/cjs/library/components/Organisms/utils.d.ts +3 -0
  101. package/lib/cjs/library/components/Organisms/utils.js +12 -0
  102. package/lib/cjs/library/components/Organisms/utils.js.map +1 -0
  103. package/lib/cjs/library/components/index.d.ts +32 -2
  104. package/lib/cjs/library/components/index.js +40 -3
  105. package/lib/cjs/library/components/index.js.map +1 -1
  106. package/lib/esm/config/index.d.ts +2 -1
  107. package/lib/esm/config/index.js +2 -1
  108. package/lib/esm/config/index.js.map +1 -1
  109. package/lib/esm/config/{style.d.ts → styles.d.ts} +0 -0
  110. package/lib/esm/config/{style.js → styles.js} +1 -1
  111. package/lib/esm/config/styles.js.map +1 -0
  112. package/lib/esm/library/components/Atoms/buttons.d.ts +31 -0
  113. package/lib/esm/library/components/Atoms/buttons.js +71 -0
  114. package/lib/esm/library/components/Atoms/buttons.js.map +1 -0
  115. package/lib/esm/library/components/Atoms/carousel.d.ts +6 -0
  116. package/lib/esm/library/components/Atoms/carousel.js +20 -0
  117. package/lib/esm/library/components/Atoms/carousel.js.map +1 -0
  118. package/lib/esm/library/components/Atoms/form.d.ts +94 -0
  119. package/lib/esm/library/components/Atoms/form.js +103 -0
  120. package/lib/esm/library/components/Atoms/form.js.map +1 -0
  121. package/lib/esm/library/components/Atoms/grid.d.ts +6 -0
  122. package/lib/esm/library/components/Atoms/grid.js +3 -0
  123. package/lib/esm/library/components/Atoms/grid.js.map +1 -0
  124. package/lib/esm/library/components/Atoms/header.d.ts +16 -0
  125. package/lib/esm/library/components/Atoms/header.js +16 -0
  126. package/lib/esm/library/components/Atoms/header.js.map +1 -0
  127. package/lib/esm/library/components/Atoms/icons.d.ts +37 -0
  128. package/lib/esm/library/components/Atoms/icons.js +145 -0
  129. package/lib/esm/library/components/Atoms/icons.js.map +1 -0
  130. package/lib/esm/library/components/Atoms/image.d.ts +21 -0
  131. package/lib/esm/library/components/Atoms/image.js +17 -0
  132. package/lib/esm/library/components/Atoms/image.js.map +1 -0
  133. package/lib/esm/library/components/Atoms/list.d.ts +12 -0
  134. package/lib/esm/library/components/Atoms/list.js +13 -0
  135. package/lib/esm/library/components/Atoms/list.js.map +1 -0
  136. package/lib/esm/library/components/Atoms/loader.d.ts +3 -0
  137. package/lib/esm/library/components/Atoms/loader.js +58 -0
  138. package/lib/esm/library/components/Atoms/loader.js.map +1 -0
  139. package/lib/esm/library/components/Atoms/modals.d.ts +20 -0
  140. package/lib/esm/library/components/Atoms/modals.js +60 -0
  141. package/lib/esm/library/components/Atoms/modals.js.map +1 -0
  142. package/lib/esm/library/components/Atoms/svg.d.ts +17 -0
  143. package/lib/esm/library/components/Atoms/svg.js +38 -0
  144. package/lib/esm/library/components/Atoms/svg.js.map +1 -0
  145. package/lib/esm/library/components/Atoms/tooltip.d.ts +9 -0
  146. package/lib/esm/library/components/Atoms/tooltip.js +38 -0
  147. package/lib/esm/library/components/Atoms/tooltip.js.map +1 -0
  148. package/lib/esm/library/components/Molecules/AutoComplete.d.ts +14 -0
  149. package/lib/esm/library/components/Molecules/AutoComplete.js +100 -0
  150. package/lib/esm/library/components/Molecules/AutoComplete.js.map +1 -0
  151. package/lib/esm/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.d.ts +16 -0
  152. package/lib/esm/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js +118 -0
  153. package/lib/esm/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js.map +1 -0
  154. package/lib/esm/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.d.ts +10 -0
  155. package/lib/esm/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js +106 -0
  156. package/lib/esm/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js.map +1 -0
  157. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelect.d.ts +12 -0
  158. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelect.js +86 -0
  159. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelect.js.map +1 -0
  160. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.d.ts +13 -0
  161. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js +86 -0
  162. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js.map +1 -0
  163. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelect.d.ts +13 -0
  164. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelect.js +63 -0
  165. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelect.js.map +1 -0
  166. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.d.ts +14 -0
  167. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js +64 -0
  168. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js.map +1 -0
  169. package/lib/esm/library/components/Molecules/AutoCompleteGroupByCheck.d.ts +10 -0
  170. package/lib/esm/library/components/Molecules/AutoCompleteGroupByCheck.js +164 -0
  171. package/lib/esm/library/components/Molecules/AutoCompleteGroupByCheck.js.map +1 -0
  172. package/lib/esm/library/components/Molecules/AutocompleteCheck.d.ts +10 -0
  173. package/lib/esm/library/components/Molecules/AutocompleteCheck.js +104 -0
  174. package/lib/esm/library/components/Molecules/AutocompleteCheck.js.map +1 -0
  175. package/lib/esm/library/components/Molecules/AutocompleteGroupBy.d.ts +9 -0
  176. package/lib/esm/library/components/Molecules/AutocompleteGroupBy.js +112 -0
  177. package/lib/esm/library/components/Molecules/AutocompleteGroupBy.js.map +1 -0
  178. package/lib/esm/library/components/Molecules/modal/ModalClock.d.ts +12 -0
  179. package/lib/esm/library/components/Molecules/modal/ModalClock.js +20 -0
  180. package/lib/esm/library/components/Molecules/modal/ModalClock.js.map +1 -0
  181. package/lib/esm/library/components/Molecules/modal/ModalConfirm.d.ts +11 -0
  182. package/lib/esm/library/components/Molecules/modal/ModalConfirm.js +36 -0
  183. package/lib/esm/library/components/Molecules/modal/ModalConfirm.js.map +1 -0
  184. package/lib/esm/library/components/Molecules/modal/ModalFileUpload.d.ts +9 -0
  185. package/lib/esm/library/components/Molecules/modal/ModalFileUpload.js +44 -0
  186. package/lib/esm/library/components/Molecules/modal/ModalFileUpload.js.map +1 -0
  187. package/lib/esm/library/components/Molecules/modal/ModalIdleTimeout.d.ts +9 -0
  188. package/lib/esm/library/components/Molecules/modal/ModalIdleTimeout.js +21 -0
  189. package/lib/esm/library/components/Molecules/modal/ModalIdleTimeout.js.map +1 -0
  190. package/lib/esm/library/components/Molecules/modal/ModalSessionAllowed.d.ts +10 -0
  191. package/lib/esm/library/components/Molecules/modal/ModalSessionAllowed.js +53 -0
  192. package/lib/esm/library/components/Molecules/modal/ModalSessionAllowed.js.map +1 -0
  193. package/lib/esm/library/components/Molecules/modal/ModalTokenExpire.d.ts +9 -0
  194. package/lib/esm/library/components/Molecules/modal/ModalTokenExpire.js +21 -0
  195. package/lib/esm/library/components/Molecules/modal/ModalTokenExpire.js.map +1 -0
  196. package/lib/esm/library/components/Molecules/modal/ModalTransition.d.ts +2 -0
  197. package/lib/esm/library/components/Molecules/modal/ModalTransition.js +20 -0
  198. package/lib/esm/library/components/Molecules/modal/ModalTransition.js.map +1 -0
  199. package/lib/esm/library/components/Organisms/FilterComp.d.ts +3 -0
  200. package/lib/esm/library/components/Organisms/FilterComp.js +109 -0
  201. package/lib/esm/library/components/Organisms/FilterComp.js.map +1 -0
  202. package/lib/esm/library/components/Organisms/TableBootstrap.d.ts +23 -0
  203. package/lib/esm/library/components/Organisms/TableBootstrap.js +216 -0
  204. package/lib/esm/library/components/Organisms/TableBootstrap.js.map +1 -0
  205. package/lib/esm/library/components/Organisms/utils.d.ts +3 -0
  206. package/lib/esm/library/components/Organisms/utils.js +4 -0
  207. package/lib/esm/library/components/Organisms/utils.js.map +1 -0
  208. package/lib/esm/library/components/index.d.ts +32 -2
  209. package/lib/esm/library/components/index.js +33 -2
  210. package/lib/esm/library/components/index.js.map +1 -1
  211. package/package.json +23 -5
  212. package/lib/cjs/config/style.js.map +0 -1
  213. package/lib/cjs/library/components/atoms/buttons.d.ts +0 -14
  214. package/lib/cjs/library/components/atoms/buttons.js +0 -84
  215. package/lib/cjs/library/components/atoms/buttons.js.map +0 -1
  216. package/lib/cjs/library/components/atoms/icon.d.ts +0 -8
  217. package/lib/cjs/library/components/atoms/icon.js +0 -3
  218. package/lib/cjs/library/components/atoms/icon.js.map +0 -1
  219. package/lib/cjs/library/components/atoms/index.d.ts +0 -1
  220. package/lib/cjs/library/components/atoms/index.js +0 -14
  221. package/lib/cjs/library/components/atoms/index.js.map +0 -1
  222. package/lib/cjs/library/components/molecules/index.d.ts +0 -0
  223. package/lib/cjs/library/components/molecules/index.js +0 -3
  224. package/lib/cjs/library/components/molecules/index.js.map +0 -1
  225. package/lib/esm/config/style.js.map +0 -1
  226. package/lib/esm/library/components/atoms/buttons.d.ts +0 -14
  227. package/lib/esm/library/components/atoms/buttons.js +0 -77
  228. package/lib/esm/library/components/atoms/buttons.js.map +0 -1
  229. package/lib/esm/library/components/atoms/icon.d.ts +0 -8
  230. package/lib/esm/library/components/atoms/icon.js +0 -2
  231. package/lib/esm/library/components/atoms/icon.js.map +0 -1
  232. package/lib/esm/library/components/atoms/index.d.ts +0 -1
  233. package/lib/esm/library/components/atoms/index.js +0 -2
  234. package/lib/esm/library/components/atoms/index.js.map +0 -1
  235. package/lib/esm/library/components/molecules/index.d.ts +0 -0
  236. package/lib/esm/library/components/molecules/index.js +0 -3
  237. package/lib/esm/library/components/molecules/index.js.map +0 -1
@@ -0,0 +1,104 @@
1
+ /* eslint-disable */
2
+ import React, { useState, useEffect, useRef } from "react";
3
+ import { observer } from "mobx-react";
4
+ import { Icons } from "..";
5
+ export const AutocompleteCheck = observer((props) => {
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
+ props.onUpdate &&
17
+ props.onUpdate(options.filter((item) => item.selected === true));
18
+ }
19
+ }
20
+ setIsListOpen(false);
21
+ setValue("");
22
+ }
23
+ }
24
+ document.addEventListener("mousedown", handleClickOutside);
25
+ return () => {
26
+ document.removeEventListener("mousedown", handleClickOutside);
27
+ };
28
+ }, [ref, isListOpen]);
29
+ };
30
+ const wrapperRef = useRef(null);
31
+ useOutsideAlerter(wrapperRef);
32
+ let count = 0;
33
+ const getSelectedItem = (defulatValues, list, findKey) => {
34
+ if (count === 0) {
35
+ //console.log({ defulatValues, list })
36
+ const finalList = list.filter((item, index) => {
37
+ defulatValues.length > 0 &&
38
+ defulatValues.find((rItem, index) => {
39
+ if (rItem[findKey] === item[findKey]) {
40
+ item.selected = true;
41
+ }
42
+ });
43
+ count++;
44
+ return item;
45
+ });
46
+ //console.log({ finalList })
47
+ list = finalList;
48
+ }
49
+ return list;
50
+ };
51
+ useEffect(() => {
52
+ setOriginalOptions(getSelectedItem(props.data.defulatValues, props.data.list, props.data.findKey));
53
+ setOptions(getSelectedItem(props.data.defulatValues, props.data.list, props.data.findKey));
54
+ }, [props]);
55
+ const onChangeItem = (item, index) => {
56
+ if (options) {
57
+ options[index].selected = item.selected ? false : true;
58
+ }
59
+ setIsListOpen(true);
60
+ setOptions(options);
61
+ };
62
+ const filter = (search, data) => {
63
+ if (search) {
64
+ const filterArray = data.filter((item) => {
65
+ const value = item.name || item.description;
66
+ return value.toLowerCase().indexOf(search.toLowerCase()) > -1;
67
+ });
68
+ setOptions(filterArray);
69
+ }
70
+ else {
71
+ setOptions(originalOptions);
72
+ }
73
+ };
74
+ const onChange = (e) => {
75
+ const search = e.target.value;
76
+ setValue(search);
77
+ filter(search, options);
78
+ };
79
+ const onKeyUp = (e) => {
80
+ const charCode = e.which ? e.which : e.keyCode;
81
+ if (charCode === 8) {
82
+ const search = e.target.value;
83
+ filter(search, originalOptions);
84
+ }
85
+ };
86
+ return (React.createElement(React.Fragment, null,
87
+ React.createElement("div", { ref: wrapperRef },
88
+ 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 ${props.hasError ? "border-red-500" : "border-gray-300"} rounded-md` },
89
+ React.createElement("input", { placeholder: props.placeholder || "Search ...", value: !isListOpen
90
+ ? `${(options === null || options === void 0 ? void 0 : options.filter((item) => item.selected === true).length) || 0} Items`
91
+ : value, className: `w-full focus:outline-none bg-none`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
92
+ isListOpen ? (React.createElement(Icons.IconFa.FaChevronUp, null)) : (React.createElement(Icons.IconFa.FaChevronDown, null))),
93
+ options && isListOpen
94
+ ? (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" },
95
+ React.createElement("ul", null, options === null || options === void 0 ? void 0 : options.map((item, index) => (React.createElement(React.Fragment, null,
96
+ React.createElement("li", { key: index, className: "text-gray-400 flex items-center" },
97
+ React.createElement("input", { type: "checkbox", name: item.code, value: item.code, checked: item.selected, onChange: () => onChangeItem(item, index) }),
98
+ " ",
99
+ React.createElement("label", { className: "ml-2 mt-1 text-black" },
100
+ " ",
101
+ item[props.data.displayKey]))))))))
102
+ : null)));
103
+ });
104
+ //# sourceMappingURL=AutocompleteCheck.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AutocompleteCheck.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutocompleteCheck.tsx"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAC,KAAK,EAAC,MAAM,IAAI,CAAA;AAUxB,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,CAAC,KAA6B,EAAE,EAAE;IAC1E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAA;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAS,CAAA;IAC/C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,EAAS,CAAA;IAC/D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAE5D,MAAM,iBAAiB,GAAG,CAAC,GAAG,EAAE,EAAE;QAChC,SAAS,CAAC,GAAG,EAAE;YACb,SAAS,kBAAkB,CAAC,KAAK;gBAC/B,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,UAAU,EAAE;oBACpE,IAAI,eAAe,IAAI,OAAO,EAAE;wBAC9B,IAAI,UAAU,EAAE;4BACd,KAAK,CAAC,QAAQ;gCACZ,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAA;yBACnE;qBACF;oBACD,aAAa,CAAC,KAAK,CAAC,CAAA;oBACpB,QAAQ,CAAC,EAAE,CAAC,CAAA;iBACb;YACH,CAAC;YACD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;YAC1D,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;YAC/D,CAAC,CAAA;QACH,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAC/B,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAC7B,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,MAAM,eAAe,GAAG,CAAC,aAAkB,EAAE,IAAW,EAAE,OAAe,EAAE,EAAE;QAC3E,IAAI,KAAK,KAAK,CAAC,EAAE;YACf,sCAAsC;YACtC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAC5C,aAAa,CAAC,MAAM,GAAG,CAAC;oBACtB,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;wBAClC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,EAAE;4BACpC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;yBACrB;oBACH,CAAC,CAAC,CAAA;gBACJ,KAAK,EAAE,CAAA;gBACP,OAAO,IAAI,CAAA;YACb,CAAC,CAAC,CAAA;YACF,4BAA4B;YAC5B,IAAI,GAAG,SAAS,CAAA;SACjB;QACD,OAAO,IAAI,CAAA;IACb,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,kBAAkB,CAChB,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAC/E,CAAA;QACD,UAAU,CACR,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAC/E,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,YAAY,GAAG,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE;QAChD,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;SACvD;QACD,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,UAAU,CAAC,OAAO,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE;QAC9B,IAAI,MAAM,EAAE;YACV,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;gBACvC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,CAAA;gBAC3C,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;YAC/D,CAAC,CAAC,CAAA;YACF,UAAU,CAAC,WAAW,CAAC,CAAA;SACxB;aAAM;YACL,UAAU,CAAC,eAAe,CAAC,CAAA;SAC5B;IACH,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,CAAC,CAAC,EAAE,EAAE;QACrB,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAC7B,QAAQ,CAAC,MAAM,CAAC,CAAA;QAChB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACzB,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE;QACpB,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;QAC9C,IAAI,QAAQ,KAAK,CAAC,EAAE;YAClB,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;YAC7B,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;SAChC;IACH,CAAC,CAAA;IAED,OAAO,CACL;QACE,6BAAK,GAAG,EAAE,UAAU;YAClB,6BACE,SAAS,EAAE,yGACT,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBACtC,aAAa;gBAEb,+BACE,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,YAAY,EAC9C,KAAK,EACH,CAAC,UAAU;wBACT,CAAC,CAAC,GACE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE,MAAM,KAAI,CAC9D,QAAQ;wBACV,CAAC,CAAC,KAAK,EAEX,SAAS,EAAE,mCAAmC,EAC9C,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,GAClC;gBACD,UAAU,CAAC,CAAC,CAAC,CACZ,oBAAC,KAAK,CAAC,MAAM,CAAC,WAAW,OAAG,CAC7B,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,CAAC,MAAM,CAAC,aAAa,OAAG,CAC/B,CACG;YAEL,OAAO,IAAI,UAAU;gBACpB,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,IAAG,CAAC,IAAI,CACrB,6BAAK,SAAS,EAAC,+CAA+C;oBAC5D,gCACG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B;wBACE,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,iCAAiC;4BACzD,+BACE,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,GACzC;4BAAC,GAAG;4BACN,+BAAO,SAAS,EAAC,sBAAsB;gCACpC,GAAG;gCACH,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CACtB,CACL,CACJ,CACJ,CAAC,CACC,CACD,CACP;gBACH,CAAC,CAAC,IAAI,CACJ,CACL,CACJ,CAAA;AACH,CAAC,CAAC,CAAA"}
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ interface AutocompleteGroupByProps {
3
+ data?: any[];
4
+ onChange?: (item: any, children: any) => void;
5
+ hasError?: boolean;
6
+ onClose?: () => void;
7
+ }
8
+ export declare const AutocompleteGroupBy: (props: AutocompleteGroupByProps) => JSX.Element;
9
+ export {};
@@ -0,0 +1,112 @@
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 { observer } from "mobx-react";
13
+ import { Icons } from "..";
14
+ import PerfectScrollbar from "react-perfect-scrollbar";
15
+ export const AutocompleteGroupBy = observer((props) => {
16
+ //const [userRouter, setUserRouter] = useState<any>()
17
+ const [value, setValue] = useState("");
18
+ const [data, setData] = useState();
19
+ const [options, setOptions] = useState();
20
+ const [isListOpen, setIsListOpen] = useState(false);
21
+ const useOutsideAlerter = (ref) => {
22
+ useEffect(() => {
23
+ /**
24
+ * Alert if clicked on outside of element
25
+ */
26
+ function handleClickOutside(event) {
27
+ if (ref.current && !ref.current.contains(event.target) && isListOpen) {
28
+ setIsListOpen(false);
29
+ setValue("");
30
+ }
31
+ }
32
+ // Bind the event listener
33
+ document.addEventListener("mousedown", handleClickOutside);
34
+ return () => {
35
+ // Unbind the event listener on clean up
36
+ document.removeEventListener("mousedown", handleClickOutside);
37
+ };
38
+ }, [ref, isListOpen]);
39
+ };
40
+ const wrapperRef = useRef(null);
41
+ useOutsideAlerter(wrapperRef);
42
+ useEffect(() => {
43
+ setData(props.data);
44
+ setOptions(props.data);
45
+ }, [props]);
46
+ const uniqByKeepFirst = (a, key) => {
47
+ const seen = new Set();
48
+ return a.filter((item) => {
49
+ const k = key(item);
50
+ return seen.has(k) ? false : seen.add(k);
51
+ });
52
+ };
53
+ const filter = (search, data) => {
54
+ if (search !== "") {
55
+ let filterArray = [];
56
+ data.filter((item) => {
57
+ item.children.filter((children) => {
58
+ const childrenItem = children.title &&
59
+ children.title.toLowerCase().indexOf(search.toLowerCase()) > -1;
60
+ if (childrenItem) {
61
+ const isSameArray = filterArray.filter((filterItem, index) => {
62
+ if (filterItem.name === item.name) {
63
+ const newChildren = filterArray[index].children.concat(children);
64
+ filterArray[index] = Object.assign(Object.assign({}, filterArray[index]), { children: newChildren });
65
+ }
66
+ });
67
+ if (isSameArray.length < 1) {
68
+ filterArray.push(Object.assign(Object.assign({}, item), { children: [children] }));
69
+ }
70
+ const uniqueChars = uniqByKeepFirst(filterArray, (it) => it.name);
71
+ filterArray = uniqueChars;
72
+ }
73
+ });
74
+ });
75
+ setOptions(filterArray);
76
+ }
77
+ else {
78
+ setOptions(data);
79
+ }
80
+ };
81
+ const onChange = (e) => {
82
+ const search = e.target.value;
83
+ setValue(search);
84
+ filter(search, data);
85
+ };
86
+ const onKeyUp = (e) => {
87
+ const charCode = e.which ? e.which : e.keyCode;
88
+ if (charCode === 8) {
89
+ const search = e.target.value;
90
+ filter(search, data);
91
+ }
92
+ };
93
+ return (React.createElement(React.Fragment, null,
94
+ React.createElement("div", { ref: wrapperRef },
95
+ 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` },
96
+ React.createElement("input", { placeholder: "Search...", value: value, className: "w-full focus:outline-none", onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
97
+ isListOpen ? (React.createElement(Icons.IconFa.FaChevronUp, null)) : (React.createElement(Icons.IconFa.FaChevronDown, null))),
98
+ options && isListOpen
99
+ ? (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" },
100
+ React.createElement("ul", { className: "p-2 rounded-sm" },
101
+ React.createElement(PerfectScrollbar, null,
102
+ React.createElement("div", { className: "", style: { height: "auto", maxHeight: "350px" } }, options === null || options === void 0 ? void 0 : options.map((item, index) => (React.createElement(React.Fragment, null,
103
+ React.createElement("li", { key: index, className: "text-gray-400" }, item.title),
104
+ React.createElement("ul", { className: "ml-4" }, item.children.map((children, childrenIndex) => (React.createElement("li", { key: childrenIndex, className: "hover:bg-gray-200 focus:outline-none cursor-pointer", onClick: () => __awaiter(void 0, void 0, void 0, function* () {
105
+ props.onChange && props.onChange(item, children);
106
+ setIsListOpen(false);
107
+ setValue(children.title);
108
+ setOptions([]);
109
+ }) }, children.title))))))))))))
110
+ : null)));
111
+ });
112
+ //# sourceMappingURL=AutocompleteGroupBy.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AutocompleteGroupBy.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutocompleteGroupBy.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,qBAAqB;AACrB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAC,KAAK,EAAC,MAAM,IAAI,CAAA;AACxB,OAAO,gBAAgB,MAAM,yBAAyB,CAAA;AAStD,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,CAAC,KAA+B,EAAE,EAAE;IAC9E,qDAAqD;IACrD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAA;IAC9C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAS,CAAA;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAS,CAAA;IAC/C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAE5D,MAAM,iBAAiB,GAAG,CAAC,GAAG,EAAE,EAAE;QAChC,SAAS,CAAC,GAAG,EAAE;YACb;;eAEG;YACH,SAAS,kBAAkB,CAAC,KAAK;gBAC/B,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,UAAU,EAAE;oBACpE,aAAa,CAAC,KAAK,CAAC,CAAA;oBACpB,QAAQ,CAAC,EAAE,CAAC,CAAA;iBACb;YACH,CAAC;YACD,0BAA0B;YAC1B,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;YAC1D,OAAO,GAAG,EAAE;gBACV,wCAAwC;gBACxC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;YAC/D,CAAC,CAAA;QACH,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAC/B,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAE7B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QACnB,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;QACjC,MAAM,IAAI,GAAG,IAAI,GAAG,EAAE,CAAA;QACtB,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;YACvB,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,CAAA;YACnB,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;QAC1C,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE;QAC9B,IAAI,MAAM,KAAK,EAAE,EAAE;YACjB,IAAI,WAAW,GAAU,EAAE,CAAA;YAC3B,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;gBACnB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE;oBAChC,MAAM,YAAY,GAChB,QAAQ,CAAC,KAAK;wBACd,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;oBACjE,IAAI,YAAY,EAAE;wBAChB,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE;4BAC3D,IAAI,UAAU,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE;gCACjC,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;gCAChE,WAAW,CAAC,KAAK,CAAC,mCAAQ,WAAW,CAAC,KAAK,CAAC,KAAE,QAAQ,EAAE,WAAW,GAAE,CAAA;6BACtE;wBACH,CAAC,CAAC,CAAA;wBACF,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;4BAC1B,WAAW,CAAC,IAAI,iCAAM,IAAI,KAAE,QAAQ,EAAE,CAAC,QAAQ,CAAC,IAAG,CAAA;yBACpD;wBACD,MAAM,WAAW,GAAG,eAAe,CAAC,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAA;wBACjE,WAAW,GAAG,WAAW,CAAA;qBAC1B;gBACH,CAAC,CAAC,CAAA;YACJ,CAAC,CAAC,CAAA;YACF,UAAU,CAAC,WAAW,CAAC,CAAA;SACxB;aAAM;YACL,UAAU,CAAC,IAAI,CAAC,CAAA;SACjB;IACH,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,CAAC,CAAC,EAAE,EAAE;QACrB,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAC7B,QAAQ,CAAC,MAAM,CAAC,CAAA;QAChB,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE;QACpB,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;QAC9C,IAAI,QAAQ,KAAK,CAAC,EAAE;YAClB,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;YAC7B,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;SACrB;IACH,CAAC,CAAA;IAED,OAAO,CACL;QACE,6BAAK,GAAG,EAAE,UAAU;YAClB,6BACE,SAAS,EAAE,mHACT,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBACvC,aAAa;gBAEb,+BACE,WAAW,EAAC,WAAW,EACvB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,GAClC;gBACD,UAAU,CAAC,CAAC,CAAC,CACZ,oBAAC,KAAK,CAAC,MAAM,CAAC,WAAW,OAAG,CAC7B,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,CAAC,MAAM,CAAC,aAAa,OAAG,CAC/B,CACG;YACL,OAAO,IAAI,UAAU;gBACpB,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,IAAG,CAAC,IAAI,CACrB,6BAAK,SAAS,EAAC,2DAA2D;oBACxE,4BAAI,SAAS,EAAC,gBAAgB;wBAC5B,oBAAC,gBAAgB;4BACjB,6BACE,SAAS,EAAC,EAAE,EACZ,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,IAE5C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B;gCACE,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,eAAe,IACtC,IAAI,CAAC,KAAK,CACR;gCACL,4BAAI,SAAS,EAAC,MAAM,IACjB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,aAAa,EAAE,EAAE,CAAC,CAC9C,4BACE,GAAG,EAAE,aAAa,EAClB,SAAS,EAAC,qDAAqD,EAC/D,OAAO,EAAE,GAAS,EAAE;wCAClB,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;wCAChD,aAAa,CAAC,KAAK,CAAC,CAAA;wCACpB,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;wCACxB,UAAU,CAAC,EAAE,CAAC,CAAA;oCAChB,CAAC,CAAA,IAEA,QAAQ,CAAC,KAAK,CACZ,CACN,CAAC,CACC,CACJ,CACJ,CAAC,CACE,CACW,CACd,CACD,CACP;gBACH,CAAC,CAAC,IAAI,CACJ,CACL,CACJ,CAAA;AACH,CAAC,CAAC,CAAA"}
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ interface ModalProps {
3
+ time?: any;
4
+ show?: boolean;
5
+ title?: string;
6
+ type?: string;
7
+ body?: string;
8
+ onClick: (time?: any) => void;
9
+ onClose: () => void;
10
+ }
11
+ export declare const ModalClock: (props: ModalProps) => JSX.Element;
12
+ export {};
@@ -0,0 +1,20 @@
1
+ import React, { useEffect } from "react";
2
+ import { Container } from "reactstrap";
3
+ import TimeKeeper from "react-timekeeper";
4
+ export const ModalClock = (props) => {
5
+ const [showModal, setShowModal] = React.useState(props.show);
6
+ useEffect(() => {
7
+ setShowModal(props.show);
8
+ }, [props]);
9
+ return (React.createElement(Container, null, showModal && (React.createElement(React.Fragment, null,
10
+ React.createElement("div", { className: "justify-center items-center overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none" },
11
+ React.createElement("div", { className: "relative w-0 my-6 mx-auto" },
12
+ React.createElement("div", { className: "border-0 justify-center items-center rounded-lg shadow-lg relative flex flex-col bg-white outline-none focus:outline-none" },
13
+ React.createElement(React.Fragment, null,
14
+ React.createElement("div", { className: "relative p-2 flex-auto" },
15
+ React.createElement(TimeKeeper, { time: props.time, onChange: (newTime) => {
16
+ props.onClick(newTime.formatted12);
17
+ }, onDoneClick: () => props.onClose(), switchToMinuteOnHourSelect: true })))))),
18
+ React.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })))));
19
+ };
20
+ //# sourceMappingURL=ModalClock.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalClock.js","sourceRoot":"","sources":["../../../../../../src/library/components/Molecules/modal/ModalClock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AACtC,OAAO,UAAU,MAAM,kBAAkB,CAAA;AAYzC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAiB,EAAE,EAAE;IAC9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC5D,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,oBAAC,SAAS,QACP,SAAS,IAAI,CACZ;QACE,6BAAK,SAAS,EAAC,mHAAmH;YAChI,6BAAK,SAAS,EAAC,2BAA2B;gBAExC,6BAAK,SAAS,EAAC,4HAA4H;oBACzI;wBACE,6BAAK,SAAS,EAAC,wBAAwB;4BACrC,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;oCACpB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;gCACpC,CAAC,EACD,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,EAClC,0BAA0B,SAC1B,CACE,CACL,CACC,CACF,CACF;QACN,6BAAK,SAAS,EAAC,wCAAwC,GAAO,CAC7D,CACJ,CACS,CACb,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ interface ModalProps {
3
+ show?: boolean;
4
+ title?: string;
5
+ type?: string;
6
+ body?: string;
7
+ click: (type?: string) => void;
8
+ onClose: () => void;
9
+ }
10
+ export declare const ModalConfirm: (props: ModalProps) => JSX.Element;
11
+ export {};
@@ -0,0 +1,36 @@
1
+ import React, { useEffect } from "react";
2
+ import { Container } from "reactstrap";
3
+ export const ModalConfirm = (props) => {
4
+ const [showModal, setShowModal] = React.useState(props.show);
5
+ useEffect(() => {
6
+ setShowModal(props.show);
7
+ }, [props]);
8
+ return (React.createElement(Container, null, showModal && (React.createElement(React.Fragment, null,
9
+ React.createElement("div", { className: "justify-center items-center overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none", onClick: () => {
10
+ props.onClose();
11
+ setShowModal(false);
12
+ } },
13
+ React.createElement("div", { className: "relative w-auto my-6 mx-auto max-w-3xl" },
14
+ React.createElement("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none" },
15
+ React.createElement("div", { className: "flex items-start justify-between p-2 border-b border-solid border-gray-300 rounded-t" },
16
+ React.createElement("h3", { className: "text-3xl font-semibold" }, props.title),
17
+ React.createElement("button", { className: "p-1 border-0 text-black opacity-1 ml-6 float-right text-3xl leading-none font-semibold outline-none focus:outline-none", onClick: () => {
18
+ props.onClose();
19
+ setShowModal(false);
20
+ } },
21
+ React.createElement("span", { className: " text-black h-6 w-6 text-2xl block outline-none focus:outline-none" }, "\u00D7"))),
22
+ props.body && (React.createElement(React.Fragment, null,
23
+ React.createElement("div", { className: "relative p-2 flex-auto" },
24
+ React.createElement("p", { className: "my-4 text-gray-600 text-lg leading-relaxed" }, props.body)))),
25
+ React.createElement("div", { className: "flex items-center justify-end p-2 border-t border-solid border-gray-300 rounded-b" },
26
+ React.createElement("button", { className: "text-red-500 background-transparent font-bold uppercase px-6 py-2 text-sm outline-none focus:outline-none mr-1 mb-1", type: "button", style: { transition: "all .15s ease" }, onClick: () => {
27
+ props.onClose();
28
+ setShowModal(false);
29
+ } }, "Close"),
30
+ React.createElement("button", { className: "bg-green-500 text-white active:bg-green-600 font-bold uppercase text-sm px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1", type: "button", style: { transition: "all .15s ease" }, onClick: () => {
31
+ setShowModal(false);
32
+ props.click(props.type);
33
+ } }, "Yes"))))),
34
+ React.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })))));
35
+ };
36
+ //# sourceMappingURL=ModalConfirm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalConfirm.js","sourceRoot":"","sources":["../../../../../../src/library/components/Molecules/modal/ModalConfirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAWtC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAiB,EAAE,EAAE;IAChD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC5D,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,oBAAC,SAAS,QACP,SAAS,IAAI,CACZ;QACE,6BACE,SAAS,EAAC,mHAAmH,EAC7H,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,OAAO,EAAE,CAAA;gBACf,YAAY,CAAC,KAAK,CAAC,CAAA;YACrB,CAAC;YAED,6BAAK,SAAS,EAAC,wCAAwC;gBAErD,6BAAK,SAAS,EAAC,sGAAsG;oBAEnH,6BAAK,SAAS,EAAC,sFAAsF;wBACnG,4BAAI,SAAS,EAAC,wBAAwB,IAAE,KAAK,CAAC,KAAK,CAAM;wBACzD,gCACE,SAAS,EAAC,yHAAyH,EACnI,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,CAAC,OAAO,EAAE,CAAA;gCACf,YAAY,CAAC,KAAK,CAAC,CAAA;4BACrB,CAAC;4BAED,8BAAM,SAAS,EAAC,oEAAoE,aAE7E,CACA,CACL;oBAEL,KAAK,CAAC,IAAI,IAAI,CACb;wBACE,6BAAK,SAAS,EAAC,wBAAwB;4BACrC,2BAAG,SAAS,EAAC,4CAA4C,IACtD,KAAK,CAAC,IAAI,CACT,CACA,CACL,CACJ;oBAGD,6BAAK,SAAS,EAAC,mFAAmF;wBAChG,gCACE,SAAS,EAAC,qHAAqH,EAC/H,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,EACtC,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,CAAC,OAAO,EAAE,CAAA;gCACf,YAAY,CAAC,KAAK,CAAC,CAAA;4BACrB,CAAC,YAGM;wBACT,gCACE,SAAS,EAAC,4JAA4J,EACtK,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,EACtC,OAAO,EAAE,GAAG,EAAE;gCACZ,YAAY,CAAC,KAAK,CAAC,CAAA;gCACnB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;4BACzB,CAAC,UAGM,CACL,CACF,CACF,CACF;QACN,6BAAK,SAAS,EAAC,wCAAwC,GAAO,CAC7D,CACJ,CACS,CACb,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ interface ModalProps {
3
+ show?: boolean;
4
+ title?: string;
5
+ onClick: (image: any) => void;
6
+ onClose: () => void;
7
+ }
8
+ export declare const ModalFileUpload: (props: ModalProps) => JSX.Element;
9
+ export {};
@@ -0,0 +1,44 @@
1
+ import React, { useEffect } from "react";
2
+ import { Container } from "reactstrap";
3
+ import { Form } from "../..";
4
+ export const ModalFileUpload = (props) => {
5
+ const [showModal, setShowModal] = React.useState(props.show);
6
+ const [image, setImage] = React.useState();
7
+ useEffect(() => {
8
+ setShowModal(props.show);
9
+ }, [props.show]);
10
+ return (React.createElement(Container, null, showModal && (React.createElement(React.Fragment, null,
11
+ React.createElement("div", { className: "justify-center items-center overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none" },
12
+ React.createElement("div", { className: "relative w-auto my-6 mx-auto max-w-3xl" },
13
+ React.createElement("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none" },
14
+ React.createElement("div", { className: "flex items-start justify-between p-2 border-b border-solid border-gray-300 rounded-t" },
15
+ React.createElement("h3", { className: "text-3xl font-semibold" }, props.title),
16
+ React.createElement("button", { className: "p-1 border-0 text-black opacity-1 ml-6 float-right text-3xl leading-none font-semibold outline-none focus:outline-none", onClick: () => {
17
+ setShowModal(false);
18
+ props.onClose && props.onClose();
19
+ } },
20
+ React.createElement("span", { className: " text-black h-6 w-6 text-2xl block outline-none focus:outline-none" }, "\u00D7"))),
21
+ React.createElement("div", { className: "relative p-2 flex-auto" },
22
+ React.createElement(Form.InputFile, { label: "File", id: "file", placeholder: "File", onChange: (e) => {
23
+ const image = e.target.files[0];
24
+ setImage(image);
25
+ } })),
26
+ React.createElement("div", { className: "flex items-center justify-end p-2 border-t border-solid border-gray-300 rounded-b" },
27
+ React.createElement("button", { className: "text-red-500 background-transparent font-bold uppercase px-6 py-2 text-sm outline-none focus:outline-none mr-1 mb-1", type: "button", style: { transition: "all .15s ease" }, onClick: () => {
28
+ setShowModal(false);
29
+ props.onClose && props.onClose();
30
+ } }, "Close"),
31
+ React.createElement("button", { className: "bg-green-500 text-white active:bg-green-600 font-bold uppercase text-sm px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1", type: "button", style: { transition: "all .15s ease" }, onClick: () => {
32
+ if (image !== undefined) {
33
+ props.onClick && props.onClick(image);
34
+ }
35
+ else {
36
+ alert("Please select image");
37
+ }
38
+ } }, "Upload"))))),
39
+ React.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })))));
40
+ };
41
+ function alert(arg0) {
42
+ throw new Error("Function not implemented.");
43
+ }
44
+ //# sourceMappingURL=ModalFileUpload.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalFileUpload.js","sourceRoot":"","sources":["../../../../../../src/library/components/Molecules/modal/ModalFileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AACtC,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAA;AAS1B,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAiB,EAAE,EAAE;IACnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC5D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAO,CAAA;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAEhB,OAAO,CACL,oBAAC,SAAS,QACP,SAAS,IAAI,CACZ;QACE,6BAAK,SAAS,EAAC,mHAAmH;YAChI,6BAAK,SAAS,EAAC,wCAAwC;gBAErD,6BAAK,SAAS,EAAC,sGAAsG;oBAEnH,6BAAK,SAAS,EAAC,sFAAsF;wBACnG,4BAAI,SAAS,EAAC,wBAAwB,IAAE,KAAK,CAAC,KAAK,CAAM;wBACzD,gCACE,SAAS,EAAC,yHAAyH,EACnI,OAAO,EAAE,GAAG,EAAE;gCACZ,YAAY,CAAC,KAAK,CAAC,CAAA;gCACnB,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAA;4BAClC,CAAC;4BAED,8BAAM,SAAS,EAAC,oEAAoE,aAE7E,CACA,CACL;oBAEN,6BAAK,SAAS,EAAC,wBAAwB;wBACrC,oBAAC,IAAI,CAAC,SAAS,IACb,KAAK,EAAC,MAAM,EACZ,EAAE,EAAC,MAAM,EACT,WAAW,EAAC,MAAM,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gCACd,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;gCAC/B,QAAQ,CAAC,KAAK,CAAC,CAAA;4BACjB,CAAC,GACD,CACE;oBAEN,6BAAK,SAAS,EAAC,mFAAmF;wBAChG,gCACE,SAAS,EAAC,qHAAqH,EAC/H,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,EACtC,OAAO,EAAE,GAAG,EAAE;gCACZ,YAAY,CAAC,KAAK,CAAC,CAAA;gCACnB,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAA;4BAClC,CAAC,YAGM;wBACT,gCACE,SAAS,EAAC,4JAA4J,EACtK,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,EACtC,OAAO,EAAE,GAAG,EAAE;gCACZ,IAAI,KAAK,KAAK,SAAS,EAAE;oCACvB,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;iCACtC;qCAAM;oCACL,KAAK,CAAC,qBAAqB,CAAC,CAAA;iCAC7B;4BACH,CAAC,aAGM,CACL,CACF,CACF,CACF;QACN,6BAAK,SAAS,EAAC,wCAAwC,GAAO,CAC7D,CACJ,CACS,CACb,CAAA;AACH,CAAC,CAAA;AACD,SAAS,KAAK,CAAC,IAAY;IACzB,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAA;AAC9C,CAAC"}
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ interface ModalProps {
3
+ show?: boolean;
4
+ title?: string;
5
+ subTitle?: string;
6
+ onClick: () => void;
7
+ }
8
+ export declare const ModalIdleTimeout: (props: ModalProps) => JSX.Element;
9
+ export {};
@@ -0,0 +1,21 @@
1
+ import React, { useEffect } from "react";
2
+ import { Container } from "reactstrap";
3
+ export const ModalIdleTimeout = (props) => {
4
+ const [showModal, setShowModal] = React.useState(props.show);
5
+ useEffect(() => {
6
+ setShowModal(props.show);
7
+ }, [props.show]);
8
+ return (React.createElement(Container, null, showModal && (React.createElement(React.Fragment, null,
9
+ React.createElement("div", { className: "justify-center items-center overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none" },
10
+ React.createElement("div", { className: "relative w-auto my-6 mx-auto max-w-3xl" },
11
+ React.createElement("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none" },
12
+ React.createElement("div", { className: "relative p-6 flex-auto" },
13
+ React.createElement("h3", { className: "text-3xl font-semibold" }, props.title),
14
+ React.createElement("h3", { className: "text-sm font-semibold" }, props.subTitle)),
15
+ React.createElement("div", { className: "flex items-center justify-end p-6 border-t border-solid border-gray-300 rounded-b" },
16
+ React.createElement("button", { className: "bg-green-500 text-white active:bg-green-600 font-bold uppercase text-sm px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1", type: "button", style: { transition: "all .15s ease" }, onClick: () => {
17
+ props.onClick && props.onClick();
18
+ } }, "Ok"))))),
19
+ React.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })))));
20
+ };
21
+ //# sourceMappingURL=ModalIdleTimeout.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalIdleTimeout.js","sourceRoot":"","sources":["../../../../../../src/library/components/Molecules/modal/ModalIdleTimeout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAStC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAiB,EAAE,EAAE;IACpD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAEhB,OAAO,CACL,oBAAC,SAAS,QACP,SAAS,IAAI,CACZ;QACE,6BAAK,SAAS,EAAC,mHAAmH;YAChI,6BAAK,SAAS,EAAC,wCAAwC;gBAErD,6BAAK,SAAS,EAAC,sGAAsG;oBAEnH,6BAAK,SAAS,EAAC,wBAAwB;wBACvC,4BAAI,SAAS,EAAC,wBAAwB,IAAE,KAAK,CAAC,KAAK,CAAM;wBACzD,4BAAI,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAC,QAAQ,CAAM,CACrD;oBAEN,6BAAK,SAAS,EAAC,mFAAmF;wBAChG,gCACE,SAAS,EAAC,4JAA4J,EACtK,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,EACtC,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAA;4BAClC,CAAC,SAGM,CACL,CACF,CACF,CACF;QACN,6BAAK,SAAS,EAAC,wCAAwC,GAAO,CAC7D,CACJ,CACS,CACb,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ interface ModalProps {
3
+ show?: boolean;
4
+ title?: string;
5
+ data?: any[];
6
+ onClick: (data: any, item: any, index: number) => void;
7
+ onClose: () => void;
8
+ }
9
+ export declare const ModalSessionAllowed: (props: ModalProps) => JSX.Element;
10
+ export {};
@@ -0,0 +1,53 @@
1
+ import React, { useEffect } from "react";
2
+ import { Container } from "reactstrap";
3
+ import { Icons, Buttons } from "../..";
4
+ import dayjs from "dayjs";
5
+ export const ModalSessionAllowed = (props) => {
6
+ var _a, _b;
7
+ const [showModal, setShowModal] = React.useState(props.show);
8
+ useEffect(() => {
9
+ setShowModal(props.show);
10
+ }, [props.show]);
11
+ return (React.createElement(Container, null, showModal && (React.createElement(React.Fragment, null,
12
+ React.createElement("div", { className: "justify-center items-center overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none" },
13
+ React.createElement("div", { className: "relative w-auto my-6 mx-auto max-w-3xl" },
14
+ React.createElement("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none" },
15
+ React.createElement("div", { className: "flex items-start justify-between p-3 border-b border-solid border-gray-300 rounded-t" },
16
+ React.createElement("h3", { className: "text-3xl font-semibold" }, props.title || "Session Allowed"),
17
+ React.createElement("button", { className: "p-1 border-0 text-black opacity-1 ml-6 float-right text-3xl leading-none font-semibold outline-none focus:outline-none", onClick: () => {
18
+ setShowModal(false);
19
+ props.onClose && props.onClose();
20
+ } },
21
+ React.createElement("span", { className: " text-black h-6 w-6 text-2xl block outline-none focus:outline-none" }, "\u00D7"))),
22
+ React.createElement("div", { className: "relative p-2 flex-auto" },
23
+ React.createElement("div", { className: "grid grid-flow-row grid-cols-3 gap-4" },
24
+ ((_a = props.data) === null || _a === void 0 ? void 0 : _a.length) === 0 && (React.createElement("div", { className: "flex flex-col p-2 items-center" },
25
+ React.createElement("label", null, "Extra session not found"))), (_b = props.data) === null || _b === void 0 ? void 0 :
26
+ _b.map((item, index) => (React.createElement(React.Fragment, null,
27
+ React.createElement("div", { className: "flex-col flex p-2 items-center rounded-md bg-gray-400" },
28
+ React.createElement(Icons.IconContext, { color: "#000", size: "80", key: index }, Icons.getIconTag(Icons.IconRi.RiComputerFill)),
29
+ React.createElement("div", { className: "flex flex-col p-2 items-center text-center" },
30
+ React.createElement("h6", null,
31
+ "Device: ",
32
+ item.systemInfo.device),
33
+ React.createElement("h6", null,
34
+ "Ip: ",
35
+ item.systemInfo.ipInfo.ip),
36
+ item.systemInfo.ipInfo.city && (React.createElement("h6", null,
37
+ "City: ",
38
+ item.systemInfo.ipInfo.city)),
39
+ React.createElement("h6", null, dayjs(item.dateOfEntry).format("YYYY-MM-DD HH:mm A")),
40
+ React.createElement("h6", null,
41
+ " ",
42
+ dayjs(item.dateOfEntry))),
43
+ React.createElement(Buttons.Button, { size: "medium", type: "solid", onClick: () => {
44
+ props.onClick && props.onClick(props.data, item, index);
45
+ } }, "Logout"))))))),
46
+ React.createElement("div", { className: "flex items-center justify-end p-3 border-t border-solid border-gray-300 rounded-b" },
47
+ React.createElement("button", { className: "text-red-500 background-transparent font-bold uppercase px-6 py-2 text-sm outline-none focus:outline-none mr-1 mb-1", type: "button", style: { transition: "all .15s ease" }, onClick: () => {
48
+ setShowModal(false);
49
+ props.onClose && props.onClose();
50
+ } }, "Close"))))),
51
+ React.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })))));
52
+ };
53
+ //# sourceMappingURL=ModalSessionAllowed.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalSessionAllowed.js","sourceRoot":"","sources":["../../../../../../src/library/components/Molecules/modal/ModalSessionAllowed.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ interface ModalProps {
3
+ show?: boolean;
4
+ title?: string;
5
+ subTitle?: string;
6
+ onClick: () => void;
7
+ }
8
+ export declare const ModalTokenExpire: (props: ModalProps) => JSX.Element;
9
+ export {};
@@ -0,0 +1,21 @@
1
+ import React, { useEffect } from "react";
2
+ import { Container } from "reactstrap";
3
+ export const ModalTokenExpire = (props) => {
4
+ const [showModal, setShowModal] = React.useState(props.show);
5
+ useEffect(() => {
6
+ setShowModal(props.show);
7
+ }, [props.show]);
8
+ return (React.createElement(Container, null, showModal && (React.createElement(React.Fragment, null,
9
+ React.createElement("div", { className: "justify-center items-center overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none" },
10
+ React.createElement("div", { className: "relative w-auto my-6 mx-auto max-w-3xl" },
11
+ React.createElement("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none" },
12
+ React.createElement("div", { className: "relative p-6 flex-auto" },
13
+ React.createElement("h3", { className: "text-3xl font-semibold" }, props.title || "Opps! your token expire."),
14
+ React.createElement("h3", { className: "text-sm font-semibold" }, props.subTitle || "Please login again")),
15
+ React.createElement("div", { className: "flex items-center justify-end p-6 border-t border-solid border-gray-300 rounded-b" },
16
+ React.createElement("button", { className: "bg-green-500 text-white active:bg-green-600 font-bold uppercase text-sm px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1", type: "button", style: { transition: "all .15s ease" }, onClick: () => {
17
+ props.onClick && props.onClick();
18
+ } }, "Logout"))))),
19
+ React.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })))));
20
+ };
21
+ //# sourceMappingURL=ModalTokenExpire.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalTokenExpire.js","sourceRoot":"","sources":["../../../../../../src/library/components/Molecules/modal/ModalTokenExpire.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAStC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAiB,EAAE,EAAE;IACpD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAEhB,OAAO,CACL,oBAAC,SAAS,QACP,SAAS,IAAI,CACZ;QACE,6BAAK,SAAS,EAAC,mHAAmH;YAChI,6BAAK,SAAS,EAAC,wCAAwC;gBAErD,6BAAK,SAAS,EAAC,sGAAsG;oBAEnH,6BAAK,SAAS,EAAC,wBAAwB;wBACrC,4BAAI,SAAS,EAAC,wBAAwB,IACnC,KAAK,CAAC,KAAK,IAAI,0BAA0B,CACvC;wBACL,4BAAI,SAAS,EAAC,uBAAuB,IAClC,KAAK,CAAC,QAAQ,IAAI,oBAAoB,CACpC,CACD;oBAEN,6BAAK,SAAS,EAAC,mFAAmF;wBAChG,gCACE,SAAS,EAAC,4JAA4J,EACtK,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,EACtC,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAA;4BAClC,CAAC,aAGM,CACL,CACF,CACF,CACF;QACN,6BAAK,SAAS,EAAC,wCAAwC,GAAO,CAC7D,CACJ,CACS,CACb,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1,2 @@
1
+ import React from "react";
2
+ export declare const ModalTransition: React.FunctionComponent<any>;
@@ -0,0 +1,20 @@
1
+ import React from "react";
2
+ import { Transition } from "@headlessui/react";
3
+ export const ModalTransition = (props) => (React.createElement("div", { className: `fixed inset-0 overflow-hidden z-50 ${!props.show && "pointer-events-none"}` },
4
+ React.createElement("div", { className: "absolute inset-0 overflow-hidden" },
5
+ React.createElement(Transition, { show: props.show, enterFrom: "opacity-0", enterTo: "opacity-100", enter: "ease-in-out duration-500", leave: "ease-in-out duration-500", leaveFrom: "opacity-100", leaveTo: "opacity-0" },
6
+ React.createElement("div", { className: "absolute inset-0 bg-gray-600 bg-opacity-75 transition-opacity", "aria-hidden": "true", onClick: () => {
7
+ props.onClose && props.onClose();
8
+ } })),
9
+ React.createElement("section", { className: "absolute inset-y-0 right-0 pl-10 max-w-full flex", "aria-labelledby": "slide-over-heading" },
10
+ React.createElement(Transition, { show: props.show, enter: "transform transition ease-in-out duration-500 sm:duration-700", enterFrom: "translate-x-full", enterTo: "translate-x-0", leave: "transform transition ease-in-out duration-500 sm:duration-700", leaveFrom: "translate-x-0", leaveTo: "translate-x-full" },
11
+ React.createElement("div", { className: "relative w-screen max-w-xs h-full" },
12
+ React.createElement("div", { className: "absolute top-0 left-0 -ml-8 pt-4 pr-2 flex sm:-ml-10 sm:pr-4" },
13
+ React.createElement("button", { onClick: () => {
14
+ props.onClose && props.onClose();
15
+ }, className: "rounded-md text-gray-300 hover:text-white focus:outline-none focus:ring-2 focus:ring-white" },
16
+ React.createElement("span", { className: "sr-only" }, "Close panel"),
17
+ React.createElement("svg", { className: "h-6 w-6", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true" },
18
+ React.createElement("path", { "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M6 18L18 6M6 6l12 12" })))),
19
+ React.createElement("div", { className: "h-full flex flex-col bg-white shadow-xl overflow-y-scroll" }, props.children)))))));
20
+ //# sourceMappingURL=ModalTransition.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalTransition.js","sourceRoot":"","sources":["../../../../../../src/library/components/Molecules/modal/ModalTransition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAQ9C,MAAM,CAAC,MAAM,eAAe,GAAiC,CAAC,KAAiB,EAAE,EAAE,CAAC,CAClF,6BACE,SAAS,EAAE,sCACT,CAAC,KAAK,CAAC,IAAI,IAAI,qBACjB,EAAE;IAEF,6BAAK,SAAS,EAAC,kCAAkC;QAC/C,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,0BAA0B,EACjC,KAAK,EAAE,0BAA0B,EACjC,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW;YAEpB,6BACE,SAAS,EAAC,+DAA+D,iBAC7D,MAAM,EAClB,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAA;gBAClC,CAAC,GACI,CACI;QACb,iCACE,SAAS,EAAC,kDAAkD,qBAC5C,oBAAoB;YAEpC,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAC,+DAA+D,EACrE,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAC,eAAe,EACvB,KAAK,EAAC,+DAA+D,EACrE,SAAS,EAAC,eAAe,EACzB,OAAO,EAAC,kBAAkB;gBAE1B,6BAAK,SAAS,EAAC,mCAAmC;oBAChD,6BAAK,SAAS,EAAC,8DAA8D;wBAC3E,gCACE,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAA;4BAClC,CAAC,EACD,SAAS,EAAC,4FAA4F;4BAEtG,8BAAM,SAAS,EAAC,SAAS,kBAAmB;4BAC5C,6BACE,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,cAAc,iBACT,MAAM;gCAElB,gDACiB,OAAO,qBACN,OAAO,kBACV,GAAG,EAChB,CAAC,EAAC,sBAAsB,GACxB,CACE,CACC,CACL;oBACN,6BAAK,SAAS,EAAC,2DAA2D,IACvE,KAAK,CAAC,QAAQ,CACX,CACF,CACK,CACL,CACN,CACF,CACP,CAAA"}
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare const NumberFilter: (props: any) => JSX.Element;
3
+ export declare const DateFilter: (props: any) => JSX.Element;