react-restyle-components 0.1.13 → 0.1.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (269) hide show
  1. package/README.md +2 -11
  2. package/lib/cjs/App.js +20 -0
  3. package/lib/cjs/App.js.map +1 -0
  4. package/lib/cjs/App.test.js +14 -0
  5. package/lib/cjs/App.test.js.map +1 -0
  6. package/lib/cjs/core-components/atoms/stepper/stepper.component.js +42 -0
  7. package/lib/cjs/core-components/atoms/stepper/stepper.component.js.map +1 -0
  8. package/lib/cjs/core-components/atoms/stepper/stepper.component.test.js +13 -0
  9. package/lib/cjs/core-components/atoms/stepper/stepper.component.test.js.map +1 -0
  10. package/lib/cjs/core-components/atoms/stepper/stepper.stories.js +23 -0
  11. package/lib/cjs/core-components/atoms/stepper/stepper.stories.js.map +1 -0
  12. package/lib/cjs/core-components/index.js +18 -0
  13. package/lib/cjs/core-components/index.js.map +1 -0
  14. package/lib/cjs/core-utils/index.js +18 -0
  15. package/lib/cjs/core-utils/index.js.map +1 -0
  16. package/lib/cjs/core-utils/unit-test.utils.js +17 -0
  17. package/lib/cjs/core-utils/unit-test.utils.js.map +1 -0
  18. package/lib/cjs/index.js +6 -2
  19. package/lib/cjs/index.js.map +1 -1
  20. package/lib/cjs/{config/index.js → reportWebVitals.js} +18 -5
  21. package/lib/cjs/reportWebVitals.js.map +1 -0
  22. package/lib/cjs/setupTests.js +8 -0
  23. package/lib/cjs/setupTests.js.map +1 -0
  24. package/lib/esm/App.js +15 -0
  25. package/lib/esm/App.js.map +1 -0
  26. package/lib/esm/App.test.js +9 -0
  27. package/lib/esm/App.test.js.map +1 -0
  28. package/lib/esm/core-components/atoms/stepper/stepper.component.js +35 -0
  29. package/lib/esm/core-components/atoms/stepper/stepper.component.js.map +1 -0
  30. package/lib/esm/core-components/atoms/stepper/stepper.component.test.js +8 -0
  31. package/lib/esm/core-components/atoms/stepper/stepper.component.test.js.map +1 -0
  32. package/lib/esm/core-components/atoms/stepper/stepper.stories.js +16 -0
  33. package/lib/esm/core-components/atoms/stepper/stepper.stories.js.map +1 -0
  34. package/lib/esm/core-components/index.js +2 -0
  35. package/lib/esm/core-components/index.js.map +1 -0
  36. package/lib/esm/core-utils/index.js +2 -0
  37. package/lib/esm/core-utils/index.js.map +1 -0
  38. package/lib/esm/core-utils/unit-test.utils.js +10 -0
  39. package/lib/esm/core-utils/unit-test.utils.js.map +1 -0
  40. package/lib/esm/index.js +1 -1
  41. package/lib/esm/index.js.map +1 -1
  42. package/lib/esm/reportWebVitals.js +13 -0
  43. package/lib/esm/reportWebVitals.js.map +1 -0
  44. package/lib/esm/setupTests.js +6 -0
  45. package/lib/esm/setupTests.js.map +1 -0
  46. package/package.json +67 -35
  47. package/lib/cjs/config/index.d.ts +0 -2
  48. package/lib/cjs/config/index.js.map +0 -1
  49. package/lib/cjs/config/styles.d.ts +0 -15
  50. package/lib/cjs/config/styles.js +0 -20
  51. package/lib/cjs/config/styles.js.map +0 -1
  52. package/lib/cjs/index.d.ts +0 -1
  53. package/lib/cjs/library/components/Atoms/buttons.d.ts +0 -31
  54. package/lib/cjs/library/components/Atoms/buttons.js +0 -81
  55. package/lib/cjs/library/components/Atoms/buttons.js.map +0 -1
  56. package/lib/cjs/library/components/Atoms/carousel.d.ts +0 -6
  57. package/lib/cjs/library/components/Atoms/carousel.js +0 -27
  58. package/lib/cjs/library/components/Atoms/carousel.js.map +0 -1
  59. package/lib/cjs/library/components/Atoms/form.d.ts +0 -94
  60. package/lib/cjs/library/components/Atoms/form.js +0 -140
  61. package/lib/cjs/library/components/Atoms/form.js.map +0 -1
  62. package/lib/cjs/library/components/Atoms/grid.d.ts +0 -6
  63. package/lib/cjs/library/components/Atoms/grid.js +0 -10
  64. package/lib/cjs/library/components/Atoms/grid.js.map +0 -1
  65. package/lib/cjs/library/components/Atoms/header.d.ts +0 -16
  66. package/lib/cjs/library/components/Atoms/header.js +0 -26
  67. package/lib/cjs/library/components/Atoms/header.js.map +0 -1
  68. package/lib/cjs/library/components/Atoms/icons.d.ts +0 -37
  69. package/lib/cjs/library/components/Atoms/icons.js +0 -189
  70. package/lib/cjs/library/components/Atoms/icons.js.map +0 -1
  71. package/lib/cjs/library/components/Atoms/image.d.ts +0 -21
  72. package/lib/cjs/library/components/Atoms/image.js +0 -25
  73. package/lib/cjs/library/components/Atoms/image.js.map +0 -1
  74. package/lib/cjs/library/components/Atoms/list.d.ts +0 -12
  75. package/lib/cjs/library/components/Atoms/list.js +0 -20
  76. package/lib/cjs/library/components/Atoms/list.js.map +0 -1
  77. package/lib/cjs/library/components/Atoms/loader.d.ts +0 -3
  78. package/lib/cjs/library/components/Atoms/loader.js +0 -85
  79. package/lib/cjs/library/components/Atoms/loader.js.map +0 -1
  80. package/lib/cjs/library/components/Atoms/modals.d.ts +0 -20
  81. package/lib/cjs/library/components/Atoms/modals.js +0 -84
  82. package/lib/cjs/library/components/Atoms/modals.js.map +0 -1
  83. package/lib/cjs/library/components/Atoms/svg.d.ts +0 -17
  84. package/lib/cjs/library/components/Atoms/svg.js +0 -52
  85. package/lib/cjs/library/components/Atoms/svg.js.map +0 -1
  86. package/lib/cjs/library/components/Atoms/tooltip.d.ts +0 -9
  87. package/lib/cjs/library/components/Atoms/tooltip.js +0 -61
  88. package/lib/cjs/library/components/Atoms/tooltip.js.map +0 -1
  89. package/lib/cjs/library/components/Molecules/AutoComplete.d.ts +0 -14
  90. package/lib/cjs/library/components/Molecules/AutoComplete.js +0 -123
  91. package/lib/cjs/library/components/Molecules/AutoComplete.js.map +0 -1
  92. package/lib/cjs/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.d.ts +0 -16
  93. package/lib/cjs/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js +0 -140
  94. package/lib/cjs/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js.map +0 -1
  95. package/lib/cjs/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.d.ts +0 -10
  96. package/lib/cjs/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js +0 -128
  97. package/lib/cjs/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js.map +0 -1
  98. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelect.d.ts +0 -12
  99. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelect.js +0 -109
  100. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelect.js.map +0 -1
  101. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.d.ts +0 -13
  102. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js +0 -109
  103. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js.map +0 -1
  104. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelect.d.ts +0 -13
  105. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelect.js +0 -86
  106. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelect.js.map +0 -1
  107. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.d.ts +0 -14
  108. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js +0 -87
  109. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js.map +0 -1
  110. package/lib/cjs/library/components/Molecules/AutoCompleteGroupByCheck.d.ts +0 -10
  111. package/lib/cjs/library/components/Molecules/AutoCompleteGroupByCheck.js +0 -190
  112. package/lib/cjs/library/components/Molecules/AutoCompleteGroupByCheck.js.map +0 -1
  113. package/lib/cjs/library/components/Molecules/AutocompleteCheck.d.ts +0 -10
  114. package/lib/cjs/library/components/Molecules/AutocompleteCheck.js +0 -126
  115. package/lib/cjs/library/components/Molecules/AutocompleteCheck.js.map +0 -1
  116. package/lib/cjs/library/components/Molecules/AutocompleteGroupBy.d.ts +0 -9
  117. package/lib/cjs/library/components/Molecules/AutocompleteGroupBy.js +0 -137
  118. package/lib/cjs/library/components/Molecules/AutocompleteGroupBy.js.map +0 -1
  119. package/lib/cjs/library/components/Molecules/modal/ModalClock.d.ts +0 -12
  120. package/lib/cjs/library/components/Molecules/modal/ModalClock.js +0 -46
  121. package/lib/cjs/library/components/Molecules/modal/ModalClock.js.map +0 -1
  122. package/lib/cjs/library/components/Molecules/modal/ModalConfirm.d.ts +0 -11
  123. package/lib/cjs/library/components/Molecules/modal/ModalConfirm.js +0 -59
  124. package/lib/cjs/library/components/Molecules/modal/ModalConfirm.js.map +0 -1
  125. package/lib/cjs/library/components/Molecules/modal/ModalFileUpload.d.ts +0 -9
  126. package/lib/cjs/library/components/Molecules/modal/ModalFileUpload.js +0 -67
  127. package/lib/cjs/library/components/Molecules/modal/ModalFileUpload.js.map +0 -1
  128. package/lib/cjs/library/components/Molecules/modal/ModalIdleTimeout.d.ts +0 -9
  129. package/lib/cjs/library/components/Molecules/modal/ModalIdleTimeout.js +0 -44
  130. package/lib/cjs/library/components/Molecules/modal/ModalIdleTimeout.js.map +0 -1
  131. package/lib/cjs/library/components/Molecules/modal/ModalSessionAllowed.d.ts +0 -10
  132. package/lib/cjs/library/components/Molecules/modal/ModalSessionAllowed.js +0 -79
  133. package/lib/cjs/library/components/Molecules/modal/ModalSessionAllowed.js.map +0 -1
  134. package/lib/cjs/library/components/Molecules/modal/ModalTokenExpire.d.ts +0 -9
  135. package/lib/cjs/library/components/Molecules/modal/ModalTokenExpire.js +0 -44
  136. package/lib/cjs/library/components/Molecules/modal/ModalTokenExpire.js.map +0 -1
  137. package/lib/cjs/library/components/Molecules/modal/ModalTransition.d.ts +0 -2
  138. package/lib/cjs/library/components/Molecules/modal/ModalTransition.js +0 -27
  139. package/lib/cjs/library/components/Molecules/modal/ModalTransition.js.map +0 -1
  140. package/lib/cjs/library/components/Organisms/FilterComp.d.ts +0 -3
  141. package/lib/cjs/library/components/Organisms/FilterComp.js +0 -133
  142. package/lib/cjs/library/components/Organisms/FilterComp.js.map +0 -1
  143. package/lib/cjs/library/components/Organisms/TableBootstrap.d.ts +0 -23
  144. package/lib/cjs/library/components/Organisms/TableBootstrap.js +0 -242
  145. package/lib/cjs/library/components/Organisms/TableBootstrap.js.map +0 -1
  146. package/lib/cjs/library/components/Organisms/utils.d.ts +0 -3
  147. package/lib/cjs/library/components/Organisms/utils.js +0 -12
  148. package/lib/cjs/library/components/Organisms/utils.js.map +0 -1
  149. package/lib/cjs/library/components/index.d.ts +0 -34
  150. package/lib/cjs/library/components/index.js +0 -69
  151. package/lib/cjs/library/components/index.js.map +0 -1
  152. package/lib/cjs/library/modules/toast/index.d.ts +0 -2
  153. package/lib/cjs/library/modules/toast/index.js +0 -8
  154. package/lib/cjs/library/modules/toast/index.js.map +0 -1
  155. package/lib/cjs/library/modules/toast/module.d.ts +0 -7
  156. package/lib/cjs/library/modules/toast/module.js +0 -51
  157. package/lib/cjs/library/modules/toast/module.js.map +0 -1
  158. package/lib/esm/config/index.d.ts +0 -2
  159. package/lib/esm/config/index.js +0 -3
  160. package/lib/esm/config/index.js.map +0 -1
  161. package/lib/esm/config/styles.d.ts +0 -15
  162. package/lib/esm/config/styles.js +0 -17
  163. package/lib/esm/config/styles.js.map +0 -1
  164. package/lib/esm/index.d.ts +0 -1
  165. package/lib/esm/library/components/Atoms/buttons.d.ts +0 -31
  166. package/lib/esm/library/components/Atoms/buttons.js +0 -71
  167. package/lib/esm/library/components/Atoms/buttons.js.map +0 -1
  168. package/lib/esm/library/components/Atoms/carousel.d.ts +0 -6
  169. package/lib/esm/library/components/Atoms/carousel.js +0 -20
  170. package/lib/esm/library/components/Atoms/carousel.js.map +0 -1
  171. package/lib/esm/library/components/Atoms/form.d.ts +0 -94
  172. package/lib/esm/library/components/Atoms/form.js +0 -103
  173. package/lib/esm/library/components/Atoms/form.js.map +0 -1
  174. package/lib/esm/library/components/Atoms/grid.d.ts +0 -6
  175. package/lib/esm/library/components/Atoms/grid.js +0 -3
  176. package/lib/esm/library/components/Atoms/grid.js.map +0 -1
  177. package/lib/esm/library/components/Atoms/header.d.ts +0 -16
  178. package/lib/esm/library/components/Atoms/header.js +0 -16
  179. package/lib/esm/library/components/Atoms/header.js.map +0 -1
  180. package/lib/esm/library/components/Atoms/icons.d.ts +0 -37
  181. package/lib/esm/library/components/Atoms/icons.js +0 -145
  182. package/lib/esm/library/components/Atoms/icons.js.map +0 -1
  183. package/lib/esm/library/components/Atoms/image.d.ts +0 -21
  184. package/lib/esm/library/components/Atoms/image.js +0 -17
  185. package/lib/esm/library/components/Atoms/image.js.map +0 -1
  186. package/lib/esm/library/components/Atoms/list.d.ts +0 -12
  187. package/lib/esm/library/components/Atoms/list.js +0 -13
  188. package/lib/esm/library/components/Atoms/list.js.map +0 -1
  189. package/lib/esm/library/components/Atoms/loader.d.ts +0 -3
  190. package/lib/esm/library/components/Atoms/loader.js +0 -58
  191. package/lib/esm/library/components/Atoms/loader.js.map +0 -1
  192. package/lib/esm/library/components/Atoms/modals.d.ts +0 -20
  193. package/lib/esm/library/components/Atoms/modals.js +0 -60
  194. package/lib/esm/library/components/Atoms/modals.js.map +0 -1
  195. package/lib/esm/library/components/Atoms/svg.d.ts +0 -17
  196. package/lib/esm/library/components/Atoms/svg.js +0 -38
  197. package/lib/esm/library/components/Atoms/svg.js.map +0 -1
  198. package/lib/esm/library/components/Atoms/tooltip.d.ts +0 -9
  199. package/lib/esm/library/components/Atoms/tooltip.js +0 -38
  200. package/lib/esm/library/components/Atoms/tooltip.js.map +0 -1
  201. package/lib/esm/library/components/Molecules/AutoComplete.d.ts +0 -14
  202. package/lib/esm/library/components/Molecules/AutoComplete.js +0 -100
  203. package/lib/esm/library/components/Molecules/AutoComplete.js.map +0 -1
  204. package/lib/esm/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.d.ts +0 -16
  205. package/lib/esm/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js +0 -118
  206. package/lib/esm/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js.map +0 -1
  207. package/lib/esm/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.d.ts +0 -10
  208. package/lib/esm/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js +0 -106
  209. package/lib/esm/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js.map +0 -1
  210. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelect.d.ts +0 -12
  211. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelect.js +0 -86
  212. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelect.js.map +0 -1
  213. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.d.ts +0 -13
  214. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js +0 -86
  215. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js.map +0 -1
  216. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelect.d.ts +0 -13
  217. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelect.js +0 -63
  218. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelect.js.map +0 -1
  219. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.d.ts +0 -14
  220. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js +0 -64
  221. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js.map +0 -1
  222. package/lib/esm/library/components/Molecules/AutoCompleteGroupByCheck.d.ts +0 -10
  223. package/lib/esm/library/components/Molecules/AutoCompleteGroupByCheck.js +0 -164
  224. package/lib/esm/library/components/Molecules/AutoCompleteGroupByCheck.js.map +0 -1
  225. package/lib/esm/library/components/Molecules/AutocompleteCheck.d.ts +0 -10
  226. package/lib/esm/library/components/Molecules/AutocompleteCheck.js +0 -104
  227. package/lib/esm/library/components/Molecules/AutocompleteCheck.js.map +0 -1
  228. package/lib/esm/library/components/Molecules/AutocompleteGroupBy.d.ts +0 -9
  229. package/lib/esm/library/components/Molecules/AutocompleteGroupBy.js +0 -112
  230. package/lib/esm/library/components/Molecules/AutocompleteGroupBy.js.map +0 -1
  231. package/lib/esm/library/components/Molecules/modal/ModalClock.d.ts +0 -12
  232. package/lib/esm/library/components/Molecules/modal/ModalClock.js +0 -20
  233. package/lib/esm/library/components/Molecules/modal/ModalClock.js.map +0 -1
  234. package/lib/esm/library/components/Molecules/modal/ModalConfirm.d.ts +0 -11
  235. package/lib/esm/library/components/Molecules/modal/ModalConfirm.js +0 -36
  236. package/lib/esm/library/components/Molecules/modal/ModalConfirm.js.map +0 -1
  237. package/lib/esm/library/components/Molecules/modal/ModalFileUpload.d.ts +0 -9
  238. package/lib/esm/library/components/Molecules/modal/ModalFileUpload.js +0 -44
  239. package/lib/esm/library/components/Molecules/modal/ModalFileUpload.js.map +0 -1
  240. package/lib/esm/library/components/Molecules/modal/ModalIdleTimeout.d.ts +0 -9
  241. package/lib/esm/library/components/Molecules/modal/ModalIdleTimeout.js +0 -21
  242. package/lib/esm/library/components/Molecules/modal/ModalIdleTimeout.js.map +0 -1
  243. package/lib/esm/library/components/Molecules/modal/ModalSessionAllowed.d.ts +0 -10
  244. package/lib/esm/library/components/Molecules/modal/ModalSessionAllowed.js +0 -53
  245. package/lib/esm/library/components/Molecules/modal/ModalSessionAllowed.js.map +0 -1
  246. package/lib/esm/library/components/Molecules/modal/ModalTokenExpire.d.ts +0 -9
  247. package/lib/esm/library/components/Molecules/modal/ModalTokenExpire.js +0 -21
  248. package/lib/esm/library/components/Molecules/modal/ModalTokenExpire.js.map +0 -1
  249. package/lib/esm/library/components/Molecules/modal/ModalTransition.d.ts +0 -2
  250. package/lib/esm/library/components/Molecules/modal/ModalTransition.js +0 -20
  251. package/lib/esm/library/components/Molecules/modal/ModalTransition.js.map +0 -1
  252. package/lib/esm/library/components/Organisms/FilterComp.d.ts +0 -3
  253. package/lib/esm/library/components/Organisms/FilterComp.js +0 -109
  254. package/lib/esm/library/components/Organisms/FilterComp.js.map +0 -1
  255. package/lib/esm/library/components/Organisms/TableBootstrap.d.ts +0 -23
  256. package/lib/esm/library/components/Organisms/TableBootstrap.js +0 -216
  257. package/lib/esm/library/components/Organisms/TableBootstrap.js.map +0 -1
  258. package/lib/esm/library/components/Organisms/utils.d.ts +0 -3
  259. package/lib/esm/library/components/Organisms/utils.js +0 -4
  260. package/lib/esm/library/components/Organisms/utils.js.map +0 -1
  261. package/lib/esm/library/components/index.d.ts +0 -34
  262. package/lib/esm/library/components/index.js +0 -36
  263. package/lib/esm/library/components/index.js.map +0 -1
  264. package/lib/esm/library/modules/toast/index.d.ts +0 -2
  265. package/lib/esm/library/modules/toast/index.js +0 -3
  266. package/lib/esm/library/modules/toast/index.js.map +0 -1
  267. package/lib/esm/library/modules/toast/module.d.ts +0 -7
  268. package/lib/esm/library/modules/toast/module.js +0 -49
  269. package/lib/esm/library/modules/toast/module.js.map +0 -1
@@ -1,106 +0,0 @@
1
- /* eslint-disable */
2
- import React, { useState, useEffect, useRef } from "react";
3
- import { observer } from "mobx-react";
4
- import { Icons } from "..";
5
- export const AutoCompleteCheckTwoTitleKeys = 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
89
- ? "border-red-500"
90
- : "border-gray-300"} rounded-md` },
91
- React.createElement("input", { placeholder: "Search ...", value: !isListOpen
92
- ? `${(options === null || options === void 0 ? void 0 : options.filter((item) => item.selected === true).length) || 0} Items`
93
- : value, className: "w-full focus:outline-none bg-none", onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
94
- isListOpen ? (React.createElement(Icons.IconFa.FaChevronUp, null)) : (React.createElement(Icons.IconFa.FaChevronDown, null))),
95
- options && isListOpen
96
- ? (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" },
97
- React.createElement("ul", null, options === null || options === void 0 ? void 0 : options.map((item, index) => (React.createElement(React.Fragment, null,
98
- React.createElement("li", { key: index, className: "text-gray-400 flex items-center" },
99
- React.createElement("input", { type: "checkbox", name: item.code, value: item.code, checked: item.selected, onChange: () => onChangeItem(item, index) }),
100
- " ",
101
- React.createElement("label", { className: "ml-2 mt-1 text-black" },
102
- " ",
103
- `${item[props.titleKey.key1]} (${item[props.titleKey.key2]}) `))))))))
104
- : null)));
105
- });
106
- //# sourceMappingURL=AutoCompleteCheckTwoTitleKeys.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AutoCompleteCheckTwoTitleKeys.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.tsx"],"names":[],"mappings":"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"}
@@ -1,12 +0,0 @@
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 {};
@@ -1,86 +0,0 @@
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
@@ -1 +0,0 @@
1
- {"version":3,"file":"AutoCompleteFilterMutiSelect.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteFilterMutiSelect.tsx"],"names":[],"mappings":"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"}
@@ -1,13 +0,0 @@
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 {};
@@ -1,86 +0,0 @@
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
@@ -1 +0,0 @@
1
- {"version":3,"file":"AutoCompleteFilterMutiSelectMultiFieldsDisplay.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.tsx"],"names":[],"mappings":"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"}
@@ -1,13 +0,0 @@
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 {};
@@ -1,63 +0,0 @@
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
@@ -1 +0,0 @@
1
- {"version":3,"file":"AutoCompleteFilterSingleSelect.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteFilterSingleSelect.tsx"],"names":[],"mappings":"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"}
@@ -1,14 +0,0 @@
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 {};
@@ -1,64 +0,0 @@
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
@@ -1 +0,0 @@
1
- {"version":3,"file":"AutoCompleteFilterSingleSelectMultiFieldsDisplay.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.tsx"],"names":[],"mappings":"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"}
@@ -1,10 +0,0 @@
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 {};