@hipay/hipay-material-ui 4.0.0 → 4.0.1-beta5

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 (439) hide show
  1. package/HiAccordion/HiAccordion.js +26 -8
  2. package/HiAccordion/index.js +5 -1
  3. package/HiAccordionActions/HiAccordionActions.js +14 -1
  4. package/HiAccordionActions/index.js +5 -1
  5. package/HiAccordionSummary/HiAccordionSummary.js +15 -1
  6. package/HiAccordionSummary/index.js +5 -1
  7. package/HiAlertModal/HiAlertModal.js +22 -7
  8. package/HiAlertModal/index.js +5 -1
  9. package/HiAppBar/HiAppBar.js +42 -11
  10. package/HiAppBar/index.js +2 -0
  11. package/HiAvatar/HiAvatar.js +12 -3
  12. package/HiAvatar/index.js +2 -0
  13. package/HiBadge/HiBadge.js +24 -8
  14. package/HiBadge/index.js +2 -0
  15. package/HiBreadcrumb/HiBreadcrumb.js +30 -6
  16. package/HiBreadcrumb/HiStep.js +45 -13
  17. package/HiBreadcrumb/HiStepConnector.js +49 -14
  18. package/HiBreadcrumb/HiStepContent.js +30 -6
  19. package/HiBreadcrumb/HiStepIcon.js +35 -10
  20. package/HiBreadcrumb/HiStepLabel.js +44 -14
  21. package/HiBreadcrumb/HiStepper.js +30 -6
  22. package/HiBreadcrumb/index.js +2 -0
  23. package/HiButton/HiButton.js +33 -8
  24. package/HiButton/index.js +5 -1
  25. package/HiCell/CellAddress.js +33 -12
  26. package/HiCell/CellDate.js +36 -10
  27. package/HiCell/CellHiddenContent.js +30 -8
  28. package/HiCell/CellIcon.js +36 -12
  29. package/HiCell/CellImage.js +34 -12
  30. package/HiCell/CellNumeric.js +40 -13
  31. package/HiCell/CellPinToAction.js +33 -9
  32. package/HiCell/CellRate.js +47 -13
  33. package/HiCell/CellSentinel.js +33 -12
  34. package/HiCell/CellSentinelScore.js +31 -9
  35. package/HiCell/CellText.js +52 -16
  36. package/HiCell/CellTextStyled.js +24 -13
  37. package/HiCell/index.js +10 -0
  38. package/HiCheckbox/HiCheckbox.js +52 -15
  39. package/HiCheckbox/index.js +2 -0
  40. package/HiChip/HiChip.js +47 -24
  41. package/HiChip/HiChipSwitch.js +59 -16
  42. package/HiChip/index.js +3 -0
  43. package/HiColoredLabel/HiColoredLabel.js +49 -15
  44. package/HiColoredLabel/index.js +2 -0
  45. package/HiDatePicker/Caption.js +21 -9
  46. package/HiDatePicker/HiDatePicker.js +88 -16
  47. package/HiDatePicker/HiDatePickerMobile.js +43 -18
  48. package/HiDatePicker/HiDateRangePicker.js +134 -38
  49. package/HiDatePicker/HiDateRangeSelector.js +130 -49
  50. package/HiDatePicker/ListPicker.js +38 -8
  51. package/HiDatePicker/NavBar.js +31 -12
  52. package/HiDatePicker/Overlays/CustomOverlayLayout.js +28 -11
  53. package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +28 -11
  54. package/HiDatePicker/Overlays/MonthPickerOverlay.js +26 -4
  55. package/HiDatePicker/Overlays/Overlay.js +25 -8
  56. package/HiDatePicker/Overlays/TimePickerOverlay.js +39 -8
  57. package/HiDatePicker/Overlays/YearPickerOverlay.js +31 -8
  58. package/HiDatePicker/Overlays/index.js +6 -0
  59. package/HiDatePicker/Weekday.js +9 -4
  60. package/HiDatePicker/hiLocaleUtils.js +20 -8
  61. package/HiDatePicker/index.js +2 -0
  62. package/HiDatePicker/stylesheet.js +13 -7
  63. package/HiDialog/HiDialog.js +19 -7
  64. package/HiDialog/index.js +2 -0
  65. package/HiDotsStepper/HiDot.js +37 -8
  66. package/HiDotsStepper/HiDotsStepper.js +37 -10
  67. package/HiDotsStepper/index.js +3 -0
  68. package/HiExpansionPanel/HiExpansionPanel.js +38 -16
  69. package/HiExpansionPanel/index.js +5 -1
  70. package/HiForm/HiAddressField.js +36 -10
  71. package/HiForm/HiEmailField.js +29 -5
  72. package/HiForm/HiFormControl.js +74 -28
  73. package/HiForm/HiFormLabel.js +41 -15
  74. package/HiForm/HiInput.js +91 -33
  75. package/HiForm/HiPasswordField.js +46 -9
  76. package/HiForm/HiSearchField.js +34 -3
  77. package/HiForm/HiSlider.js +57 -22
  78. package/HiForm/HiTextField.js +47 -22
  79. package/HiForm/HiUpload.js +89 -29
  80. package/HiForm/HiUploadField.js +32 -10
  81. package/HiForm/HiUploadInput.js +76 -23
  82. package/HiForm/index.js +12 -0
  83. package/HiIcon/HiIcon.js +34 -9
  84. package/HiIcon/index.js +2 -0
  85. package/HiIconButton/HiIconButton.js +21 -6
  86. package/HiIconButton/index.js +2 -0
  87. package/HiListItemLink/HiListItemLink.js +19 -7
  88. package/HiListItemLink/index.js +2 -0
  89. package/HiLoader/HiLoader.js +16 -6
  90. package/HiLoader/index.js +2 -0
  91. package/HiNotice/HiKPI.js +47 -16
  92. package/HiNotice/HiKPINotice.js +16 -6
  93. package/HiNotice/index.js +3 -0
  94. package/HiPagination/HiPagination.js +11 -1
  95. package/HiPagination/index.js +2 -0
  96. package/HiPaymentMeans/HiPaymentMeans.js +72 -31
  97. package/HiPaymentMeans/index.js +2 -0
  98. package/HiPdfReader/HiPdfReader.js +57 -24
  99. package/HiPdfReader/index.js +2 -0
  100. package/HiPin/HiPin.js +19 -7
  101. package/HiPin/index.js +2 -0
  102. package/HiRadio/HiRadio.js +22 -11
  103. package/HiRadio/index.js +2 -0
  104. package/HiScrollStepper/HiScrollStepper.js +67 -29
  105. package/HiScrollStepper/index.js +2 -0
  106. package/HiSelect/HiDynamicSelect.js +42 -32
  107. package/HiSelect/HiDynamicSelectField.js +48 -24
  108. package/HiSelect/HiNestedSelect.js +111 -65
  109. package/HiSelect/HiNestedSelectContent.js +86 -60
  110. package/HiSelect/HiNestedSelectField.js +48 -24
  111. package/HiSelect/HiSelect.js +187 -89
  112. package/HiSelect/HiSelectContent.js +97 -62
  113. package/HiSelect/HiSelectField.js +49 -25
  114. package/HiSelect/HiSelectInput.js +76 -23
  115. package/HiSelect/HiSelectMobile.js +44 -7
  116. package/HiSelect/HiSuggestSelect.js +81 -25
  117. package/HiSelect/HiSuggestSelectField.js +39 -15
  118. package/HiSelect/index.js +14 -2
  119. package/HiSelectableList/HiSelectableList.js +90 -34
  120. package/HiSelectableList/HiSelectableListHierarchic.js +60 -34
  121. package/HiSelectableList/HiSelectableListItem.js +88 -45
  122. package/HiSelectableList/index.js +4 -0
  123. package/HiStepper/DefaultIndicator.js +10 -1
  124. package/HiStepper/HiStep.js +48 -18
  125. package/HiStepper/HiStepper.js +15 -2
  126. package/HiStepper/index.js +3 -0
  127. package/HiSwitch/HiSwitch.js +33 -9
  128. package/HiSwitch/HiSwitchState.js +32 -15
  129. package/HiSwitch/index.js +3 -0
  130. package/HiTable/HiCellBuilder.js +65 -10
  131. package/HiTable/HiTable.js +48 -20
  132. package/HiTable/HiTableBody.js +24 -7
  133. package/HiTable/HiTableHeader.js +51 -18
  134. package/HiTable/HiTableRow.js +46 -12
  135. package/HiTable/constants.js +98 -48
  136. package/HiTable/index.js +2 -0
  137. package/es/HiAccordion/HiAccordion.js +26 -8
  138. package/es/HiAccordion/index.js +5 -1
  139. package/es/HiAccordionActions/HiAccordionActions.js +14 -1
  140. package/es/HiAccordionActions/index.js +5 -1
  141. package/es/HiAccordionSummary/HiAccordionSummary.js +15 -1
  142. package/es/HiAccordionSummary/index.js +5 -1
  143. package/es/HiAlertModal/HiAlertModal.js +22 -7
  144. package/es/HiAlertModal/index.js +5 -1
  145. package/es/HiAppBar/HiAppBar.js +42 -11
  146. package/es/HiAppBar/index.js +2 -0
  147. package/es/HiAvatar/HiAvatar.js +12 -3
  148. package/es/HiAvatar/index.js +2 -0
  149. package/es/HiBadge/HiBadge.js +24 -8
  150. package/es/HiBadge/index.js +2 -0
  151. package/es/HiBreadcrumb/HiBreadcrumb.js +30 -6
  152. package/es/HiBreadcrumb/HiStep.js +45 -13
  153. package/es/HiBreadcrumb/HiStepConnector.js +49 -14
  154. package/es/HiBreadcrumb/HiStepContent.js +30 -6
  155. package/es/HiBreadcrumb/HiStepIcon.js +35 -10
  156. package/es/HiBreadcrumb/HiStepLabel.js +44 -14
  157. package/es/HiBreadcrumb/HiStepper.js +30 -6
  158. package/es/HiBreadcrumb/index.js +2 -0
  159. package/es/HiButton/HiButton.js +33 -8
  160. package/es/HiButton/index.js +5 -1
  161. package/es/HiCell/CellAddress.js +33 -12
  162. package/es/HiCell/CellDate.js +36 -10
  163. package/es/HiCell/CellHiddenContent.js +30 -8
  164. package/es/HiCell/CellIcon.js +36 -12
  165. package/es/HiCell/CellImage.js +34 -12
  166. package/es/HiCell/CellNumeric.js +40 -13
  167. package/es/HiCell/CellPinToAction.js +33 -9
  168. package/es/HiCell/CellRate.js +47 -13
  169. package/es/HiCell/CellSentinel.js +33 -12
  170. package/es/HiCell/CellSentinelScore.js +31 -9
  171. package/es/HiCell/CellText.js +52 -16
  172. package/es/HiCell/CellTextStyled.js +24 -13
  173. package/es/HiCell/index.js +10 -0
  174. package/es/HiCheckbox/HiCheckbox.js +52 -15
  175. package/es/HiCheckbox/index.js +2 -0
  176. package/es/HiChip/HiChip.js +47 -24
  177. package/es/HiChip/HiChipSwitch.js +59 -16
  178. package/es/HiChip/index.js +3 -0
  179. package/es/HiColoredLabel/HiColoredLabel.js +49 -15
  180. package/es/HiColoredLabel/index.js +2 -0
  181. package/es/HiDatePicker/Caption.js +21 -9
  182. package/es/HiDatePicker/HiDatePicker.js +88 -16
  183. package/es/HiDatePicker/HiDatePickerMobile.js +43 -18
  184. package/es/HiDatePicker/HiDateRangePicker.js +134 -38
  185. package/es/HiDatePicker/HiDateRangeSelector.js +130 -49
  186. package/es/HiDatePicker/ListPicker.js +38 -8
  187. package/es/HiDatePicker/NavBar.js +31 -12
  188. package/es/HiDatePicker/Overlays/CustomOverlayLayout.js +28 -11
  189. package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +28 -11
  190. package/es/HiDatePicker/Overlays/MonthPickerOverlay.js +26 -4
  191. package/es/HiDatePicker/Overlays/Overlay.js +25 -8
  192. package/es/HiDatePicker/Overlays/TimePickerOverlay.js +39 -8
  193. package/es/HiDatePicker/Overlays/YearPickerOverlay.js +31 -8
  194. package/es/HiDatePicker/Overlays/index.js +6 -0
  195. package/es/HiDatePicker/Weekday.js +9 -4
  196. package/es/HiDatePicker/hiLocaleUtils.js +20 -8
  197. package/es/HiDatePicker/index.js +2 -0
  198. package/es/HiDatePicker/stylesheet.js +13 -7
  199. package/es/HiDialog/HiDialog.js +19 -7
  200. package/es/HiDialog/index.js +2 -0
  201. package/es/HiDotsStepper/HiDot.js +37 -8
  202. package/es/HiDotsStepper/HiDotsStepper.js +37 -10
  203. package/es/HiDotsStepper/index.js +3 -0
  204. package/es/HiExpansionPanel/HiExpansionPanel.js +38 -16
  205. package/es/HiExpansionPanel/index.js +5 -1
  206. package/es/HiForm/HiAddressField.js +36 -10
  207. package/es/HiForm/HiEmailField.js +29 -5
  208. package/es/HiForm/HiFormControl.js +74 -28
  209. package/es/HiForm/HiFormLabel.js +41 -15
  210. package/es/HiForm/HiInput.js +91 -33
  211. package/es/HiForm/HiPasswordField.js +46 -9
  212. package/es/HiForm/HiSearchField.js +34 -3
  213. package/es/HiForm/HiSlider.js +57 -22
  214. package/es/HiForm/HiTextField.js +47 -22
  215. package/es/HiForm/HiUpload.js +89 -29
  216. package/es/HiForm/HiUploadField.js +32 -10
  217. package/es/HiForm/HiUploadInput.js +76 -23
  218. package/es/HiForm/index.js +12 -0
  219. package/es/HiIcon/HiIcon.js +34 -9
  220. package/es/HiIcon/index.js +2 -0
  221. package/es/HiIconButton/HiIconButton.js +21 -6
  222. package/es/HiIconButton/index.js +2 -0
  223. package/es/HiListItemLink/HiListItemLink.js +19 -7
  224. package/es/HiListItemLink/index.js +2 -0
  225. package/es/HiLoader/HiLoader.js +16 -6
  226. package/es/HiLoader/index.js +2 -0
  227. package/es/HiNotice/HiKPI.js +47 -16
  228. package/es/HiNotice/HiKPINotice.js +16 -6
  229. package/es/HiNotice/index.js +3 -0
  230. package/es/HiPagination/HiPagination.js +11 -1
  231. package/es/HiPagination/index.js +2 -0
  232. package/es/HiPaymentMeans/HiPaymentMeans.js +72 -31
  233. package/es/HiPaymentMeans/index.js +2 -0
  234. package/es/HiPdfReader/HiPdfReader.js +57 -24
  235. package/es/HiPdfReader/index.js +2 -0
  236. package/es/HiPin/HiPin.js +19 -7
  237. package/es/HiPin/index.js +2 -0
  238. package/es/HiRadio/HiRadio.js +22 -11
  239. package/es/HiRadio/index.js +2 -0
  240. package/es/HiScrollStepper/HiScrollStepper.js +67 -29
  241. package/es/HiScrollStepper/index.js +2 -0
  242. package/es/HiSelect/HiDynamicSelect.js +42 -32
  243. package/es/HiSelect/HiDynamicSelectField.js +48 -24
  244. package/es/HiSelect/HiNestedSelect.js +111 -65
  245. package/es/HiSelect/HiNestedSelectContent.js +86 -60
  246. package/es/HiSelect/HiNestedSelectField.js +48 -24
  247. package/es/HiSelect/HiSelect.js +187 -89
  248. package/es/HiSelect/HiSelectContent.js +97 -62
  249. package/es/HiSelect/HiSelectField.js +49 -25
  250. package/es/HiSelect/HiSelectInput.js +76 -23
  251. package/es/HiSelect/HiSelectMobile.js +44 -7
  252. package/es/HiSelect/HiSuggestSelect.js +81 -25
  253. package/es/HiSelect/HiSuggestSelectField.js +39 -15
  254. package/es/HiSelect/index.js +14 -2
  255. package/es/HiSelectableList/HiSelectableList.js +90 -34
  256. package/es/HiSelectableList/HiSelectableListHierarchic.js +60 -34
  257. package/es/HiSelectableList/HiSelectableListItem.js +88 -45
  258. package/es/HiSelectableList/index.js +4 -0
  259. package/es/HiStepper/DefaultIndicator.js +10 -1
  260. package/es/HiStepper/HiStep.js +48 -18
  261. package/es/HiStepper/HiStepper.js +15 -2
  262. package/es/HiStepper/index.js +3 -0
  263. package/es/HiSwitch/HiSwitch.js +33 -9
  264. package/es/HiSwitch/HiSwitchState.js +32 -15
  265. package/es/HiSwitch/index.js +3 -0
  266. package/es/HiTable/HiCellBuilder.js +65 -10
  267. package/es/HiTable/HiTable.js +48 -20
  268. package/es/HiTable/HiTableBody.js +24 -7
  269. package/es/HiTable/HiTableHeader.js +51 -18
  270. package/es/HiTable/HiTableRow.js +46 -12
  271. package/es/HiTable/constants.js +98 -48
  272. package/es/HiTable/index.js +2 -0
  273. package/es/hi-svg-icons/HiAccount.js +14 -4
  274. package/es/hi-svg-icons/HiActivity.js +14 -4
  275. package/es/hi-svg-icons/HiAll.js +18 -7
  276. package/es/hi-svg-icons/HiBilling.js +14 -4
  277. package/es/hi-svg-icons/HiBriefcaseRescue.js +14 -4
  278. package/es/hi-svg-icons/HiBusiness.js +14 -4
  279. package/es/hi-svg-icons/HiCatalog.js +14 -4
  280. package/es/hi-svg-icons/HiCustomer.js +14 -4
  281. package/es/hi-svg-icons/HiDownload.js +14 -4
  282. package/es/hi-svg-icons/HiFinance.js +14 -4
  283. package/es/hi-svg-icons/HiFinanceMenu.js +14 -4
  284. package/es/hi-svg-icons/HiHostedPaymentPage.js +14 -4
  285. package/es/hi-svg-icons/HiHostedPaymentPageMenu.js +14 -4
  286. package/es/hi-svg-icons/HiIntegration.js +14 -4
  287. package/es/hi-svg-icons/HiIntegrationMenu.js +14 -4
  288. package/es/hi-svg-icons/HiIntelligence.js +14 -4
  289. package/es/hi-svg-icons/HiIntelligenceMenu.js +14 -4
  290. package/es/hi-svg-icons/HiInvoice.js +14 -4
  291. package/es/hi-svg-icons/HiInvoiceMenu.js +14 -4
  292. package/es/hi-svg-icons/HiLogoRounded.js +17 -6
  293. package/es/hi-svg-icons/HiOrder.js +14 -4
  294. package/es/hi-svg-icons/HiPaymentOrder.js +14 -4
  295. package/es/hi-svg-icons/HiPermission.js +14 -4
  296. package/es/hi-svg-icons/HiPriceGrid.js +14 -4
  297. package/es/hi-svg-icons/HiPrivate.js +14 -4
  298. package/es/hi-svg-icons/HiRoute.js +14 -4
  299. package/es/hi-svg-icons/HiRouteMenu.js +14 -4
  300. package/es/hi-svg-icons/HiRouteSwitch.js +19 -7
  301. package/es/hi-svg-icons/HiRouteSwitchMenu.js +19 -7
  302. package/es/hi-svg-icons/HiSettlement.js +14 -4
  303. package/es/hi-svg-icons/HiSizeLarge.js +14 -4
  304. package/es/hi-svg-icons/HiSizeMedium.js +14 -4
  305. package/es/hi-svg-icons/HiSizeSmall.js +14 -4
  306. package/es/hi-svg-icons/HiStore.js +14 -4
  307. package/es/hi-svg-icons/HiStoreMenu.js +14 -4
  308. package/es/hi-svg-icons/HiTransaction.js +14 -4
  309. package/es/hi-svg-icons/HiTransactionMenu.js +14 -4
  310. package/es/hi-svg-icons/HiUser.js +14 -4
  311. package/es/hi-svg-icons/HiVendor.js +14 -4
  312. package/es/hi-svg-icons/HiWidget.js +14 -4
  313. package/es/hi-svg-icons/index.js +41 -0
  314. package/es/hi-svg-images/HiLogo.js +12 -4
  315. package/es/hi-svg-images/HiLogoWhite.js +12 -4
  316. package/es/hi-svg-images/index.js +3 -0
  317. package/es/setupTest.js +13 -2
  318. package/es/styleguide/Wrapper.js +6 -0
  319. package/es/styles/MuiThemeProvider.js +49 -15
  320. package/es/styles/colorManipulator.js +50 -15
  321. package/es/styles/createBreakpoints.js +29 -14
  322. package/es/styles/createGenerateClassName.js +24 -14
  323. package/es/styles/createMixins.js +10 -4
  324. package/es/styles/createMuiTheme.js +28 -11
  325. package/es/styles/createPalette.js +89 -67
  326. package/es/styles/createStyles.js +1 -0
  327. package/es/styles/createTypography.js +24 -15
  328. package/es/styles/getStylesCreator.js +14 -1
  329. package/es/styles/getThemeProps.js +7 -2
  330. package/es/styles/index.js +6 -0
  331. package/es/styles/jssPreset.js +11 -1
  332. package/es/styles/makeStyles.js +9 -2
  333. package/es/styles/mergeClasses.js +16 -5
  334. package/es/styles/shadows.js +4 -1
  335. package/es/styles/shape.js +2 -1
  336. package/es/styles/spacing.js +4 -1
  337. package/es/styles/themeListener.js +10 -2
  338. package/es/styles/transitions.js +35 -20
  339. package/es/styles/withStyles.js +9 -2
  340. package/es/styles/zIndex.js +2 -1
  341. package/es/test-utils/createMount.js +12 -2
  342. package/es/test-utils/createRender.js +9 -2
  343. package/es/test-utils/createShallow.js +17 -6
  344. package/es/test-utils/getClasses.js +4 -1
  345. package/es/test-utils/index.js +6 -0
  346. package/es/test-utils/until.js +14 -3
  347. package/es/test-utils/unwrap.js +1 -0
  348. package/es/theme/palette.js +7 -2
  349. package/es/theme/typography.js +15 -7
  350. package/es/theme.js +8 -2
  351. package/es/transitions/utils.js +7 -3
  352. package/es/utils/exactProp.js +13 -3
  353. package/es/utils/helpers.js +58 -19
  354. package/es/withMobileDialog/index.js +2 -0
  355. package/es/withMobileDialog/withMobileDialog.js +12 -3
  356. package/hi-svg-icons/HiAccount.js +14 -4
  357. package/hi-svg-icons/HiActivity.js +14 -4
  358. package/hi-svg-icons/HiAll.js +18 -7
  359. package/hi-svg-icons/HiBilling.js +14 -4
  360. package/hi-svg-icons/HiBriefcaseRescue.js +14 -4
  361. package/hi-svg-icons/HiBusiness.js +14 -4
  362. package/hi-svg-icons/HiCatalog.js +14 -4
  363. package/hi-svg-icons/HiCustomer.js +14 -4
  364. package/hi-svg-icons/HiDownload.js +14 -4
  365. package/hi-svg-icons/HiFinance.js +14 -4
  366. package/hi-svg-icons/HiFinanceMenu.js +14 -4
  367. package/hi-svg-icons/HiHostedPaymentPage.js +14 -4
  368. package/hi-svg-icons/HiHostedPaymentPageMenu.js +14 -4
  369. package/hi-svg-icons/HiIntegration.js +14 -4
  370. package/hi-svg-icons/HiIntegrationMenu.js +14 -4
  371. package/hi-svg-icons/HiIntelligence.js +14 -4
  372. package/hi-svg-icons/HiIntelligenceMenu.js +14 -4
  373. package/hi-svg-icons/HiInvoice.js +14 -4
  374. package/hi-svg-icons/HiInvoiceMenu.js +14 -4
  375. package/hi-svg-icons/HiLogoRounded.js +17 -6
  376. package/hi-svg-icons/HiOrder.js +14 -4
  377. package/hi-svg-icons/HiPaymentOrder.js +14 -4
  378. package/hi-svg-icons/HiPermission.js +14 -4
  379. package/hi-svg-icons/HiPriceGrid.js +14 -4
  380. package/hi-svg-icons/HiPrivate.js +14 -4
  381. package/hi-svg-icons/HiRoute.js +14 -4
  382. package/hi-svg-icons/HiRouteMenu.js +14 -4
  383. package/hi-svg-icons/HiRouteSwitch.js +19 -7
  384. package/hi-svg-icons/HiRouteSwitchMenu.js +19 -7
  385. package/hi-svg-icons/HiSettlement.js +14 -4
  386. package/hi-svg-icons/HiSizeLarge.js +14 -4
  387. package/hi-svg-icons/HiSizeMedium.js +14 -4
  388. package/hi-svg-icons/HiSizeSmall.js +14 -4
  389. package/hi-svg-icons/HiStore.js +14 -4
  390. package/hi-svg-icons/HiStoreMenu.js +14 -4
  391. package/hi-svg-icons/HiTransaction.js +14 -4
  392. package/hi-svg-icons/HiTransactionMenu.js +14 -4
  393. package/hi-svg-icons/HiUser.js +14 -4
  394. package/hi-svg-icons/HiVendor.js +14 -4
  395. package/hi-svg-icons/HiWidget.js +14 -4
  396. package/hi-svg-icons/index.js +41 -0
  397. package/hi-svg-images/HiLogo.js +12 -4
  398. package/hi-svg-images/HiLogoWhite.js +12 -4
  399. package/hi-svg-images/index.js +3 -0
  400. package/package.json +2 -2
  401. package/setupTest.js +13 -2
  402. package/styleguide/Wrapper.js +6 -0
  403. package/styles/MuiThemeProvider.js +49 -15
  404. package/styles/colorManipulator.js +50 -15
  405. package/styles/createBreakpoints.js +29 -14
  406. package/styles/createGenerateClassName.js +24 -14
  407. package/styles/createMixins.js +10 -4
  408. package/styles/createMuiTheme.js +28 -11
  409. package/styles/createPalette.js +89 -67
  410. package/styles/createStyles.js +1 -0
  411. package/styles/createTypography.js +24 -15
  412. package/styles/getStylesCreator.js +14 -1
  413. package/styles/getThemeProps.js +7 -2
  414. package/styles/index.js +6 -0
  415. package/styles/jssPreset.js +11 -1
  416. package/styles/makeStyles.js +9 -2
  417. package/styles/mergeClasses.js +16 -5
  418. package/styles/shadows.js +4 -1
  419. package/styles/shape.js +2 -1
  420. package/styles/spacing.js +4 -1
  421. package/styles/themeListener.js +10 -2
  422. package/styles/transitions.js +35 -20
  423. package/styles/withStyles.js +9 -2
  424. package/styles/zIndex.js +2 -1
  425. package/test-utils/createMount.js +12 -2
  426. package/test-utils/createRender.js +9 -2
  427. package/test-utils/createShallow.js +17 -6
  428. package/test-utils/getClasses.js +4 -1
  429. package/test-utils/index.js +6 -0
  430. package/test-utils/until.js +14 -3
  431. package/test-utils/unwrap.js +1 -0
  432. package/theme/palette.js +7 -2
  433. package/theme/typography.js +15 -7
  434. package/theme.js +8 -2
  435. package/transitions/utils.js +7 -3
  436. package/utils/exactProp.js +13 -3
  437. package/utils/helpers.js +58 -19
  438. package/withMobileDialog/index.js +2 -0
  439. package/withMobileDialog/withMobileDialog.js +12 -3
@@ -1,28 +1,41 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.styles = exports.sentinelColorById = exports.default = void 0;
9
+
8
10
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
11
+
9
12
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
13
+
10
14
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
15
+
11
16
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
17
+
12
18
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
19
+
13
20
  var _react = _interopRequireDefault(require("react"));
21
+
14
22
  var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
23
+
15
24
  var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
25
+
16
26
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
27
+
17
28
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
18
- var styles = exports.styles = {
29
+
30
+ var styles = {
19
31
  flexContent: {
20
32
  display: 'flex',
21
33
  justifyContent: 'flex-end'
22
34
  },
23
35
  label: {}
24
36
  };
25
- var sentinelColorById = exports.sentinelColorById = {
37
+ exports.styles = styles;
38
+ var sentinelColorById = {
26
39
  NOT_LAUNCHED: '#737373',
27
40
  ACCEPTED: '#00AF01',
28
41
  AUTHENTICATE: '#484A4B',
@@ -33,25 +46,30 @@ var sentinelColorById = exports.sentinelColorById = {
33
46
  ALLOWED: '#00AF01',
34
47
  DENIED: '#D50000'
35
48
  };
36
-
37
49
  /**
38
50
  * Cette cellule permet d'afficher le résultat de Sentinel (score & fraudResult & smartDecision)
39
51
  */
52
+
53
+ exports.sentinelColorById = sentinelColorById;
54
+
40
55
  var CellSentinelScore = /*#__PURE__*/function (_React$PureComponent) {
41
56
  (0, _inherits2.default)(CellSentinelScore, _React$PureComponent);
57
+
42
58
  var _super = _createSuper(CellSentinelScore);
59
+
43
60
  function CellSentinelScore() {
44
61
  (0, _classCallCheck2.default)(this, CellSentinelScore);
45
62
  return _super.apply(this, arguments);
46
63
  }
64
+
47
65
  (0, _createClass2.default)(CellSentinelScore, [{
48
66
  key: "render",
49
67
  value: function render() {
50
68
  var _this$props = this.props,
51
- active = _this$props.active,
52
- classes = _this$props.classes,
53
- result = _this$props.result,
54
- value = _this$props.value;
69
+ active = _this$props.active,
70
+ classes = _this$props.classes,
71
+ result = _this$props.result,
72
+ value = _this$props.value;
55
73
  return /*#__PURE__*/_react.default.createElement("div", {
56
74
  className: classes.flexContent
57
75
  }, /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
@@ -66,9 +84,13 @@ var CellSentinelScore = /*#__PURE__*/function (_React$PureComponent) {
66
84
  }]);
67
85
  return CellSentinelScore;
68
86
  }(_react.default.PureComponent);
87
+
69
88
  CellSentinelScore.defaultProps = {
70
89
  active: false
71
90
  };
72
- var _default = exports.default = (0, _withStyles.default)(styles, {
91
+
92
+ var _default = (0, _withStyles.default)(styles, {
73
93
  name: 'HmuiCellSentinelScore'
74
- })(CellSentinelScore);
94
+ })(CellSentinelScore);
95
+
96
+ exports.default = _default;
@@ -1,23 +1,37 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.styles = exports.default = void 0;
9
+
8
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
11
+
9
12
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
13
+
10
14
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
15
+
11
16
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
17
+
12
18
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
19
+
13
20
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
21
+
14
22
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
23
+
15
24
  var _react = _interopRequireDefault(require("react"));
25
+
16
26
  var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
27
+
17
28
  var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
29
+
18
30
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
31
+
19
32
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
20
- var styles = exports.styles = {
33
+
34
+ var styles = {
21
35
  leftEllipsisSpan: {
22
36
  display: 'inline-block',
23
37
  overflow: 'hidden',
@@ -37,21 +51,27 @@ var styles = exports.styles = {
37
51
  whiteSpace: 'pre'
38
52
  }
39
53
  };
54
+ exports.styles = styles;
55
+
40
56
  var CellText = /*#__PURE__*/function (_React$Component) {
41
57
  (0, _inherits2.default)(CellText, _React$Component);
58
+
42
59
  var _super = _createSuper(CellText);
60
+
43
61
  function CellText(props) {
44
62
  var _this;
63
+
45
64
  (0, _classCallCheck2.default)(this, CellText);
46
65
  _this = _super.call(this, props);
47
66
  _this.cellText = null;
48
67
  _this.buildEllipsis = _this.buildEllipsis.bind((0, _assertThisInitialized2.default)(_this));
49
68
  return _this;
50
69
  }
51
-
52
70
  /**
53
71
  * TODO - Ellipsis (middle, after-first-word)
54
72
  */
73
+
74
+
55
75
  (0, _createClass2.default)(CellText, [{
56
76
  key: "componentDidMount",
57
77
  value: function componentDidMount() {
@@ -72,11 +92,13 @@ var CellText = /*#__PURE__*/function (_React$Component) {
72
92
  if (this.props.ellipsis === 'after-first-word' || this.props.ellipsis === 'name') {
73
93
  if (this.cellText !== null) {
74
94
  var _this$cellText$getEle = this.cellText.getElementsByTagName('span'),
75
- _this$cellText$getEle2 = (0, _slicedToArray2.default)(_this$cellText$getEle, 2),
76
- startSpan = _this$cellText$getEle2[0],
77
- endSpan = _this$cellText$getEle2[1];
95
+ _this$cellText$getEle2 = (0, _slicedToArray2.default)(_this$cellText$getEle, 2),
96
+ startSpan = _this$cellText$getEle2[0],
97
+ endSpan = _this$cellText$getEle2[1];
98
+
78
99
  if (typeof startSpan !== 'undefined' && typeof endSpan !== 'undefined') {
79
100
  var availableEndSpace = this.cellText.offsetWidth - startSpan.offsetWidth - 2;
101
+
80
102
  if (availableEndSpace > 0) {
81
103
  endSpan.style.width = "".concat(availableEndSpace, "px");
82
104
  } else {
@@ -85,21 +107,24 @@ var CellText = /*#__PURE__*/function (_React$Component) {
85
107
  }
86
108
  }
87
109
  }
88
-
89
110
  /**
90
111
  * Calcul l'espace pris par les 2 spans (les 2 moitiés du texte),
91
112
  * si ils dépassent la largeur de la cellule :
92
113
  * - diminue d'autant et proportionnellement chaque span
93
114
  * - ajoute l'ellipse à gauche de la deuxième moitié du texte.
94
115
  */
116
+
117
+
95
118
  if (this.props.ellipsis === 'middle') {
96
119
  if (this.cellText !== null) {
97
120
  var _this$cellText$getEle3 = this.cellText.getElementsByTagName('span'),
98
- _this$cellText$getEle4 = (0, _slicedToArray2.default)(_this$cellText$getEle3, 2),
99
- _startSpan = _this$cellText$getEle4[0],
100
- _endSpan = _this$cellText$getEle4[1];
121
+ _this$cellText$getEle4 = (0, _slicedToArray2.default)(_this$cellText$getEle3, 2),
122
+ _startSpan = _this$cellText$getEle4[0],
123
+ _endSpan = _this$cellText$getEle4[1];
124
+
101
125
  if (typeof _startSpan !== 'undefined' && typeof _endSpan !== 'undefined') {
102
126
  var _availableEndSpace = this.cellText.offsetWidth - _startSpan.offsetWidth - _endSpan.offsetWidth;
127
+
103
128
  if (_availableEndSpace < 0) {
104
129
  _startSpan.style.width = '50%';
105
130
  _endSpan.style.width = '49%';
@@ -115,26 +140,30 @@ var CellText = /*#__PURE__*/function (_React$Component) {
115
140
  key: "render",
116
141
  value: function render() {
117
142
  var _this2 = this;
143
+
118
144
  var _this$props = this.props,
119
- classes = _this$props.classes,
120
- label = _this$props.label,
121
- ellipsis = _this$props.ellipsis,
122
- color = _this$props.color,
123
- title = _this$props.title;
145
+ classes = _this$props.classes,
146
+ label = _this$props.label,
147
+ ellipsis = _this$props.ellipsis,
148
+ color = _this$props.color,
149
+ title = _this$props.title;
124
150
  var start;
125
151
  var end;
126
152
  var valueElement = '';
127
153
  var valueString = label.toString();
154
+
128
155
  switch (ellipsis) {
129
156
  case 'name':
130
157
  case 'after-first-word':
131
158
  // Split value in 2 strings around first whitespace
132
159
  start = valueString.substr(0, valueString.indexOf(' '));
133
160
  end = valueString.substr(valueString.indexOf(' ') + 1);
161
+
134
162
  if (start === '') {
135
163
  start = end;
136
164
  end = '';
137
165
  }
166
+
138
167
  valueElement = /*#__PURE__*/_react.default.createElement("div", {
139
168
  ref: function ref(div) {
140
169
  _this2.cellText = div;
@@ -146,6 +175,7 @@ var CellText = /*#__PURE__*/function (_React$Component) {
146
175
  className: classes.leftEllipsisSpan
147
176
  }, end));
148
177
  break;
178
+
149
179
  case 'middle':
150
180
  // Split value in 2 strings
151
181
  start = valueString.substr(0, Math.round(valueString.length / 2));
@@ -161,6 +191,7 @@ var CellText = /*#__PURE__*/function (_React$Component) {
161
191
  className: classes.leftEllipsisSpan
162
192
  }, end));
163
193
  break;
194
+
164
195
  case 'left':
165
196
  valueElement = color ? /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
166
197
  className: classes.leftEllipsisSpan,
@@ -174,6 +205,7 @@ var CellText = /*#__PURE__*/function (_React$Component) {
174
205
  title: title
175
206
  }, valueString);
176
207
  break;
208
+
177
209
  case 'right':
178
210
  default:
179
211
  valueElement = color ? /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
@@ -189,11 +221,15 @@ var CellText = /*#__PURE__*/function (_React$Component) {
189
221
  }, valueString);
190
222
  break;
191
223
  }
224
+
192
225
  return valueElement;
193
226
  }
194
227
  }]);
195
228
  return CellText;
196
229
  }(_react.default.Component);
197
- var _default = exports.default = (0, _withStyles.default)(styles, {
230
+
231
+ var _default = (0, _withStyles.default)(styles, {
198
232
  name: 'HmuiCellText'
199
- })(CellText);
233
+ })(CellText);
234
+
235
+ exports.default = _default;
@@ -1,14 +1,20 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = void 0;
9
+
8
10
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
+
9
12
  var _react = _interopRequireDefault(require("react"));
13
+
10
14
  var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
15
+
11
16
  var _HiButton = _interopRequireDefault(require("../HiButton"));
17
+
12
18
  var styleRoot = {
13
19
  width: '100%',
14
20
  height: 19,
@@ -35,7 +41,6 @@ var styleButton = {
35
41
  minHeight: '18px',
36
42
  maxHeight: '18px'
37
43
  };
38
-
39
44
  /**
40
45
  * CellText functional component
41
46
  * (don't includes complex ellipsis: middle, after-first-word...)
@@ -51,20 +56,22 @@ var styleButton = {
51
56
  * @returns {*}
52
57
  * @constructor
53
58
  */
59
+
54
60
  var CellTextStyled = function CellTextStyled(_ref) {
55
61
  var label = _ref.label,
56
- color = _ref.color,
57
- isButton = _ref.isButton,
58
- onClick = _ref.onClick,
59
- _ref$value = _ref.value,
60
- value = _ref$value === void 0 ? '' : _ref$value,
61
- _ref$active = _ref.active,
62
- active = _ref$active === void 0 ? false : _ref$active,
63
- _ref$title = _ref.title,
64
- title = _ref$title === void 0 ? '' : _ref$title,
65
- _ref$align = _ref.align,
66
- align = _ref$align === void 0 ? 'left' : _ref$align;
62
+ color = _ref.color,
63
+ isButton = _ref.isButton,
64
+ onClick = _ref.onClick,
65
+ _ref$value = _ref.value,
66
+ value = _ref$value === void 0 ? '' : _ref$value,
67
+ _ref$active = _ref.active,
68
+ active = _ref$active === void 0 ? false : _ref$active,
69
+ _ref$title = _ref.title,
70
+ title = _ref$title === void 0 ? '' : _ref$title,
71
+ _ref$align = _ref.align,
72
+ align = _ref$align === void 0 ? 'left' : _ref$align;
67
73
  var valueString = label ? label.toString() : value ? value.toString() : "";
74
+
68
75
  if (isButton) {
69
76
  return /*#__PURE__*/_react.default.createElement(_HiButton.default, {
70
77
  color: color,
@@ -74,6 +81,7 @@ var CellTextStyled = function CellTextStyled(_ref) {
74
81
  variant: "contained"
75
82
  }, valueString);
76
83
  }
84
+
77
85
  if (align === 'right') {
78
86
  styleRoot = (0, _objectSpread2.default)({}, styleRoot, {
79
87
  textAlign: 'right'
@@ -86,6 +94,7 @@ var CellTextStyled = function CellTextStyled(_ref) {
86
94
  textAlign: 'left'
87
95
  });
88
96
  }
97
+
89
98
  return /*#__PURE__*/_react.default.createElement("div", {
90
99
  style: styleRoot,
91
100
  title: title || valueString
@@ -99,4 +108,6 @@ var CellTextStyled = function CellTextStyled(_ref) {
99
108
  style: styleLabel
100
109
  }, valueString));
101
110
  };
102
- var _default = exports.default = CellTextStyled;
111
+
112
+ var _default = CellTextStyled;
113
+ exports.default = _default;
package/HiCell/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
@@ -58,12 +59,21 @@ Object.defineProperty(exports, "CellTextStyled", {
58
59
  return _CellTextStyled.default;
59
60
  }
60
61
  });
62
+
61
63
  var _CellAddress = _interopRequireDefault(require("./CellAddress"));
64
+
62
65
  var _CellDate = _interopRequireDefault(require("./CellDate"));
66
+
63
67
  var _CellIcon = _interopRequireDefault(require("./CellIcon"));
68
+
64
69
  var _CellImage = _interopRequireDefault(require("./CellImage"));
70
+
65
71
  var _CellNumeric = _interopRequireDefault(require("./CellNumeric"));
72
+
66
73
  var _CellRate = _interopRequireDefault(require("./CellRate"));
74
+
67
75
  var _CellSentinel = _interopRequireDefault(require("./CellSentinel"));
76
+
68
77
  var _CellText = _interopRequireDefault(require("./CellText"));
78
+
69
79
  var _CellTextStyled = _interopRequireDefault(require("./CellTextStyled"));
@@ -1,29 +1,49 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.styles = exports.default = void 0;
9
+
8
10
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
11
+
9
12
  var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
13
+
10
14
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
15
+
11
16
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
17
+
12
18
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
19
+
13
20
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
21
+
14
22
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
23
+
15
24
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
25
+
16
26
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
27
+
17
28
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
29
+
18
30
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
31
+
19
32
  var _react = _interopRequireDefault(require("react"));
33
+
20
34
  var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
35
+
21
36
  var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
37
+
22
38
  var _HiIcon = _interopRequireDefault(require("../HiIcon"));
39
+
23
40
  var _classnames = _interopRequireDefault(require("classnames"));
41
+
24
42
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
25
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } // @inheritedComponent Checkbox
26
- var styles = exports.styles = function styles(theme) {
43
+
44
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
45
+
46
+ var styles = function styles(theme) {
27
47
  return {
28
48
  root: {
29
49
  marginRight: 4,
@@ -55,22 +75,29 @@ var styles = exports.styles = function styles(theme) {
55
75
  }
56
76
  };
57
77
  };
78
+
79
+ exports.styles = styles;
80
+
58
81
  var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
59
82
  (0, _inherits2.default)(HiCheckbox, _React$PureComponent);
83
+
60
84
  var _super = _createSuper(HiCheckbox);
85
+
61
86
  function HiCheckbox(props) {
62
87
  var _this;
88
+
63
89
  (0, _classCallCheck2.default)(this, HiCheckbox);
64
90
  _this = _super.call(this, props);
65
91
  _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
66
92
  return _this;
67
93
  }
68
-
69
94
  /**
70
95
  * Call callback function and stop click propagation
71
96
  * @param event
72
97
  * @param checked
73
98
  */
99
+
100
+
74
101
  (0, _createClass2.default)(HiCheckbox, [{
75
102
  key: "handleChange",
76
103
  value: function handleChange(event, checked) {
@@ -79,6 +106,7 @@ var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
79
106
  event.stopPropagation();
80
107
  event.preventDefault();
81
108
  }
109
+
82
110
  if (this.props.onChange) {
83
111
  this.props.onChange(event, checked);
84
112
  }
@@ -86,26 +114,30 @@ var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
86
114
  }, {
87
115
  key: "render",
88
116
  value: function render() {
117
+ var _classNames;
118
+
89
119
  var _this$props = this.props,
90
- classes = _this$props.classes,
91
- color = _this$props.color,
92
- checkedIcon = _this$props.checkedIcon,
93
- icon = _this$props.icon,
94
- indeterminateIcon = _this$props.indeterminateIcon,
95
- style = _this$props.style,
96
- size = _this$props.size,
97
- className = _this$props.className,
98
- other = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "color", "checkedIcon", "icon", "indeterminateIcon", "style", "size", "className"]);
120
+ classes = _this$props.classes,
121
+ color = _this$props.color,
122
+ checkedIcon = _this$props.checkedIcon,
123
+ icon = _this$props.icon,
124
+ indeterminateIcon = _this$props.indeterminateIcon,
125
+ style = _this$props.style,
126
+ size = _this$props.size,
127
+ className = _this$props.className,
128
+ other = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "color", "checkedIcon", "icon", "indeterminateIcon", "style", "size", "className"]);
99
129
  var iconStyles = (0, _objectSpread2.default)({
100
130
  width: size,
101
131
  height: size
102
132
  }, style);
103
133
  var hcolor = ['success', 'error', 'warning', 'neutral', 'inherit'].includes(color) ? 'default' : color;
104
134
  var checkboxIcon;
135
+
105
136
  if (icon) {
106
137
  var iconProps = {
107
138
  className: classes.root
108
139
  };
140
+
109
141
  if (typeof icon === 'string') {
110
142
  checkboxIcon = /*#__PURE__*/_react.default.createElement(_HiIcon.default, (0, _extends2.default)({
111
143
  icon: icon
@@ -115,10 +147,11 @@ var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
115
147
  checkboxIcon.props = (0, _objectSpread2.default)({}, checkboxIcon.props, {}, iconProps);
116
148
  }
117
149
  }
150
+
118
151
  return /*#__PURE__*/_react.default.createElement(_Checkbox.default, (0, _extends2.default)({
119
152
  classes: {
120
153
  root: classes.root,
121
- checked: (0, _classnames.default)(classes.checked, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.checkedPrimary, color === 'primary' || color === 'inherit'), classes.checkedSecondary, color === 'secondary'), classes.checkedPositive, color === 'success'), classes.checkedNegative, color === 'error'), classes.checkedMiddle, color === 'warning'), classes.checkedNeutral, color === 'neutral')),
154
+ checked: (0, _classnames.default)(classes.checked, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.checkedPrimary, color === 'primary' || color === 'inherit'), (0, _defineProperty2.default)(_classNames, classes.checkedSecondary, color === 'secondary'), (0, _defineProperty2.default)(_classNames, classes.checkedPositive, color === 'success'), (0, _defineProperty2.default)(_classNames, classes.checkedNegative, color === 'error'), (0, _defineProperty2.default)(_classNames, classes.checkedMiddle, color === 'warning'), (0, _defineProperty2.default)(_classNames, classes.checkedNeutral, color === 'neutral'), _classNames)),
122
155
  disabled: classes.disabled
123
156
  },
124
157
  style: iconStyles,
@@ -144,13 +177,17 @@ var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
144
177
  }]);
145
178
  return HiCheckbox;
146
179
  }(_react.default.PureComponent);
180
+
147
181
  HiCheckbox.defaultProps = {
148
182
  checked: false,
149
183
  color: 'inherit',
150
184
  size: 20,
151
185
  icon: 'check_box_outline_blank'
152
186
  };
153
- var _default = exports.default = (0, _withStyles.default)(styles, {
187
+
188
+ var _default = (0, _withStyles.default)(styles, {
154
189
  hiComponent: true,
155
190
  name: 'HmuiHiCheckbox'
156
- })(HiCheckbox);
191
+ })(HiCheckbox);
192
+
193
+ exports.default = _default;
@@ -1,6 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
@@ -10,4 +11,5 @@ Object.defineProperty(exports, "default", {
10
11
  return _HiCheckbox.default;
11
12
  }
12
13
  });
14
+
13
15
  var _HiCheckbox = _interopRequireDefault(require("./HiCheckbox"));