react-restyle-components 0.1.11 → 0.1.14

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 (230) hide show
  1. package/README.md +39 -20
  2. package/package.json +66 -35
  3. package/lib/cjs/config/index.d.ts +0 -2
  4. package/lib/cjs/config/index.js +0 -25
  5. package/lib/cjs/config/index.js.map +0 -1
  6. package/lib/cjs/config/styles.d.ts +0 -15
  7. package/lib/cjs/config/styles.js +0 -20
  8. package/lib/cjs/config/styles.js.map +0 -1
  9. package/lib/cjs/index.d.ts +0 -1
  10. package/lib/cjs/index.js +0 -14
  11. package/lib/cjs/index.js.map +0 -1
  12. package/lib/cjs/library/components/Atoms/buttons.d.ts +0 -31
  13. package/lib/cjs/library/components/Atoms/buttons.js +0 -81
  14. package/lib/cjs/library/components/Atoms/buttons.js.map +0 -1
  15. package/lib/cjs/library/components/Atoms/carousel.d.ts +0 -6
  16. package/lib/cjs/library/components/Atoms/carousel.js +0 -27
  17. package/lib/cjs/library/components/Atoms/carousel.js.map +0 -1
  18. package/lib/cjs/library/components/Atoms/form.d.ts +0 -94
  19. package/lib/cjs/library/components/Atoms/form.js +0 -140
  20. package/lib/cjs/library/components/Atoms/form.js.map +0 -1
  21. package/lib/cjs/library/components/Atoms/grid.d.ts +0 -6
  22. package/lib/cjs/library/components/Atoms/grid.js +0 -10
  23. package/lib/cjs/library/components/Atoms/grid.js.map +0 -1
  24. package/lib/cjs/library/components/Atoms/header.d.ts +0 -16
  25. package/lib/cjs/library/components/Atoms/header.js +0 -26
  26. package/lib/cjs/library/components/Atoms/header.js.map +0 -1
  27. package/lib/cjs/library/components/Atoms/icons.d.ts +0 -37
  28. package/lib/cjs/library/components/Atoms/icons.js +0 -189
  29. package/lib/cjs/library/components/Atoms/icons.js.map +0 -1
  30. package/lib/cjs/library/components/Atoms/image.d.ts +0 -21
  31. package/lib/cjs/library/components/Atoms/image.js +0 -25
  32. package/lib/cjs/library/components/Atoms/image.js.map +0 -1
  33. package/lib/cjs/library/components/Atoms/list.d.ts +0 -12
  34. package/lib/cjs/library/components/Atoms/list.js +0 -20
  35. package/lib/cjs/library/components/Atoms/list.js.map +0 -1
  36. package/lib/cjs/library/components/Atoms/loader.d.ts +0 -3
  37. package/lib/cjs/library/components/Atoms/loader.js +0 -85
  38. package/lib/cjs/library/components/Atoms/loader.js.map +0 -1
  39. package/lib/cjs/library/components/Atoms/modals.d.ts +0 -20
  40. package/lib/cjs/library/components/Atoms/modals.js +0 -84
  41. package/lib/cjs/library/components/Atoms/modals.js.map +0 -1
  42. package/lib/cjs/library/components/Atoms/svg.d.ts +0 -17
  43. package/lib/cjs/library/components/Atoms/svg.js +0 -52
  44. package/lib/cjs/library/components/Atoms/svg.js.map +0 -1
  45. package/lib/cjs/library/components/Atoms/tooltip.d.ts +0 -9
  46. package/lib/cjs/library/components/Atoms/tooltip.js +0 -61
  47. package/lib/cjs/library/components/Atoms/tooltip.js.map +0 -1
  48. package/lib/cjs/library/components/Molecules/AutoComplete.d.ts +0 -14
  49. package/lib/cjs/library/components/Molecules/AutoComplete.js +0 -123
  50. package/lib/cjs/library/components/Molecules/AutoComplete.js.map +0 -1
  51. package/lib/cjs/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.d.ts +0 -16
  52. package/lib/cjs/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js +0 -140
  53. package/lib/cjs/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js.map +0 -1
  54. package/lib/cjs/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.d.ts +0 -10
  55. package/lib/cjs/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js +0 -128
  56. package/lib/cjs/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js.map +0 -1
  57. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelect.d.ts +0 -12
  58. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelect.js +0 -109
  59. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelect.js.map +0 -1
  60. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.d.ts +0 -13
  61. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js +0 -109
  62. package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js.map +0 -1
  63. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelect.d.ts +0 -13
  64. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelect.js +0 -86
  65. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelect.js.map +0 -1
  66. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.d.ts +0 -14
  67. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js +0 -87
  68. package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js.map +0 -1
  69. package/lib/cjs/library/components/Molecules/AutoCompleteGroupByCheck.d.ts +0 -10
  70. package/lib/cjs/library/components/Molecules/AutoCompleteGroupByCheck.js +0 -190
  71. package/lib/cjs/library/components/Molecules/AutoCompleteGroupByCheck.js.map +0 -1
  72. package/lib/cjs/library/components/Molecules/AutocompleteCheck.d.ts +0 -10
  73. package/lib/cjs/library/components/Molecules/AutocompleteCheck.js +0 -126
  74. package/lib/cjs/library/components/Molecules/AutocompleteCheck.js.map +0 -1
  75. package/lib/cjs/library/components/Molecules/AutocompleteGroupBy.d.ts +0 -9
  76. package/lib/cjs/library/components/Molecules/AutocompleteGroupBy.js +0 -137
  77. package/lib/cjs/library/components/Molecules/AutocompleteGroupBy.js.map +0 -1
  78. package/lib/cjs/library/components/Molecules/modal/ModalClock.d.ts +0 -12
  79. package/lib/cjs/library/components/Molecules/modal/ModalClock.js +0 -46
  80. package/lib/cjs/library/components/Molecules/modal/ModalClock.js.map +0 -1
  81. package/lib/cjs/library/components/Molecules/modal/ModalConfirm.d.ts +0 -11
  82. package/lib/cjs/library/components/Molecules/modal/ModalConfirm.js +0 -59
  83. package/lib/cjs/library/components/Molecules/modal/ModalConfirm.js.map +0 -1
  84. package/lib/cjs/library/components/Molecules/modal/ModalFileUpload.d.ts +0 -9
  85. package/lib/cjs/library/components/Molecules/modal/ModalFileUpload.js +0 -67
  86. package/lib/cjs/library/components/Molecules/modal/ModalFileUpload.js.map +0 -1
  87. package/lib/cjs/library/components/Molecules/modal/ModalIdleTimeout.d.ts +0 -9
  88. package/lib/cjs/library/components/Molecules/modal/ModalIdleTimeout.js +0 -44
  89. package/lib/cjs/library/components/Molecules/modal/ModalIdleTimeout.js.map +0 -1
  90. package/lib/cjs/library/components/Molecules/modal/ModalSessionAllowed.d.ts +0 -10
  91. package/lib/cjs/library/components/Molecules/modal/ModalSessionAllowed.js +0 -79
  92. package/lib/cjs/library/components/Molecules/modal/ModalSessionAllowed.js.map +0 -1
  93. package/lib/cjs/library/components/Molecules/modal/ModalTokenExpire.d.ts +0 -9
  94. package/lib/cjs/library/components/Molecules/modal/ModalTokenExpire.js +0 -44
  95. package/lib/cjs/library/components/Molecules/modal/ModalTokenExpire.js.map +0 -1
  96. package/lib/cjs/library/components/Molecules/modal/ModalTransition.d.ts +0 -2
  97. package/lib/cjs/library/components/Molecules/modal/ModalTransition.js +0 -27
  98. package/lib/cjs/library/components/Molecules/modal/ModalTransition.js.map +0 -1
  99. package/lib/cjs/library/components/Organisms/FilterComp.d.ts +0 -3
  100. package/lib/cjs/library/components/Organisms/FilterComp.js +0 -133
  101. package/lib/cjs/library/components/Organisms/FilterComp.js.map +0 -1
  102. package/lib/cjs/library/components/Organisms/TableBootstrap.d.ts +0 -23
  103. package/lib/cjs/library/components/Organisms/TableBootstrap.js +0 -242
  104. package/lib/cjs/library/components/Organisms/TableBootstrap.js.map +0 -1
  105. package/lib/cjs/library/components/Organisms/utils.d.ts +0 -3
  106. package/lib/cjs/library/components/Organisms/utils.js +0 -12
  107. package/lib/cjs/library/components/Organisms/utils.js.map +0 -1
  108. package/lib/cjs/library/components/index.d.ts +0 -34
  109. package/lib/cjs/library/components/index.js +0 -69
  110. package/lib/cjs/library/components/index.js.map +0 -1
  111. package/lib/cjs/library/modules/toast/index.d.ts +0 -2
  112. package/lib/cjs/library/modules/toast/index.js +0 -8
  113. package/lib/cjs/library/modules/toast/index.js.map +0 -1
  114. package/lib/cjs/library/modules/toast/module.d.ts +0 -7
  115. package/lib/cjs/library/modules/toast/module.js +0 -51
  116. package/lib/cjs/library/modules/toast/module.js.map +0 -1
  117. package/lib/esm/config/index.d.ts +0 -2
  118. package/lib/esm/config/index.js +0 -3
  119. package/lib/esm/config/index.js.map +0 -1
  120. package/lib/esm/config/styles.d.ts +0 -15
  121. package/lib/esm/config/styles.js +0 -17
  122. package/lib/esm/config/styles.js.map +0 -1
  123. package/lib/esm/index.d.ts +0 -1
  124. package/lib/esm/index.js +0 -2
  125. package/lib/esm/index.js.map +0 -1
  126. package/lib/esm/library/components/Atoms/buttons.d.ts +0 -31
  127. package/lib/esm/library/components/Atoms/buttons.js +0 -71
  128. package/lib/esm/library/components/Atoms/buttons.js.map +0 -1
  129. package/lib/esm/library/components/Atoms/carousel.d.ts +0 -6
  130. package/lib/esm/library/components/Atoms/carousel.js +0 -20
  131. package/lib/esm/library/components/Atoms/carousel.js.map +0 -1
  132. package/lib/esm/library/components/Atoms/form.d.ts +0 -94
  133. package/lib/esm/library/components/Atoms/form.js +0 -103
  134. package/lib/esm/library/components/Atoms/form.js.map +0 -1
  135. package/lib/esm/library/components/Atoms/grid.d.ts +0 -6
  136. package/lib/esm/library/components/Atoms/grid.js +0 -3
  137. package/lib/esm/library/components/Atoms/grid.js.map +0 -1
  138. package/lib/esm/library/components/Atoms/header.d.ts +0 -16
  139. package/lib/esm/library/components/Atoms/header.js +0 -16
  140. package/lib/esm/library/components/Atoms/header.js.map +0 -1
  141. package/lib/esm/library/components/Atoms/icons.d.ts +0 -37
  142. package/lib/esm/library/components/Atoms/icons.js +0 -145
  143. package/lib/esm/library/components/Atoms/icons.js.map +0 -1
  144. package/lib/esm/library/components/Atoms/image.d.ts +0 -21
  145. package/lib/esm/library/components/Atoms/image.js +0 -17
  146. package/lib/esm/library/components/Atoms/image.js.map +0 -1
  147. package/lib/esm/library/components/Atoms/list.d.ts +0 -12
  148. package/lib/esm/library/components/Atoms/list.js +0 -13
  149. package/lib/esm/library/components/Atoms/list.js.map +0 -1
  150. package/lib/esm/library/components/Atoms/loader.d.ts +0 -3
  151. package/lib/esm/library/components/Atoms/loader.js +0 -58
  152. package/lib/esm/library/components/Atoms/loader.js.map +0 -1
  153. package/lib/esm/library/components/Atoms/modals.d.ts +0 -20
  154. package/lib/esm/library/components/Atoms/modals.js +0 -60
  155. package/lib/esm/library/components/Atoms/modals.js.map +0 -1
  156. package/lib/esm/library/components/Atoms/svg.d.ts +0 -17
  157. package/lib/esm/library/components/Atoms/svg.js +0 -38
  158. package/lib/esm/library/components/Atoms/svg.js.map +0 -1
  159. package/lib/esm/library/components/Atoms/tooltip.d.ts +0 -9
  160. package/lib/esm/library/components/Atoms/tooltip.js +0 -38
  161. package/lib/esm/library/components/Atoms/tooltip.js.map +0 -1
  162. package/lib/esm/library/components/Molecules/AutoComplete.d.ts +0 -14
  163. package/lib/esm/library/components/Molecules/AutoComplete.js +0 -100
  164. package/lib/esm/library/components/Molecules/AutoComplete.js.map +0 -1
  165. package/lib/esm/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.d.ts +0 -16
  166. package/lib/esm/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js +0 -118
  167. package/lib/esm/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js.map +0 -1
  168. package/lib/esm/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.d.ts +0 -10
  169. package/lib/esm/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js +0 -106
  170. package/lib/esm/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js.map +0 -1
  171. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelect.d.ts +0 -12
  172. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelect.js +0 -86
  173. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelect.js.map +0 -1
  174. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.d.ts +0 -13
  175. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js +0 -86
  176. package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js.map +0 -1
  177. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelect.d.ts +0 -13
  178. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelect.js +0 -63
  179. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelect.js.map +0 -1
  180. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.d.ts +0 -14
  181. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js +0 -64
  182. package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js.map +0 -1
  183. package/lib/esm/library/components/Molecules/AutoCompleteGroupByCheck.d.ts +0 -10
  184. package/lib/esm/library/components/Molecules/AutoCompleteGroupByCheck.js +0 -164
  185. package/lib/esm/library/components/Molecules/AutoCompleteGroupByCheck.js.map +0 -1
  186. package/lib/esm/library/components/Molecules/AutocompleteCheck.d.ts +0 -10
  187. package/lib/esm/library/components/Molecules/AutocompleteCheck.js +0 -104
  188. package/lib/esm/library/components/Molecules/AutocompleteCheck.js.map +0 -1
  189. package/lib/esm/library/components/Molecules/AutocompleteGroupBy.d.ts +0 -9
  190. package/lib/esm/library/components/Molecules/AutocompleteGroupBy.js +0 -112
  191. package/lib/esm/library/components/Molecules/AutocompleteGroupBy.js.map +0 -1
  192. package/lib/esm/library/components/Molecules/modal/ModalClock.d.ts +0 -12
  193. package/lib/esm/library/components/Molecules/modal/ModalClock.js +0 -20
  194. package/lib/esm/library/components/Molecules/modal/ModalClock.js.map +0 -1
  195. package/lib/esm/library/components/Molecules/modal/ModalConfirm.d.ts +0 -11
  196. package/lib/esm/library/components/Molecules/modal/ModalConfirm.js +0 -36
  197. package/lib/esm/library/components/Molecules/modal/ModalConfirm.js.map +0 -1
  198. package/lib/esm/library/components/Molecules/modal/ModalFileUpload.d.ts +0 -9
  199. package/lib/esm/library/components/Molecules/modal/ModalFileUpload.js +0 -44
  200. package/lib/esm/library/components/Molecules/modal/ModalFileUpload.js.map +0 -1
  201. package/lib/esm/library/components/Molecules/modal/ModalIdleTimeout.d.ts +0 -9
  202. package/lib/esm/library/components/Molecules/modal/ModalIdleTimeout.js +0 -21
  203. package/lib/esm/library/components/Molecules/modal/ModalIdleTimeout.js.map +0 -1
  204. package/lib/esm/library/components/Molecules/modal/ModalSessionAllowed.d.ts +0 -10
  205. package/lib/esm/library/components/Molecules/modal/ModalSessionAllowed.js +0 -53
  206. package/lib/esm/library/components/Molecules/modal/ModalSessionAllowed.js.map +0 -1
  207. package/lib/esm/library/components/Molecules/modal/ModalTokenExpire.d.ts +0 -9
  208. package/lib/esm/library/components/Molecules/modal/ModalTokenExpire.js +0 -21
  209. package/lib/esm/library/components/Molecules/modal/ModalTokenExpire.js.map +0 -1
  210. package/lib/esm/library/components/Molecules/modal/ModalTransition.d.ts +0 -2
  211. package/lib/esm/library/components/Molecules/modal/ModalTransition.js +0 -20
  212. package/lib/esm/library/components/Molecules/modal/ModalTransition.js.map +0 -1
  213. package/lib/esm/library/components/Organisms/FilterComp.d.ts +0 -3
  214. package/lib/esm/library/components/Organisms/FilterComp.js +0 -109
  215. package/lib/esm/library/components/Organisms/FilterComp.js.map +0 -1
  216. package/lib/esm/library/components/Organisms/TableBootstrap.d.ts +0 -23
  217. package/lib/esm/library/components/Organisms/TableBootstrap.js +0 -216
  218. package/lib/esm/library/components/Organisms/TableBootstrap.js.map +0 -1
  219. package/lib/esm/library/components/Organisms/utils.d.ts +0 -3
  220. package/lib/esm/library/components/Organisms/utils.js +0 -4
  221. package/lib/esm/library/components/Organisms/utils.js.map +0 -1
  222. package/lib/esm/library/components/index.d.ts +0 -34
  223. package/lib/esm/library/components/index.js +0 -36
  224. package/lib/esm/library/components/index.js.map +0 -1
  225. package/lib/esm/library/modules/toast/index.d.ts +0 -2
  226. package/lib/esm/library/modules/toast/index.js +0 -3
  227. package/lib/esm/library/modules/toast/index.js.map +0 -1
  228. package/lib/esm/library/modules/toast/module.d.ts +0 -7
  229. package/lib/esm/library/modules/toast/module.js +0 -49
  230. package/lib/esm/library/modules/toast/module.js.map +0 -1
@@ -1,140 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
- Object.defineProperty(exports, "__esModule", { value: true });
22
- exports.AutoCompleteCheckMultiFilterKeys = void 0;
23
- /* eslint-disable */
24
- const react_1 = __importStar(require("react"));
25
- const mobx_react_1 = require("mobx-react");
26
- const __1 = require("..");
27
- exports.AutoCompleteCheckMultiFilterKeys = mobx_react_1.observer((props) => {
28
- const [value, setValue] = react_1.useState("");
29
- const [options, setOptions] = react_1.useState();
30
- const [originalOptions, setOriginalOptions] = react_1.useState();
31
- const [isListOpen, setIsListOpen] = react_1.useState(false);
32
- const useOutsideAlerter = (ref) => {
33
- react_1.useEffect(() => {
34
- function handleClickOutside(event) {
35
- if (ref.current && !ref.current.contains(event.target) && isListOpen) {
36
- if (originalOptions && options) {
37
- if (isListOpen) {
38
- props.onUpdate &&
39
- props.onUpdate(options.filter((item) => item.selected === true));
40
- }
41
- }
42
- setIsListOpen(false);
43
- setValue("");
44
- }
45
- }
46
- document.addEventListener("mousedown", handleClickOutside);
47
- return () => {
48
- document.removeEventListener("mousedown", handleClickOutside);
49
- };
50
- }, [ref, isListOpen]);
51
- };
52
- const wrapperRef = react_1.useRef(null);
53
- useOutsideAlerter(wrapperRef);
54
- let count = 0;
55
- const getSelectedItem = (defulatValues, list, findKey) => {
56
- if (count === 0 && list && findKey) {
57
- //console.log({ defulatValues, list })
58
- const finalList = list.filter((item, index) => {
59
- defulatValues.length > 0 &&
60
- defulatValues.find((rItem, index) => {
61
- findKey.filter((findItem) => {
62
- if (rItem[findItem] === item[findItem]) {
63
- item.selected = true;
64
- }
65
- });
66
- });
67
- count++;
68
- return item;
69
- });
70
- // console.log({ finalList })
71
- list = finalList;
72
- }
73
- return list;
74
- };
75
- react_1.useEffect(() => {
76
- if (props) {
77
- setOriginalOptions(getSelectedItem((props.data && props.data.defulatValues) || [], props.data && props.data.list, props.data && props.data.findKey));
78
- setOptions(getSelectedItem((props.data && props.data.defulatValues) || [], props.data && props.data.list, props.data && props.data.findKey));
79
- }
80
- }, [props]);
81
- const onChangeItem = (item, index) => {
82
- if (options) {
83
- options[index].selected = item.selected ? false : true;
84
- }
85
- setIsListOpen(true);
86
- setOptions(options);
87
- };
88
- // const filter = (search, data) => {
89
- // if (search) {
90
- // const filterArray = data.filter((item) => {
91
- // const filed: any = props.data?.findKey?.filter((findKey) => {
92
- // const value = item[findKey]
93
- // return value.toLowerCase().indexOf(search.toLowerCase()) > -1
94
- // })
95
- // const value = item[filed[0]]
96
- // console.log({ value })
97
- // if (value) {
98
- // return value.toLowerCase().indexOf(search.toLowerCase()) > -1
99
- // } else {
100
- // return
101
- // }
102
- // })
103
- // console.log({ filterArray })
104
- // setOptions(filterArray)
105
- // } else {
106
- // setOptions(originalOptions)
107
- // }
108
- // }
109
- const onChange = (e) => {
110
- const search = e.target.value;
111
- setValue(search);
112
- props.onFilter && props.onFilter(search);
113
- };
114
- const onKeyUp = (e) => {
115
- const charCode = e.which ? e.which : e.keyCode;
116
- if (charCode === 8) {
117
- const search = e.target.value;
118
- props.onFilter && props.onFilter(search);
119
- }
120
- };
121
- return (react_1.default.createElement(react_1.default.Fragment, null,
122
- react_1.default.createElement("div", { ref: wrapperRef },
123
- react_1.default.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` },
124
- react_1.default.createElement("input", { placeholder: props.placeholder || "Search ...", value: !isListOpen
125
- ? `${(options === null || options === void 0 ? void 0 : options.filter((item) => item.selected === true).length) || 0} Items`
126
- : value, className: "w-full focus:outline-none bg-none", onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
127
- isListOpen ? (react_1.default.createElement(__1.Icons.IconFa.FaChevronUp, null)) : (react_1.default.createElement(__1.Icons.IconFa.FaChevronDown, null))),
128
- options && isListOpen
129
- ? (options === null || options === void 0 ? void 0 : options.length) > 0 && (react_1.default.createElement("div", { className: "mt-1 absolute bg-gray-100 p-2 rounded-sm z-50" },
130
- react_1.default.createElement("ul", null, options === null || options === void 0 ? void 0 : options.map((item, index) => {
131
- var _a, _b;
132
- return (react_1.default.createElement(react_1.default.Fragment, null,
133
- react_1.default.createElement("li", { key: index, className: "text-gray-400 flex items-center" },
134
- react_1.default.createElement("input", { type: "checkbox", name: item.code, value: item.code, checked: item.selected, onChange: () => onChangeItem(item, index) }),
135
- " ",
136
- react_1.default.createElement("label", { className: "ml-2 mt-1 text-black" }, (_b = (_a = props.data) === null || _a === void 0 ? void 0 : _a.displayKey) === null || _b === void 0 ? void 0 : _b.map((findKey) => item[findKey]).join(" - ")))));
137
- }))))
138
- : null)));
139
- });
140
- //# sourceMappingURL=AutoCompleteCheckMultiFilterKeys.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AutoCompleteCheckMultiFilterKeys.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.tsx"],"names":[],"mappings":"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"}
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- interface AutocompleteCheckProps {
3
- data?: any;
4
- defaultData?: any[];
5
- titleKey?: any;
6
- hasError?: boolean;
7
- onUpdate?: (item: any) => void;
8
- }
9
- export declare const AutoCompleteCheckTwoTitleKeys: (props: AutocompleteCheckProps) => JSX.Element;
10
- export {};
@@ -1,128 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
- Object.defineProperty(exports, "__esModule", { value: true });
22
- exports.AutoCompleteCheckTwoTitleKeys = void 0;
23
- /* eslint-disable */
24
- const react_1 = __importStar(require("react"));
25
- const mobx_react_1 = require("mobx-react");
26
- const __1 = require("..");
27
- exports.AutoCompleteCheckTwoTitleKeys = mobx_react_1.observer((props) => {
28
- const [value, setValue] = react_1.useState("");
29
- const [options, setOptions] = react_1.useState();
30
- const [originalOptions, setOriginalOptions] = react_1.useState();
31
- const [isListOpen, setIsListOpen] = react_1.useState(false);
32
- const useOutsideAlerter = (ref) => {
33
- react_1.useEffect(() => {
34
- function handleClickOutside(event) {
35
- if (ref.current && !ref.current.contains(event.target) && isListOpen) {
36
- if (originalOptions && options) {
37
- if (isListOpen) {
38
- props.onUpdate &&
39
- props.onUpdate(options.filter((item) => item.selected === true));
40
- }
41
- }
42
- setIsListOpen(false);
43
- setValue("");
44
- }
45
- }
46
- document.addEventListener("mousedown", handleClickOutside);
47
- return () => {
48
- document.removeEventListener("mousedown", handleClickOutside);
49
- };
50
- }, [ref, isListOpen]);
51
- };
52
- const wrapperRef = react_1.useRef(null);
53
- useOutsideAlerter(wrapperRef);
54
- let count = 0;
55
- const getSelectedItem = (defulatValues, list, findKey) => {
56
- if (count === 0) {
57
- //console.log({ defulatValues, list })
58
- const finalList = list.filter((item, index) => {
59
- defulatValues.length > 0 &&
60
- defulatValues.find((rItem, index) => {
61
- if (rItem[findKey] === item[findKey]) {
62
- item.selected = true;
63
- }
64
- });
65
- count++;
66
- return item;
67
- });
68
- // console.log({ finalList })
69
- list = finalList;
70
- }
71
- return list;
72
- };
73
- react_1.useEffect(() => {
74
- setOriginalOptions(getSelectedItem(props.data.defulatValues, props.data.list, props.data.findKey));
75
- setOptions(getSelectedItem(props.data.defulatValues, props.data.list, props.data.findKey));
76
- }, [props]);
77
- const onChangeItem = (item, index) => {
78
- if (options) {
79
- options[index].selected = item.selected ? false : true;
80
- }
81
- setIsListOpen(true);
82
- setOptions(options);
83
- };
84
- const filter = (search, data) => {
85
- if (search) {
86
- const filterArray = data.filter((item) => {
87
- const value = item.name || item.description;
88
- return value.toLowerCase().indexOf(search.toLowerCase()) > -1;
89
- });
90
- setOptions(filterArray);
91
- }
92
- else {
93
- setOptions(originalOptions);
94
- }
95
- };
96
- const onChange = (e) => {
97
- const search = e.target.value;
98
- setValue(search);
99
- filter(search, options);
100
- };
101
- const onKeyUp = (e) => {
102
- const charCode = e.which ? e.which : e.keyCode;
103
- if (charCode === 8) {
104
- const search = e.target.value;
105
- filter(search, originalOptions);
106
- }
107
- };
108
- return (react_1.default.createElement(react_1.default.Fragment, null,
109
- react_1.default.createElement("div", { ref: wrapperRef },
110
- react_1.default.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
111
- ? "border-red-500"
112
- : "border-gray-300"} rounded-md` },
113
- react_1.default.createElement("input", { placeholder: "Search ...", value: !isListOpen
114
- ? `${(options === null || options === void 0 ? void 0 : options.filter((item) => item.selected === true).length) || 0} Items`
115
- : value, className: "w-full focus:outline-none bg-none", onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
116
- isListOpen ? (react_1.default.createElement(__1.Icons.IconFa.FaChevronUp, null)) : (react_1.default.createElement(__1.Icons.IconFa.FaChevronDown, null))),
117
- options && isListOpen
118
- ? (options === null || options === void 0 ? void 0 : options.length) > 0 && (react_1.default.createElement("div", { className: "mt-1 absolute bg-gray-100 p-2 rounded-sm z-50" },
119
- react_1.default.createElement("ul", null, options === null || options === void 0 ? void 0 : options.map((item, index) => (react_1.default.createElement(react_1.default.Fragment, null,
120
- react_1.default.createElement("li", { key: index, className: "text-gray-400 flex items-center" },
121
- react_1.default.createElement("input", { type: "checkbox", name: item.code, value: item.code, checked: item.selected, onChange: () => onChangeItem(item, index) }),
122
- " ",
123
- react_1.default.createElement("label", { className: "ml-2 mt-1 text-black" },
124
- " ",
125
- `${item[props.titleKey.key1]} (${item[props.titleKey.key2]}) `))))))))
126
- : null)));
127
- });
128
- //# 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,109 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
- Object.defineProperty(exports, "__esModule", { value: true });
22
- exports.AutoCompleteFilterMutiSelect = void 0;
23
- /* eslint-disable */
24
- const react_1 = __importStar(require("react"));
25
- const react_bootstrap_1 = require("react-bootstrap");
26
- const __1 = require("..");
27
- const AutoCompleteFilterMutiSelect = ({ loader = false, placeholder = "Search...", data, hasError = false, onFilter, onUpdate, onSelect, }) => {
28
- const [value, setValue] = react_1.useState("");
29
- const [options, setOptions] = react_1.useState();
30
- const [originalOptions, setOriginalOptions] = react_1.useState();
31
- const [isListOpen, setIsListOpen] = react_1.useState(false);
32
- const useOutsideAlerter = (ref) => {
33
- react_1.useEffect(() => {
34
- function handleClickOutside(event) {
35
- if (ref.current && !ref.current.contains(event.target) && isListOpen) {
36
- if (originalOptions && options) {
37
- if (isListOpen) {
38
- onUpdate && onUpdate(data.selected);
39
- }
40
- }
41
- setIsListOpen(false);
42
- setValue("");
43
- }
44
- }
45
- document.addEventListener("mousedown", handleClickOutside);
46
- return () => {
47
- document.removeEventListener("mousedown", handleClickOutside);
48
- };
49
- }, [ref, isListOpen]);
50
- };
51
- const wrapperRef = react_1.useRef(null);
52
- useOutsideAlerter(wrapperRef);
53
- let count = 0;
54
- const getSelectedItem = (selectedItem, list, findKey) => {
55
- if (count === 0) {
56
- const finalList = list.filter((item, index) => {
57
- item.selected = false;
58
- selectedItem && selectedItem.length > 0
59
- ? selectedItem.find((sItem, index) => {
60
- if (sItem._id === item._id) {
61
- item.selected = true;
62
- }
63
- })
64
- : (item.selected = false);
65
- count++;
66
- return item;
67
- });
68
- list = finalList;
69
- }
70
- return list;
71
- };
72
- react_1.useEffect(() => {
73
- setOriginalOptions(getSelectedItem(data.selected, data.list, data.findKey));
74
- setOptions(getSelectedItem(data.selected, data.list, data.findKey));
75
- //console.log('renader');
76
- }, [data, data.selected]);
77
- const onChange = (e) => {
78
- const search = e.target.value;
79
- setValue(search);
80
- onFilter(search);
81
- };
82
- const onKeyUp = (e) => {
83
- const charCode = e.which ? e.which : e.keyCode;
84
- if (charCode === 8) {
85
- const search = e.target.value;
86
- onFilter(search);
87
- }
88
- };
89
- return (react_1.default.createElement(react_1.default.Fragment, null,
90
- react_1.default.createElement("div", { ref: wrapperRef },
91
- react_1.default.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` },
92
- react_1.default.createElement("input", { placeholder: placeholder, value: !isListOpen
93
- ? `${(data.selected && data.selected.length) || 0} Items`
94
- : value, className: `w-full focus:outline-none bg-none`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
95
- loader && react_1.default.createElement(react_bootstrap_1.Spinner, { animation: "border", className: "mr-2 h-4 w-4" }),
96
- isListOpen ? (react_1.default.createElement(__1.Icons.IconFa.FaChevronUp, null)) : (react_1.default.createElement(__1.Icons.IconFa.FaChevronDown, null))),
97
- options && isListOpen
98
- ? (options === null || options === void 0 ? void 0 : options.length) > 0 && (react_1.default.createElement("div", { className: "mt-1 absolute bg-gray-100 p-2 rounded-sm z-50" },
99
- react_1.default.createElement("ul", null, options === null || options === void 0 ? void 0 : options.map((item, index) => (react_1.default.createElement(react_1.default.Fragment, null,
100
- react_1.default.createElement("li", { key: index, className: "text-gray-400 flex items-center" },
101
- react_1.default.createElement("input", { type: "checkbox", checked: item.selected, onChange: () => onSelect(item) }),
102
- " ",
103
- react_1.default.createElement("label", { className: "ml-2 mt-1 text-black" },
104
- " ",
105
- item[data.displayKey]))))))))
106
- : null)));
107
- };
108
- exports.AutoCompleteFilterMutiSelect = AutoCompleteFilterMutiSelect;
109
- //# 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,109 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
- Object.defineProperty(exports, "__esModule", { value: true });
22
- exports.AutoCompleteFilterMutiSelectMultiFieldsDisplay = void 0;
23
- /* eslint-disable */
24
- const react_1 = __importStar(require("react"));
25
- const react_bootstrap_1 = require("react-bootstrap");
26
- const __1 = require("..");
27
- const AutoCompleteFilterMutiSelectMultiFieldsDisplay = ({ loader = false, placeholder = "Search...", data, hasError = false, disable = false, onFilter, onUpdate, onSelect, }) => {
28
- const [value, setValue] = react_1.useState("");
29
- const [options, setOptions] = react_1.useState();
30
- const [originalOptions, setOriginalOptions] = react_1.useState();
31
- const [isListOpen, setIsListOpen] = react_1.useState(false);
32
- const useOutsideAlerter = (ref) => {
33
- react_1.useEffect(() => {
34
- function handleClickOutside(event) {
35
- if (ref.current && !ref.current.contains(event.target) && isListOpen) {
36
- if (originalOptions && options) {
37
- if (isListOpen) {
38
- onUpdate && onUpdate(data.selected);
39
- }
40
- }
41
- setIsListOpen(false);
42
- setValue("");
43
- }
44
- }
45
- document.addEventListener("mousedown", handleClickOutside);
46
- return () => {
47
- document.removeEventListener("mousedown", handleClickOutside);
48
- };
49
- }, [ref, isListOpen]);
50
- };
51
- const wrapperRef = react_1.useRef(null);
52
- useOutsideAlerter(wrapperRef);
53
- let count = 0;
54
- const getSelectedItem = (selectedItem, list) => {
55
- if (count === 0) {
56
- const finalList = list.filter((item, index) => {
57
- item.selected = false;
58
- selectedItem && selectedItem.length > 0
59
- ? selectedItem.find((sItem, index) => {
60
- if (sItem._id === item._id) {
61
- item.selected = true;
62
- }
63
- })
64
- : (item.selected = false);
65
- count++;
66
- return item;
67
- });
68
- list = finalList;
69
- }
70
- return list;
71
- };
72
- react_1.useEffect(() => {
73
- setOriginalOptions(getSelectedItem(data.selected, data.list));
74
- setOptions(getSelectedItem(data.selected, data.list));
75
- }, [data, data.selected]);
76
- const onChange = (e) => {
77
- const search = e.target.value;
78
- setValue(search);
79
- onFilter(search);
80
- };
81
- const onKeyUp = (e) => {
82
- const charCode = e.which ? e.which : e.keyCode;
83
- if (charCode === 8) {
84
- const search = e.target.value;
85
- onFilter(search);
86
- }
87
- };
88
- return (react_1.default.createElement(react_1.default.Fragment, null,
89
- react_1.default.createElement("div", { ref: wrapperRef, className: "w-full" },
90
- react_1.default.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` },
91
- react_1.default.createElement("input", { placeholder: placeholder, disabled: disable, value: !isListOpen
92
- ? `${(data.selected && data.selected.length) || 0} Items`
93
- : value, className: `w-full focus:outline-none bg-none`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
94
- loader && react_1.default.createElement(react_bootstrap_1.Spinner, { animation: "border", className: "mr-2 h-4 w-4" }),
95
- isListOpen ? (react_1.default.createElement(__1.Icons.IconFa.FaChevronUp, null)) : (react_1.default.createElement(__1.Icons.IconFa.FaChevronDown, null))),
96
- options && isListOpen
97
- ? (options === null || options === void 0 ? void 0 : options.length) > 0 && (react_1.default.createElement("div", { className: "mt-1 bg-gray-100 p-2 rounded-sm z-50" },
98
- react_1.default.createElement("ul", null, options === null || options === void 0 ? void 0 : options.map((item, index) => (react_1.default.createElement(react_1.default.Fragment, null,
99
- react_1.default.createElement("li", { key: index, className: "text-gray-400 flex items-center" },
100
- react_1.default.createElement("input", { type: "checkbox", checked: item.selected, onChange: () => onSelect(item) }),
101
- " ",
102
- react_1.default.createElement("label", { className: "ml-2 mt-1 text-black" }, data.displayKey
103
- .map((key) => `${item[key]}
104
- `)
105
- .join(" - ")))))))))
106
- : null)));
107
- };
108
- exports.AutoCompleteFilterMutiSelectMultiFieldsDisplay = AutoCompleteFilterMutiSelectMultiFieldsDisplay;
109
- //# 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 {};