@cashub/ui 0.48.28 → 0.49.0-beta.0

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 (1067) hide show
  1. package/dist/Tab/TabList.js +167 -0
  2. package/dist/Tab/TabPanel.js +49 -0
  3. package/dist/Tab/TabTab.js +105 -0
  4. package/dist/Tab/index.js +30 -0
  5. package/dist/Tab/subComponent/TabListV2.js +25 -0
  6. package/dist/Tab/subComponent/TabPanelV2.js +52 -0
  7. package/dist/Tab/subComponent/TabTabV2.js +63 -0
  8. package/dist/VerticalTab/TabList.js +27 -0
  9. package/dist/VerticalTab/TabPanel.js +52 -0
  10. package/dist/VerticalTab/TabTab.js +70 -0
  11. package/dist/VerticalTab/VerticalTab.js +41 -0
  12. package/dist/alert/Alert.js +29 -0
  13. package/dist/animate/Collapse.js +71 -0
  14. package/dist/animate/Loader.js +58 -0
  15. package/dist/animate/PulseRing.js +35 -0
  16. package/dist/animate/Spinner.js +18 -0
  17. package/dist/assets/images/bg-aside.png +0 -0
  18. package/dist/assets/images/bg-main-vivid.png +0 -0
  19. package/dist/assets/images/bg-main.png +0 -0
  20. package/dist/backdrop/BaseBackdrop.js +18 -0
  21. package/dist/backdrop/LoadingBackdrop.js +17 -0
  22. package/dist/backdrop/ModalBackdrop.js +15 -0
  23. package/dist/badge/Badge.js +26 -0
  24. package/dist/badge/BadgeDot.js +18 -0
  25. package/dist/badge/BadgeFill.js +49 -0
  26. package/dist/badge/BadgeFillTriangle.js +147 -0
  27. package/dist/badge/BadgeWithText.js +31 -0
  28. package/dist/billing/BarChart.js +51 -0
  29. package/dist/breadcrumb/Breadcrumb.js +78 -0
  30. package/dist/button/Button.js +154 -0
  31. package/dist/button/ButtonGroup.js +61 -0
  32. package/dist/button/IconButton.js +70 -0
  33. package/dist/button/ScrollToTopButton.js +54 -0
  34. package/dist/callout/Callout.js +52 -0
  35. package/dist/chart/BarChart.js +148 -0
  36. package/dist/chart/DoughnutChart.js +118 -0
  37. package/dist/chart/LineChart.js +146 -0
  38. package/dist/chart/SingleBarChart.js +42 -0
  39. package/dist/chart/utils/centerTextPlugin.js +62 -0
  40. package/dist/chart/utils/customTooltip.js +94 -0
  41. package/dist/chart/utils/htmlLegendPlugin.js +89 -0
  42. package/dist/chart/utils/yAxisTopTitlePlugin.js +49 -0
  43. package/dist/container/FlexContainer.js +40 -0
  44. package/dist/cropper/Cropper.js +54 -0
  45. package/dist/datetimePicker/DatePicker.js +363 -0
  46. package/dist/datetimePicker/DatePickerV2.js +407 -0
  47. package/dist/datetimePicker/DatetimePicker.js +240 -0
  48. package/dist/datetimePicker/DatetimePickerV2.js +395 -0
  49. package/dist/datetimePicker/DatetimePickerV3.js +279 -0
  50. package/dist/datetimePicker/TimeInput.js +56 -0
  51. package/dist/datetimePicker/TimePicker.js +317 -0
  52. package/dist/datetimePicker/TimePickerStyle.js +64 -0
  53. package/dist/datetimePicker/TimePickerV2.js +208 -0
  54. package/dist/datetimePicker/accordion/Month.js +254 -0
  55. package/dist/datetimePicker/accordion/Year.js +284 -0
  56. package/dist/datetimePicker/hooks/useChangeNumber.js +42 -0
  57. package/dist/datetimePicker/hooks/useDecrease.js +38 -0
  58. package/dist/datetimePicker/hooks/useIncrease.js +38 -0
  59. package/dist/datetimePicker/subComponent/Accordion.js +373 -0
  60. package/dist/descriptionList/DescriptionDetail.js +28 -0
  61. package/dist/descriptionList/DescriptionList.js +25 -0
  62. package/dist/descriptionList/DescriptionTerm.js +14 -0
  63. package/dist/divider/Divider.js +31 -0
  64. package/dist/dropdown/DropdownButtonOption.js +43 -0
  65. package/dist/dropdown/DropdownContent.js +90 -0
  66. package/dist/dropdown/DropdownDivOption.js +26 -0
  67. package/dist/dropdown/DropdownLinkOption.js +24 -0
  68. package/dist/dropdown/DropdownToggle.js +38 -0
  69. package/dist/dropzone/FileDropzone.js +479 -0
  70. package/dist/dropzone/ImageDropzone.js +334 -0
  71. package/dist/dropzone/subComponent/Message.js +26 -0
  72. package/dist/figure/IconFigure.js +42 -0
  73. package/dist/figure/ImageFigure.js +38 -0
  74. package/dist/file/HiddenFileInput.js +15 -0
  75. package/dist/form/Checkbox.js +166 -0
  76. package/dist/form/Fieldset.js +18 -0
  77. package/dist/form/FormItem.js +22 -0
  78. package/dist/form/Input.js +66 -0
  79. package/dist/form/Label.js +61 -0
  80. package/dist/form/MutedText.js +21 -0
  81. package/dist/form/PasswordInput.js +47 -0
  82. package/dist/form/RadioButton.js +103 -0
  83. package/dist/form/SearchSelect.js +181 -0
  84. package/dist/form/Searchbox.js +98 -0
  85. package/dist/form/Slider.js +46 -0
  86. package/dist/form/SwitchButton.js +105 -0
  87. package/dist/form/Textarea.js +41 -0
  88. package/dist/form/TreeView.js +73 -0
  89. package/dist/grid/Column.js +46 -0
  90. package/dist/grid/Grid.js +35 -0
  91. package/dist/heading/Heading1.js +21 -0
  92. package/dist/heading/Heading2.js +28 -0
  93. package/dist/heading/Heading3.js +49 -0
  94. package/dist/icon/assets/android.jsx +10 -0
  95. package/dist/icon/assets/app-management.jsx +10 -0
  96. package/dist/icon/assets/appStore.jsx +6 -0
  97. package/dist/icon/assets/battery.jsx +15 -0
  98. package/dist/icon/assets/bill.jsx +10 -0
  99. package/dist/icon/assets/campaign.jsx +9 -0
  100. package/dist/icon/assets/casstore.jsx +8 -0
  101. package/dist/icon/assets/dashboard.jsx +6 -0
  102. package/dist/icon/assets/enterprise.jsx +15 -0
  103. package/dist/icon/assets/firmware.jsx +8 -0
  104. package/dist/icon/assets/folder.jsx +8 -0
  105. package/dist/icon/assets/group.jsx +18 -0
  106. package/dist/icon/assets/heartbeats.jsx +9 -0
  107. package/dist/icon/assets/invite-user.jsx +9 -0
  108. package/dist/icon/assets/log.jsx +9 -0
  109. package/dist/icon/assets/manufacturer.jsx +7 -0
  110. package/dist/icon/assets/merchant.jsx +16 -0
  111. package/dist/icon/assets/package-collection.jsx +8 -0
  112. package/dist/icon/assets/report.jsx +11 -0
  113. package/dist/icon/assets/resource.jsx +9 -0
  114. package/dist/icon/assets/role.jsx +7 -0
  115. package/dist/icon/assets/shield-lock.jsx +202 -0
  116. package/dist/icon/assets/shield-no-signal.jsx +195 -0
  117. package/dist/icon/assets/shield-unsafe.jsx +191 -0
  118. package/dist/icon/assets/shield.jsx +186 -0
  119. package/dist/icon/assets/statistics.jsx +9 -0
  120. package/dist/icon/assets/tag.jsx +14 -0
  121. package/dist/icon/assets/template-management.jsx +8 -0
  122. package/dist/icon/assets/terminal.jsx +7 -0
  123. package/dist/icon/assets/tradeye.jsx +7 -0
  124. package/dist/icon/registry.js +70 -0
  125. package/dist/iconbox/ApplicationIconBox.js +81 -0
  126. package/dist/iconbox/IconBox.js +103 -0
  127. package/dist/iconbox/IconBoxV2.js +72 -0
  128. package/dist/iconbox/assets/bg-enterprise.png +0 -0
  129. package/dist/iconbox/assets/bg-merchant.png +0 -0
  130. package/dist/iconbox/assets/bg-terminal.png +0 -0
  131. package/dist/iconbox/assets/bg-user.png +0 -0
  132. package/dist/iconbox/bgImageRegistry.js +18 -0
  133. package/dist/iconbox/subComponent/IconBoxFigure.js +50 -0
  134. package/dist/iconbox/subComponent/IconBoxImage.js +85 -0
  135. package/dist/image/ImageFluid.js +17 -0
  136. package/dist/image/UploadImage.js +250 -0
  137. package/dist/jsoneditor/JsonEditor.js +142 -0
  138. package/dist/keyframe/Pulse.js +21 -0
  139. package/dist/keyframe/Spin.js +13 -0
  140. package/dist/layout/Aside.js +58 -0
  141. package/dist/layout/Backdrop.js +23 -0
  142. package/dist/layout/Container.js +56 -0
  143. package/dist/layout/Footer.js +45 -0
  144. package/dist/layout/Header.jsx +48 -0
  145. package/dist/layout/Layout.jsx +69 -0
  146. package/dist/layout/Logo.jsx +17 -0
  147. package/dist/layout/MenuIcon.jsx +45 -0
  148. package/dist/layout/Sidebar.jsx +261 -0
  149. package/dist/layout/assets/burger-modern.jsx +9 -0
  150. package/dist/layout/bgMainRegistry.js +14 -0
  151. package/dist/link/LinkSpan.js +69 -0
  152. package/dist/map/GoogleMap.js +448 -0
  153. package/dist/map/GoogleReverseGeolocation.js +200 -0
  154. package/dist/map/LeafletMap.js +231 -0
  155. package/dist/map/subComponent/GoogleMapContainer.js +29 -0
  156. package/dist/map/subComponent/GoogleMapPopup.js +109 -0
  157. package/dist/map/subComponent/GoogleMapWrapper.js +40 -0
  158. package/dist/map/subComponent/LeafletDrawControl.js +127 -0
  159. package/dist/map/subComponent/LeafletMapContainer.js +173 -0
  160. package/dist/modal/StateModal.js +178 -0
  161. package/dist/modal/TitleModal.js +250 -0
  162. package/dist/package.json +55 -0
  163. package/dist/page/Disclaimer.js +128 -0
  164. package/dist/paginate/Paginate.js +137 -0
  165. package/dist/popover/Popover.js +91 -0
  166. package/dist/qrcode/QRCode.js +58 -0
  167. package/dist/qrcode/QRCodeContainter.js +34 -0
  168. package/dist/ribbon/Ribbon.js +42 -0
  169. package/dist/section/Section.js +133 -0
  170. package/dist/section/SectionBody.js +52 -0
  171. package/dist/section/SectionHeader.js +70 -0
  172. package/dist/section/SectionToolbar.js +18 -0
  173. package/dist/section/SectionToolbarItem.js +17 -0
  174. package/dist/select/InputSelect.js +270 -0
  175. package/dist/select/Select.js +819 -0
  176. package/dist/select/subComponent/Checkbox.js +48 -0
  177. package/dist/select/subComponent/Footer.js +13 -0
  178. package/dist/select/subComponent/ListBox.js +30 -0
  179. package/dist/select/subComponent/Option.js +45 -0
  180. package/dist/select/subComponent/OptionGroup.js +23 -0
  181. package/dist/select/subComponent/Options.js +32 -0
  182. package/dist/select/subComponent/SearchBox.js +58 -0
  183. package/dist/select/subComponent/SelectedMultipleCount.js +50 -0
  184. package/dist/select/subComponent/SelectedMultipleTags.js +54 -0
  185. package/dist/select/subComponent/SelectedMultipleText.js +70 -0
  186. package/dist/select/subComponent/SelectedSingle.js +17 -0
  187. package/dist/styles/GlobalStyle.js +356 -0
  188. package/dist/styles/mixin/backgroundColor.js +44 -0
  189. package/dist/styles/mixin/borderColor.js +44 -0
  190. package/dist/styles/mixin/color.js +44 -0
  191. package/dist/styles/mixin/colorOnBackground.js +37 -0
  192. package/dist/styles/mixin/inputPlaceholder.js +30 -0
  193. package/dist/styles/mixin/media.js +21 -0
  194. package/dist/styles/mixin/rounded.js +30 -0
  195. package/dist/styles/mixin/scrollbar.js +32 -0
  196. package/dist/styles/theme/dark.theme.js +99 -0
  197. package/dist/styles/theme/ember.theme.js +100 -0
  198. package/dist/styles/theme/light.theme.js +97 -0
  199. package/dist/styles/theme/midnight.theme.js +99 -0
  200. package/dist/styles/theme/white.theme.js +101 -0
  201. package/dist/styles/themes.js +20 -0
  202. package/dist/table/GridTable.js +336 -0
  203. package/dist/table/ImageBox.js +45 -0
  204. package/dist/table/InfiniteGridTable.js +403 -0
  205. package/dist/table/PermissionTable.js +64 -0
  206. package/dist/table/SimpleGridTable.js +143 -0
  207. package/dist/table/Table.js +568 -0
  208. package/dist/table/__mock__/columns.js +70 -0
  209. package/dist/table/subComponent/BaseTableHeadCell.js +62 -0
  210. package/dist/table/subComponent/GridTableFooter.js +24 -0
  211. package/dist/table/subComponent/GridTableHeadCell.js +20 -0
  212. package/dist/table/subComponent/Resizer.js +77 -0
  213. package/dist/table/subComponent/TableFooter.js +31 -0
  214. package/dist/table/subComponent/TableFooterInfo.js +13 -0
  215. package/dist/table/subComponent/TableFooterPager.js +33 -0
  216. package/dist/table/subComponent/TableHeadCell.js +19 -0
  217. package/dist/table/subComponent/TableSort.js +38 -0
  218. package/dist/tagify/TagifyStyle.js +60 -0
  219. package/dist/tagify/Tags.js +56 -0
  220. package/dist/tagify/templates/getCreateButtonTemplate.js +18 -0
  221. package/dist/text/Paragraph.js +86 -0
  222. package/dist/timeline/Timeline.js +139 -0
  223. package/dist/toast/CustomToastContainer.js +45 -0
  224. package/dist/toast/MessageContainer.js +51 -0
  225. package/dist/tooltip/Tooltip.js +140 -0
  226. package/dist/treeView/TreeViewV2.js +38 -0
  227. package/dist/treeView/TreeflexStyle.js +49 -0
  228. package/dist/wizard/Wizard.js +251 -0
  229. package/package.json +64 -55
  230. package/setupTests.js +9 -0
  231. package/src/Tab/Tab.js +11 -0
  232. package/src/Tab/TabList.js +159 -0
  233. package/src/Tab/TabPanel.js +35 -0
  234. package/src/Tab/TabTab.js +99 -0
  235. package/src/Tab/__stories__/Tab.stories.js +55 -0
  236. package/src/Tab/__stories__/TabList.stories.js +49 -0
  237. package/src/Tab/__stories__/TabPanel.stories.js +45 -0
  238. package/src/Tab/__stories__/TabTab.stories.js +30 -0
  239. package/src/Tab/__stories__/TabV2.stories.js +47 -0
  240. package/src/Tab/__test__/Tab.test.js +43 -0
  241. package/src/Tab/__test__/TabList.test.js +22 -0
  242. package/src/Tab/__test__/TabPanel.test.js +27 -0
  243. package/src/Tab/__test__/TabTab.test.js +58 -0
  244. package/src/Tab/index.js +22 -0
  245. package/src/Tab/subComponent/TabContext.js +5 -0
  246. package/src/Tab/subComponent/TabListV2.js +16 -0
  247. package/src/Tab/subComponent/TabPanelV2.js +38 -0
  248. package/src/Tab/subComponent/TabTabV2.js +47 -0
  249. package/src/VerticalTab/TabList.js +18 -0
  250. package/src/VerticalTab/TabPanel.js +38 -0
  251. package/src/VerticalTab/TabTab.js +54 -0
  252. package/src/VerticalTab/VerticalTab.js +20 -0
  253. package/src/VerticalTab/index.js +10 -0
  254. package/src/VerticalTab/subComponent/TabContext.js +5 -0
  255. package/src/VerticalTab/subComponent/VerticalTab.stories.js +82 -0
  256. package/src/alert/Alert.js +15 -0
  257. package/src/alert/__stories__/Alert.stories.js +18 -0
  258. package/src/alert/index.js +1 -0
  259. package/src/animate/Collapse.js +68 -0
  260. package/src/animate/Loader.js +36 -0
  261. package/src/animate/NumberCounter.js +49 -0
  262. package/src/animate/PulseRing.js +25 -0
  263. package/src/animate/Spinner.js +13 -0
  264. package/src/animate/__stories__/Collapse.stories.js +60 -0
  265. package/src/animate/__stories__/Loader.stories.js +33 -0
  266. package/src/animate/__stories__/NumberCounter.stories.js +29 -0
  267. package/src/animate/__stories__/PulseRing.stories.js +17 -0
  268. package/src/animate/__stories__/Spinner.stories.js +13 -0
  269. package/src/animate/__test__/Collapse.test.js +125 -0
  270. package/src/animate/__test__/Loader.test.js +42 -0
  271. package/src/animate/__test__/NumberCounter.test.js +71 -0
  272. package/src/animate/__test__/PulseRing.test.js +37 -0
  273. package/src/animate/__test__/Spinner.test.js +18 -0
  274. package/src/animate/index.js +5 -0
  275. package/src/assets/css/autocomplete.css +16 -0
  276. package/src/assets/css/font.css +4 -0
  277. package/src/assets/css/global.css +2 -0
  278. package/src/assets/font/helvetica/Helvetica.ttf +0 -0
  279. package/src/assets/font/nanumGothic/NanumGothic-Bold.ttf +0 -0
  280. package/src/assets/font/nanumGothic/NanumGothic-ExtraBold.ttf +0 -0
  281. package/src/assets/font/nanumGothic/NanumGothic-Regular.ttf +0 -0
  282. package/src/assets/icons/app-management.png +0 -0
  283. package/src/assets/icons/burger-black.png +0 -0
  284. package/src/assets/icons/burger-white.png +0 -0
  285. package/src/assets/icons/burger.png +0 -0
  286. package/src/assets/icons/file.svg +1 -0
  287. package/src/assets/icons/map_icon1.png +0 -0
  288. package/src/assets/icons/map_icon4.png +0 -0
  289. package/src/assets/images/bg-aside.png +0 -0
  290. package/src/assets/images/bg-chart-circle.png +0 -0
  291. package/src/assets/images/bg-chart-triangle.png +0 -0
  292. package/src/assets/images/bg-main-vivid.png +0 -0
  293. package/src/assets/images/bg-main.png +0 -0
  294. package/src/assets/images/cashub-logo-only.png +0 -0
  295. package/src/assets/images/default-user.jpg +0 -0
  296. package/src/assets/images/logo-cashub.png +0 -0
  297. package/src/assets/images/map.png +0 -0
  298. package/src/assets/images/qrcode.png +0 -0
  299. package/src/backdrop/BaseBackdrop.js +13 -0
  300. package/src/backdrop/LoadingBackdrop.js +12 -0
  301. package/src/backdrop/ModalBackdrop.js +10 -0
  302. package/src/backdrop/__test__/BaseBackdrop.test.js +10 -0
  303. package/src/backdrop/__test__/LoadingBackdrop.test.js +9 -0
  304. package/src/backdrop/__test__/ModalBackdrop.test.js +8 -0
  305. package/src/backdrop/index.js +3 -0
  306. package/src/badge/Badge.js +21 -0
  307. package/src/badge/BadgeDot.js +13 -0
  308. package/src/badge/BadgeFill.js +29 -0
  309. package/src/badge/BadgeFillTriangle.js +76 -0
  310. package/src/badge/BadgeWithText.js +21 -0
  311. package/src/badge/__stories__/Badge.stories.js +47 -0
  312. package/src/badge/__stories__/BadgeDot.stories.js +23 -0
  313. package/src/badge/__stories__/BadgeFill.stories.js +29 -0
  314. package/src/badge/__stories__/BadgeFillTriangle.stories.js +29 -0
  315. package/src/badge/__stories__/BadgeWithText.stories.js +26 -0
  316. package/src/badge/__test__/Badge.test.js +32 -0
  317. package/src/badge/__test__/BadgeDot.test.js +22 -0
  318. package/src/badge/__test__/BadgeFill.test.js +41 -0
  319. package/src/badge/__test__/BadgeWithText.test.js +22 -0
  320. package/src/badge/index.js +5 -0
  321. package/src/billing/BarChart.js +42 -0
  322. package/src/billing/Grid.js +30 -0
  323. package/src/billing/Header2.js +15 -0
  324. package/src/billing/Header3.js +32 -0
  325. package/src/billing/Paragraph.js +27 -0
  326. package/src/billing/ParagraphGroup.js +12 -0
  327. package/src/billing/ParagraphText.js +16 -0
  328. package/src/billing/Section.js +48 -0
  329. package/src/billing/SectionBody.js +7 -0
  330. package/src/billing/SectionHeader.js +16 -0
  331. package/src/billing/__stories__/BarChart.stories.js_bak +46 -0
  332. package/src/billing/__stories__/Grid.stories.js_bak +57 -0
  333. package/src/billing/__stories__/Header2.stories.js_bak +62 -0
  334. package/src/billing/__stories__/Header3.stories.js_bak +69 -0
  335. package/src/billing/__stories__/Paragraph.stories.js_bak +84 -0
  336. package/src/billing/__stories__/ParagraphGroup.stories.js_bak +68 -0
  337. package/src/billing/__stories__/ParagraphText.stories.js_bak +64 -0
  338. package/src/billing/__stories__/Section.stories.js_bak +115 -0
  339. package/src/billing/__stories__/SectionBody.stories.js_bak +62 -0
  340. package/src/billing/__stories__/SectionHeader.stories.js-bak +68 -0
  341. package/src/breadcrumb/Breadcrumb.js +66 -0
  342. package/src/breadcrumb/__stories__/Breadcrumb.stories.js +31 -0
  343. package/src/breadcrumb/__test__/breadcrumb.test.js +27 -0
  344. package/src/breadcrumb/index.js +1 -0
  345. package/src/button/Button.js +110 -0
  346. package/src/button/ButtonGroup.js +33 -0
  347. package/src/button/IconButton.js +35 -0
  348. package/src/button/ScrollToTopButton.js +48 -0
  349. package/src/button/__stories__/Button.stories.js +104 -0
  350. package/src/button/__stories__/ButtonGroup.stories.js +48 -0
  351. package/src/button/__stories__/IconButton.stories.js +30 -0
  352. package/src/button/__stories__/ScrollToTopButton.stories.js +22 -0
  353. package/src/button/__test__/Button.test.js +32 -0
  354. package/src/button/__test__/ButtonGroup.test.js +25 -0
  355. package/src/button/__test__/IconButton.test.js +34 -0
  356. package/src/button/__test__/ScrollToTopButton.test.js +19 -0
  357. package/src/button/index.js +4 -0
  358. package/src/callout/Callout.js +52 -0
  359. package/src/callout/__stories__/Callout.stories.js +23 -0
  360. package/src/callout/__test__/Callout.test.js +29 -0
  361. package/src/callout/index.js +1 -0
  362. package/src/chart/BarChart.js +158 -0
  363. package/src/chart/DoughnutChart.js +118 -0
  364. package/src/chart/LineChart.js +151 -0
  365. package/src/chart/SingleBarChart.js +27 -0
  366. package/src/chart/__stories__/BarChart.stories.js +56 -0
  367. package/src/chart/__stories__/DoughnutChart.stories.js +63 -0
  368. package/src/chart/__stories__/LineChart.stories.js +75 -0
  369. package/src/chart/__stories__/SingleBarChart.stories.js +22 -0
  370. package/src/chart/index.js +5 -0
  371. package/src/chart/utils/centerTextPlugin.js +51 -0
  372. package/src/chart/utils/customTooltip.js +116 -0
  373. package/src/chart/utils/htmlLegendPlugin.js +98 -0
  374. package/src/chart/utils/index.js +3 -0
  375. package/src/chart/utils/padEmptyChartBar.js +41 -0
  376. package/src/chart/utils/yAxisTopTitlePlugin.js +38 -0
  377. package/src/container/FlexContainer.js +15 -0
  378. package/src/container/__stories__/FlexContainer.stories.js +39 -0
  379. package/src/container/__test__/FlexContainer.test.js +21 -0
  380. package/src/container/index.js +1 -0
  381. package/src/cropper/Cropper.js +49 -0
  382. package/src/cropper/CropperModalHandler.js +36 -0
  383. package/src/cropper/__stories__/Cropper.stories.js +32 -0
  384. package/src/cropper/__test__/Cropper.test.js +90 -0
  385. package/src/cropper/index.js +2 -0
  386. package/src/cropper/subComponent/CropImageModal.js +84 -0
  387. package/src/datetimePicker/DatePicker.js +493 -0
  388. package/src/datetimePicker/DatePickerV2.js +500 -0
  389. package/src/datetimePicker/DatetimePicker.js +235 -0
  390. package/src/datetimePicker/DatetimePickerV2.js +512 -0
  391. package/src/datetimePicker/DatetimePickerV3.js +292 -0
  392. package/src/datetimePicker/TimeInput.js +45 -0
  393. package/src/datetimePicker/TimePicker.js +318 -0
  394. package/src/datetimePicker/TimePickerStyle.js +59 -0
  395. package/src/datetimePicker/TimePickerV2.js +222 -0
  396. package/src/datetimePicker/__stories__/DatePicker.stories.js +51 -0
  397. package/src/datetimePicker/__stories__/DatePickerV2.stories.js +73 -0
  398. package/src/datetimePicker/__stories__/DatetimePicker.stories.js +74 -0
  399. package/src/datetimePicker/__stories__/DatetimePickerV2.stories.js +91 -0
  400. package/src/datetimePicker/__stories__/DatetimePickerV3.stories.js +80 -0
  401. package/src/datetimePicker/__stories__/TimeInput.stories.js +67 -0
  402. package/src/datetimePicker/__stories__/TimePicker.stories.js +29 -0
  403. package/src/datetimePicker/__stories__/TimePickerV2.stories.js +22 -0
  404. package/src/datetimePicker/__test__/CustomTimeInput.test.js +25 -0
  405. package/src/datetimePicker/__test__/DatetimePicker.test.js +121 -0
  406. package/src/datetimePicker/__test__/TimeInput.test.js +22 -0
  407. package/src/datetimePicker/accordion/Month.js +258 -0
  408. package/src/datetimePicker/accordion/Year.js +307 -0
  409. package/src/datetimePicker/hooks/index.js +3 -0
  410. package/src/datetimePicker/hooks/useChangeNumber.js +42 -0
  411. package/src/datetimePicker/hooks/useDecrease.js +31 -0
  412. package/src/datetimePicker/hooks/useIncrease.js +31 -0
  413. package/src/datetimePicker/index.js +9 -0
  414. package/src/datetimePicker/provider/constant.js +16 -0
  415. package/src/datetimePicker/subComponent/Accordion.js +407 -0
  416. package/src/datetimePicker/subComponent/CustomTimeInput.js +48 -0
  417. package/src/datetimePicker/subComponent/DateTimePickerContext.js +5 -0
  418. package/src/datetimePicker/utils/GMTDate.js +13 -0
  419. package/src/datetimePicker/utils/pad.js +9 -0
  420. package/src/datetimePicker/utils/toUTC0.js +10 -0
  421. package/src/descriptionList/DescriptionDetail.js +18 -0
  422. package/src/descriptionList/DescriptionList.js +15 -0
  423. package/src/descriptionList/DescriptionTerm.js +9 -0
  424. package/src/descriptionList/__stories__/DescriptionDetail.stories.js +39 -0
  425. package/src/descriptionList/__stories__/DescriptionList.stories.js +39 -0
  426. package/src/descriptionList/__stories__/DescriptionTerm.stories.js +13 -0
  427. package/src/descriptionList/__test__/DescriptionDetail.test.js +13 -0
  428. package/src/descriptionList/__test__/DescriptionList.test.js +12 -0
  429. package/src/descriptionList/__test__/DescriptionTerm.test.js +7 -0
  430. package/src/descriptionList/index.js +3 -0
  431. package/src/divider/Divider.js +21 -0
  432. package/src/divider/__stories__/Divider.stories.js +23 -0
  433. package/src/divider/__test__/Divider.test.js +24 -0
  434. package/src/divider/index.js +1 -0
  435. package/src/dropdown/Dropdown.js +50 -0
  436. package/src/dropdown/DropdownButtonOption.js +25 -0
  437. package/src/dropdown/DropdownContent.js +78 -0
  438. package/src/dropdown/DropdownDivOption.js +21 -0
  439. package/src/dropdown/DropdownItem.js +17 -0
  440. package/src/dropdown/DropdownLinkOption.js +19 -0
  441. package/src/dropdown/DropdownToggle.js +26 -0
  442. package/src/dropdown/__stories__/Dropdown.stories.js +46 -0
  443. package/src/dropdown/__stories__/DropdownButtonOption.stories.js +33 -0
  444. package/src/dropdown/__stories__/DropdownContent.stories.js +34 -0
  445. package/src/dropdown/__stories__/DropdownDivOption.stories.js +27 -0
  446. package/src/dropdown/__stories__/DropdownItem.stories.js +48 -0
  447. package/src/dropdown/__stories__/DropdownLinkOption.stories.js +63 -0
  448. package/src/dropdown/__stories__/DropdownToggle.stories.js +40 -0
  449. package/src/dropdown/__test__/Dropdown.test.js +132 -0
  450. package/src/dropdown/__test__/DropdownButtonOption.test.js +8 -0
  451. package/src/dropdown/__test__/DropdownContent.test.js +85 -0
  452. package/src/dropdown/__test__/DropdownDivOption.test.js +8 -0
  453. package/src/dropdown/__test__/DropdownItem.test.js +55 -0
  454. package/src/dropdown/__test__/DropdownLinkOption.test.js +14 -0
  455. package/src/dropdown/__test__/DropdownToggle.test.js +53 -0
  456. package/src/dropdown/index.js +12 -0
  457. package/src/dropdown/subComponent/DropdownContext.js +5 -0
  458. package/src/dropzone/FileDropzone.js +541 -0
  459. package/src/dropzone/ImageDropzone.js +365 -0
  460. package/src/dropzone/__stories__/FileDropzone.stories.js +148 -0
  461. package/src/dropzone/__stories__/ImageDropzone.stories.js +101 -0
  462. package/src/dropzone/__test__/FileDropzone.test.js +382 -0
  463. package/src/dropzone/__test__/ImageDropzone.test.js +290 -0
  464. package/src/dropzone/__test__/Message.test.js +14 -0
  465. package/src/dropzone/index.js +2 -0
  466. package/src/dropzone/subComponent/Message.js +16 -0
  467. package/src/figure/IconFigure.js +31 -0
  468. package/src/figure/ImageFigure.js +25 -0
  469. package/src/figure/__stories__/IconFigure.stories.js +25 -0
  470. package/src/figure/__stories__/ImageFigure.stories.js +26 -0
  471. package/src/figure/__test__/IconFigure.test.js +28 -0
  472. package/src/figure/__test__/ImageFigure.test.js +38 -0
  473. package/src/figure/index.js +2 -0
  474. package/src/file/HiddenFileInput.js +10 -0
  475. package/src/file/index.js +1 -0
  476. package/src/form/Checkbox.js +138 -0
  477. package/src/form/Fieldset.js +13 -0
  478. package/src/form/FormItem.js +12 -0
  479. package/src/form/Input.js +42 -0
  480. package/src/form/Label.js +35 -0
  481. package/src/form/MutedText.js +11 -0
  482. package/src/form/PasswordInput.js +40 -0
  483. package/src/form/RadioButton.js +82 -0
  484. package/src/form/SearchSelect.js +198 -0
  485. package/src/form/Searchbox.js +95 -0
  486. package/src/form/Slider.js +34 -0
  487. package/src/form/SwitchButton.js +86 -0
  488. package/src/form/Textarea.js +36 -0
  489. package/src/form/TreeView.js +77 -0
  490. package/src/form/__stories__/Checkbox.stories.js +87 -0
  491. package/src/form/__stories__/FormItem.stories.js +33 -0
  492. package/src/form/__stories__/Input.stories.js +30 -0
  493. package/src/form/__stories__/Label.stories.js +38 -0
  494. package/src/form/__stories__/MutedText.stories.js +27 -0
  495. package/src/form/__stories__/PasswordInput.stories.js +16 -0
  496. package/src/form/__stories__/RadioButton.stories.js +48 -0
  497. package/src/form/__stories__/SearchSelect.stories.js +99 -0
  498. package/src/form/__stories__/Searchbox.stories.js +24 -0
  499. package/src/form/__stories__/Slider.stories.js +46 -0
  500. package/src/form/__stories__/SwitchButton.stories.js +48 -0
  501. package/src/form/__stories__/Textarea.stories.js +19 -0
  502. package/src/form/__stories__/TreeView.stories.js +76 -0
  503. package/src/form/__test__/Checkbox.test.js +68 -0
  504. package/src/form/__test__/FormItem.test.js +8 -0
  505. package/src/form/__test__/Input.test.js +28 -0
  506. package/src/form/__test__/Label.test.js +33 -0
  507. package/src/form/__test__/MutedText.test.js +18 -0
  508. package/src/form/__test__/RadioButton.test.js +57 -0
  509. package/src/form/__test__/Searchbox.test.js +50 -0
  510. package/src/form/__test__/Textarea.test.js +25 -0
  511. package/src/form/index.js +14 -0
  512. package/src/grid/Column.js +36 -0
  513. package/src/grid/Grid.js +15 -0
  514. package/src/grid/__stories__/Grid.stories.js +38 -0
  515. package/src/grid/__test__/Grid.test.js +44 -0
  516. package/src/grid/index.js +2 -0
  517. package/src/heading/Heading1.js +11 -0
  518. package/src/heading/Heading2.js +13 -0
  519. package/src/heading/Heading3.js +21 -0
  520. package/src/heading/__stories__/Heading1.stories.js +24 -0
  521. package/src/heading/__stories__/Heading2.stories.js +24 -0
  522. package/src/heading/__stories__/Heading3.stories.js +24 -0
  523. package/src/heading/__test__/Heading1.test.js +21 -0
  524. package/src/heading/__test__/Heading2.test.js +34 -0
  525. package/src/heading/__test__/Heading3.test.js +46 -0
  526. package/src/heading/index.js +3 -0
  527. package/src/helmet/Helmet.js +12 -0
  528. package/src/helmet/__test__/Helmet.test.js +38 -0
  529. package/src/helmet/index.js +2 -0
  530. package/src/icon/assets/android.jsx +10 -0
  531. package/src/icon/assets/app-management.jsx +10 -0
  532. package/src/icon/assets/appStore.jsx +6 -0
  533. package/src/icon/assets/battery.jsx +15 -0
  534. package/src/icon/assets/bill.jsx +10 -0
  535. package/src/icon/assets/campaign.jsx +9 -0
  536. package/src/icon/assets/casstore.jsx +8 -0
  537. package/src/icon/assets/dashboard.jsx +6 -0
  538. package/src/icon/assets/enterprise.jsx +15 -0
  539. package/src/icon/assets/firmware.jsx +8 -0
  540. package/src/icon/assets/folder.jsx +8 -0
  541. package/src/icon/assets/group.jsx +18 -0
  542. package/src/icon/assets/heartbeats.jsx +9 -0
  543. package/src/icon/assets/invite-user.jsx +9 -0
  544. package/src/icon/assets/log.jsx +9 -0
  545. package/src/icon/assets/manufacturer.jsx +7 -0
  546. package/src/icon/assets/merchant.jsx +16 -0
  547. package/src/icon/assets/package-collection.jsx +8 -0
  548. package/src/icon/assets/report.jsx +11 -0
  549. package/src/icon/assets/resource.jsx +9 -0
  550. package/src/icon/assets/role.jsx +7 -0
  551. package/src/icon/assets/shield-lock.jsx +202 -0
  552. package/src/icon/assets/shield-no-signal.jsx +195 -0
  553. package/src/icon/assets/shield-unsafe.jsx +191 -0
  554. package/src/icon/assets/shield.jsx +186 -0
  555. package/src/icon/assets/statistics.jsx +9 -0
  556. package/src/icon/assets/tag.jsx +14 -0
  557. package/src/icon/assets/template-management.jsx +8 -0
  558. package/src/icon/assets/terminal.jsx +7 -0
  559. package/src/icon/assets/tradeye.jsx +7 -0
  560. package/src/icon/registry.js +65 -0
  561. package/src/iconbox/ApplicationIconBox.js +62 -0
  562. package/src/iconbox/IconBox.js +85 -0
  563. package/src/iconbox/IconBoxV2.js +61 -0
  564. package/src/iconbox/__stories__/ApplicationIconBox.stories.js +53 -0
  565. package/src/iconbox/__stories__/IconBox.stories.js +34 -0
  566. package/src/iconbox/__stories__/IconBoxFigure.stories.js +67 -0
  567. package/src/iconbox/__stories__/IconBoxFigure.stories_V2.stories.js +41 -0
  568. package/src/iconbox/__stories__/IconBoxImage.stories.js +32 -0
  569. package/src/iconbox/__stories__/IconBoxV2.stories.js +66 -0
  570. package/src/iconbox/__test__/ApplicationIconBox.test.js +77 -0
  571. package/src/iconbox/__test__/IconBox.test.js +22 -0
  572. package/src/iconbox/__test__/IconBoxFigure.test.js +37 -0
  573. package/src/iconbox/__test__/IconBoxImage.test.js +32 -0
  574. package/src/iconbox/__test__/IconBoxV2.test.js +51 -0
  575. package/src/iconbox/assets/bg-enterprise.png +0 -0
  576. package/src/iconbox/assets/bg-merchant.png +0 -0
  577. package/src/iconbox/assets/bg-terminal.png +0 -0
  578. package/src/iconbox/assets/bg-user.png +0 -0
  579. package/src/iconbox/bgImageRegistry.js +13 -0
  580. package/src/iconbox/index.js +3 -0
  581. package/src/iconbox/subComponent/IconBoxFigure.js +16 -0
  582. package/src/iconbox/subComponent/IconBoxImage.js +52 -0
  583. package/src/image/ImageFluid.js +12 -0
  584. package/src/image/UploadImage.js +287 -0
  585. package/src/image/__stories__/ImageFluid.stories.js +25 -0
  586. package/src/image/__stories__/UploadImage.stories.js +56 -0
  587. package/src/image/__test__/ImageFluid.test.js +44 -0
  588. package/src/image/__test__/UploadImage.test.js +315 -0
  589. package/src/image/index.js +2 -0
  590. package/src/index.js +49 -0
  591. package/src/jsoneditor/JsonEditor.js +132 -0
  592. package/src/jsoneditor/__stories__/JsonEditor.stories.js +55 -0
  593. package/src/jsoneditor/__test__/JsonEditor.test.js +52 -0
  594. package/src/jsoneditor/index.js +1 -0
  595. package/src/keyframe/Pulse.js +17 -0
  596. package/src/keyframe/Spin.js +9 -0
  597. package/src/layout/Aside.js +47 -0
  598. package/src/layout/AsideHeader.jsx +27 -0
  599. package/src/layout/Backdrop.js +13 -0
  600. package/src/layout/Container.js +48 -0
  601. package/src/layout/Footer.js +32 -0
  602. package/src/layout/Header.jsx +48 -0
  603. package/src/layout/Layout.jsx +69 -0
  604. package/src/layout/Logo.jsx +17 -0
  605. package/src/layout/MenuIcon.jsx +45 -0
  606. package/src/layout/Sidebar.jsx +261 -0
  607. package/src/layout/assets/burger-modern.jsx +9 -0
  608. package/src/layout/bgMainRegistry.js +9 -0
  609. package/src/layout/index.js +1 -0
  610. package/src/link/LinkSpan.js +44 -0
  611. package/src/link/__stories__/LinkSpan.stories.js +27 -0
  612. package/src/link/__test__/LinkSpan.test.js +52 -0
  613. package/src/link/index.js +1 -0
  614. package/src/map/GoogleMap.js +489 -0
  615. package/src/map/GoogleReverseGeolocation.js +197 -0
  616. package/src/map/LeafletMap.js +264 -0
  617. package/src/map/LeafletReverseGeolocation.js +89 -0
  618. package/src/map/__stories__/GoogleMap.stories.js +139 -0
  619. package/src/map/__stories__/GoogleReverseGeolocation.stories.js +95 -0
  620. package/src/map/__stories__/LeafletMap.stories.js +136 -0
  621. package/src/map/__stories__/LeafletReverseGeolocation.stories.js +91 -0
  622. package/src/map/__test__/LeafletReverseGeolocation.test.js +245 -0
  623. package/src/map/__test__/MapSearchBoxControl.test.js +89 -0
  624. package/src/map/index.js +4 -0
  625. package/src/map/subComponent/BasicLeafletMap.js +33 -0
  626. package/src/map/subComponent/GoogleMapContainer.js +19 -0
  627. package/src/map/subComponent/GoogleMapPopup.js +115 -0
  628. package/src/map/subComponent/GoogleMapWrapper.js +27 -0
  629. package/src/map/subComponent/LeafletDrawControl.js +133 -0
  630. package/src/map/subComponent/LeafletMapContainer.js +163 -0
  631. package/src/map/subComponent/MapSearchBoxControl.js +43 -0
  632. package/src/modal/StateModal.js +182 -0
  633. package/src/modal/TitleModal.js +244 -0
  634. package/src/modal/__stories__/StateModal.stories.js +119 -0
  635. package/src/modal/__stories__/TitleModal.stories.js +56 -0
  636. package/src/modal/__test__/StateModal.test.js +144 -0
  637. package/src/modal/index.js +2 -0
  638. package/src/page/Disclaimer.js +123 -0
  639. package/src/page/index.js +1 -0
  640. package/src/paginate/Paginate.js +132 -0
  641. package/src/paginate/__stories__/Paginate.stories.js +49 -0
  642. package/src/paginate/__test__/Paginate.test.js +124 -0
  643. package/src/paginate/index.js +1 -0
  644. package/src/popover/Popover.js +82 -0
  645. package/src/popover/__stories__/Popover.stories.js +44 -0
  646. package/src/popover/index.js +1 -0
  647. package/src/qrcode/QRCode.js +54 -0
  648. package/src/qrcode/QRCodeContainter.js +25 -0
  649. package/src/qrcode/__stories__/QRCode.stories.js +36 -0
  650. package/src/qrcode/__stories__/QRCodeContainter.stories.js +28 -0
  651. package/src/qrcode/index.js +2 -0
  652. package/src/ribbon/Ribbon.js +38 -0
  653. package/src/ribbon/__stories__/Ribbon.stories.js +25 -0
  654. package/src/ribbon/index.js +1 -0
  655. package/src/section/Section.js +66 -0
  656. package/src/section/SectionBody.js +34 -0
  657. package/src/section/SectionHeader.js +41 -0
  658. package/src/section/SectionToolbar.js +13 -0
  659. package/src/section/SectionToolbarItem.js +12 -0
  660. package/src/section/__stories__/Section.stories.js +52 -0
  661. package/src/section/__stories__/SectionBody.stories.js +40 -0
  662. package/src/section/__stories__/SectionHeader.stories.js +67 -0
  663. package/src/section/__stories__/SectionToolbar.stories.js +43 -0
  664. package/src/section/__test__/Section.test.js +98 -0
  665. package/src/section/__test__/SectionBody.test.js +89 -0
  666. package/src/section/__test__/SectionHeader.test.js +35 -0
  667. package/src/section/__test__/SectionToolbar.test.js +17 -0
  668. package/src/section/index.js +5 -0
  669. package/src/select/InputSelect.js +314 -0
  670. package/src/select/Select.js +935 -0
  671. package/src/select/__stories__/InputSelect.stories.js +60 -0
  672. package/src/select/__stories__/Select.stories.js +236 -0
  673. package/src/select/__test__/Select.test.js +219 -0
  674. package/src/select/index.js +2 -0
  675. package/src/select/subComponent/Checkbox.js +33 -0
  676. package/src/select/subComponent/Footer.js +8 -0
  677. package/src/select/subComponent/ListBox.js +15 -0
  678. package/src/select/subComponent/Option.js +30 -0
  679. package/src/select/subComponent/OptionGroup.js +18 -0
  680. package/src/select/subComponent/Options.js +24 -0
  681. package/src/select/subComponent/SearchBox.js +53 -0
  682. package/src/select/subComponent/SelectedMultipleCount.js +42 -0
  683. package/src/select/subComponent/SelectedMultipleTags.js +41 -0
  684. package/src/select/subComponent/SelectedMultipleText.js +61 -0
  685. package/src/select/subComponent/SelectedSingle.js +12 -0
  686. package/src/styles/GlobalStyle.js +110 -0
  687. package/src/styles/config/breakpoint.style.js +8 -0
  688. package/src/styles/config/header.style.js +5 -0
  689. package/src/styles/config/sidebar.style.js +12 -0
  690. package/src/styles/index.js +2 -0
  691. package/src/styles/mixin/backgroundColor.js +15 -0
  692. package/src/styles/mixin/borderColor.js +15 -0
  693. package/src/styles/mixin/color.js +15 -0
  694. package/src/styles/mixin/colorOnBackground.js +13 -0
  695. package/src/styles/mixin/inputPlaceholder.js +26 -0
  696. package/src/styles/mixin/media.js +14 -0
  697. package/src/styles/mixin/rounded.js +12 -0
  698. package/src/styles/mixin/scrollbar.js +26 -0
  699. package/src/styles/theme/dark.theme.js +101 -0
  700. package/src/styles/theme/ember.theme.js +94 -0
  701. package/src/styles/theme/light.theme.js +99 -0
  702. package/src/styles/theme/midnight.theme.js +93 -0
  703. package/src/styles/theme/white.theme.js +103 -0
  704. package/src/styles/themes.js +15 -0
  705. package/src/table/GridTable.js +333 -0
  706. package/src/table/ImageBox.js +37 -0
  707. package/src/table/InfiniteGridTable.js +424 -0
  708. package/src/table/PermissionTable.js +36 -0
  709. package/src/table/SimpleGridTable.js +135 -0
  710. package/src/table/Table.js +553 -0
  711. package/src/table/__mock__/columns.js +67 -0
  712. package/src/table/__mock__/data.js +456 -0
  713. package/src/table/__stories__/GridTable.stories.js +129 -0
  714. package/src/table/__stories__/ImageBox.stories.js +27 -0
  715. package/src/table/__stories__/InfiniteGridTable.stories.js +120 -0
  716. package/src/table/__stories__/PermissionTable.stories.js +52 -0
  717. package/src/table/__stories__/SimpleGridTable.stories.js +58 -0
  718. package/src/table/__stories__/Table.stories.js +158 -0
  719. package/src/table/hooks/index.js +2 -0
  720. package/src/table/hooks/useCalculateDataRange.js +26 -0
  721. package/src/table/hooks/useGenerateSort.js +37 -0
  722. package/src/table/index.js +6 -0
  723. package/src/table/subComponent/BaseTableHeadCell.js +48 -0
  724. package/src/table/subComponent/GridTableFooter.js +18 -0
  725. package/src/table/subComponent/GridTableHeadCell.js +14 -0
  726. package/src/table/subComponent/Resizer.js +81 -0
  727. package/src/table/subComponent/TableFooter.js +19 -0
  728. package/src/table/subComponent/TableFooterInfo.js +8 -0
  729. package/src/table/subComponent/TableFooterPager.js +26 -0
  730. package/src/table/subComponent/TableHeadCell.js +14 -0
  731. package/src/table/subComponent/TableSort.js +25 -0
  732. package/src/tagify/TagifyStyle.js +55 -0
  733. package/src/tagify/Tags.js +49 -0
  734. package/src/tagify/__stories__/Tags.stories.js +59 -0
  735. package/src/tagify/index.js +3 -0
  736. package/src/tagify/templates/getCreateButtonTemplate.js +12 -0
  737. package/src/text/Paragraph.js +52 -0
  738. package/src/text/__stories__/Paragraph.stories.js +40 -0
  739. package/src/text/index.js +1 -0
  740. package/src/timeline/Timeline.js +106 -0
  741. package/src/timeline/__stories__/Timeline.stories.js +55 -0
  742. package/src/timeline/index.js +1 -0
  743. package/src/toast/CustomToastContainer.js +40 -0
  744. package/src/toast/MessageContainer.js +40 -0
  745. package/src/toast/__stories__/MessageContainer.stories.js +47 -0
  746. package/src/toast/index.js +3 -0
  747. package/src/toast/show.js +39 -0
  748. package/src/toast/style.css +1 -0
  749. package/src/tooltip/Tooltip.js +149 -0
  750. package/src/tooltip/__stories__/Tooltip.stories.js +72 -0
  751. package/src/tooltip/__test__/tooltip.test.js +130 -0
  752. package/src/tooltip/index.js +1 -0
  753. package/src/treeView/TreeViewV2.js +33 -0
  754. package/src/treeView/TreeflexStyle.js +44 -0
  755. package/src/treeView/index.js +2 -0
  756. package/src/wizard/Wizard.js +276 -0
  757. package/src/wizard/__stories__/Wizard.stories.js +81 -0
  758. package/src/wizard/__test__/Wizard.test.js +173 -0
  759. package/src/wizard/index.js +1 -0
  760. package/src/xmleditor/XmlEditor.js +25 -0
  761. package/src/xmleditor/index.js +1 -0
  762. package/transformer/fileTransformer.js +9 -0
  763. package/Tab/TabList.js +0 -155
  764. package/Tab/TabPanel.js +0 -56
  765. package/Tab/TabTab.js +0 -93
  766. package/Tab/index.js +0 -33
  767. package/Tab/subComponent/TabListV2.js +0 -32
  768. package/Tab/subComponent/TabPanelV2.js +0 -56
  769. package/Tab/subComponent/TabTabV2.js +0 -51
  770. package/VerticalTab/TabList.js +0 -32
  771. package/VerticalTab/TabPanel.js +0 -56
  772. package/VerticalTab/TabTab.js +0 -51
  773. package/VerticalTab/VerticalTab.js +0 -37
  774. package/alert/Alert.js +0 -22
  775. package/animate/Collapse.js +0 -73
  776. package/animate/Loader.js +0 -47
  777. package/animate/PulseRing.js +0 -22
  778. package/animate/Spinner.js +0 -13
  779. package/assets/images/bg-aside.png +0 -0
  780. package/backdrop/BaseBackdrop.js +0 -12
  781. package/backdrop/LoadingBackdrop.js +0 -13
  782. package/backdrop/ModalBackdrop.js +0 -13
  783. package/badge/Badge.js +0 -14
  784. package/badge/BadgeDot.js +0 -13
  785. package/badge/BadgeFill.js +0 -31
  786. package/badge/BadgeFillTriangle.js +0 -110
  787. package/badge/BadgeWithText.js +0 -21
  788. package/billing/BarChart.js +0 -51
  789. package/breadcrumb/Breadcrumb.js +0 -39
  790. package/button/Button.js +0 -74
  791. package/button/ButtonGroup.js +0 -37
  792. package/button/IconButton.js +0 -45
  793. package/button/ScrollToTopButton.js +0 -46
  794. package/callout/Callout.js +0 -23
  795. package/chart/BarChart.js +0 -156
  796. package/chart/DoughnutChart.js +0 -104
  797. package/chart/LineChart.js +0 -154
  798. package/chart/SingleBarChart.js +0 -25
  799. package/chart/utils/centerTextPlugin.js +0 -62
  800. package/chart/utils/customTooltip.js +0 -94
  801. package/chart/utils/htmlLegendPlugin.js +0 -89
  802. package/chart/utils/yAxisTopTitlePlugin.js +0 -49
  803. package/container/FlexContainer.js +0 -32
  804. package/cropper/Cropper.js +0 -55
  805. package/datetimePicker/DatePicker.js +0 -309
  806. package/datetimePicker/DatePickerV2.js +0 -348
  807. package/datetimePicker/DatetimePicker.js +0 -77
  808. package/datetimePicker/DatetimePickerV2.js +0 -341
  809. package/datetimePicker/DatetimePickerV3.js +0 -116
  810. package/datetimePicker/TimeInput.js +0 -31
  811. package/datetimePicker/TimePicker.js +0 -262
  812. package/datetimePicker/TimePickerStyle.js +0 -14
  813. package/datetimePicker/TimePickerV2.js +0 -175
  814. package/datetimePicker/accordion/Month.js +0 -177
  815. package/datetimePicker/accordion/Year.js +0 -206
  816. package/datetimePicker/hooks/useChangeNumber.js +0 -45
  817. package/datetimePicker/hooks/useDecrease.js +0 -41
  818. package/datetimePicker/hooks/useIncrease.js +0 -41
  819. package/datetimePicker/subComponent/Accordion.js +0 -292
  820. package/descriptionList/DescriptionDetail.js +0 -17
  821. package/descriptionList/DescriptionList.js +0 -17
  822. package/descriptionList/DescriptionTerm.js +0 -12
  823. package/divider/Divider.js +0 -22
  824. package/dropdown/DropdownButtonOption.js +0 -27
  825. package/dropdown/DropdownContent.js +0 -76
  826. package/dropdown/DropdownDivOption.js +0 -12
  827. package/dropdown/DropdownLinkOption.js +0 -13
  828. package/dropdown/DropdownToggle.js +0 -46
  829. package/dropzone/FileDropzone.js +0 -380
  830. package/dropzone/ImageDropzone.js +0 -265
  831. package/dropzone/subComponent/Message.js +0 -19
  832. package/figure/IconFigure.js +0 -33
  833. package/figure/ImageFigure.js +0 -25
  834. package/file/HiddenFileInput.js +0 -15
  835. package/form/Checkbox.js +0 -101
  836. package/form/Fieldset.js +0 -12
  837. package/form/FormItem.js +0 -17
  838. package/form/Input.js +0 -33
  839. package/form/Label.js +0 -37
  840. package/form/MutedText.js +0 -17
  841. package/form/PasswordInput.js +0 -40
  842. package/form/RadioButton.js +0 -56
  843. package/form/SearchSelect.js +0 -129
  844. package/form/Searchbox.js +0 -72
  845. package/form/Slider.js +0 -28
  846. package/form/SwitchButton.js +0 -71
  847. package/form/Textarea.js +0 -14
  848. package/form/TreeView.js +0 -66
  849. package/grid/Column.js +0 -33
  850. package/grid/Grid.js +0 -27
  851. package/heading/Heading1.js +0 -17
  852. package/heading/Heading2.js +0 -22
  853. package/heading/Heading3.js +0 -37
  854. package/iconbox/ApplicationIconBox.js +0 -45
  855. package/iconbox/IconBox.js +0 -43
  856. package/iconbox/IconBoxV2.js +0 -37
  857. package/iconbox/subComponent/IconBoxFigure.js +0 -42
  858. package/iconbox/subComponent/IconBoxImage.js +0 -29
  859. package/image/ImageFluid.js +0 -13
  860. package/image/UploadImage.js +0 -202
  861. package/jsoneditor/JsonEditor.js +0 -36
  862. package/keyframe/Pulse.js +0 -11
  863. package/keyframe/Spin.js +0 -11
  864. package/layout/Aside.js +0 -23
  865. package/layout/Backdrop.js +0 -19
  866. package/layout/Container.js +0 -23
  867. package/layout/Footer.js +0 -26
  868. package/layout/Header.jsx +0 -55
  869. package/layout/Layout.jsx +0 -84
  870. package/layout/Logo.jsx +0 -17
  871. package/layout/MenuIcon.jsx +0 -27
  872. package/layout/Sidebar.jsx +0 -271
  873. package/link/LinkSpan.js +0 -51
  874. package/map/GoogleMap.js +0 -452
  875. package/map/GoogleReverseGeolocation.js +0 -197
  876. package/map/LeafletMap.js +0 -231
  877. package/map/subComponent/GoogleMapContainer.js +0 -17
  878. package/map/subComponent/GoogleMapPopup.js +0 -112
  879. package/map/subComponent/GoogleMapWrapper.js +0 -47
  880. package/map/subComponent/LeafletDrawControl.js +0 -125
  881. package/map/subComponent/LeafletMapContainer.js +0 -18
  882. package/modal/StateModal.js +0 -154
  883. package/modal/TitleModal.js +0 -209
  884. package/page/Disclaimer.js +0 -12
  885. package/paginate/Paginate.js +0 -95
  886. package/popover/Popover.js +0 -86
  887. package/qrcode/QRCode.js +0 -44
  888. package/qrcode/QRCodeContainter.js +0 -26
  889. package/ribbon/Ribbon.js +0 -17
  890. package/section/Section.js +0 -85
  891. package/section/SectionBody.js +0 -31
  892. package/section/SectionHeader.js +0 -45
  893. package/section/SectionToolbar.js +0 -12
  894. package/section/SectionToolbarItem.js +0 -12
  895. package/select/InputSelect.js +0 -277
  896. package/select/Select.js +0 -746
  897. package/select/subComponent/Checkbox.js +0 -29
  898. package/select/subComponent/Footer.js +0 -12
  899. package/select/subComponent/ListBox.js +0 -23
  900. package/select/subComponent/Option.js +0 -25
  901. package/select/subComponent/OptionGroup.js +0 -13
  902. package/select/subComponent/Options.js +0 -19
  903. package/select/subComponent/SearchBox.js +0 -36
  904. package/select/subComponent/SelectedMultipleCount.js +0 -25
  905. package/select/subComponent/SelectedMultipleTags.js +0 -34
  906. package/select/subComponent/SelectedMultipleText.js +0 -54
  907. package/select/subComponent/SelectedSingle.js +0 -13
  908. package/styles/GlobalStyle.js +0 -223
  909. package/styles/mixin/backgroundColor.js +0 -36
  910. package/styles/mixin/borderColor.js +0 -36
  911. package/styles/mixin/color.js +0 -36
  912. package/styles/mixin/colorOnBackground.js +0 -31
  913. package/styles/mixin/inputPlaceholder.js +0 -13
  914. package/styles/mixin/media.js +0 -19
  915. package/styles/mixin/rounded.js +0 -26
  916. package/styles/mixin/scrollbar.js +0 -22
  917. package/styles/theme/dark.theme.js +0 -96
  918. package/styles/theme/light.theme.js +0 -96
  919. package/styles/theme/white.theme.js +0 -96
  920. package/styles/themes.js +0 -16
  921. package/table/GridTable.js +0 -298
  922. package/table/ImageBox.js +0 -35
  923. package/table/InfiniteGridTable.js +0 -357
  924. package/table/PermissionTable.js +0 -42
  925. package/table/SimpleGridTable.js +0 -108
  926. package/table/Table.js +0 -418
  927. package/table/__mock__/columns.js +0 -70
  928. package/table/subComponent/BaseTableHeadCell.js +0 -33
  929. package/table/subComponent/GridTableFooter.js +0 -18
  930. package/table/subComponent/GridTableHeadCell.js +0 -18
  931. package/table/subComponent/Resizer.js +0 -62
  932. package/table/subComponent/TableFooter.js +0 -22
  933. package/table/subComponent/TableFooterInfo.js +0 -12
  934. package/table/subComponent/TableFooterPager.js +0 -20
  935. package/table/subComponent/TableHeadCell.js +0 -13
  936. package/table/subComponent/TableSort.js +0 -28
  937. package/tagify/TagifyStyle.js +0 -14
  938. package/tagify/Tags.js +0 -40
  939. package/tagify/templates/getCreateButtonTemplate.js +0 -15
  940. package/text/Paragraph.js +0 -48
  941. package/timeline/Timeline.js +0 -62
  942. package/toast/CustomToastContainer.js +0 -13
  943. package/toast/MessageContainer.js +0 -33
  944. package/tooltip/Tooltip.js +0 -111
  945. package/treeView/TreeViewV2.js +0 -38
  946. package/treeView/TreeflexStyle.js +0 -14
  947. package/wizard/Wizard.js +0 -142
  948. /package/{Tab → dist/Tab}/Tab.js +0 -0
  949. /package/{Tab → dist/Tab}/subComponent/TabContext.js +0 -0
  950. /package/{VerticalTab → dist/VerticalTab}/index.js +0 -0
  951. /package/{VerticalTab → dist/VerticalTab}/subComponent/TabContext.js +0 -0
  952. /package/{alert → dist/alert}/index.js +0 -0
  953. /package/{animate → dist/animate}/NumberCounter.js +0 -0
  954. /package/{animate → dist/animate}/index.js +0 -0
  955. /package/{assets → dist/assets}/css/autocomplete.css +0 -0
  956. /package/{assets → dist/assets}/css/font.css +0 -0
  957. /package/{assets → dist/assets}/css/global.css +0 -0
  958. /package/{assets → dist/assets}/font/helvetica/Helvetica.ttf +0 -0
  959. /package/{assets → dist/assets}/font/nanumGothic/NanumGothic-Bold.ttf +0 -0
  960. /package/{assets → dist/assets}/font/nanumGothic/NanumGothic-ExtraBold.ttf +0 -0
  961. /package/{assets → dist/assets}/font/nanumGothic/NanumGothic-Regular.ttf +0 -0
  962. /package/{assets → dist/assets}/icons/app-management.png +0 -0
  963. /package/{assets → dist/assets}/icons/burger-black.png +0 -0
  964. /package/{assets → dist/assets}/icons/burger-white.png +0 -0
  965. /package/{assets → dist/assets}/icons/burger.png +0 -0
  966. /package/{assets → dist/assets}/icons/file.svg +0 -0
  967. /package/{assets → dist/assets}/icons/map_icon1.png +0 -0
  968. /package/{assets → dist/assets}/icons/map_icon4.png +0 -0
  969. /package/{assets → dist/assets}/images/bg-chart-circle.png +0 -0
  970. /package/{assets → dist/assets}/images/bg-chart-triangle.png +0 -0
  971. /package/{assets → dist/assets}/images/cashub-logo-only.png +0 -0
  972. /package/{assets → dist/assets}/images/default-user.jpg +0 -0
  973. /package/{assets → dist/assets}/images/logo-cashub.png +0 -0
  974. /package/{assets → dist/assets}/images/map.png +0 -0
  975. /package/{assets → dist/assets}/images/qrcode.png +0 -0
  976. /package/{backdrop → dist/backdrop}/index.js +0 -0
  977. /package/{badge → dist/badge}/index.js +0 -0
  978. /package/{billing → dist/billing}/Grid.js +0 -0
  979. /package/{billing → dist/billing}/Header2.js +0 -0
  980. /package/{billing → dist/billing}/Header3.js +0 -0
  981. /package/{billing → dist/billing}/Paragraph.js +0 -0
  982. /package/{billing → dist/billing}/ParagraphGroup.js +0 -0
  983. /package/{billing → dist/billing}/ParagraphText.js +0 -0
  984. /package/{billing → dist/billing}/Section.js +0 -0
  985. /package/{billing → dist/billing}/SectionBody.js +0 -0
  986. /package/{billing → dist/billing}/SectionHeader.js +0 -0
  987. /package/{billing → dist/billing}/__stories__/BarChart.stories.js_bak +0 -0
  988. /package/{billing → dist/billing}/__stories__/Grid.stories.js_bak +0 -0
  989. /package/{billing → dist/billing}/__stories__/Header2.stories.js_bak +0 -0
  990. /package/{billing → dist/billing}/__stories__/Header3.stories.js_bak +0 -0
  991. /package/{billing → dist/billing}/__stories__/Paragraph.stories.js_bak +0 -0
  992. /package/{billing → dist/billing}/__stories__/ParagraphGroup.stories.js_bak +0 -0
  993. /package/{billing → dist/billing}/__stories__/ParagraphText.stories.js_bak +0 -0
  994. /package/{billing → dist/billing}/__stories__/Section.stories.js_bak +0 -0
  995. /package/{billing → dist/billing}/__stories__/SectionBody.stories.js_bak +0 -0
  996. /package/{billing → dist/billing}/__stories__/SectionHeader.stories.js-bak +0 -0
  997. /package/{breadcrumb → dist/breadcrumb}/index.js +0 -0
  998. /package/{button → dist/button}/index.js +0 -0
  999. /package/{callout → dist/callout}/index.js +0 -0
  1000. /package/{chart → dist/chart}/index.js +0 -0
  1001. /package/{chart → dist/chart}/utils/index.js +0 -0
  1002. /package/{chart → dist/chart}/utils/padEmptyChartBar.js +0 -0
  1003. /package/{container → dist/container}/index.js +0 -0
  1004. /package/{cropper → dist/cropper}/CropperModalHandler.js +0 -0
  1005. /package/{cropper → dist/cropper}/index.js +0 -0
  1006. /package/{cropper → dist/cropper}/subComponent/CropImageModal.js +0 -0
  1007. /package/{datetimePicker → dist/datetimePicker}/hooks/index.js +0 -0
  1008. /package/{datetimePicker → dist/datetimePicker}/index.js +0 -0
  1009. /package/{datetimePicker → dist/datetimePicker}/provider/constant.js +0 -0
  1010. /package/{datetimePicker → dist/datetimePicker}/subComponent/CustomTimeInput.js +0 -0
  1011. /package/{datetimePicker → dist/datetimePicker}/subComponent/DateTimePickerContext.js +0 -0
  1012. /package/{datetimePicker → dist/datetimePicker}/utils/GMTDate.js +0 -0
  1013. /package/{datetimePicker → dist/datetimePicker}/utils/pad.js +0 -0
  1014. /package/{datetimePicker → dist/datetimePicker}/utils/toUTC0.js +0 -0
  1015. /package/{descriptionList → dist/descriptionList}/index.js +0 -0
  1016. /package/{divider → dist/divider}/index.js +0 -0
  1017. /package/{dropdown → dist/dropdown}/Dropdown.js +0 -0
  1018. /package/{dropdown → dist/dropdown}/DropdownItem.js +0 -0
  1019. /package/{dropdown → dist/dropdown}/index.js +0 -0
  1020. /package/{dropdown → dist/dropdown}/subComponent/DropdownContext.js +0 -0
  1021. /package/{dropzone → dist/dropzone}/index.js +0 -0
  1022. /package/{figure → dist/figure}/index.js +0 -0
  1023. /package/{file → dist/file}/index.js +0 -0
  1024. /package/{form → dist/form}/index.js +0 -0
  1025. /package/{grid → dist/grid}/index.js +0 -0
  1026. /package/{heading → dist/heading}/index.js +0 -0
  1027. /package/{helmet → dist/helmet}/Helmet.js +0 -0
  1028. /package/{helmet → dist/helmet}/index.js +0 -0
  1029. /package/{iconbox → dist/iconbox}/index.js +0 -0
  1030. /package/{image → dist/image}/index.js +0 -0
  1031. /package/{index.js → dist/index.js} +0 -0
  1032. /package/{jsoneditor → dist/jsoneditor}/index.js +0 -0
  1033. /package/{layout → dist/layout}/AsideHeader.jsx +0 -0
  1034. /package/{layout → dist/layout}/index.js +0 -0
  1035. /package/{link → dist/link}/index.js +0 -0
  1036. /package/{map → dist/map}/LeafletReverseGeolocation.js +0 -0
  1037. /package/{map → dist/map}/index.js +0 -0
  1038. /package/{map → dist/map}/subComponent/BasicLeafletMap.js +0 -0
  1039. /package/{map → dist/map}/subComponent/MapSearchBoxControl.js +0 -0
  1040. /package/{modal → dist/modal}/index.js +0 -0
  1041. /package/{page → dist/page}/index.js +0 -0
  1042. /package/{paginate → dist/paginate}/index.js +0 -0
  1043. /package/{popover → dist/popover}/index.js +0 -0
  1044. /package/{qrcode → dist/qrcode}/index.js +0 -0
  1045. /package/{ribbon → dist/ribbon}/index.js +0 -0
  1046. /package/{section → dist/section}/index.js +0 -0
  1047. /package/{select → dist/select}/index.js +0 -0
  1048. /package/{styles → dist/styles}/config/breakpoint.style.js +0 -0
  1049. /package/{styles → dist/styles}/config/header.style.js +0 -0
  1050. /package/{styles → dist/styles}/config/sidebar.style.js +0 -0
  1051. /package/{styles → dist/styles}/index.js +0 -0
  1052. /package/{table → dist/table}/__mock__/data.js +0 -0
  1053. /package/{table → dist/table}/hooks/index.js +0 -0
  1054. /package/{table → dist/table}/hooks/useCalculateDataRange.js +0 -0
  1055. /package/{table → dist/table}/hooks/useGenerateSort.js +0 -0
  1056. /package/{table → dist/table}/index.js +0 -0
  1057. /package/{tagify → dist/tagify}/index.js +0 -0
  1058. /package/{text → dist/text}/index.js +0 -0
  1059. /package/{timeline → dist/timeline}/index.js +0 -0
  1060. /package/{toast → dist/toast}/index.js +0 -0
  1061. /package/{toast → dist/toast}/show.js +0 -0
  1062. /package/{toast → dist/toast}/style.css +0 -0
  1063. /package/{tooltip → dist/tooltip}/index.js +0 -0
  1064. /package/{treeView → dist/treeView}/index.js +0 -0
  1065. /package/{wizard → dist/wizard}/index.js +0 -0
  1066. /package/{xmleditor → dist/xmleditor}/XmlEditor.js +0 -0
  1067. /package/{xmleditor → dist/xmleditor}/index.js +0 -0
package/src/modal/TitleModal.js ADDED
@@ -0,0 +1,244 @@
1
+ import {
2
+ useRef,
3
+ useCallback,
4
+ useState,
5
+ useEffect,
6
+ cloneElement,
7
+ useMemo,
8
+ forwardRef,
9
+ } from 'react';
10
+ import ReactDOM, { unmountComponentAtNode } from 'react-dom';
11
+ import styled from 'styled-components';
12
+ import { MdClose } from 'react-icons/md';
13
+ import { useForkRef } from '@cashub/hooks';
14
+ import { appendElementTo, isReactComponent } from '@cashub/utils';
15
+ import media from '../styles/mixin/media';
16
+ import scrollbar from '../styles/mixin/scrollbar';
17
+ import Heading3 from '../heading/Heading3';
18
+ import ModalBackdrop from '../backdrop/ModalBackdrop';
19
+
20
+ const TitleModal = (props) => {
21
+ const rootElement = appendElementTo('TitleModalContainer');
22
+ const Container = document.createElement('div');
23
+ rootElement.appendChild(Container);
24
+
25
+ const handleClose = async (dismiss = false) => {
26
+ if (props.onBeforeClose) {
27
+ // expect a promise
28
+ // resolve indicate want to close modal
29
+ // reject indicate do not close modal
30
+ try {
31
+ await props.onBeforeClose(dismiss);
32
+ } catch (error) {
33
+ return;
34
+ }
35
+ }
36
+
37
+ // unmount component and clear event handler and state before remove container
38
+ unmountComponentAtNode(Container);
39
+ Container.remove();
40
+
41
+ if (props.onClose) {
42
+ props.onClose(dismiss);
43
+ }
44
+ };
45
+
46
+ const methods = {
47
+ close: handleClose,
48
+ };
49
+
50
+ ReactDOM.render(
51
+ <ModalContent {...props} onClose={handleClose} methods={methods} />,
52
+ Container,
53
+ );
54
+ };
55
+
56
+ const ModalContent = ({ children, onClose, methods, size }) => {
57
+ const refWrapper = useRef(null);
58
+ const [clickTarget, setClickTarget] = useState(null);
59
+
60
+ const child = useMemo(() => {
61
+ return isReactComponent(children)
62
+ ? cloneElement(children, methods)
63
+ : children;
64
+ }, [children, methods]);
65
+
66
+ const handleDismiss = (dismiss) => {
67
+ if (clickTarget === refWrapper.current) {
68
+ onClose(dismiss);
69
+ }
70
+ };
71
+
72
+ return (
73
+ <Wrapper
74
+ ref={refWrapper}
75
+ onClick={() => {
76
+ handleDismiss(true);
77
+ }}
78
+ onMouseDown={(event) => {
79
+ setClickTarget(event.target);
80
+ }}
81
+ >
82
+ <Container
83
+ size={size}
84
+ onMouseDown={(event) => {
85
+ setClickTarget(event.target);
86
+ }}
87
+ >
88
+ {child}
89
+ </Container>
90
+ </Wrapper>
91
+ );
92
+ };
93
+
94
+ const ModalHeader = ({ handleClose, children }) => {
95
+ return (
96
+ <Header>
97
+ <MdClose onClick={handleClose} />
98
+ <Heading3>{children}</Heading3>
99
+ </Header>
100
+ );
101
+ };
102
+
103
+ const ModalBody = forwardRef(({ children, ...props }, ref) => {
104
+ const ownRef = useRef(null);
105
+ const bodyRef = useForkRef(ownRef, ref);
106
+
107
+ const recalculateHeight = useCallback(() => {
108
+ // body element not render yet
109
+ if (!ownRef.current) return;
110
+
111
+ const ModalBodyElement = ownRef.current;
112
+ const ModalHeaderElement = ModalBodyElement.previousSibling;
113
+ const ModalFooterElement = ModalBodyElement.nextSibling;
114
+
115
+ let needSubtractHeight = 0;
116
+ if (ModalHeaderElement) {
117
+ needSubtractHeight += ModalHeaderElement.offsetHeight;
118
+ }
119
+
120
+ if (ModalFooterElement) {
121
+ needSubtractHeight += ModalFooterElement.offsetHeight;
122
+ }
123
+
124
+ ModalBodyElement.style.maxHeight = `calc(90vh - ${needSubtractHeight}px)`;
125
+ }, []);
126
+
127
+ useEffect(() => {
128
+ recalculateHeight();
129
+ window.addEventListener('resize', recalculateHeight);
130
+
131
+ return () => window.removeEventListener('resize', recalculateHeight);
132
+ }, [recalculateHeight]);
133
+
134
+ return (
135
+ <Body ref={bodyRef} {...props}>
136
+ {children}
137
+ </Body>
138
+ );
139
+ });
140
+ ModalBody.displayName = 'ModalBody';
141
+
142
+ const ModalFooter = ({ children }) => {
143
+ return <Footer>{children}</Footer>;
144
+ };
145
+
146
+ const Wrapper = styled(ModalBackdrop)`
147
+ z-index: 80;
148
+ `;
149
+
150
+ const Container = styled.div`
151
+ position: relative;
152
+ border-radius: var(--border-radius);
153
+ background: var(--color-background2);
154
+ box-shadow: var(--box-shadow);
155
+ border: var(--border-width) solid var(--border-color);
156
+ width: 100%;
157
+
158
+ ${({ size }) => {
159
+ switch (size) {
160
+ case 'extraLarge':
161
+ return 'max-width: 90%;';
162
+ case 'large':
163
+ return 'max-width: 75%;';
164
+ case 'normal':
165
+ return 'max-width: 50%;';
166
+ case 'small':
167
+ return 'max-width: 30%;';
168
+ default:
169
+ break;
170
+ }
171
+ }}
172
+
173
+ ${media.tablet`
174
+ ${({ size }) => {
175
+ switch (size) {
176
+ case 'extraLarge':
177
+ case 'large':
178
+ return 'max-width: 90%;';
179
+ case 'normal':
180
+ return 'max-width: 75%;';
181
+ case 'small':
182
+ return 'max-width: 50%;';
183
+ default:
184
+ break;
185
+ }
186
+ }}
187
+ `}
188
+
189
+ ${media.mobile`
190
+ ${({ size }) => {
191
+ switch (size) {
192
+ case 'normal':
193
+ return 'max-width: 90%;';
194
+ case 'small':
195
+ return 'max-width: 70%;';
196
+ default:
197
+ break;
198
+ }
199
+ }}
200
+ `}
201
+ `;
202
+
203
+ const Header = styled.div`
204
+ display: flex;
205
+ align-items: center;
206
+ padding: var(--spacing-s) 56px var(--spacing-s) var(--spacing-s);
207
+ border-bottom: var(--border-width) solid var(--border-color);
208
+ min-height: 64px;
209
+ color: var(--font-on-background);
210
+
211
+ > svg {
212
+ position: absolute;
213
+ top: 24px;
214
+ right: calc(12px + var(--spacing));
215
+ color: var(--font-on-mute);
216
+ font-size: var(--font-body1);
217
+ cursor: pointer;
218
+ }
219
+ `;
220
+
221
+ const Body = styled.div`
222
+ padding: var(--spacing);
223
+ overflow-y: auto;
224
+ overflow-x: hidden;
225
+
226
+ ${scrollbar}
227
+
228
+ ${({ noPaddingBottom }) => noPaddingBottom && 'padding-bottom: 0;'}
229
+ `;
230
+
231
+ const Footer = styled.div`
232
+ display: flex;
233
+ justify-content: flex-end;
234
+ padding: 0 var(--spacing);
235
+ border-top: var(--border-width) solid var(--border-color);
236
+ height: 64px;
237
+ line-height: 64px;
238
+ `;
239
+
240
+ export default Object.assign(TitleModal, {
241
+ Header: ModalHeader,
242
+ Body: ModalBody,
243
+ Footer: ModalFooter,
244
+ });
package/src/modal/__stories__/StateModal.stories.js ADDED
@@ -0,0 +1,119 @@
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', 'danger', '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
+ buttons: {
22
+ description:
23
+ 'Custom button list. When buttons is provided, confirm/cancel button props are ignored. Each item supports: text, type, onClick, closeOnClick, disabled and also Button component own props',
24
+ table: {
25
+ type: {
26
+ summary: 'Array<ButtonConfig>',
27
+ detail: `[
28
+ {
29
+ text: 'Cancel',
30
+ type: 'danger',
31
+ onClick: () => {},
32
+ closeOnClick: true,
33
+ disabled: false,
34
+ secondary: false,
35
+ reverse: false,
36
+ fullWidth: false,
37
+ alignCenter: false,
38
+ variant: 'link',
39
+ },
40
+ ]`,
41
+ },
42
+ },
43
+ },
44
+ },
45
+ parameters: {
46
+ docs: {
47
+ description: {
48
+ component:
49
+ 'StateModal supports the original confirm/cancel props and a custom buttons array. Use buttons when the modal needs more than two actions or per-button behavior.',
50
+ },
51
+ },
52
+ },
53
+ };
54
+
55
+ const Template = (args) => {
56
+ const showModal = (args) => {
57
+ StateModal({
58
+ ...args,
59
+ });
60
+ };
61
+
62
+ return <button onClick={() => showModal(args)}>Click Button!</button>;
63
+ };
64
+
65
+ const Default = Template.bind({});
66
+ const CustomButtons = Template.bind({});
67
+
68
+ Default.args = {
69
+ type: 'warning',
70
+ title: 'State Modal Title',
71
+ text: 'State Modal Text',
72
+
73
+ confirmButtonText: 'Confirm',
74
+ cancelButtonText: 'Cancel',
75
+ showCancelButton: true,
76
+ allowDismiss: true,
77
+ };
78
+
79
+ CustomButtons.args = {
80
+ type: 'warning',
81
+ title: 'State Modal Title',
82
+ text: 'This story shows how to set type, onClick, closeOnClick, and Button props per button.',
83
+ allowDismiss: true,
84
+ buttons: [
85
+ {
86
+ text: 'Cancel',
87
+ type: 'danger',
88
+ onClick: () => {
89
+ console.log('Cancel clicked');
90
+ },
91
+ },
92
+ {
93
+ text: 'Keep open',
94
+ type: 'warning',
95
+ closeOnClick: false,
96
+ onClick: () => {
97
+ console.log('Keep open clicked');
98
+ },
99
+ },
100
+ {
101
+ text: 'Disabled',
102
+ type: 'success',
103
+ disabled: true,
104
+ onClick: () => {
105
+ console.log('Disabled clicked');
106
+ },
107
+ },
108
+ {
109
+ text: 'Confirm',
110
+ type: 'success',
111
+ onClick: () => {
112
+ console.log('Confirm clicked');
113
+ },
114
+ },
115
+ ],
116
+ };
117
+
118
+ export default metadata;
119
+ export { Default, CustomButtons };
package/src/modal/__stories__/TitleModal.stories.js ADDED
@@ -0,0 +1,56 @@
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: ['extraLarge', '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 ADDED
@@ -0,0 +1,144 @@
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 ADDED
@@ -0,0 +1,2 @@
1
+ export { default as StateModal } from './StateModal';
2
+ export { default as TitleModal } from './TitleModal';
package/src/page/Disclaimer.js ADDED
@@ -0,0 +1,123 @@
1
+ import styled from 'styled-components';
2
+
3
+ const Disclaimer = styled.div`
4
+ border: var(--border-width) solid var(--border-color);
5
+ border-radius: var(--border-radius);
6
+ color: var(--font-on-background);
7
+ padding: var(--spacing);
8
+
9
+ > article {
10
+ line-height: 1.5;
11
+
12
+ &:not(:last-child) {
13
+ padding-bottom: var(--spacing-l);
14
+ }
15
+
16
+ > h2 {
17
+ text-align: center;
18
+ margin-bottom: var(--spacing-l);
19
+ }
20
+
21
+ > em {
22
+ display: block;
23
+ margin-bottom: var(--spacing-s);
24
+ }
25
+
26
+ > section {
27
+ margin-bottom: var(--spacing);
28
+
29
+ > h3 {
30
+ margin-bottom: var(--spacing-xs);
31
+ }
32
+
33
+ > p {
34
+ margin-bottom: var(--spacing-xs);
35
+ }
36
+
37
+ ul {
38
+ margin: var(--spacing-s) 0;
39
+
40
+ li {
41
+ margin: var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-s);
42
+
43
+ &.disc {
44
+ list-style: disc;
45
+ }
46
+ }
47
+ }
48
+
49
+ ol {
50
+ padding: 0;
51
+ margin: var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-s);
52
+
53
+ &.counter-number {
54
+ counter-reset: number;
55
+ }
56
+
57
+ &.counter-number-alpha {
58
+ counter-reset: number alpha;
59
+ }
60
+
61
+ &.nested-counter-number {
62
+ counter-reset: nested-number;
63
+ }
64
+
65
+ &.ml-0 {
66
+ margin-left: 0;
67
+ }
68
+
69
+ li {
70
+ margin: var(--spacing-s) 0;
71
+
72
+ &.decimal {
73
+ list-style: decimal;
74
+ }
75
+
76
+ &.counter-number-increment {
77
+ counter-increment: number;
78
+ }
79
+
80
+ &.counter-alpha-increment {
81
+ counter-increment: alpha;
82
+ }
83
+
84
+ &.counter-number {
85
+ display: flex;
86
+ margin: var(--spacing-xs) 0;
87
+
88
+ &::before {
89
+ margin-right: var(--spacing-xs);
90
+ content: counters(number, '.') ' ';
91
+ }
92
+ }
93
+
94
+ &.counter-alpha {
95
+ display: flex;
96
+ margin: var(--spacing-xs) 0;
97
+
98
+ &::before {
99
+ margin-right: var(--spacing-xs);
100
+ content: '(' counter(alpha, upper-alpha) ')';
101
+ }
102
+ }
103
+
104
+ &.nested-counter-number-increment {
105
+ counter-increment: nested-number;
106
+ }
107
+
108
+ &.nested-counter-number {
109
+ display: flex;
110
+ margin: var(--spacing-xs) 0;
111
+
112
+ &::before {
113
+ margin-right: var(--spacing-xs);
114
+ content: counters(number, '.') '.' counters(nested-number, '.');
115
+ }
116
+ }
117
+ }
118
+ }
119
+ }
120
+ }
121
+ `;
122
+
123
+ export default Disclaimer;
package/src/page/index.js ADDED
@@ -0,0 +1 @@
1
+ export { default as Disclaimer } from './Disclaimer';