diginet-core-ui 1.3.87 → 1.3.88

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 (438) hide show
  1. package/assets/avatar/default.svg +3 -3
  2. package/assets/images/icons/wifi.svg +3 -3
  3. package/assets/images/menu/bem/WA3F0100.svg +6 -6
  4. package/assets/images/menu/bem/WA3F1025.svg +10 -10
  5. package/assets/images/menu/bem/WA3F2000.svg +10 -10
  6. package/assets/images/menu/bem/WA3F2020.svg +6 -6
  7. package/assets/images/menu/bem/WA3F2030.svg +14 -14
  8. package/assets/images/menu/bem/WA3F2040.svg +8 -8
  9. package/assets/images/menu/bem/WA3F2100.svg +6 -6
  10. package/assets/images/menu/dhr/ALL.svg +6 -6
  11. package/assets/images/menu/dhr/D00.svg +12 -12
  12. package/assets/images/menu/dhr/D09.svg +8 -8
  13. package/assets/images/menu/dhr/D13.svg +10 -10
  14. package/assets/images/menu/dhr/D15.svg +10 -10
  15. package/assets/images/menu/dhr/D21.svg +10 -10
  16. package/assets/images/menu/dhr/D25.svg +11 -11
  17. package/assets/images/menu/dhr/D29.svg +11 -11
  18. package/assets/images/menu/dhr/D38.svg +6 -6
  19. package/assets/images/menu/dhr/D39.svg +10 -10
  20. package/assets/images/menu/dhr/D51.svg +12 -12
  21. package/assets/images/menu/dhr/D52.svg +16 -16
  22. package/assets/images/menu/dhr/D77.svg +16 -16
  23. package/assets/images/menu/dhr/D84.svg +12 -12
  24. package/assets/images/menu/dhr/D89.svg +8 -8
  25. package/assets/images/menu/dhr/Default.svg +13 -13
  26. package/assets/images/menu/dhr/MHRM00N0001.svg +14 -14
  27. package/assets/images/menu/dhr/MHRM00N0002.svg +22 -22
  28. package/assets/images/menu/dhr/MHRM00N0003.svg +17 -17
  29. package/assets/images/menu/dhr/MHRM00N0004.svg +12 -12
  30. package/assets/images/menu/dhr/MHRM00N0005.svg +11 -11
  31. package/assets/images/menu/dhr/MHRM09N0002.svg +3 -3
  32. package/assets/images/menu/dhr/MHRM09N0003.svg +25 -25
  33. package/assets/images/menu/dhr/MHRM09N0004.svg +14 -14
  34. package/assets/images/menu/dhr/MHRM09N0005.svg +7 -7
  35. package/assets/images/menu/dhr/MHRM09N1010.svg +12 -12
  36. package/assets/images/menu/dhr/MHRM09N1015.svg +18 -18
  37. package/assets/images/menu/dhr/MHRM09N1020.svg +13 -13
  38. package/assets/images/menu/dhr/MHRM09N1025.svg +12 -12
  39. package/assets/images/menu/dhr/MHRM09N1030.svg +11 -11
  40. package/assets/images/menu/dhr/MHRM09N1035.svg +15 -15
  41. package/assets/images/menu/dhr/MHRM09N1040.svg +8 -8
  42. package/assets/images/menu/dhr/MHRM09N1400.svg +11 -11
  43. package/assets/images/menu/dhr/MHRM13N0001.svg +16 -16
  44. package/assets/images/menu/dhr/MHRM13N0002.svg +13 -13
  45. package/assets/images/menu/dhr/MHRM13N0003.svg +12 -12
  46. package/assets/images/menu/dhr/MHRM13N0004.svg +21 -21
  47. package/assets/images/menu/dhr/MHRM25N0001.svg +26 -26
  48. package/assets/images/menu/dhr/MHRM29N0001.svg +30 -30
  49. package/assets/images/menu/dhr/MHRM29N0002.svg +13 -13
  50. package/assets/images/menu/dhr/MHRM29N0003.svg +17 -17
  51. package/assets/images/menu/dhr/MHRM29N0004.svg +18 -18
  52. package/assets/images/menu/dhr/MHRM29N0005.svg +13 -13
  53. package/assets/images/menu/dhr/MHRM29N0015.svg +63 -63
  54. package/assets/images/menu/dhr/MHRM39N0012.svg +43 -43
  55. package/assets/images/menu/dhr/MHRM39N0013.svg +24 -24
  56. package/assets/images/menu/dhr/MHRM39N0014.svg +14 -14
  57. package/assets/images/menu/dhr/MHRM39N0015.svg +36 -36
  58. package/assets/images/menu/dhr/MHRM39N0016.svg +23 -23
  59. package/assets/images/menu/dhr/MHRM39N0017.svg +14 -14
  60. package/assets/images/menu/dhr/MHRM39N0018.svg +5 -5
  61. package/assets/images/menu/dhr/MHRM39N0019.svg +11 -11
  62. package/assets/images/menu/dhr/MHRM39N0020.svg +11 -11
  63. package/assets/images/menu/dhr/MHRM39N0021.svg +11 -11
  64. package/assets/images/menu/dhr/MHRM39N0022.svg +18 -18
  65. package/assets/images/menu/dhr/MHRM39N0023.svg +13 -13
  66. package/assets/images/menu/dhr/MHRM77N0001.svg +28 -28
  67. package/assets/images/menu/dhr/MHRM82N0001.svg +8 -8
  68. package/assets/images/menu/dhr/MHRM82N0002.svg +5 -5
  69. package/assets/images/menu/dhr/MHRM84N0001.svg +27 -27
  70. package/assets/images/menu/dhr/MHRM84N0002.svg +24 -24
  71. package/assets/images/menu/dhr/MHRM89N0001.svg +16 -16
  72. package/assets/images/menu/dhr/MHRP00N0001.svg +10 -10
  73. package/assets/images/menu/dhr/MHRP09N0001.svg +22 -22
  74. package/assets/images/menu/dhr/MHRP09N0002.svg +19 -19
  75. package/assets/images/menu/dhr/MHRP09N0003.svg +12 -12
  76. package/assets/images/menu/dhr/MHRP09N0004.svg +6 -6
  77. package/assets/images/menu/dhr/MHRP09N0005.svg +10 -10
  78. package/assets/images/menu/dhr/MHRP09N0006.svg +17 -17
  79. package/assets/images/menu/dhr/MHRP09N0007.svg +15 -15
  80. package/assets/images/menu/dhr/MHRP09N0008.svg +8 -8
  81. package/assets/images/menu/dhr/MHRP09N0009.svg +10 -10
  82. package/assets/images/menu/dhr/MHRP09N0010.svg +12 -12
  83. package/assets/images/menu/dhr/MHRP09N0011.svg +16 -16
  84. package/assets/images/menu/dhr/MHRP09N0012.svg +6 -6
  85. package/assets/images/menu/dhr/MHRP09N0013.svg +8 -8
  86. package/assets/images/menu/dhr/MHRP09N0014.svg +11 -11
  87. package/assets/images/menu/dhr/MHRP09N0015.svg +12 -12
  88. package/assets/images/menu/dhr/MHRP09N0016.svg +18 -18
  89. package/assets/images/menu/dhr/MHRP09N0017.svg +18 -18
  90. package/assets/images/menu/dhr/MHRP09N0018.svg +12 -12
  91. package/assets/images/menu/dhr/MHRP09N0019.svg +13 -13
  92. package/assets/images/menu/dhr/MHRP09N0020.svg +17 -17
  93. package/assets/images/menu/dhr/MHRP09N0021.svg +10 -10
  94. package/assets/images/menu/dhr/MHRP09N0022.svg +16 -16
  95. package/assets/images/menu/dhr/MHRP09N0023.svg +8 -8
  96. package/assets/images/menu/dhr/MHRP09N0024.svg +15 -15
  97. package/assets/images/menu/dhr/MHRP09N0025.svg +16 -16
  98. package/assets/images/menu/dhr/MHRP09N0026.svg +13 -13
  99. package/assets/images/menu/dhr/MHRP09N0027.svg +10 -10
  100. package/assets/images/menu/dhr/MHRP09N0028.svg +6 -6
  101. package/assets/images/menu/dhr/MHRP09N0029.svg +14 -14
  102. package/assets/images/menu/dhr/MHRP09N0030.svg +4 -4
  103. package/assets/images/menu/dhr/MHRP09N0031.svg +5 -5
  104. package/assets/images/menu/dhr/MHRP09N0032.svg +7 -7
  105. package/assets/images/menu/dhr/MHRP13N0001.svg +9 -9
  106. package/assets/images/menu/dhr/MHRP21N0001.svg +12 -12
  107. package/assets/images/menu/dhr/MHRP21N0002.svg +13 -13
  108. package/assets/images/menu/dhr/MHRP25L0101.svg +15 -15
  109. package/assets/images/menu/dhr/MHRP25L0501.svg +14 -14
  110. package/assets/images/menu/dhr/MHRP25N0001.svg +13 -13
  111. package/assets/images/menu/dhr/MHRP25N0002.svg +16 -16
  112. package/assets/images/menu/dhr/MHRP25N0003.svg +38 -38
  113. package/assets/images/menu/dhr/MHRP25N0004.svg +17 -17
  114. package/assets/images/menu/dhr/MHRP25N0005.svg +20 -20
  115. package/assets/images/menu/dhr/MHRP29N0001.svg +18 -18
  116. package/assets/images/menu/dhr/MHRP29N0002.svg +15 -15
  117. package/assets/images/menu/dhr/MHRP29N0003.svg +20 -20
  118. package/assets/images/menu/dhr/MHRP29N0004.svg +21 -21
  119. package/assets/images/menu/dhr/MHRP29N0005.svg +21 -21
  120. package/assets/images/menu/dhr/MHRP29N0006.svg +14 -14
  121. package/assets/images/menu/dhr/MHRP29N0007.svg +19 -19
  122. package/assets/images/menu/dhr/MHRP29N0008.svg +20 -20
  123. package/assets/images/menu/dhr/MHRP29N0009.svg +11 -11
  124. package/assets/images/menu/dhr/MHRP29N0010.svg +11 -11
  125. package/assets/images/menu/dhr/MHRP29N0011.svg +12 -12
  126. package/assets/images/menu/dhr/MHRP29N0012.svg +7 -7
  127. package/assets/images/menu/dhr/MHRP29N0013.svg +27 -27
  128. package/assets/images/menu/dhr/MHRP29N0014.svg +32 -32
  129. package/assets/images/menu/dhr/MHRP29N0016.svg +54 -54
  130. package/assets/images/menu/dhr/MHRP29N0017.svg +24 -24
  131. package/assets/images/menu/dhr/MHRP29N0018.svg +44 -44
  132. package/assets/images/menu/dhr/MHRP29N0019.svg +17 -17
  133. package/assets/images/menu/dhr/MHRP29N0020.svg +11 -11
  134. package/assets/images/menu/dhr/MHRP29N0021.svg +8 -8
  135. package/assets/images/menu/dhr/MHRP29N0022.svg +9 -9
  136. package/assets/images/menu/dhr/MHRP29N0023.svg +22 -22
  137. package/assets/images/menu/dhr/MHRP29N0026.svg +13 -13
  138. package/assets/images/menu/dhr/MHRP29N0027.svg +14 -14
  139. package/assets/images/menu/dhr/MHRP29N0028.svg +15 -15
  140. package/assets/images/menu/dhr/MHRP38N0001.svg +13 -13
  141. package/assets/images/menu/dhr/MHRP38N0002.svg +14 -14
  142. package/assets/images/menu/dhr/MHRP39N0001.svg +15 -15
  143. package/assets/images/menu/dhr/MHRP39N0002.svg +13 -13
  144. package/assets/images/menu/dhr/MHRP39N0003.svg +16 -16
  145. package/assets/images/menu/dhr/MHRP39N0004.svg +22 -22
  146. package/assets/images/menu/dhr/MHRP39N0005.svg +16 -16
  147. package/assets/images/menu/dhr/MHRP39N0006.svg +17 -17
  148. package/assets/images/menu/dhr/MHRP39N0007.svg +13 -13
  149. package/assets/images/menu/dhr/MHRP39N0008.svg +3 -3
  150. package/assets/images/menu/dhr/MHRP39N0009.svg +3 -3
  151. package/assets/images/menu/dhr/MHRP39N0010.svg +7 -7
  152. package/assets/images/menu/dhr/MHRP39N0011.svg +7 -7
  153. package/assets/images/menu/dhr/MHRP39N0013.svg +10 -10
  154. package/assets/images/menu/dhr/MHRP39N0014.svg +11 -11
  155. package/assets/images/menu/dhr/MHRP39N0015.svg +5 -5
  156. package/assets/images/menu/dhr/MHRP39N0017.svg +11 -11
  157. package/assets/images/menu/dhr/MHRP39N0018.svg +11 -11
  158. package/assets/images/menu/dhr/MHRP39N1222.svg +12 -12
  159. package/assets/images/menu/dhr/MHRP51N0001.svg +9 -9
  160. package/assets/images/menu/dhr/MHRP51N0002.svg +13 -13
  161. package/assets/images/menu/dhr/MHRP52N0001.svg +21 -21
  162. package/assets/images/menu/dhr/MHRP52N0002.svg +21 -21
  163. package/assets/images/menu/dhr/MHRP52N0003.svg +16 -16
  164. package/assets/images/menu/dhr/MHRP75N0001.svg +19 -19
  165. package/assets/images/menu/dhr/MHRP75N0002.svg +25 -25
  166. package/assets/images/menu/dhr/MHRP75N0003.svg +3 -3
  167. package/assets/images/menu/dhr/MHRP75N0006.svg +14 -14
  168. package/assets/images/menu/dhr/MHRP75N0007.svg +19 -19
  169. package/assets/images/menu/dhr/MHRP75N0008.svg +19 -19
  170. package/assets/images/menu/dhr/MHRP77N0007.svg +28 -28
  171. package/assets/images/menu/dhr/MHRP77N0008.svg +17 -17
  172. package/assets/images/menu/dhr/MHRP77N0009.svg +19 -19
  173. package/assets/images/menu/dhr/MHRP77N0010.svg +20 -20
  174. package/assets/images/menu/dhr/MHRP89N1000.svg +5 -5
  175. package/assets/images/menu/dhr/MHRP89N1001.svg +5 -5
  176. package/assets/images/menu/dhr/TASK.svg +9 -9
  177. package/assets/images/menu/dhr/W00F0001.svg +3 -3
  178. package/assets/images/menu/dhr/W00F0002.svg +3 -3
  179. package/assets/images/menu/dhr/W00F0003.svg +3 -3
  180. package/assets/images/menu/dhr/W00F0004.svg +3 -3
  181. package/assets/images/menu/dhr/W09F2000-WEB5.svg +17 -17
  182. package/assets/images/menu/dhr/W09F2000.svg +4 -4
  183. package/assets/images/menu/dhr/W09F2002-WEB5.svg +21 -21
  184. package/assets/images/menu/dhr/W09F2005-WEB5.svg +13 -13
  185. package/assets/images/menu/dhr/W09F2020-WEB5.svg +16 -16
  186. package/assets/images/menu/dhr/W09F2022-WEB5.svg +20 -20
  187. package/assets/images/menu/dhr/W09F2150-WEB5.svg +16 -16
  188. package/assets/images/menu/dhr/W09F2152-WEB5.svg +20 -20
  189. package/assets/images/menu/dhr/W09F2160-WEB5.svg +14 -14
  190. package/assets/images/menu/dhr/W09F2162-WEB5.svg +18 -18
  191. package/assets/images/menu/dhr/W29F4006-WEB5.svg +19 -19
  192. package/assets/images/menu/dhr/W75F2260-WEB5.svg +15 -15
  193. package/assets/images/menu/dhr/W75F2261-WEB5.svg +19 -19
  194. package/assets/images/menu/dhr/W75F3005-WEB5.svg +13 -13
  195. package/assets/images/menu/dhr/W75F4070-WEB5.svg +21 -21
  196. package/assets/images/menu/dhr/W75F4071-WEB5.svg +17 -17
  197. package/assets/images/menu/dhr/W75F4100-WEB5.svg +14 -14
  198. package/assets/images/menu/dhr/W77F1011.svg +19 -19
  199. package/assets/images/menu/dhr/W77F1013.svg +22 -22
  200. package/assets/images/menu/erp/D05.svg +8 -8
  201. package/assets/images/menu/erp/D06.svg +4 -4
  202. package/assets/images/menu/erp/D90R.svg +9 -9
  203. package/assets/images/menu/erp/DBC.svg +9 -9
  204. package/assets/images/menu/erp/W00F0001.svg +3 -3
  205. package/assets/images/menu/erp/W00F0002.svg +3 -3
  206. package/assets/images/menu/erp/W00F0003.svg +3 -3
  207. package/assets/images/menu/erp/W00F0004.svg +3 -3
  208. package/assets/images/menu/erp/W05F0001.svg +16 -16
  209. package/assets/images/menu/erp/W05F0001N0000.svg +16 -16
  210. package/assets/images/menu/erp/W05F0004N0000.svg +6 -6
  211. package/assets/images/menu/erp/W05F0006N0000.svg +30 -30
  212. package/assets/images/menu/erp/W05F0007N0000.svg +6 -6
  213. package/assets/images/menu/erp/W05F0008N0000.svg +14 -14
  214. package/assets/images/menu/erp/W05F0011N0000.svg +20 -20
  215. package/assets/images/menu/erp/W05F0013N0000.svg +9 -9
  216. package/assets/images/menu/erp/W05F4000N0000.svg +9 -9
  217. package/assets/images/menu/erp/W06F0001.svg +17 -17
  218. package/assets/images/menu/erp/W06F0001N0000.svg +17 -17
  219. package/assets/images/menu/erp/W06F0004N0000.svg +22 -22
  220. package/assets/images/menu/erp/W06F0005N0000.svg +22 -22
  221. package/assets/images/menu/erp/W06F0006N0000.svg +55 -55
  222. package/assets/images/menu/erp/W06F0008N0000.svg +17 -17
  223. package/assets/images/menu/erp/W94F1000N0000.svg +9 -9
  224. package/assets/images/menu/erp/W94F1000N0001.svg +9 -9
  225. package/assets/images/menu/erp/WA3F1025.svg +5 -5
  226. package/assets/images/menu/erp/WA3F2100.svg +10 -10
  227. package/assets/storybook/avatar01.svg +9 -9
  228. package/assets/storybook/cover01.svg +9 -9
  229. package/components/accordion/details.js +6 -2
  230. package/components/accordion/group.js +9 -2
  231. package/components/accordion/index.js +15 -2
  232. package/components/accordion/summary.js +27 -4
  233. package/components/alert/index.js +33 -2
  234. package/components/alert/notify.js +22 -12
  235. package/components/avatar/index.js +81 -22
  236. package/components/badge/index.js +45 -20
  237. package/components/button/icon.js +56 -25
  238. package/components/button/index.js +65 -16
  239. package/components/button/more.js +35 -15
  240. package/components/button/ripple-effect.js +10 -0
  241. package/components/card/body.js +7 -2
  242. package/components/card/extra.js +7 -2
  243. package/components/card/footer.js +7 -2
  244. package/components/card/header.js +7 -2
  245. package/components/card/index.js +22 -2
  246. package/components/chart/Pie/Circle.js +1 -0
  247. package/components/chart/Pie/Sector.js +19 -2
  248. package/components/chart/Pie/Sectors.js +10 -0
  249. package/components/chart/Pie/index.js +36 -4
  250. package/components/chart/Pie-v2/Circle.js +1 -0
  251. package/components/chart/Pie-v2/Sector.js +15 -2
  252. package/components/chart/Pie-v2/Sectors.js +20 -0
  253. package/components/chart/Pie-v2/index.js +38 -11
  254. package/components/chart/bar/Axis.js +12 -0
  255. package/components/chart/bar/Bar.js +35 -13
  256. package/components/chart/bar/Grid.js +18 -0
  257. package/components/chart/bar/Labels.js +18 -0
  258. package/components/chart/bar/Points.js +17 -0
  259. package/components/chart/bar/index.js +26 -6
  260. package/components/chart/bar-v2/Axis.js +12 -0
  261. package/components/chart/bar-v2/Bar.js +36 -15
  262. package/components/chart/bar-v2/Grid.js +18 -0
  263. package/components/chart/bar-v2/Labels.js +18 -0
  264. package/components/chart/bar-v2/Points.js +17 -0
  265. package/components/chart/bar-v2/index.js +26 -6
  266. package/components/chart/line/Axis.js +16 -4
  267. package/components/chart/line/Grid.js +19 -2
  268. package/components/chart/line/Labels.js +18 -0
  269. package/components/chart/line/Path.js +33 -23
  270. package/components/chart/line/Point.js +40 -6
  271. package/components/chart/line/Title.js +3 -0
  272. package/components/chart/line/index.js +35 -12
  273. package/components/chart/line-v2/Axis.js +13 -0
  274. package/components/chart/line-v2/Grid.js +18 -0
  275. package/components/chart/line-v2/Labels.js +18 -0
  276. package/components/chart/line-v2/Path.js +33 -23
  277. package/components/chart/line-v2/Point.js +35 -6
  278. package/components/chart/line-v2/Title.js +3 -0
  279. package/components/chart/line-v2/index.js +30 -12
  280. package/components/check-text/index.js +8 -0
  281. package/components/check-text/interview-confirmation.js +7 -0
  282. package/components/check-text/interview-status.js +7 -0
  283. package/components/chip/attach.js +22 -9
  284. package/components/chip/index.js +33 -6
  285. package/components/collapse/index.js +13 -0
  286. package/components/divider/index.js +13 -2
  287. package/components/form-control/attachment/index.js +202 -41
  288. package/components/form-control/calendar/function.js +207 -153
  289. package/components/form-control/calendar/index.js +46 -21
  290. package/components/form-control/calendar/range.js +28 -11
  291. package/components/form-control/checkbox/index.js +37 -4
  292. package/components/form-control/control/index.js +13 -3
  293. package/components/form-control/date-picker/index-old.js +0 -18
  294. package/components/form-control/date-picker/index.js +99 -23
  295. package/components/form-control/date-range-picker/index.js +180 -44
  296. package/components/form-control/dropdown/index.js +314 -101
  297. package/components/form-control/dropdown-box/index.js +35 -6
  298. package/components/form-control/form/index.js +2 -0
  299. package/components/form-control/form-group/index.js +6 -1
  300. package/components/form-control/helper-text/index.js +9 -2
  301. package/components/form-control/input-base/index.js +73 -9
  302. package/components/form-control/label/index.js +12 -2
  303. package/components/form-control/money-input/index.js +143 -54
  304. package/components/form-control/number-input/index.js +124 -26
  305. package/components/form-control/number-input/index2.js +119 -78
  306. package/components/form-control/phone-input/index.js +85 -23
  307. package/components/form-control/radio/index.js +28 -9
  308. package/components/form-control/text-input/index.js +46 -10
  309. package/components/form-control/time-picker/index.js +71 -14
  310. package/components/form-control/time-picker/swiper.js +73 -21
  311. package/components/form-control/toggle/index.js +23 -8
  312. package/components/form-view/helper-text.js +2 -2
  313. package/components/form-view/index.js +14 -0
  314. package/components/form-view/input.js +13 -2
  315. package/components/form-view/label.js +2 -0
  316. package/components/grid/Col.js +16 -2
  317. package/components/grid/Container.js +21 -2
  318. package/components/grid/Row.js +21 -2
  319. package/components/grid/index.js +44 -2
  320. package/components/image/index.js +22 -2
  321. package/components/index.js +31 -62
  322. package/components/list/list-item-action.js +9 -0
  323. package/components/list/list-item-icon.js +9 -0
  324. package/components/list/list-item-text.js +5 -0
  325. package/components/list/list-item.js +11 -0
  326. package/components/list/list.js +13 -0
  327. package/components/list/sub-header.js +4 -0
  328. package/components/modal/body.js +6 -2
  329. package/components/modal/footer.js +11 -2
  330. package/components/modal/header.js +12 -2
  331. package/components/modal/index.js +10 -2
  332. package/components/modal/modal.js +52 -11
  333. package/components/others/extra/index.js +10 -3
  334. package/components/others/import/index.js +7 -0
  335. package/components/others/option-wrapper/index.js +7 -4
  336. package/components/others/scrollbar/index.js +3 -0
  337. package/components/paging/page-info.js +99 -35
  338. package/components/paging/page-selector.js +35 -7
  339. package/components/paging/page-selector2.js +74 -35
  340. package/components/paper/index.js +11 -0
  341. package/components/popover/body.js +6 -2
  342. package/components/popover/footer.js +11 -2
  343. package/components/popover/header.js +7 -2
  344. package/components/popover/index.js +146 -54
  345. package/components/popup/danger_popup.js +19 -0
  346. package/components/popup/index.js +48 -2
  347. package/components/popup/proposals_popup.js +49 -10
  348. package/components/popup/v2/index.js +47 -13
  349. package/components/progress/circular.js +48 -10
  350. package/components/progress/linear.js +20 -4
  351. package/components/rating/index.js +32 -8
  352. package/components/slider/slider-container.js +40 -3
  353. package/components/slider/slider-item.js +25 -10
  354. package/components/status/index.js +14 -2
  355. package/components/tab/tab-container.js +18 -4
  356. package/components/tab/tab-header.js +24 -4
  357. package/components/tab/tab-panel.js +16 -4
  358. package/components/tab/tab.js +30 -6
  359. package/components/tooltip/index.js +97 -12
  360. package/components/tooltip/portal.js +2 -0
  361. package/components/transfer/index.js +70 -25
  362. package/components/tree-view/index.js +202 -62
  363. package/components/typography/index.js +70 -47
  364. package/global/index.js +8 -0
  365. package/icons/basic.js +232 -0
  366. package/icons/effect.js +32 -15
  367. package/icons/general/clock/clock.js +2 -0
  368. package/icons/general/color-handler/background.js +2 -0
  369. package/icons/general/color-handler/text.js +2 -0
  370. package/icons/general/emoji/emoji.js +2 -0
  371. package/icons/general/font-properties/bold.js +2 -0
  372. package/icons/general/font-properties/font-family.js +2 -0
  373. package/icons/general/font-properties/font-size.js +2 -0
  374. package/icons/general/font-properties/italic.js +2 -0
  375. package/icons/general/font-properties/underline.js +2 -0
  376. package/icons/general/hyperlink/hyperlink.js +2 -0
  377. package/icons/general/indent/decrease.js +2 -0
  378. package/icons/general/indent/increase.js +2 -0
  379. package/icons/general/list/bullets.js +2 -0
  380. package/icons/general/list/numbering.js +2 -0
  381. package/icons/general/picture/picture.js +2 -0
  382. package/icons/general/steps/redo.js +2 -0
  383. package/icons/general/steps/undo.js +2 -0
  384. package/icons/general/text-align/center.js +2 -0
  385. package/icons/general/text-align/justify.js +2 -0
  386. package/icons/general/text-align/left.js +2 -0
  387. package/icons/general/text-align/right.js +2 -0
  388. package/icons/menu/dhr.js +1 -2
  389. package/icons/menu/index.js +2 -2
  390. package/icons/menu/v2/index.js +15 -2
  391. package/package.json +42 -42
  392. package/readme.md +1027 -1022
  393. package/styles/animation.js +58 -15
  394. package/styles/color-helper.js +157 -127
  395. package/styles/colors.js +9 -17
  396. package/styles/general.js +80 -18
  397. package/styles/typography.js +4 -4
  398. package/styles/utils.js +20 -19
  399. package/theme/createBreakpoints.js +18 -7
  400. package/theme/make-styles.js +5 -2
  401. package/theme/set-theme.js +9 -6
  402. package/theme/settings.js +2 -3
  403. package/theme/theme-provider.js +1 -0
  404. package/utils/array/array.js +54 -45
  405. package/utils/{classNames.js → classNames/index.js} +5 -0
  406. package/utils/console.js +6 -0
  407. package/utils/date.js +138 -69
  408. package/utils/error/error.js +11 -3
  409. package/utils/error/errors.js +147 -100
  410. package/utils/getFileType.js +9 -0
  411. package/utils/handleBreakpoints.js +5 -0
  412. package/utils/intersectionObserver.js +5 -0
  413. package/utils/{isMobile.js → isMobile/index.js} +0 -0
  414. package/utils/iterator.js +9 -0
  415. package/utils/map-parent.js +10 -3
  416. package/utils/object/extend.js +10 -0
  417. package/utils/object/object.js +11 -12
  418. package/utils/parseHTML.js +1 -0
  419. package/utils/promisify.js +5 -0
  420. package/utils/randomString.js +7 -0
  421. package/utils/remove-unicode.js +1 -0
  422. package/utils/render-portal.js +9 -1
  423. package/utils/renderHTML.js +6 -4
  424. package/utils/renderIcon.js +19 -9
  425. package/utils/sb-template.js +5 -6
  426. package/utils/string/capitalize.js +1 -0
  427. package/utils/string/capitalizeSentenceCase.js +2 -0
  428. package/utils/string/string.js +13 -0
  429. package/utils/type.js +21 -0
  430. package/utils/updatePosition.js +5 -4
  431. package/utils/useDelayUnmount.js +4 -0
  432. package/utils/useElementSize.js +3 -9
  433. package/utils/useEventListener.js +6 -12
  434. package/utils/useInput.js +6 -0
  435. package/utils/{useMediaQuery.js → useMediaQuery/index.js} +10 -8
  436. package/utils/useOnClickOutside.js +4 -2
  437. package/utils/usePortal.js +19 -12
  438. package/utils/validate.js +53 -39
package/components/modal/modal.js CHANGED
@@ -1,4 +1,5 @@
1
1
  /** @jsxRuntime classic */
2
+
2
3
  /** @jsx jsx */
3
4
  import { memo, useState, useRef, forwardRef, useEffect, useMemo, useImperativeHandle } from 'react';
4
5
  import { createPortal } from 'react-dom';
@@ -47,34 +48,44 @@ const Modal = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
47
48
  const modalBoxRef = useRef(null);
48
49
  const [openState, setOpenState] = useState(open);
49
50
  const showModal = useDelayUnmount(openState, 200);
51
+
50
52
  const _ModalContainerCSS = ModalContainerCSS(zIndex, alignment, darkTheme);
53
+
51
54
  const _ModalBoxCSS = ModalBoxCSS(width, moveable, dragAnyWhere);
55
+
52
56
  const onShowModal = () => {
53
57
  setOpenState(true);
54
58
  };
59
+
55
60
  const onCloseModal = () => {
56
61
  document.body.style.overflow = overflow.current; // reset overflow of <body /> before open modal
62
+
57
63
  onClose && onClose();
58
64
  setOpenState(false);
59
65
  };
66
+
60
67
  const pressESCHandler = event => {
61
68
  if (event.key === 'Escape') {
62
69
  const modals = document.querySelectorAll('.DGN-UI-Portal');
70
+
63
71
  if ((modals === null || modals === void 0 ? void 0 : modals.length) > 1 && Array.from(modals)[modals.length - 1] && !Array.from(modals)[modals.length - 1].contains(ref.current)) {
64
72
  return;
65
73
  }
74
+
66
75
  onCloseModal();
67
76
  }
68
77
  };
78
+
69
79
  const dragMouseDown = e => {
70
80
  let pos1 = 0,
71
- pos2 = 0,
72
- pos3 = 0,
73
- pos4 = 0;
81
+ pos2 = 0,
82
+ pos3 = 0,
83
+ pos4 = 0;
74
84
  pos3 = e.clientX;
75
85
  pos4 = e.clientY;
76
86
  const maxTop = window.innerHeight - modalBoxRef.current.offsetHeight;
77
87
  const maxLeft = window.innerWidth - modalBoxRef.current.offsetWidth;
88
+
78
89
  if (modalBoxRef.current.style.display !== 'block') {
79
90
  const top = modalBoxRef.current.offsetTop;
80
91
  const left = modalBoxRef.current.offsetLeft;
@@ -84,12 +95,14 @@ const Modal = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
84
95
  modalBoxRef.current.style.top = top + 'px';
85
96
  modalBoxRef.current.style.left = left + 'px';
86
97
  }
98
+
87
99
  document.onmouseup = () => {
88
100
  /* stop moving when mouse button is released:*/
89
101
  document.onmouseup = null;
90
102
  document.onmousemove = null;
91
- };
92
- // call a function whenever the cursor moves:
103
+ }; // call a function whenever the cursor moves:
104
+
105
+
93
106
  document.onmousemove = el => {
94
107
  pos1 = pos3 - el.clientX;
95
108
  pos2 = pos4 - el.clientY;
@@ -97,23 +110,27 @@ const Modal = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
97
110
  pos4 = el.clientY;
98
111
  let newTop = modalBoxRef.current.offsetTop - pos2;
99
112
  let newLeft = modalBoxRef.current.offsetLeft - pos1;
113
+
100
114
  if (!moveOutScreen) {
101
115
  if (newTop > maxTop) {
102
116
  newTop = maxTop;
103
117
  } else if (newTop < 0) {
104
118
  newTop = 0;
105
119
  }
120
+
106
121
  if (newLeft > maxLeft) {
107
122
  newLeft = maxLeft;
108
123
  } else if (newLeft < 0) {
109
124
  newLeft = 0;
110
125
  }
111
- }
112
- // set the element's new position:
126
+ } // set the element's new position:
127
+
128
+
113
129
  modalBoxRef.current.style.top = newTop + 'px';
114
130
  modalBoxRef.current.style.left = newLeft + 'px';
115
131
  };
116
132
  };
133
+
117
134
  useEffect(() => {
118
135
  return () => {
119
136
  document.body.style.overflow = overflow.current; // reset overflow of <body /> before open modal
@@ -126,9 +143,11 @@ const Modal = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
126
143
  if (openState) {
127
144
  if (ref.current) {
128
145
  const modals = document.querySelectorAll('.DGN-UI-Modal');
146
+
129
147
  if (!darkTheme && modals && modals.length > 1) {
130
148
  ref.current.style.backgroundColor = 'transparent';
131
149
  }
150
+
132
151
  if (autoFocus) {
133
152
  if (!ref.current.contains(document.activeElement)) {
134
153
  ref.current.tabIndex = -1;
@@ -136,14 +155,18 @@ const Modal = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
136
155
  }
137
156
  }
138
157
  }
158
+
139
159
  overflow.current = document.body.style.overflow; // overflow of <body /> before open modal
140
- document.body.style.overflow = 'hidden';
141
- // Allow press ESC to close popup
160
+
161
+ document.body.style.overflow = 'hidden'; // Allow press ESC to close popup
162
+
142
163
  if (pressESCToClose) {
143
164
  document.addEventListener('keydown', pressESCHandler);
144
165
  }
166
+
145
167
  return () => {
146
168
  document.body.style.overflow = overflow.current; // reset overflow of <body /> before open modal
169
+
147
170
  if (pressESCToClose) {
148
171
  document.removeEventListener('keydown', pressESCHandler);
149
172
  }
@@ -153,10 +176,11 @@ const Modal = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
153
176
  useImperativeHandle(reference, () => {
154
177
  const currentRef = ref.current || {};
155
178
  currentRef.element = ref.current;
156
- const _instance = {
157
- ...action
179
+ const _instance = { ...action
158
180
  }; // methods
181
+
159
182
  _instance.__proto__ = {}; // hidden methods
183
+
160
184
  currentRef.instance = _instance;
161
185
  return currentRef;
162
186
  });
@@ -189,9 +213,11 @@ const Modal = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
189
213
  }, children))));
190
214
  return /*#__PURE__*/createPortal(node, document.body);
191
215
  }
216
+
192
217
  return null;
193
218
  }, [children, className, dragAnyWhere, id, moveable, moveOutScreen, onClose, style, openState, showModal]);
194
219
  }));
220
+
195
221
  const ModalContainerCSS = (zIndex, alignment, darkTheme) => css`
196
222
  ${flexRow};
197
223
  ${positionFixed};
@@ -204,6 +230,7 @@ const ModalContainerCSS = (zIndex, alignment, darkTheme) => css`
204
230
  top: 0;
205
231
  left: 0;
206
232
  `;
233
+
207
234
  const ModalBoxCSS = (width, moveable, dragAnyWhere) => css`
208
235
  ${paragraph1};
209
236
  ${flexCol};
@@ -231,6 +258,7 @@ const ModalBoxCSS = (width, moveable, dragAnyWhere) => css`
231
258
  animation-fill-mode: forwards;
232
259
  }
233
260
  `;
261
+
234
262
  Modal.defaultProps = {
235
263
  alignment: 'top',
236
264
  autoFocus: true,
@@ -248,30 +276,43 @@ Modal.defaultProps = {
248
276
  Modal.propTypes = {
249
277
  /** The component alignment. */
250
278
  alignment: PropTypes.oneOf(['top', 'center']),
279
+
251
280
  /** If `true`, focus when component is shown. */
252
281
  autoFocus: PropTypes.bool,
282
+
253
283
  /** The content of the component. */
254
284
  children: PropTypes.node,
285
+
255
286
  /** Class for component. */
256
287
  className: PropTypes.string,
288
+
257
289
  /** If `true`, dark backdrop when component is shown. */
258
290
  darkTheme: PropTypes.bool,
291
+
259
292
  /** If `true`, allow drag the component at any position. */
260
293
  dragAnyWhere: PropTypes.bool,
294
+
261
295
  /** If `true`, allow move the component by drag and move. */
262
296
  moveable: PropTypes.bool,
297
+
263
298
  /** If `true`, allows drag the component out of the screen. */
264
299
  moveOutScreen: PropTypes.bool,
300
+
265
301
  /** Callback fired when the component requests to be closed. */
266
302
  onClose: PropTypes.func,
303
+
267
304
  /** If `true`, the component is shown. */
268
305
  open: PropTypes.bool,
306
+
269
307
  /** If `true`, hitting escape will close component. */
270
308
  pressESCToClose: PropTypes.bool,
309
+
271
310
  /** Style inline of component. */
272
311
  style: PropTypes.object,
312
+
273
313
  /** Width of the component. */
274
314
  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
315
+
275
316
  /** The z-index of component. */
276
317
  zIndex: PropTypes.number
277
318
  };
package/components/others/extra/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  /* eslint-disable react/prop-types */
2
+
2
3
  /** @jsxRuntime classic */
4
+
3
5
  /** @jsx jsx */
4
6
  import { memo, useState, useEffect, useMemo, useRef } from 'react';
5
7
  import PropTypes from 'prop-types';
@@ -14,6 +16,7 @@ const icons = {
14
16
  <path fillRule="evenodd" clip-rule="evenodd" d="M7.00011 6.99993C7.22711 6.99993 7.45511 7.07693 7.64011 7.23193L13.6401 12.2319C14.0641 12.5859 14.1211 13.2159 13.7681 13.6399C13.4141 14.0649 12.7851 14.1209 12.3601 13.7679L6.98911 9.29293L1.62711 13.6069C1.19711 13.9529 0.566109 13.8849 0.221108 13.4549C-0.125891 13.0249 -0.0568903 12.3959 0.373109 12.0489L6.37311 7.22093C6.55611 7.07393 6.77811 6.99993 7.00011 6.99993ZM6.98901 2.29243L1.62701 6.60743C1.19701 6.95243 0.56601 6.88443 0.22101 6.45543C-0.12499 6.02443 -0.0569899 5.39543 0.37301 5.04843L6.37301 0.220434C6.55601 0.0734332 6.77801 0.000434244 7.00001 0.000434264C7.22801 0.000434283 7.45501 0.077434 7.64001 0.232434L13.64 5.23243C14.065 5.58543 14.122 6.21543 13.768 6.64043C13.415 7.06443 12.785 7.12243 12.36 6.76843L6.98901 2.29243Z" fill="currentColor"/>
15
17
  </svg>`
16
18
  };
19
+
17
20
  const Extra = ({
18
21
  type,
19
22
  displayText,
@@ -25,8 +28,8 @@ const Extra = ({
25
28
  const textRef = useRef(null);
26
29
  const iconRef = useRef(null);
27
30
  const [typeState, setTypeState] = useState(type);
28
-
29
31
  /* Start styled */
32
+
30
33
  const extraIcon = css`
31
34
  display: flex;
32
35
  align-items: center;
@@ -61,6 +64,7 @@ const Extra = ({
61
64
  /* End styled */
62
65
 
63
66
  /* Start handler */
67
+
64
68
  const handleClick = () => {
65
69
  if (typeState === 'expand') {
66
70
  iconRef.current.innerHTML = icons.collapse;
@@ -71,10 +75,12 @@ const Extra = ({
71
75
  textRef.current.innerHTML = displayText || 'Xem thêm';
72
76
  setTypeState('expand');
73
77
  }
78
+
74
79
  if (onClick) onClick({
75
80
  type: typeState === 'expand' ? 'collapse' : 'expand'
76
81
  });
77
82
  };
83
+
78
84
  useEffect(() => {
79
85
  iconRef.current.innerHTML = type === 'expand' ? icons.expand : icons.collapse;
80
86
  setTypeState(type);
@@ -85,6 +91,7 @@ const Extra = ({
85
91
  /* End handler */
86
92
 
87
93
  /* Start component */
94
+
88
95
  const iconComp = useMemo(() => jsx("div", {
89
96
  ref: iconRef,
90
97
  css: extraIcon
@@ -95,14 +102,14 @@ const Extra = ({
95
102
  }, displayText), []);
96
103
  /* End component */
97
104
 
98
- return jsx("div", {
99
- ...props,
105
+ return jsx("div", { ...props,
100
106
  ref: extraRef,
101
107
  css: extra,
102
108
  onClick: handleClick,
103
109
  style: style
104
110
  }, iconComp, textComp);
105
111
  };
112
+
106
113
  Extra.defaultProps = {
107
114
  type: 'expand'
108
115
  };
package/components/others/import/index.js CHANGED
@@ -1,17 +1,21 @@
1
1
  import React from 'react';
2
2
  import { Button, Typography, Notify as AlertNotify } from "../..";
3
3
  import PropTypes from 'prop-types';
4
+
4
5
  const ImportComp = ({
5
6
  components,
6
7
  from = 'components',
7
8
  importDefault = false
8
9
  }) => {
9
10
  let text = Array.isArray(components) ? components.join(', ') : components;
11
+
10
12
  if (!importDefault) {
11
13
  text = `{ ${text} }`;
12
14
  }
15
+
13
16
  const importText = `import ${text} from 'diginet-core-ui/${from}';`;
14
17
  let Notify = null;
18
+
15
19
  const onCopyImport = () => {
16
20
  if (!components) {
17
21
  Notify(`Không có components để copy`, {
@@ -19,6 +23,7 @@ const ImportComp = ({
19
23
  });
20
24
  return;
21
25
  }
26
+
22
27
  const el = document.createElement('input');
23
28
  el.value = importText;
24
29
  document.body.appendChild(el);
@@ -27,6 +32,7 @@ const ImportComp = ({
27
32
  document.body.removeChild(el);
28
33
  Notify(`Đã copy ${text} from ${from}`);
29
34
  };
35
+
30
36
  return components ? /*#__PURE__*/React.createElement("div", {
31
37
  style: {
32
38
  display: 'flex',
@@ -63,6 +69,7 @@ const ImportComp = ({
63
69
  color: 'warning'
64
70
  }, "(Khoan h\u1EB5n d\xF9ng)"));
65
71
  };
72
+
66
73
  ImportComp.propTypes = {
67
74
  components: PropTypes.string,
68
75
  from: PropTypes.string,
package/components/others/option-wrapper/index.js CHANGED
@@ -1,10 +1,13 @@
1
1
  /** @jsxRuntime classic */
2
+
2
3
  /** @jsx jsx */
3
4
  import { useState, forwardRef, useEffect } from 'react';
4
5
  import { jsx } from '@emotion/core';
6
+
5
7
  const OptionWrapper = WrappedComponent => {
6
8
  return /*#__PURE__*/forwardRef((props, ref) => {
7
9
  const [options, setOptions] = useState({});
10
+
8
11
  const option = (option, optionValue) => {
9
12
  if (typeof option === 'undefined') {
10
13
  return props;
@@ -13,17 +16,16 @@ const OptionWrapper = WrappedComponent => {
13
16
  [option]: optionValue
14
17
  });
15
18
  } else if (typeof option === 'object') {
16
- setOptions({
17
- ...options,
19
+ setOptions({ ...options,
18
20
  ...option
19
21
  });
20
22
  }
21
23
  };
24
+
22
25
  useEffect(() => {
23
26
  setOptions({});
24
27
  }, [props]);
25
- return jsx(WrappedComponent, {
26
- ...props,
28
+ return jsx(WrappedComponent, { ...props,
27
29
  ...options,
28
30
  action: {
29
31
  option
@@ -32,4 +34,5 @@ const OptionWrapper = WrappedComponent => {
32
34
  });
33
35
  });
34
36
  };
37
+
35
38
  export default OptionWrapper;
package/components/others/scrollbar/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  /** @jsxRuntime classic */
2
+
2
3
  /** @jsx jsx */
3
4
  import { memo } from 'react';
4
5
  import PropTypes from 'prop-types';
@@ -18,6 +19,7 @@ const getPosition = {
18
19
  text-align: left;
19
20
  `
20
21
  };
22
+
21
23
  const scrollbar = ({
22
24
  backgroundScroll,
23
25
  backgroundThumb,
@@ -68,6 +70,7 @@ const scrollbar = ({
68
70
  ...props
69
71
  }, children);
70
72
  };
73
+
71
74
  scrollbar.defaultProps = {
72
75
  backgroundScroll: white,
73
76
  backgroundThumb: dark12,