@cashub/ui 0.22.9 → 0.22.10

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 (698) hide show
  1. package/package.json +50 -59
  2. package/dist/package.json +0 -50
  3. package/setupTests.js +0 -9
  4. package/src/Tab/Tab.js +0 -11
  5. package/src/Tab/TabList.js +0 -20
  6. package/src/Tab/TabPanel.js +0 -35
  7. package/src/Tab/TabTab.js +0 -42
  8. package/src/Tab/__stories__/Tab.stories.js +0 -48
  9. package/src/Tab/__stories__/TabList.stories.js +0 -26
  10. package/src/Tab/__stories__/TabPanel.stories.js +0 -45
  11. package/src/Tab/__stories__/TabTab.stories.js +0 -30
  12. package/src/Tab/__test__/Tab.test.js +0 -43
  13. package/src/Tab/__test__/TabList.test.js +0 -22
  14. package/src/Tab/__test__/TabPanel.test.js +0 -27
  15. package/src/Tab/__test__/TabTab.test.js +0 -58
  16. package/src/Tab/index.js +0 -10
  17. package/src/Tab/subComponent/TabContext.js +0 -5
  18. package/src/animate/Collapse.js +0 -68
  19. package/src/animate/Loader.js +0 -36
  20. package/src/animate/NumberCounter.js +0 -49
  21. package/src/animate/PulseRing.js +0 -25
  22. package/src/animate/Spinner.js +0 -13
  23. package/src/animate/__stories__/Collapse.stories.js +0 -60
  24. package/src/animate/__stories__/Loader.stories.js +0 -33
  25. package/src/animate/__stories__/NumberCounter.stories.js +0 -29
  26. package/src/animate/__stories__/PulseRing.stories.js +0 -17
  27. package/src/animate/__stories__/Spinner.stories.js +0 -13
  28. package/src/animate/__test__/Collapse.test.js +0 -125
  29. package/src/animate/__test__/Loader.test.js +0 -42
  30. package/src/animate/__test__/NumberCounter.test.js +0 -71
  31. package/src/animate/__test__/PulseRing.test.js +0 -37
  32. package/src/animate/__test__/Spinner.test.js +0 -18
  33. package/src/animate/index.js +0 -5
  34. package/src/assets/css/autocomplete.css +0 -16
  35. package/src/assets/css/font.css +0 -4
  36. package/src/assets/css/global.css +0 -3
  37. package/src/assets/css/normalize.css +0 -386
  38. package/src/assets/font/helvetica/Helvetica.ttf +0 -0
  39. package/src/assets/font/nanumGothic/NanumGothic-Bold.ttf +0 -0
  40. package/src/assets/font/nanumGothic/NanumGothic-ExtraBold.ttf +0 -0
  41. package/src/assets/font/nanumGothic/NanumGothic-Regular.ttf +0 -0
  42. package/src/assets/icons/app-management.png +0 -0
  43. package/src/assets/icons/burger.png +0 -0
  44. package/src/assets/icons/file.svg +0 -1
  45. package/src/assets/icons/map_icon1.png +0 -0
  46. package/src/assets/icons/map_icon4.png +0 -0
  47. package/src/assets/images/bg-chart-circle.png +0 -0
  48. package/src/assets/images/bg-chart-triangle.png +0 -0
  49. package/src/assets/images/cashub-logo-only.png +0 -0
  50. package/src/assets/images/default-user.jpg +0 -0
  51. package/src/assets/images/logo-cashub.png +0 -0
  52. package/src/assets/images/map.png +0 -0
  53. package/src/assets/images/qrcode.png +0 -0
  54. package/src/backdrop/BaseBackdrop.js +0 -13
  55. package/src/backdrop/LoadingBackdrop.js +0 -12
  56. package/src/backdrop/ModalBackdrop.js +0 -10
  57. package/src/backdrop/__test__/BaseBackdrop.test.js +0 -10
  58. package/src/backdrop/__test__/LoadingBackdrop.test.js +0 -9
  59. package/src/backdrop/__test__/ModalBackdrop.test.js +0 -8
  60. package/src/backdrop/index.js +0 -3
  61. package/src/badge/Badge.js +0 -21
  62. package/src/badge/BadgeDot.js +0 -13
  63. package/src/badge/BadgeFill.js +0 -29
  64. package/src/badge/BadgeWithText.js +0 -21
  65. package/src/badge/__stories__/Badge.stories.js +0 -43
  66. package/src/badge/__stories__/BadgeDot.stories.js +0 -23
  67. package/src/badge/__stories__/BadgeFill.stories.js +0 -29
  68. package/src/badge/__stories__/BadgeWithText.stories.js +0 -26
  69. package/src/badge/__test__/Badge.test.js +0 -19
  70. package/src/badge/__test__/BadgeDot.test.js +0 -22
  71. package/src/badge/__test__/BadgeFill.test.js +0 -41
  72. package/src/badge/__test__/BadgeWithText.test.js +0 -22
  73. package/src/badge/index.js +0 -4
  74. package/src/billing/BarChart.js +0 -42
  75. package/src/billing/Grid.js +0 -30
  76. package/src/billing/Header2.js +0 -15
  77. package/src/billing/Header3.js +0 -32
  78. package/src/billing/Paragraph.js +0 -27
  79. package/src/billing/ParagraphGroup.js +0 -12
  80. package/src/billing/ParagraphText.js +0 -16
  81. package/src/billing/Section.js +0 -48
  82. package/src/billing/SectionBody.js +0 -7
  83. package/src/billing/SectionHeader.js +0 -16
  84. package/src/billing/__stories__/BarChart.stories.js_bak +0 -46
  85. package/src/billing/__stories__/Grid.stories.js_bak +0 -57
  86. package/src/billing/__stories__/Header2.stories.js_bak +0 -62
  87. package/src/billing/__stories__/Header3.stories.js_bak +0 -69
  88. package/src/billing/__stories__/Paragraph.stories.js_bak +0 -84
  89. package/src/billing/__stories__/ParagraphGroup.stories.js_bak +0 -68
  90. package/src/billing/__stories__/ParagraphText.stories.js_bak +0 -64
  91. package/src/billing/__stories__/Section.stories.js_bak +0 -115
  92. package/src/billing/__stories__/SectionBody.stories.js_bak +0 -62
  93. package/src/billing/__stories__/SectionHeader.stories.js-bak +0 -68
  94. package/src/breadcrumb/Breadcrumb.js +0 -66
  95. package/src/breadcrumb/__stories__/Breadcrumb.stories.js +0 -31
  96. package/src/breadcrumb/__test__/breadcrumb.test.js +0 -27
  97. package/src/breadcrumb/index.js +0 -1
  98. package/src/button/Button.js +0 -80
  99. package/src/button/ButtonGroup.js +0 -33
  100. package/src/button/IconButton.js +0 -40
  101. package/src/button/ScrollToTopButton.js +0 -48
  102. package/src/button/__stories__/Button.stories.js +0 -70
  103. package/src/button/__stories__/ButtonGroup.stories.js +0 -48
  104. package/src/button/__stories__/IconButton.stories.js +0 -30
  105. package/src/button/__stories__/ScrollToTopButton.stories.js +0 -22
  106. package/src/button/__test__/Button.test.js +0 -32
  107. package/src/button/__test__/ButtonGroup.test.js +0 -25
  108. package/src/button/__test__/IconButton.test.js +0 -34
  109. package/src/button/__test__/ScrollToTopButton.test.js +0 -19
  110. package/src/button/index.js +0 -4
  111. package/src/callout/Callout.js +0 -52
  112. package/src/callout/__stories__/Callout.stories.js +0 -23
  113. package/src/callout/__test__/Callout.test.js +0 -29
  114. package/src/callout/index.js +0 -1
  115. package/src/chart/BarChart.js +0 -134
  116. package/src/chart/DoughnutChart.js +0 -82
  117. package/src/chart/LineChart.js +0 -114
  118. package/src/chart/SingleBarChart.js +0 -27
  119. package/src/chart/__stories__/BarChart.stories.js +0 -54
  120. package/src/chart/__stories__/DoughnutChart.stories.js +0 -33
  121. package/src/chart/__stories__/LineChart.stories.js +0 -73
  122. package/src/chart/__stories__/SingleBarChart.stories.js +0 -22
  123. package/src/chart/index.js +0 -5
  124. package/src/chart/utils/customTooltip.js +0 -108
  125. package/src/chart/utils/htmlLegendPlugin.js +0 -88
  126. package/src/chart/utils/index.js +0 -3
  127. package/src/chart/utils/padEmptyChartBar.js +0 -37
  128. package/src/container/FlexContainer.js +0 -13
  129. package/src/container/__stories__/FlexContainer.stories.js +0 -39
  130. package/src/container/__test__/FlexContainer.test.js +0 -21
  131. package/src/container/index.js +0 -1
  132. package/src/cropper/Cropper.js +0 -49
  133. package/src/cropper/CropperModalHandler.js +0 -36
  134. package/src/cropper/__stories__/Cropper.stories.js +0 -32
  135. package/src/cropper/__test__/Cropper.test.js +0 -90
  136. package/src/cropper/index.js +0 -2
  137. package/src/cropper/subComponent/CropImageModal.js +0 -84
  138. package/src/datetimePicker/DatePicker.js +0 -493
  139. package/src/datetimePicker/DatePickerV2.js +0 -500
  140. package/src/datetimePicker/DatetimePicker.js +0 -218
  141. package/src/datetimePicker/DatetimePickerV2.js +0 -512
  142. package/src/datetimePicker/TimeInput.js +0 -45
  143. package/src/datetimePicker/TimePicker.js +0 -318
  144. package/src/datetimePicker/TimePickerStyle.js +0 -59
  145. package/src/datetimePicker/__stories__/DatePicker.stories.js +0 -51
  146. package/src/datetimePicker/__stories__/DatePickerV2.stories.js +0 -73
  147. package/src/datetimePicker/__stories__/DatetimePicker.stories.js +0 -71
  148. package/src/datetimePicker/__stories__/DatetimePickerV2.stories.js +0 -91
  149. package/src/datetimePicker/__stories__/TimeInput.stories.js +0 -67
  150. package/src/datetimePicker/__stories__/TimePicker.stories.js +0 -29
  151. package/src/datetimePicker/__test__/CustomTimeInput.test.js +0 -25
  152. package/src/datetimePicker/__test__/DatetimePicker.test.js +0 -121
  153. package/src/datetimePicker/__test__/TimeInput.test.js +0 -22
  154. package/src/datetimePicker/accordion/Month.js +0 -258
  155. package/src/datetimePicker/accordion/Year.js +0 -307
  156. package/src/datetimePicker/hooks/index.js +0 -3
  157. package/src/datetimePicker/hooks/useChangeNumber.js +0 -42
  158. package/src/datetimePicker/hooks/useDecrease.js +0 -31
  159. package/src/datetimePicker/hooks/useIncrease.js +0 -31
  160. package/src/datetimePicker/index.js +0 -7
  161. package/src/datetimePicker/provider/constant.js +0 -16
  162. package/src/datetimePicker/subComponent/Accordion.js +0 -407
  163. package/src/datetimePicker/subComponent/CustomTimeInput.js +0 -48
  164. package/src/datetimePicker/subComponent/DateTimePickerContext.js +0 -5
  165. package/src/datetimePicker/utils/GMTDate.js +0 -13
  166. package/src/datetimePicker/utils/pad.js +0 -9
  167. package/src/datetimePicker/utils/toUTC0.js +0 -10
  168. package/src/descriptionList/DescriptionDetail.js +0 -18
  169. package/src/descriptionList/DescriptionList.js +0 -15
  170. package/src/descriptionList/DescriptionTerm.js +0 -9
  171. package/src/descriptionList/__stories__/DescriptionDetail.stories.js +0 -39
  172. package/src/descriptionList/__stories__/DescriptionList.stories.js +0 -39
  173. package/src/descriptionList/__stories__/DescriptionTerm.stories.js +0 -13
  174. package/src/descriptionList/__test__/DescriptionDetail.test.js +0 -13
  175. package/src/descriptionList/__test__/DescriptionList.test.js +0 -12
  176. package/src/descriptionList/__test__/DescriptionTerm.test.js +0 -7
  177. package/src/descriptionList/index.js +0 -3
  178. package/src/divider/Divider.js +0 -21
  179. package/src/divider/__stories__/Divider.stories.js +0 -23
  180. package/src/divider/__test__/Divider.test.js +0 -24
  181. package/src/divider/index.js +0 -1
  182. package/src/dropdown/Dropdown.js +0 -50
  183. package/src/dropdown/DropdownButtonOption.js +0 -25
  184. package/src/dropdown/DropdownContent.js +0 -78
  185. package/src/dropdown/DropdownDivOption.js +0 -21
  186. package/src/dropdown/DropdownItem.js +0 -17
  187. package/src/dropdown/DropdownLinkOption.js +0 -19
  188. package/src/dropdown/DropdownToggle.js +0 -26
  189. package/src/dropdown/__stories__/Dropdown.stories.js +0 -46
  190. package/src/dropdown/__stories__/DropdownButtonOption.stories.js +0 -33
  191. package/src/dropdown/__stories__/DropdownContent.stories.js +0 -34
  192. package/src/dropdown/__stories__/DropdownDivOption.stories.js +0 -27
  193. package/src/dropdown/__stories__/DropdownItem.stories.js +0 -48
  194. package/src/dropdown/__stories__/DropdownLinkOption.stories.js +0 -63
  195. package/src/dropdown/__stories__/DropdownToggle.stories.js +0 -40
  196. package/src/dropdown/__test__/Dropdown.test.js +0 -132
  197. package/src/dropdown/__test__/DropdownButtonOption.test.js +0 -8
  198. package/src/dropdown/__test__/DropdownContent.test.js +0 -85
  199. package/src/dropdown/__test__/DropdownDivOption.test.js +0 -8
  200. package/src/dropdown/__test__/DropdownItem.test.js +0 -55
  201. package/src/dropdown/__test__/DropdownLinkOption.test.js +0 -14
  202. package/src/dropdown/__test__/DropdownToggle.test.js +0 -53
  203. package/src/dropdown/index.js +0 -12
  204. package/src/dropdown/subComponent/DropdownContext.js +0 -5
  205. package/src/dropzone/FileDropzone.js +0 -543
  206. package/src/dropzone/ImageDropzone.js +0 -365
  207. package/src/dropzone/__stories__/FileDropzone.stories.js +0 -148
  208. package/src/dropzone/__stories__/ImageDropzone.stories.js +0 -101
  209. package/src/dropzone/__test__/FileDropzone.test.js +0 -382
  210. package/src/dropzone/__test__/ImageDropzone.test.js +0 -290
  211. package/src/dropzone/__test__/Message.test.js +0 -14
  212. package/src/dropzone/index.js +0 -2
  213. package/src/dropzone/subComponent/Message.js +0 -16
  214. package/src/figure/IconFigure.js +0 -31
  215. package/src/figure/ImageFigure.js +0 -25
  216. package/src/figure/__stories__/IconFigure.stories.js +0 -25
  217. package/src/figure/__stories__/ImageFigure.stories.js +0 -26
  218. package/src/figure/__test__/IconFigure.test.js +0 -28
  219. package/src/figure/__test__/ImageFigure.test.js +0 -38
  220. package/src/figure/index.js +0 -2
  221. package/src/file/HiddenFileInput.js +0 -10
  222. package/src/file/index.js +0 -1
  223. package/src/form/Checkbox.js +0 -127
  224. package/src/form/FormItem.js +0 -7
  225. package/src/form/Input.js +0 -42
  226. package/src/form/Label.js +0 -33
  227. package/src/form/MutedText.js +0 -11
  228. package/src/form/RadioButton.js +0 -80
  229. package/src/form/Searchbox.js +0 -95
  230. package/src/form/Slider.js +0 -34
  231. package/src/form/SwitchButton.js +0 -86
  232. package/src/form/Textarea.js +0 -36
  233. package/src/form/TreeView.js +0 -77
  234. package/src/form/__stories__/Checkbox.stories.js +0 -63
  235. package/src/form/__stories__/FormItem.stories.js +0 -28
  236. package/src/form/__stories__/Input.stories.js +0 -30
  237. package/src/form/__stories__/Label.stories.js +0 -38
  238. package/src/form/__stories__/MutedText.stories.js +0 -27
  239. package/src/form/__stories__/RadioButton.stories.js +0 -48
  240. package/src/form/__stories__/Searchbox.stories.js +0 -24
  241. package/src/form/__stories__/Slider.stories.js +0 -46
  242. package/src/form/__stories__/SwitchButton.stories.js +0 -48
  243. package/src/form/__stories__/Textarea.stories.js +0 -19
  244. package/src/form/__stories__/TreeView.stories.js +0 -76
  245. package/src/form/__test__/Checkbox.test.js +0 -68
  246. package/src/form/__test__/FormItem.test.js +0 -8
  247. package/src/form/__test__/Input.test.js +0 -28
  248. package/src/form/__test__/Label.test.js +0 -33
  249. package/src/form/__test__/MutedText.test.js +0 -18
  250. package/src/form/__test__/RadioButton.test.js +0 -57
  251. package/src/form/__test__/Searchbox.test.js +0 -50
  252. package/src/form/__test__/Textarea.test.js +0 -25
  253. package/src/form/index.js +0 -11
  254. package/src/grid/Column.js +0 -36
  255. package/src/grid/Grid.js +0 -15
  256. package/src/grid/__stories__/Grid.stories.js +0 -38
  257. package/src/grid/__test__/Grid.test.js +0 -44
  258. package/src/grid/index.js +0 -2
  259. package/src/heading/Heading1.js +0 -11
  260. package/src/heading/Heading2.js +0 -13
  261. package/src/heading/Heading3.js +0 -21
  262. package/src/heading/__stories__/Heading1.stories.js +0 -24
  263. package/src/heading/__stories__/Heading2.stories.js +0 -24
  264. package/src/heading/__stories__/Heading3.stories.js +0 -24
  265. package/src/heading/__test__/Heading1.test.js +0 -21
  266. package/src/heading/__test__/Heading2.test.js +0 -34
  267. package/src/heading/__test__/Heading3.test.js +0 -46
  268. package/src/heading/index.js +0 -3
  269. package/src/helmet/Helmet.js +0 -12
  270. package/src/helmet/__test__/Helmet.test.js +0 -38
  271. package/src/helmet/index.js +0 -2
  272. package/src/iconbox/ApplicationIconBox.js +0 -62
  273. package/src/iconbox/IconBox.js +0 -54
  274. package/src/iconbox/IconBoxV2.js +0 -49
  275. package/src/iconbox/__stories__/ApplicationIconBox.stories.js +0 -53
  276. package/src/iconbox/__stories__/IconBox.stories.js +0 -34
  277. package/src/iconbox/__stories__/IconBoxFigure.stories.js +0 -67
  278. package/src/iconbox/__stories__/IconBoxFigure.stories_V2.stories.js +0 -41
  279. package/src/iconbox/__stories__/IconBoxImage.stories.js +0 -32
  280. package/src/iconbox/__stories__/IconBoxV2.stories.js +0 -60
  281. package/src/iconbox/__test__/ApplicationIconBox.test.js +0 -77
  282. package/src/iconbox/__test__/IconBox.test.js +0 -22
  283. package/src/iconbox/__test__/IconBoxFigure.test.js +0 -37
  284. package/src/iconbox/__test__/IconBoxImage.test.js +0 -32
  285. package/src/iconbox/__test__/IconBoxV2.test.js +0 -51
  286. package/src/iconbox/index.js +0 -3
  287. package/src/iconbox/subComponent/IconBoxFigure.js +0 -16
  288. package/src/iconbox/subComponent/IconBoxImage.js +0 -26
  289. package/src/image/ImageFluid.js +0 -12
  290. package/src/image/UploadImage.js +0 -287
  291. package/src/image/__stories__/ImageFluid.stories.js +0 -25
  292. package/src/image/__stories__/UploadImage.stories.js +0 -56
  293. package/src/image/__test__/ImageFluid.test.js +0 -44
  294. package/src/image/__test__/UploadImage.test.js +0 -315
  295. package/src/image/index.js +0 -2
  296. package/src/index.js +0 -42
  297. package/src/jsoneditor/JsonEditor.js +0 -132
  298. package/src/jsoneditor/__stories__/JsonEditor.stories.js +0 -55
  299. package/src/jsoneditor/__test__/JsonEditor.test.js +0 -52
  300. package/src/jsoneditor/index.js +0 -1
  301. package/src/keyframe/Pulse.js +0 -17
  302. package/src/keyframe/Spin.js +0 -9
  303. package/src/link/LinkSpan.js +0 -44
  304. package/src/link/__stories__/LinkSpan.stories.js +0 -27
  305. package/src/link/__test__/LinkSpan.test.js +0 -52
  306. package/src/link/index.js +0 -1
  307. package/src/map/GoogleMap.js +0 -383
  308. package/src/map/GoogleReverseGeolocation.js +0 -197
  309. package/src/map/LeafletMap.js +0 -264
  310. package/src/map/LeafletReverseGeolocation.js +0 -89
  311. package/src/map/__stories__/GoogleMap.stories.js +0 -137
  312. package/src/map/__stories__/GoogleReverseGeolocation.stories.js +0 -95
  313. package/src/map/__stories__/LeafletMap.stories.js +0 -136
  314. package/src/map/__stories__/LeafletReverseGeolocation.stories.js +0 -91
  315. package/src/map/__test__/LeafletReverseGeolocation.test.js +0 -245
  316. package/src/map/__test__/MapSearchBoxControl.test.js +0 -89
  317. package/src/map/index.js +0 -4
  318. package/src/map/subComponent/BasicLeafletMap.js +0 -33
  319. package/src/map/subComponent/GoogleMapContainer.js +0 -19
  320. package/src/map/subComponent/GoogleMapPopup.js +0 -115
  321. package/src/map/subComponent/GoogleMapWrapper.js +0 -27
  322. package/src/map/subComponent/GoogleMarkerSpiderfier.js +0 -13
  323. package/src/map/subComponent/LeafletDrawControl.js +0 -133
  324. package/src/map/subComponent/LeafletMapContainer.js +0 -163
  325. package/src/map/subComponent/MapSearchBoxControl.js +0 -43
  326. package/src/modal/StateModal.js +0 -139
  327. package/src/modal/TitleModal.js +0 -229
  328. package/src/modal/__stories__/StateModal.stories.js +0 -46
  329. package/src/modal/__stories__/TitleModal.stories.js +0 -56
  330. package/src/modal/__test__/StateModal.test.js +0 -144
  331. package/src/modal/index.js +0 -2
  332. package/src/paginate/Paginate.js +0 -132
  333. package/src/paginate/__stories__/Paginate.stories.js +0 -49
  334. package/src/paginate/__test__/Paginate.test.js +0 -124
  335. package/src/paginate/index.js +0 -1
  336. package/src/popover/Popover.js +0 -82
  337. package/src/popover/__stories__/Popover.stories.js +0 -44
  338. package/src/popover/index.js +0 -1
  339. package/src/qrcode/QRCode.js +0 -54
  340. package/src/qrcode/QRCodeContainter.js +0 -25
  341. package/src/qrcode/__stories__/QRCode.stories.js +0 -36
  342. package/src/qrcode/__stories__/QRCodeContainter.stories.js +0 -28
  343. package/src/qrcode/index.js +0 -2
  344. package/src/ribbon/Ribbon.js +0 -38
  345. package/src/ribbon/__stories__/Ribbon.stories.js +0 -25
  346. package/src/ribbon/index.js +0 -1
  347. package/src/section/Section.js +0 -66
  348. package/src/section/SectionBody.js +0 -34
  349. package/src/section/SectionHeader.js +0 -41
  350. package/src/section/SectionToolbar.js +0 -13
  351. package/src/section/SectionToolbarItem.js +0 -12
  352. package/src/section/__stories__/Section.stories.js +0 -52
  353. package/src/section/__stories__/SectionBody.stories.js +0 -40
  354. package/src/section/__stories__/SectionHeader.stories.js +0 -67
  355. package/src/section/__stories__/SectionToolbar.stories.js +0 -43
  356. package/src/section/__test__/Section.test.js +0 -98
  357. package/src/section/__test__/SectionBody.test.js +0 -89
  358. package/src/section/__test__/SectionHeader.test.js +0 -35
  359. package/src/section/__test__/SectionToolbar.test.js +0 -17
  360. package/src/section/index.js +0 -5
  361. package/src/select/InputSelect.js +0 -314
  362. package/src/select/Select.js +0 -764
  363. package/src/select/__stories__/InputSelect.stories.js +0 -60
  364. package/src/select/__stories__/Select.stories.js +0 -132
  365. package/src/select/__test__/Select.test.js +0 -219
  366. package/src/select/index.js +0 -2
  367. package/src/select/subComponent/ListBox.js +0 -15
  368. package/src/select/subComponent/Option.js +0 -22
  369. package/src/select/subComponent/OptionGroup.js +0 -18
  370. package/src/select/subComponent/Options.js +0 -24
  371. package/src/select/subComponent/SearchBox.js +0 -53
  372. package/src/select/subComponent/SelectedMultiple.js +0 -39
  373. package/src/select/subComponent/SelectedSingle.js +0 -10
  374. package/src/styles/GlobalStyle.js +0 -59
  375. package/src/styles/config/breakpoint.style.js +0 -8
  376. package/src/styles/config/header.style.js +0 -5
  377. package/src/styles/config/sidebar.style.js +0 -12
  378. package/src/styles/index.js +0 -2
  379. package/src/styles/mixin/backgroundColor.js +0 -13
  380. package/src/styles/mixin/borderColor.js +0 -13
  381. package/src/styles/mixin/color.js +0 -13
  382. package/src/styles/mixin/colorOnBackground.js +0 -13
  383. package/src/styles/mixin/inputPlaceholder.js +0 -26
  384. package/src/styles/mixin/media.js +0 -14
  385. package/src/styles/mixin/rounded.js +0 -12
  386. package/src/styles/mixin/scrollbar.js +0 -26
  387. package/src/styles/theme/dark.theme.js +0 -95
  388. package/src/styles/theme/light.theme.js +0 -95
  389. package/src/styles/theme/white.theme.js +0 -95
  390. package/src/styles/themes.js +0 -11
  391. package/src/table/GridTable.js +0 -325
  392. package/src/table/ImageBox.js +0 -37
  393. package/src/table/PermissionTable.js +0 -36
  394. package/src/table/Table.js +0 -441
  395. package/src/table/__mock__/columns.js +0 -28
  396. package/src/table/__mock__/data.js +0 -334
  397. package/src/table/__stories__/GridTable.stories.js +0 -129
  398. package/src/table/__stories__/ImageBox.stories.js +0 -27
  399. package/src/table/__stories__/PermissionTable.stories.js +0 -52
  400. package/src/table/__stories__/Table.stories.js +0 -138
  401. package/src/table/hooks/index.js +0 -2
  402. package/src/table/hooks/useCalculateDataRange.js +0 -26
  403. package/src/table/hooks/useGenerateSort.js +0 -37
  404. package/src/table/index.js +0 -4
  405. package/src/table/subComponent/BaseTableHeadCell.js +0 -48
  406. package/src/table/subComponent/GridTableFooter.js +0 -18
  407. package/src/table/subComponent/GridTableHeadCell.js +0 -14
  408. package/src/table/subComponent/Resizer.js +0 -79
  409. package/src/table/subComponent/TableFooter.js +0 -16
  410. package/src/table/subComponent/TableFooterInfo.js +0 -8
  411. package/src/table/subComponent/TableFooterPager.js +0 -26
  412. package/src/table/subComponent/TableHeadCell.js +0 -14
  413. package/src/table/subComponent/TableSort.js +0 -25
  414. package/src/tagify/TagifyStyle.js +0 -35
  415. package/src/tagify/Tags.js +0 -46
  416. package/src/tagify/__stories__/Tags.stories.js +0 -28
  417. package/src/tagify/index.js +0 -2
  418. package/src/text/Paragraph.js +0 -34
  419. package/src/text/__stories__/Paragraph.stories.js +0 -40
  420. package/src/text/index.js +0 -1
  421. package/src/timeline/Timeline.js +0 -98
  422. package/src/timeline/__stories__/Timeline.stories.js +0 -49
  423. package/src/timeline/index.js +0 -1
  424. package/src/toast/CustomToastContainer.js +0 -30
  425. package/src/toast/MessageContainer.js +0 -40
  426. package/src/toast/__stories__/MessageContainer.stories.js +0 -35
  427. package/src/toast/index.js +0 -3
  428. package/src/toast/show.js +0 -34
  429. package/src/toast/style.css +0 -1
  430. package/src/tooltip/Tooltip.js +0 -146
  431. package/src/tooltip/__stories__/Tooltip.stories.js +0 -49
  432. package/src/tooltip/__test__/tooltip.test.js +0 -130
  433. package/src/tooltip/index.js +0 -1
  434. package/src/wizard/Wizard.js +0 -276
  435. package/src/wizard/__stories__/Wizard.stories.js +0 -81
  436. package/src/wizard/__test__/Wizard.test.js +0 -173
  437. package/src/wizard/index.js +0 -1
  438. package/transformer/fileTransformer.js +0 -9
  439. /package/{dist/Tab → Tab}/Tab.js +0 -0
  440. /package/{dist/Tab → Tab}/TabList.js +0 -0
  441. /package/{dist/Tab → Tab}/TabPanel.js +0 -0
  442. /package/{dist/Tab → Tab}/TabTab.js +0 -0
  443. /package/{dist/Tab → Tab}/index.js +0 -0
  444. /package/{dist/Tab → Tab}/subComponent/TabContext.js +0 -0
  445. /package/{dist/animate → animate}/Collapse.js +0 -0
  446. /package/{dist/animate → animate}/Loader.js +0 -0
  447. /package/{dist/animate → animate}/NumberCounter.js +0 -0
  448. /package/{dist/animate → animate}/PulseRing.js +0 -0
  449. /package/{dist/animate → animate}/Spinner.js +0 -0
  450. /package/{dist/animate → animate}/index.js +0 -0
  451. /package/{dist/assets → assets}/css/autocomplete.css +0 -0
  452. /package/{dist/assets → assets}/css/font.css +0 -0
  453. /package/{dist/assets → assets}/css/global.css +0 -0
  454. /package/{dist/assets → assets}/css/normalize.css +0 -0
  455. /package/{dist/assets → assets}/font/helvetica/Helvetica.ttf +0 -0
  456. /package/{dist/assets → assets}/font/nanumGothic/NanumGothic-Bold.ttf +0 -0
  457. /package/{dist/assets → assets}/font/nanumGothic/NanumGothic-ExtraBold.ttf +0 -0
  458. /package/{dist/assets → assets}/font/nanumGothic/NanumGothic-Regular.ttf +0 -0
  459. /package/{dist/assets → assets}/icons/app-management.png +0 -0
  460. /package/{dist/assets → assets}/icons/burger.png +0 -0
  461. /package/{dist/assets → assets}/icons/file.svg +0 -0
  462. /package/{dist/assets → assets}/icons/map_icon1.png +0 -0
  463. /package/{dist/assets → assets}/icons/map_icon4.png +0 -0
  464. /package/{dist/assets → assets}/images/bg-chart-circle.png +0 -0
  465. /package/{dist/assets → assets}/images/bg-chart-triangle.png +0 -0
  466. /package/{dist/assets → assets}/images/cashub-logo-only.png +0 -0
  467. /package/{dist/assets → assets}/images/default-user.jpg +0 -0
  468. /package/{dist/assets → assets}/images/logo-cashub.png +0 -0
  469. /package/{dist/assets → assets}/images/map.png +0 -0
  470. /package/{dist/assets → assets}/images/qrcode.png +0 -0
  471. /package/{dist/backdrop → backdrop}/BaseBackdrop.js +0 -0
  472. /package/{dist/backdrop → backdrop}/LoadingBackdrop.js +0 -0
  473. /package/{dist/backdrop → backdrop}/ModalBackdrop.js +0 -0
  474. /package/{dist/backdrop → backdrop}/index.js +0 -0
  475. /package/{dist/badge → badge}/Badge.js +0 -0
  476. /package/{dist/badge → badge}/BadgeDot.js +0 -0
  477. /package/{dist/badge → badge}/BadgeFill.js +0 -0
  478. /package/{dist/badge → badge}/BadgeWithText.js +0 -0
  479. /package/{dist/badge → badge}/index.js +0 -0
  480. /package/{dist/billing → billing}/BarChart.js +0 -0
  481. /package/{dist/billing → billing}/Grid.js +0 -0
  482. /package/{dist/billing → billing}/Header2.js +0 -0
  483. /package/{dist/billing → billing}/Header3.js +0 -0
  484. /package/{dist/billing → billing}/Paragraph.js +0 -0
  485. /package/{dist/billing → billing}/ParagraphGroup.js +0 -0
  486. /package/{dist/billing → billing}/ParagraphText.js +0 -0
  487. /package/{dist/billing → billing}/Section.js +0 -0
  488. /package/{dist/billing → billing}/SectionBody.js +0 -0
  489. /package/{dist/billing → billing}/SectionHeader.js +0 -0
  490. /package/{dist/billing → billing}/__stories__/BarChart.stories.js_bak +0 -0
  491. /package/{dist/billing → billing}/__stories__/Grid.stories.js_bak +0 -0
  492. /package/{dist/billing → billing}/__stories__/Header2.stories.js_bak +0 -0
  493. /package/{dist/billing → billing}/__stories__/Header3.stories.js_bak +0 -0
  494. /package/{dist/billing → billing}/__stories__/Paragraph.stories.js_bak +0 -0
  495. /package/{dist/billing → billing}/__stories__/ParagraphGroup.stories.js_bak +0 -0
  496. /package/{dist/billing → billing}/__stories__/ParagraphText.stories.js_bak +0 -0
  497. /package/{dist/billing → billing}/__stories__/Section.stories.js_bak +0 -0
  498. /package/{dist/billing → billing}/__stories__/SectionBody.stories.js_bak +0 -0
  499. /package/{dist/billing → billing}/__stories__/SectionHeader.stories.js-bak +0 -0
  500. /package/{dist/breadcrumb → breadcrumb}/Breadcrumb.js +0 -0
  501. /package/{dist/breadcrumb → breadcrumb}/index.js +0 -0
  502. /package/{dist/button → button}/Button.js +0 -0
  503. /package/{dist/button → button}/ButtonGroup.js +0 -0
  504. /package/{dist/button → button}/IconButton.js +0 -0
  505. /package/{dist/button → button}/ScrollToTopButton.js +0 -0
  506. /package/{dist/button → button}/index.js +0 -0
  507. /package/{dist/callout → callout}/Callout.js +0 -0
  508. /package/{dist/callout → callout}/index.js +0 -0
  509. /package/{dist/chart → chart}/BarChart.js +0 -0
  510. /package/{dist/chart → chart}/DoughnutChart.js +0 -0
  511. /package/{dist/chart → chart}/LineChart.js +0 -0
  512. /package/{dist/chart → chart}/SingleBarChart.js +0 -0
  513. /package/{dist/chart → chart}/index.js +0 -0
  514. /package/{dist/chart → chart}/utils/customTooltip.js +0 -0
  515. /package/{dist/chart → chart}/utils/htmlLegendPlugin.js +0 -0
  516. /package/{dist/chart → chart}/utils/index.js +0 -0
  517. /package/{dist/chart → chart}/utils/padEmptyChartBar.js +0 -0
  518. /package/{dist/container → container}/FlexContainer.js +0 -0
  519. /package/{dist/container → container}/index.js +0 -0
  520. /package/{dist/cropper → cropper}/Cropper.js +0 -0
  521. /package/{dist/cropper → cropper}/CropperModalHandler.js +0 -0
  522. /package/{dist/cropper → cropper}/index.js +0 -0
  523. /package/{dist/cropper → cropper}/subComponent/CropImageModal.js +0 -0
  524. /package/{dist/datetimePicker → datetimePicker}/DatePicker.js +0 -0
  525. /package/{dist/datetimePicker → datetimePicker}/DatePickerV2.js +0 -0
  526. /package/{dist/datetimePicker → datetimePicker}/DatetimePicker.js +0 -0
  527. /package/{dist/datetimePicker → datetimePicker}/DatetimePickerV2.js +0 -0
  528. /package/{dist/datetimePicker → datetimePicker}/TimeInput.js +0 -0
  529. /package/{dist/datetimePicker → datetimePicker}/TimePicker.js +0 -0
  530. /package/{dist/datetimePicker → datetimePicker}/TimePickerStyle.js +0 -0
  531. /package/{dist/datetimePicker → datetimePicker}/accordion/Month.js +0 -0
  532. /package/{dist/datetimePicker → datetimePicker}/accordion/Year.js +0 -0
  533. /package/{dist/datetimePicker → datetimePicker}/hooks/index.js +0 -0
  534. /package/{dist/datetimePicker → datetimePicker}/hooks/useChangeNumber.js +0 -0
  535. /package/{dist/datetimePicker → datetimePicker}/hooks/useDecrease.js +0 -0
  536. /package/{dist/datetimePicker → datetimePicker}/hooks/useIncrease.js +0 -0
  537. /package/{dist/datetimePicker → datetimePicker}/index.js +0 -0
  538. /package/{dist/datetimePicker → datetimePicker}/provider/constant.js +0 -0
  539. /package/{dist/datetimePicker → datetimePicker}/subComponent/Accordion.js +0 -0
  540. /package/{dist/datetimePicker → datetimePicker}/subComponent/CustomTimeInput.js +0 -0
  541. /package/{dist/datetimePicker → datetimePicker}/subComponent/DateTimePickerContext.js +0 -0
  542. /package/{dist/datetimePicker → datetimePicker}/utils/GMTDate.js +0 -0
  543. /package/{dist/datetimePicker → datetimePicker}/utils/pad.js +0 -0
  544. /package/{dist/datetimePicker → datetimePicker}/utils/toUTC0.js +0 -0
  545. /package/{dist/descriptionList → descriptionList}/DescriptionDetail.js +0 -0
  546. /package/{dist/descriptionList → descriptionList}/DescriptionList.js +0 -0
  547. /package/{dist/descriptionList → descriptionList}/DescriptionTerm.js +0 -0
  548. /package/{dist/descriptionList → descriptionList}/index.js +0 -0
  549. /package/{dist/divider → divider}/Divider.js +0 -0
  550. /package/{dist/divider → divider}/index.js +0 -0
  551. /package/{dist/dropdown → dropdown}/Dropdown.js +0 -0
  552. /package/{dist/dropdown → dropdown}/DropdownButtonOption.js +0 -0
  553. /package/{dist/dropdown → dropdown}/DropdownContent.js +0 -0
  554. /package/{dist/dropdown → dropdown}/DropdownDivOption.js +0 -0
  555. /package/{dist/dropdown → dropdown}/DropdownItem.js +0 -0
  556. /package/{dist/dropdown → dropdown}/DropdownLinkOption.js +0 -0
  557. /package/{dist/dropdown → dropdown}/DropdownToggle.js +0 -0
  558. /package/{dist/dropdown → dropdown}/index.js +0 -0
  559. /package/{dist/dropdown → dropdown}/subComponent/DropdownContext.js +0 -0
  560. /package/{dist/dropzone → dropzone}/FileDropzone.js +0 -0
  561. /package/{dist/dropzone → dropzone}/ImageDropzone.js +0 -0
  562. /package/{dist/dropzone → dropzone}/index.js +0 -0
  563. /package/{dist/dropzone → dropzone}/subComponent/Message.js +0 -0
  564. /package/{dist/figure → figure}/IconFigure.js +0 -0
  565. /package/{dist/figure → figure}/ImageFigure.js +0 -0
  566. /package/{dist/figure → figure}/index.js +0 -0
  567. /package/{dist/file → file}/HiddenFileInput.js +0 -0
  568. /package/{dist/file → file}/index.js +0 -0
  569. /package/{dist/form → form}/Checkbox.js +0 -0
  570. /package/{dist/form → form}/FormItem.js +0 -0
  571. /package/{dist/form → form}/Input.js +0 -0
  572. /package/{dist/form → form}/Label.js +0 -0
  573. /package/{dist/form → form}/MutedText.js +0 -0
  574. /package/{dist/form → form}/RadioButton.js +0 -0
  575. /package/{dist/form → form}/Searchbox.js +0 -0
  576. /package/{dist/form → form}/Slider.js +0 -0
  577. /package/{dist/form → form}/SwitchButton.js +0 -0
  578. /package/{dist/form → form}/Textarea.js +0 -0
  579. /package/{dist/form → form}/TreeView.js +0 -0
  580. /package/{dist/form → form}/index.js +0 -0
  581. /package/{dist/grid → grid}/Column.js +0 -0
  582. /package/{dist/grid → grid}/Grid.js +0 -0
  583. /package/{dist/grid → grid}/index.js +0 -0
  584. /package/{dist/heading → heading}/Heading1.js +0 -0
  585. /package/{dist/heading → heading}/Heading2.js +0 -0
  586. /package/{dist/heading → heading}/Heading3.js +0 -0
  587. /package/{dist/heading → heading}/index.js +0 -0
  588. /package/{dist/helmet → helmet}/Helmet.js +0 -0
  589. /package/{dist/helmet → helmet}/index.js +0 -0
  590. /package/{dist/iconbox → iconbox}/ApplicationIconBox.js +0 -0
  591. /package/{dist/iconbox → iconbox}/IconBox.js +0 -0
  592. /package/{dist/iconbox → iconbox}/IconBoxV2.js +0 -0
  593. /package/{dist/iconbox → iconbox}/index.js +0 -0
  594. /package/{dist/iconbox → iconbox}/subComponent/IconBoxFigure.js +0 -0
  595. /package/{dist/iconbox → iconbox}/subComponent/IconBoxImage.js +0 -0
  596. /package/{dist/image → image}/ImageFluid.js +0 -0
  597. /package/{dist/image → image}/UploadImage.js +0 -0
  598. /package/{dist/image → image}/index.js +0 -0
  599. /package/{dist/index.js → index.js} +0 -0
  600. /package/{dist/jsoneditor → jsoneditor}/JsonEditor.js +0 -0
  601. /package/{dist/jsoneditor → jsoneditor}/index.js +0 -0
  602. /package/{dist/keyframe → keyframe}/Pulse.js +0 -0
  603. /package/{dist/keyframe → keyframe}/Spin.js +0 -0
  604. /package/{dist/link → link}/LinkSpan.js +0 -0
  605. /package/{dist/link → link}/index.js +0 -0
  606. /package/{dist/map → map}/GoogleMap.js +0 -0
  607. /package/{dist/map → map}/GoogleReverseGeolocation.js +0 -0
  608. /package/{dist/map → map}/LeafletMap.js +0 -0
  609. /package/{dist/map → map}/LeafletReverseGeolocation.js +0 -0
  610. /package/{dist/map → map}/index.js +0 -0
  611. /package/{dist/map → map}/subComponent/BasicLeafletMap.js +0 -0
  612. /package/{dist/map → map}/subComponent/GoogleMapContainer.js +0 -0
  613. /package/{dist/map → map}/subComponent/GoogleMapPopup.js +0 -0
  614. /package/{dist/map → map}/subComponent/GoogleMapWrapper.js +0 -0
  615. /package/{dist/map → map}/subComponent/GoogleMarkerSpiderfier.js +0 -0
  616. /package/{dist/map → map}/subComponent/LeafletDrawControl.js +0 -0
  617. /package/{dist/map → map}/subComponent/LeafletMapContainer.js +0 -0
  618. /package/{dist/map → map}/subComponent/MapSearchBoxControl.js +0 -0
  619. /package/{dist/modal → modal}/StateModal.js +0 -0
  620. /package/{dist/modal → modal}/TitleModal.js +0 -0
  621. /package/{dist/modal → modal}/index.js +0 -0
  622. /package/{dist/paginate → paginate}/Paginate.js +0 -0
  623. /package/{dist/paginate → paginate}/index.js +0 -0
  624. /package/{dist/popover → popover}/Popover.js +0 -0
  625. /package/{dist/popover → popover}/index.js +0 -0
  626. /package/{dist/qrcode → qrcode}/QRCode.js +0 -0
  627. /package/{dist/qrcode → qrcode}/QRCodeContainter.js +0 -0
  628. /package/{dist/qrcode → qrcode}/index.js +0 -0
  629. /package/{dist/ribbon → ribbon}/Ribbon.js +0 -0
  630. /package/{dist/ribbon → ribbon}/index.js +0 -0
  631. /package/{dist/section → section}/Section.js +0 -0
  632. /package/{dist/section → section}/SectionBody.js +0 -0
  633. /package/{dist/section → section}/SectionHeader.js +0 -0
  634. /package/{dist/section → section}/SectionToolbar.js +0 -0
  635. /package/{dist/section → section}/SectionToolbarItem.js +0 -0
  636. /package/{dist/section → section}/index.js +0 -0
  637. /package/{dist/select → select}/InputSelect.js +0 -0
  638. /package/{dist/select → select}/Select.js +0 -0
  639. /package/{dist/select → select}/index.js +0 -0
  640. /package/{dist/select → select}/subComponent/ListBox.js +0 -0
  641. /package/{dist/select → select}/subComponent/Option.js +0 -0
  642. /package/{dist/select → select}/subComponent/OptionGroup.js +0 -0
  643. /package/{dist/select → select}/subComponent/Options.js +0 -0
  644. /package/{dist/select → select}/subComponent/SearchBox.js +0 -0
  645. /package/{dist/select → select}/subComponent/SelectedMultiple.js +0 -0
  646. /package/{dist/select → select}/subComponent/SelectedSingle.js +0 -0
  647. /package/{dist/styles → styles}/GlobalStyle.js +0 -0
  648. /package/{dist/styles → styles}/config/breakpoint.style.js +0 -0
  649. /package/{dist/styles → styles}/config/header.style.js +0 -0
  650. /package/{dist/styles → styles}/config/sidebar.style.js +0 -0
  651. /package/{dist/styles → styles}/index.js +0 -0
  652. /package/{dist/styles → styles}/mixin/backgroundColor.js +0 -0
  653. /package/{dist/styles → styles}/mixin/borderColor.js +0 -0
  654. /package/{dist/styles → styles}/mixin/color.js +0 -0
  655. /package/{dist/styles → styles}/mixin/colorOnBackground.js +0 -0
  656. /package/{dist/styles → styles}/mixin/inputPlaceholder.js +0 -0
  657. /package/{dist/styles → styles}/mixin/media.js +0 -0
  658. /package/{dist/styles → styles}/mixin/rounded.js +0 -0
  659. /package/{dist/styles → styles}/mixin/scrollbar.js +0 -0
  660. /package/{dist/styles → styles}/theme/dark.theme.js +0 -0
  661. /package/{dist/styles → styles}/theme/light.theme.js +0 -0
  662. /package/{dist/styles → styles}/theme/white.theme.js +0 -0
  663. /package/{dist/styles → styles}/themes.js +0 -0
  664. /package/{dist/table → table}/GridTable.js +0 -0
  665. /package/{dist/table → table}/ImageBox.js +0 -0
  666. /package/{dist/table → table}/PermissionTable.js +0 -0
  667. /package/{dist/table → table}/Table.js +0 -0
  668. /package/{dist/table → table}/__mock__/columns.js +0 -0
  669. /package/{dist/table → table}/__mock__/data.js +0 -0
  670. /package/{dist/table → table}/hooks/index.js +0 -0
  671. /package/{dist/table → table}/hooks/useCalculateDataRange.js +0 -0
  672. /package/{dist/table → table}/hooks/useGenerateSort.js +0 -0
  673. /package/{dist/table → table}/index.js +0 -0
  674. /package/{dist/table → table}/subComponent/BaseTableHeadCell.js +0 -0
  675. /package/{dist/table → table}/subComponent/GridTableFooter.js +0 -0
  676. /package/{dist/table → table}/subComponent/GridTableHeadCell.js +0 -0
  677. /package/{dist/table → table}/subComponent/Resizer.js +0 -0
  678. /package/{dist/table → table}/subComponent/TableFooter.js +0 -0
  679. /package/{dist/table → table}/subComponent/TableFooterInfo.js +0 -0
  680. /package/{dist/table → table}/subComponent/TableFooterPager.js +0 -0
  681. /package/{dist/table → table}/subComponent/TableHeadCell.js +0 -0
  682. /package/{dist/table → table}/subComponent/TableSort.js +0 -0
  683. /package/{dist/tagify → tagify}/TagifyStyle.js +0 -0
  684. /package/{dist/tagify → tagify}/Tags.js +0 -0
  685. /package/{dist/tagify → tagify}/index.js +0 -0
  686. /package/{dist/text → text}/Paragraph.js +0 -0
  687. /package/{dist/text → text}/index.js +0 -0
  688. /package/{dist/timeline → timeline}/Timeline.js +0 -0
  689. /package/{dist/timeline → timeline}/index.js +0 -0
  690. /package/{dist/toast → toast}/CustomToastContainer.js +0 -0
  691. /package/{dist/toast → toast}/MessageContainer.js +0 -0
  692. /package/{dist/toast → toast}/index.js +0 -0
  693. /package/{dist/toast → toast}/show.js +0 -0
  694. /package/{dist/toast → toast}/style.css +0 -0
  695. /package/{dist/tooltip → tooltip}/Tooltip.js +0 -0
  696. /package/{dist/tooltip → tooltip}/index.js +0 -0
  697. /package/{dist/wizard → wizard}/Wizard.js +0 -0
  698. /package/{dist/wizard → wizard}/index.js +0 -0
package/src/modal/TitleModal.js DELETED
@@ -1,229 +0,0 @@
1
- import { useRef, useState, useEffect, cloneElement, useMemo } from 'react';
2
- import ReactDOM, { unmountComponentAtNode } from 'react-dom';
3
- import styled from 'styled-components';
4
- import { MdClose } from 'react-icons/md';
5
- import { appendElementTo, isReactComponent } from '@cashub/utils';
6
- import media from '../styles/mixin/media';
7
- import scrollbar from '../styles/mixin/scrollbar';
8
- import Heading3 from '../heading/Heading3';
9
- import ModalBackdrop from '../backdrop/ModalBackdrop';
10
-
11
- const TitleModal = (props) => {
12
- const rootElement = appendElementTo('TitleModalContainer');
13
- const Container = document.createElement('div');
14
- rootElement.appendChild(Container);
15
-
16
- const handleClose = async (dismiss = false) => {
17
- if (props.onBeforeClose) {
18
- // expect a promise
19
- // resolve indicate want to close modal
20
- // reject indicate do not close modal
21
- try {
22
- await props.onBeforeClose(dismiss);
23
- } catch (error) {
24
- return;
25
- }
26
- }
27
-
28
- // unmount component and clear event handler and state before remove container
29
- unmountComponentAtNode(Container);
30
- Container.remove();
31
-
32
- if (props.onClose) {
33
- props.onClose(dismiss);
34
- }
35
- };
36
-
37
- const methods = {
38
- close: handleClose,
39
- };
40
-
41
- ReactDOM.render(
42
- <ModalContent {...props} onClose={handleClose} methods={methods} />,
43
- Container,
44
- );
45
- };
46
-
47
- const ModalContent = ({ children, onClose, methods, size }) => {
48
- const refWrapper = useRef(null);
49
- const [clickTarget, setClickTarget] = useState(null);
50
-
51
- const child = useMemo(() => {
52
- return isReactComponent(children)
53
- ? cloneElement(children, methods)
54
- : children;
55
- }, [children, methods]);
56
-
57
- const handleDismiss = (dismiss) => {
58
- if (clickTarget === refWrapper.current) {
59
- onClose(dismiss);
60
- }
61
- };
62
-
63
- return (
64
- <Wrapper
65
- ref={refWrapper}
66
- onClick={() => {
67
- handleDismiss(true);
68
- }}
69
- onMouseDown={(event) => {
70
- setClickTarget(event.target);
71
- }}
72
- >
73
- <Container
74
- size={size}
75
- onMouseDown={(event) => {
76
- setClickTarget(event.target);
77
- }}
78
- >
79
- {child}
80
- </Container>
81
- </Wrapper>
82
- );
83
- };
84
-
85
- const ModalHeader = ({ handleClose, children }) => {
86
- return (
87
- <Header>
88
- <MdClose onClick={handleClose} />
89
- <Heading3>{children}</Heading3>
90
- </Header>
91
- );
92
- };
93
-
94
- const ModalBody = ({ children, ...props }) => {
95
- const bodyRef = useRef(null);
96
-
97
- const recalculateHeight = () => {
98
- // body element not render yet
99
- if (!bodyRef.current) return;
100
- const ModalBodyElement = bodyRef.current;
101
- const ModalHeaderElement = ModalBodyElement.previousSibling;
102
- const ModalFooterElement = ModalBodyElement.nextSibling;
103
-
104
- let needSubtractHeight = 0;
105
- if (ModalHeaderElement) {
106
- needSubtractHeight += ModalHeaderElement.offsetHeight;
107
- }
108
-
109
- if (ModalFooterElement) {
110
- needSubtractHeight += ModalFooterElement.offsetHeight;
111
- }
112
-
113
- ModalBodyElement.style.maxHeight = `calc(90vh - ${needSubtractHeight}px)`;
114
- };
115
-
116
- useEffect(() => {
117
- recalculateHeight();
118
- window.addEventListener('resize', recalculateHeight);
119
-
120
- return () => window.removeEventListener('resize', recalculateHeight);
121
- }, []);
122
-
123
- return (
124
- <Body ref={bodyRef} {...props}>
125
- {children}
126
- </Body>
127
- );
128
- };
129
-
130
- const ModalFooter = ({ children }) => {
131
- return <Footer>{children}</Footer>;
132
- };
133
-
134
- const Wrapper = styled(ModalBackdrop)`
135
- z-index: 80;
136
- `;
137
-
138
- const Container = styled.div`
139
- position: relative;
140
- border-radius: var(--border-radius);
141
- background: var(--color-background2);
142
- box-shadow: var(--box-shadow);
143
- border: var(--border-width) solid var(--border-color);
144
- width: 100%;
145
-
146
- ${({ size }) => {
147
- switch (size) {
148
- case 'large':
149
- return 'max-width: 75%;';
150
- case 'normal':
151
- return 'max-width: 50%;';
152
- case 'small':
153
- return 'max-width: 30%;';
154
- default:
155
- break;
156
- }
157
- }}
158
-
159
- ${media.tablet`
160
- ${({ size }) => {
161
- switch (size) {
162
- case 'large':
163
- return 'max-width: 90%;';
164
- case 'normal':
165
- return 'max-width: 75%;';
166
- case 'small':
167
- return 'max-width: 50%;';
168
- default:
169
- break;
170
- }
171
- }}
172
- `}
173
-
174
- ${media.mobile`
175
- ${({ size }) => {
176
- switch (size) {
177
- case 'normal':
178
- return 'max-width: 90%;';
179
- case 'small':
180
- return 'max-width: 70%;';
181
- default:
182
- break;
183
- }
184
- }}
185
- `}
186
- `;
187
-
188
- const Header = styled.div`
189
- display: flex;
190
- align-items: center;
191
- padding: var(--spacing-s) 56px var(--spacing-s) var(--spacing-s);
192
- border-bottom: var(--border-width) solid var(--border-color);
193
- min-height: 64px;
194
- color: var(--font-on-background);
195
-
196
- > svg {
197
- position: absolute;
198
- top: 24px;
199
- right: calc(12px + var(--spacing));
200
- color: var(--font-on-mute);
201
- font-size: var(--font-body1);
202
- cursor: pointer;
203
- }
204
- `;
205
-
206
- const Body = styled.div`
207
- padding: var(--spacing);
208
- overflow-y: auto;
209
- overflow-x: hidden;
210
-
211
- ${scrollbar}
212
-
213
- ${({ noPaddingBottom }) => noPaddingBottom && 'padding-bottom: 0;'}
214
- `;
215
-
216
- const Footer = styled.div`
217
- display: flex;
218
- justify-content: flex-end;
219
- padding: 0 var(--spacing);
220
- border-top: var(--border-width) solid var(--border-color);
221
- height: 64px;
222
- line-height: 64px;
223
- `;
224
-
225
- export default Object.assign(TitleModal, {
226
- Header: ModalHeader,
227
- Body: ModalBody,
228
- Footer: ModalFooter,
229
- });
package/src/modal/__stories__/StateModal.stories.js DELETED
@@ -1,46 +0,0 @@
1
- import StateModal from '../StateModal';
2
-
3
- const metadata = {
4
- title: 'Modal/StateModal',
5
- component: StateModal,
6
- argTypes: {
7
- type: {
8
- description: 'modal type',
9
- control: 'radio',
10
- options: ['error', 'warning'],
11
- },
12
- allowDismiss: {
13
- description: 'click modal outside can close modal',
14
- },
15
- onConfirm: {
16
- description: 'onConfirm function',
17
- },
18
- onCancel: {
19
- description: 'onCancel function',
20
- },
21
- },
22
- };
23
-
24
- const Template = (args) => {
25
- const showModal = (args) => {
26
- StateModal({
27
- ...args,
28
- });
29
- };
30
-
31
- return <button onClick={() => showModal(args)}>Click Button!</button>;
32
- };
33
-
34
- const Default = Template.bind({});
35
- Default.args = {
36
- type: 'warning',
37
- title: 'State Modal Title',
38
- text: 'State Modal Text',
39
- confirmButtonText: 'Confirm',
40
- cancelButtonText: 'Cancel',
41
- showCancelButton: true,
42
- allowDismiss: true,
43
- };
44
-
45
- export default metadata;
46
- export { Default };
package/src/modal/__stories__/TitleModal.stories.js DELETED
@@ -1,56 +0,0 @@
1
- import TitleModal from '../TitleModal';
2
-
3
- const metadata = {
4
- title: 'Modal/TitleModal',
5
- component: TitleModal,
6
- // todo: adjust subcomponents's props on docs page
7
- subcomponents: {
8
- 'TitleModal.Header': TitleModal.Header,
9
- 'TitleModal.Body': TitleModal.Body,
10
- 'TitleModal.Footer': TitleModal.Footer,
11
- },
12
-
13
- argTypes: {
14
- size: {
15
- description: 'modal size',
16
- control: 'radio',
17
- options: ['large', 'normal', 'small'],
18
- },
19
- children: {
20
- description: 'children is a element',
21
- },
22
- },
23
- };
24
-
25
- const showModal = (args) => {
26
- TitleModal({
27
- ...args,
28
- });
29
- };
30
-
31
- const ModalContent = ({ close }) => {
32
- return (
33
- <>
34
- <TitleModal.Header handleClose={close}>Modal Title</TitleModal.Header>
35
- <TitleModal.Body noPaddingBottom>
36
- <p style={{ color: '#ffffff' }}>Modal Body</p>
37
- </TitleModal.Body>
38
- <TitleModal.Footer>
39
- <p style={{ color: '#ffffff' }}>Modal Footer</p>
40
- </TitleModal.Footer>
41
- </>
42
- );
43
- };
44
-
45
- const Template = (args) => (
46
- <button onClick={() => showModal(args)}>Click Button!</button>
47
- );
48
-
49
- const Default = Template.bind({});
50
- Default.args = {
51
- size: 'normal',
52
- children: <ModalContent />,
53
- };
54
-
55
- export default metadata;
56
- export { Default };
package/src/modal/__test__/StateModal.test.js DELETED
@@ -1,144 +0,0 @@
1
- import { render, screen } from '@testing-library/react';
2
- import userEvent from '@testing-library/user-event';
3
- import 'jest-styled-components';
4
- import StateModal from '../StateModal';
5
-
6
- describe('Test StateModal Component', () => {
7
- afterEach(() => {
8
- document.body.innerHTML = '';
9
- });
10
-
11
- test('render component', () => {
12
- render(
13
- StateModal({
14
- title: 'Title of state modal',
15
- text: 'Message on state modal',
16
- }),
17
- );
18
-
19
- const modal = screen.getByRole('dialog');
20
- expect(modal).toBeInTheDocument();
21
-
22
- const icon = screen.getByRole('img');
23
- expect(icon).toBeInTheDocument();
24
-
25
- const title = screen.getByRole('heading', { name: 'Title of state modal' });
26
- expect(title).toBeInTheDocument();
27
-
28
- const text = screen.getByText('Message on state modal');
29
- expect(text).toBeInTheDocument();
30
-
31
- const buttons = screen.getAllByRole('button');
32
- expect(buttons).toHaveLength(1);
33
- expect(buttons[0]).toHaveTextContent('Confirm');
34
- });
35
-
36
- test('show cancel button', () => {
37
- render(
38
- StateModal({
39
- title: 'Title of state modal',
40
- text: 'Message on state modal',
41
- showCancelButton: true,
42
- }),
43
- );
44
-
45
- const buttons = screen.getAllByRole('button');
46
- expect(buttons).toHaveLength(2);
47
-
48
- const [cancelButton, confirmButton] = buttons;
49
- expect(cancelButton).toHaveTextContent('Cancel');
50
- expect(confirmButton).toHaveTextContent('Confirm');
51
- });
52
-
53
- test('custom button text', () => {
54
- render(
55
- StateModal({
56
- title: 'Title of state modal',
57
- text: 'Message on state modal',
58
- confirmButtonText: 'OK',
59
- cancelButtonText: 'Close',
60
- showCancelButton: true,
61
- }),
62
- );
63
-
64
- const [cancelButton, confirmButton] = screen.getAllByRole('button');
65
- expect(cancelButton).toHaveTextContent('Close');
66
- expect(confirmButton).toHaveTextContent('OK');
67
- });
68
-
69
- test('modal interactive', () => {
70
- let handleClose;
71
- let handleConfirm;
72
- let handleCancel;
73
-
74
- const renderComponent = () => {
75
- handleClose = jest.fn();
76
- handleConfirm = jest.fn();
77
- handleCancel = jest.fn();
78
-
79
- StateModal({
80
- title: 'Title of state modal',
81
- text: 'Message on state modal',
82
- showCancelButton: true,
83
- onClose: handleClose,
84
- onConfirm: handleConfirm,
85
- onCancel: handleCancel,
86
- });
87
- };
88
-
89
- render(renderComponent());
90
- let modal = screen.getByRole('dialog');
91
- const [cancelButton] = screen.getAllByRole('button');
92
-
93
- expect(modal).toBeInTheDocument();
94
- userEvent.click(cancelButton);
95
- expect(handleCancel).toHaveBeenCalledTimes(1);
96
- expect(handleClose).toHaveBeenCalledTimes(1);
97
- expect(modal).not.toBeInTheDocument();
98
-
99
- render(renderComponent());
100
- modal = screen.getByRole('dialog');
101
- const [, confirmButton] = screen.getAllByRole('button');
102
-
103
- expect(modal).toBeInTheDocument();
104
- userEvent.click(confirmButton);
105
- expect(handleConfirm).toHaveBeenCalledTimes(1);
106
- expect(handleClose).toHaveBeenCalledTimes(1);
107
- expect(modal).not.toBeInTheDocument();
108
- });
109
-
110
- test('dismiss', () => {
111
- const handleClose = jest.fn();
112
-
113
- render(
114
- StateModal({
115
- title: 'Title of state modal',
116
- text: 'Message on state modal',
117
- showCancelButton: true,
118
- onClose: handleClose,
119
- }),
120
- );
121
-
122
- let modal = screen.getByRole('dialog');
123
- expect(modal).toBeInTheDocument();
124
- userEvent.click(modal);
125
- expect(modal).not.toBeInTheDocument();
126
- expect(handleClose).toHaveBeenCalledTimes(1);
127
-
128
- render(
129
- StateModal({
130
- title: 'Title of state modal',
131
- text: 'Message on state modal',
132
- showCancelButton: true,
133
- onClose: handleClose,
134
- allowDismiss: false,
135
- }),
136
- );
137
-
138
- modal = screen.getByRole('dialog');
139
- expect(modal).toBeInTheDocument();
140
- userEvent.click(modal);
141
- expect(modal).toBeInTheDocument();
142
- expect(handleClose).toHaveBeenCalledTimes(1);
143
- });
144
- });
package/src/modal/index.js DELETED
@@ -1,2 +0,0 @@
1
- export { default as StateModal } from './StateModal';
2
- export { default as TitleModal } from './TitleModal';
package/src/paginate/Paginate.js DELETED
@@ -1,132 +0,0 @@
1
- import styled, { css } from 'styled-components';
2
- import { FaAngleLeft, FaAngleRight } from 'react-icons/fa';
3
- import { usePagination, DOTS } from '@cashub/hooks';
4
-
5
- const Paginate = (props) => {
6
- const {
7
- currentPage,
8
- totalCount,
9
- pageSize,
10
- siblingCount = 1,
11
- onPageChange,
12
- alignRight,
13
- } = props;
14
-
15
- const paginationRange = usePagination({
16
- currentPage,
17
- totalCount,
18
- siblingCount,
19
- pageSize,
20
- });
21
-
22
- const onNext = () => {
23
- if (currentPage === lastPage) return;
24
- onPageChange(currentPage + 1);
25
- };
26
-
27
- const onPrevious = () => {
28
- if (currentPage === 1) return;
29
- onPageChange(currentPage - 1);
30
- };
31
-
32
- if (currentPage === 0 || paginationRange.length < 1) {
33
- return null;
34
- }
35
-
36
- const lastPage = paginationRange[paginationRange.length - 1];
37
-
38
- return (
39
- <Container alignRight={alignRight}>
40
- <Link disabled={currentPage === 1} onClick={onPrevious}>
41
- <Icon>
42
- <FaAngleLeft />
43
- </Icon>
44
- </Link>
45
-
46
- {paginationRange.map((pageNumber, index) => {
47
- if (pageNumber === DOTS) {
48
- return (
49
- <Link key={index} className='paginationDots'>
50
- &#8230;
51
- </Link>
52
- );
53
- }
54
-
55
- return (
56
- <Link
57
- key={index}
58
- active={pageNumber === currentPage}
59
- onClick={() => onPageChange(pageNumber)}
60
- >
61
- {pageNumber}
62
- </Link>
63
- );
64
- })}
65
-
66
- <Link disabled={currentPage === lastPage} onClick={onNext}>
67
- <Icon>
68
- <FaAngleRight />
69
- </Icon>
70
- </Link>
71
- </Container>
72
- );
73
- };
74
-
75
- const Container = styled.ul`
76
- display: flex;
77
- text-align: center;
78
-
79
- ${({ alignRight }) => alignRight && 'justify-content: flex-end'};
80
- `;
81
-
82
- const Link = styled.li`
83
- width: 36px;
84
- line-height: 37px;
85
- font-size: var(--font-body1);
86
- color: var(--font-on-background);
87
- border-radius: var(--border-radius-round);
88
- cursor: pointer;
89
- transition: 0.3s;
90
-
91
- &:not(:last-child) {
92
- margin-right: var(--spacing-xs);
93
- }
94
-
95
- ${({ disabled }) =>
96
- disabled &&
97
- css`
98
- opacity: 0.5;
99
- cursor: no-drop;
100
- `};
101
-
102
- ${({ active }) =>
103
- active &&
104
- `
105
- background-color: var(--color-primary);
106
- color: var(--font-on-primary);
107
- `}
108
-
109
- &:hover {
110
- ${({ disabled, className }) =>
111
- !disabled &&
112
- !className &&
113
- `
114
- background-color: var(--color-primary);
115
- color: var(--font-on-primary);
116
- `}
117
- }
118
-
119
- &.paginationDots {
120
- cursor: default;
121
- }
122
- `;
123
-
124
- const Icon = styled.span`
125
- font-size: var(--font-body1);
126
- display: flex;
127
- justify-content: center;
128
- align-items: center;
129
- height: 100%;
130
- `;
131
-
132
- export default Paginate;
package/src/paginate/__stories__/Paginate.stories.js DELETED
@@ -1,49 +0,0 @@
1
- import Paginate from '../Paginate';
2
- import { useState, useEffect } from 'react';
3
-
4
- const metadata = {
5
- title: 'Paginate/Paginate',
6
- component: Paginate,
7
- argTypes: {
8
- onPageChange: {
9
- description: 'it is a function that can change page if click page number',
10
- },
11
- },
12
- };
13
-
14
- const Template = (args) => {
15
- const { onPageChange } = args;
16
- const [page, setPage] = useState(args.currentPage);
17
-
18
- const handleOnPageChange = (num) => {
19
- setPage(num);
20
- };
21
-
22
- useEffect(() => {
23
- setPage(args.currentPage);
24
- }, [args.currentPage]);
25
-
26
- return (
27
- <Paginate
28
- {...args}
29
- alt='picture'
30
- onPageChange={(num) => {
31
- handleOnPageChange(num);
32
- onPageChange();
33
- }}
34
- currentPage={page}
35
- />
36
- );
37
- };
38
-
39
- const Default = Template.bind({});
40
- Default.args = {
41
- currentPage: 5,
42
- totalCount: 100,
43
- pageSize: 10,
44
- alignRight: false,
45
- siblingCount: 1,
46
- };
47
-
48
- export default metadata;
49
- export { Default };