@hipay/hipay-material-ui 4.0.1-beta3 → 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 +47 -15
  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 +35 -10
  16. package/HiBreadcrumb/HiStep.js +50 -17
  17. package/HiBreadcrumb/HiStepConnector.js +55 -18
  18. package/HiBreadcrumb/HiStepContent.js +35 -10
  19. package/HiBreadcrumb/HiStepIcon.js +40 -14
  20. package/HiBreadcrumb/HiStepLabel.js +49 -18
  21. package/HiBreadcrumb/HiStepper.js +35 -10
  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 +38 -16
  26. package/HiCell/CellDate.js +41 -14
  27. package/HiCell/CellHiddenContent.js +30 -8
  28. package/HiCell/CellIcon.js +41 -16
  29. package/HiCell/CellImage.js +39 -16
  30. package/HiCell/CellNumeric.js +45 -17
  31. package/HiCell/CellPinToAction.js +38 -13
  32. package/HiCell/CellRate.js +52 -17
  33. package/HiCell/CellSentinel.js +38 -16
  34. package/HiCell/CellSentinelScore.js +36 -13
  35. package/HiCell/CellText.js +58 -21
  36. package/HiCell/CellTextStyled.js +24 -13
  37. package/HiCell/index.js +10 -0
  38. package/HiCheckbox/HiCheckbox.js +57 -19
  39. package/HiCheckbox/index.js +2 -0
  40. package/HiChip/HiChip.js +47 -24
  41. package/HiChip/HiChipSwitch.js +65 -21
  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 +93 -20
  47. package/HiDatePicker/HiDatePickerMobile.js +48 -22
  48. package/HiDatePicker/HiDateRangePicker.js +139 -42
  49. package/HiDatePicker/HiDateRangeSelector.js +135 -53
  50. package/HiDatePicker/ListPicker.js +43 -12
  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 +32 -9
  55. package/HiDatePicker/Overlays/Overlay.js +25 -8
  56. package/HiDatePicker/Overlays/TimePickerOverlay.js +45 -13
  57. package/HiDatePicker/Overlays/YearPickerOverlay.js +38 -13
  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 -6
  63. package/HiDialog/HiDialog.js +19 -7
  64. package/HiDialog/index.js +2 -0
  65. package/HiDotsStepper/HiDot.js +42 -12
  66. package/HiDotsStepper/HiDotsStepper.js +43 -15
  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 +41 -14
  71. package/HiForm/HiEmailField.js +34 -9
  72. package/HiForm/HiFormControl.js +79 -32
  73. package/HiForm/HiFormLabel.js +45 -18
  74. package/HiForm/HiInput.js +97 -37
  75. package/HiForm/HiPasswordField.js +43 -13
  76. package/HiForm/HiSearchField.js +40 -8
  77. package/HiForm/HiSlider.js +62 -26
  78. package/HiForm/HiTextField.js +52 -26
  79. package/HiForm/HiUpload.js +94 -33
  80. package/HiForm/HiUploadField.js +37 -14
  81. package/HiForm/HiUploadInput.js +81 -25
  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 -6
  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 +53 -21
  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 +61 -27
  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 +47 -36
  107. package/HiSelect/HiDynamicSelectField.js +52 -27
  108. package/HiSelect/HiNestedSelect.js +116 -69
  109. package/HiSelect/HiNestedSelectContent.js +90 -63
  110. package/HiSelect/HiNestedSelectField.js +52 -27
  111. package/HiSelect/HiSelect.js +192 -93
  112. package/HiSelect/HiSelectContent.js +103 -67
  113. package/HiSelect/HiSelectField.js +53 -28
  114. package/HiSelect/HiSelectInput.js +81 -25
  115. package/HiSelect/HiSelectMobile.js +49 -11
  116. package/HiSelect/HiSuggestSelect.js +85 -28
  117. package/HiSelect/HiSuggestSelectField.js +43 -18
  118. package/HiSelect/index.js +14 -2
  119. package/HiSelectableList/HiSelectableList.js +95 -38
  120. package/HiSelectableList/HiSelectableListHierarchic.js +65 -38
  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 +69 -13
  131. package/HiTable/HiTable.js +48 -20
  132. package/HiTable/HiTableBody.js +28 -10
  133. package/HiTable/HiTableHeader.js +55 -21
  134. package/HiTable/HiTableRow.js +51 -16
  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 +47 -15
  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 +35 -10
  152. package/es/HiBreadcrumb/HiStep.js +50 -17
  153. package/es/HiBreadcrumb/HiStepConnector.js +55 -18
  154. package/es/HiBreadcrumb/HiStepContent.js +35 -10
  155. package/es/HiBreadcrumb/HiStepIcon.js +40 -14
  156. package/es/HiBreadcrumb/HiStepLabel.js +49 -18
  157. package/es/HiBreadcrumb/HiStepper.js +35 -10
  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 +38 -16
  162. package/es/HiCell/CellDate.js +41 -14
  163. package/es/HiCell/CellHiddenContent.js +30 -8
  164. package/es/HiCell/CellIcon.js +41 -16
  165. package/es/HiCell/CellImage.js +39 -16
  166. package/es/HiCell/CellNumeric.js +45 -17
  167. package/es/HiCell/CellPinToAction.js +38 -13
  168. package/es/HiCell/CellRate.js +52 -17
  169. package/es/HiCell/CellSentinel.js +38 -16
  170. package/es/HiCell/CellSentinelScore.js +36 -13
  171. package/es/HiCell/CellText.js +58 -21
  172. package/es/HiCell/CellTextStyled.js +24 -13
  173. package/es/HiCell/index.js +10 -0
  174. package/es/HiCheckbox/HiCheckbox.js +57 -19
  175. package/es/HiCheckbox/index.js +2 -0
  176. package/es/HiChip/HiChip.js +47 -24
  177. package/es/HiChip/HiChipSwitch.js +65 -21
  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 +93 -20
  183. package/es/HiDatePicker/HiDatePickerMobile.js +48 -22
  184. package/es/HiDatePicker/HiDateRangePicker.js +139 -42
  185. package/es/HiDatePicker/HiDateRangeSelector.js +135 -53
  186. package/es/HiDatePicker/ListPicker.js +43 -12
  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 +32 -9
  191. package/es/HiDatePicker/Overlays/Overlay.js +25 -8
  192. package/es/HiDatePicker/Overlays/TimePickerOverlay.js +45 -13
  193. package/es/HiDatePicker/Overlays/YearPickerOverlay.js +38 -13
  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 -6
  199. package/es/HiDialog/HiDialog.js +19 -7
  200. package/es/HiDialog/index.js +2 -0
  201. package/es/HiDotsStepper/HiDot.js +42 -12
  202. package/es/HiDotsStepper/HiDotsStepper.js +43 -15
  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 +41 -14
  207. package/es/HiForm/HiEmailField.js +34 -9
  208. package/es/HiForm/HiFormControl.js +79 -32
  209. package/es/HiForm/HiFormLabel.js +45 -18
  210. package/es/HiForm/HiInput.js +97 -37
  211. package/es/HiForm/HiPasswordField.js +43 -13
  212. package/es/HiForm/HiSearchField.js +40 -8
  213. package/es/HiForm/HiSlider.js +62 -26
  214. package/es/HiForm/HiTextField.js +52 -26
  215. package/es/HiForm/HiUpload.js +94 -33
  216. package/es/HiForm/HiUploadField.js +37 -14
  217. package/es/HiForm/HiUploadInput.js +81 -25
  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 -6
  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 +53 -21
  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 +61 -27
  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 +47 -36
  243. package/es/HiSelect/HiDynamicSelectField.js +52 -27
  244. package/es/HiSelect/HiNestedSelect.js +116 -69
  245. package/es/HiSelect/HiNestedSelectContent.js +90 -63
  246. package/es/HiSelect/HiNestedSelectField.js +52 -27
  247. package/es/HiSelect/HiSelect.js +192 -93
  248. package/es/HiSelect/HiSelectContent.js +103 -67
  249. package/es/HiSelect/HiSelectField.js +53 -28
  250. package/es/HiSelect/HiSelectInput.js +81 -25
  251. package/es/HiSelect/HiSelectMobile.js +49 -11
  252. package/es/HiSelect/HiSuggestSelect.js +85 -28
  253. package/es/HiSelect/HiSuggestSelectField.js +43 -18
  254. package/es/HiSelect/index.js +14 -2
  255. package/es/HiSelectableList/HiSelectableList.js +95 -38
  256. package/es/HiSelectableList/HiSelectableListHierarchic.js +65 -38
  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 +69 -13
  267. package/es/HiTable/HiTable.js +48 -20
  268. package/es/HiTable/HiTableBody.js +28 -10
  269. package/es/HiTable/HiTableHeader.js +55 -21
  270. package/es/HiTable/HiTableRow.js +51 -16
  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 +53 -18
  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 -66
  326. package/es/styles/createStyles.js +1 -0
  327. package/es/styles/createTypography.js +24 -15
  328. package/es/styles/getStylesCreator.js +14 -2
  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 +1 -1
  401. package/setupTest.js +13 -2
  402. package/styleguide/Wrapper.js +6 -0
  403. package/styles/MuiThemeProvider.js +53 -18
  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 -66
  410. package/styles/createStyles.js +1 -0
  411. package/styles/createTypography.js +24 -15
  412. package/styles/getStylesCreator.js +14 -2
  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,26 +1,43 @@
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 _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
13
+
10
14
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
15
+
16
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
17
+
11
18
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
19
+
12
20
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
13
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
21
+
14
22
  var _react = _interopRequireDefault(require("react"));
23
+
15
24
  var _classnames = _interopRequireDefault(require("classnames"));
25
+
16
26
  var _ArrowBottomRight = _interopRequireDefault(require("mdi-material-ui/ArrowBottomRight"));
27
+
17
28
  var _ArrowTopRight = _interopRequireDefault(require("mdi-material-ui/ArrowTopRight"));
29
+
18
30
  var _Equal = _interopRequireDefault(require("mdi-material-ui/Equal"));
31
+
19
32
  var _helpers = require("../utils/helpers");
33
+
20
34
  var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
21
- function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
22
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
23
- var styles = exports.styles = function styles(theme) {
35
+
36
+ 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); }; }
37
+
38
+ 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; } }
39
+
40
+ var styles = function styles(theme) {
24
41
  return {
25
42
  flexContent: {
26
43
  display: 'flex',
@@ -57,49 +74,63 @@ var styles = exports.styles = function styles(theme) {
57
74
  }
58
75
  };
59
76
  };
60
-
61
77
  /**
62
78
  * Cette cellule permet d'afficher un pourcentage
63
79
  * avec une icône d'évolution (optionnelle) et un indicateur du type de données représentées (optionnel)
64
80
  */
81
+
82
+
83
+ exports.styles = styles;
84
+
65
85
  var CellRate = /*#__PURE__*/function (_React$PureComponent) {
66
86
  (0, _inherits2.default)(CellRate, _React$PureComponent);
87
+
88
+ var _super = _createSuper(CellRate);
89
+
67
90
  function CellRate() {
68
91
  (0, _classCallCheck2.default)(this, CellRate);
69
- return _callSuper(this, CellRate, arguments);
92
+ return _super.apply(this, arguments);
70
93
  }
94
+
71
95
  (0, _createClass2.default)(CellRate, [{
72
96
  key: "render",
73
97
  value: function render() {
98
+ var _classNames, _classNames2;
99
+
74
100
  var _this$props = this.props,
75
- classes = _this$props.classes,
76
- value = _this$props.value,
77
- trendchip = _this$props.trendchip,
78
- isPositive = _this$props.isPositive,
79
- indicator = _this$props.indicator,
80
- locale = _this$props.locale,
81
- view = _this$props.view;
101
+ classes = _this$props.classes,
102
+ value = _this$props.value,
103
+ trendchip = _this$props.trendchip,
104
+ isPositive = _this$props.isPositive,
105
+ indicator = _this$props.indicator,
106
+ locale = _this$props.locale,
107
+ view = _this$props.view;
82
108
  var trendIcon;
83
109
  var displayedRate = (0, _helpers.formatRate)(value, view, locale);
110
+
84
111
  switch (trendchip) {
85
112
  case 'equal':
86
113
  trendIcon = /*#__PURE__*/_react.default.createElement(_Equal.default, {
87
114
  className: (0, _classnames.default)(classes.trendChipIcon, classes.neutral)
88
115
  });
89
116
  break;
117
+
90
118
  case 'up':
91
119
  trendIcon = /*#__PURE__*/_react.default.createElement(_ArrowTopRight.default, {
92
- className: (0, _classnames.default)(classes.trendChipIcon, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.success, isPositive), classes.error, !isPositive))
120
+ className: (0, _classnames.default)(classes.trendChipIcon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.success, isPositive), (0, _defineProperty2.default)(_classNames, classes.error, !isPositive), _classNames))
93
121
  });
94
122
  break;
123
+
95
124
  case 'down':
96
125
  trendIcon = /*#__PURE__*/_react.default.createElement(_ArrowBottomRight.default, {
97
- className: (0, _classnames.default)(classes.trendChipIcon, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.success, !isPositive), classes.error, isPositive))
126
+ className: (0, _classnames.default)(classes.trendChipIcon, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.success, !isPositive), (0, _defineProperty2.default)(_classNames2, classes.error, isPositive), _classNames2))
98
127
  });
99
128
  break;
129
+
100
130
  default:
101
131
  break;
102
132
  }
133
+
103
134
  return /*#__PURE__*/_react.default.createElement("div", {
104
135
  className: classes.flexContent
105
136
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -114,10 +145,14 @@ var CellRate = /*#__PURE__*/function (_React$PureComponent) {
114
145
  }]);
115
146
  return CellRate;
116
147
  }(_react.default.PureComponent);
148
+
117
149
  CellRate.defaultProps = {
118
150
  isPositive: true,
119
151
  locale: 'en'
120
152
  };
121
- var _default = exports.default = (0, _withStyles.default)(styles, {
153
+
154
+ var _default = (0, _withStyles.default)(styles, {
122
155
  name: 'HmuiCellRate'
123
- })(CellRate);
156
+ })(CellRate);
157
+
158
+ exports.default = _default;
@@ -1,49 +1,67 @@
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 _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
11
+
9
12
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
13
+
14
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
15
+
10
16
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
17
+
11
18
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
12
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
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"));
16
- function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
17
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
18
- var styles = exports.styles = {
25
+
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
+
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; } }
29
+
30
+ var styles = {
19
31
  flexContent: {
20
32
  display: 'flex',
21
33
  justifyContent: 'flex-end'
22
34
  },
23
35
  label: {}
24
36
  };
25
-
26
37
  /**
27
38
  * Cette cellule permet d'afficher le résultat de Sentinel (score & fraudResult & smartDecision)
28
39
  */
40
+
41
+ exports.styles = styles;
42
+
29
43
  var CellSentinel = /*#__PURE__*/function (_React$PureComponent) {
30
44
  (0, _inherits2.default)(CellSentinel, _React$PureComponent);
45
+
46
+ var _super = _createSuper(CellSentinel);
47
+
31
48
  function CellSentinel() {
32
49
  (0, _classCallCheck2.default)(this, CellSentinel);
33
- return _callSuper(this, CellSentinel, arguments);
50
+ return _super.apply(this, arguments);
34
51
  }
52
+
35
53
  (0, _createClass2.default)(CellSentinel, [{
36
54
  key: "render",
37
55
  value: function render() {
38
56
  var _this$props = this.props,
39
- active = _this$props.active,
40
- classes = _this$props.classes,
41
- color = _this$props.color,
42
- label = _this$props.label,
43
- letter = _this$props.letter,
44
- outlined = _this$props.outlined,
45
- reviewer = _this$props.reviewer,
46
- value = _this$props.value;
57
+ active = _this$props.active,
58
+ classes = _this$props.classes,
59
+ color = _this$props.color,
60
+ label = _this$props.label,
61
+ letter = _this$props.letter,
62
+ outlined = _this$props.outlined,
63
+ reviewer = _this$props.reviewer,
64
+ value = _this$props.value;
47
65
  var effectiveLabel = label || value;
48
66
  var effectiveLetter = letter || effectiveLabel[0];
49
67
  return /*#__PURE__*/_react.default.createElement("div", {
@@ -62,10 +80,14 @@ var CellSentinel = /*#__PURE__*/function (_React$PureComponent) {
62
80
  }]);
63
81
  return CellSentinel;
64
82
  }(_react.default.PureComponent);
83
+
65
84
  CellSentinel.defaultProps = {
66
85
  active: false,
67
86
  outlined: false
68
87
  };
69
- var _default = exports.default = (0, _withStyles.default)(styles, {
88
+
89
+ var _default = (0, _withStyles.default)(styles, {
70
90
  name: 'HmuiCellSentinel'
71
- })(CellSentinel);
91
+ })(CellSentinel);
92
+
93
+ exports.default = _default;
@@ -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
+
14
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
15
+
10
16
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
17
+
11
18
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
12
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
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"));
16
- function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
17
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
18
- var styles = exports.styles = {
25
+
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
+
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; } }
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,24 +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
+
58
+ var _super = _createSuper(CellSentinelScore);
59
+
42
60
  function CellSentinelScore() {
43
61
  (0, _classCallCheck2.default)(this, CellSentinelScore);
44
- return _callSuper(this, CellSentinelScore, arguments);
62
+ return _super.apply(this, arguments);
45
63
  }
64
+
46
65
  (0, _createClass2.default)(CellSentinelScore, [{
47
66
  key: "render",
48
67
  value: function render() {
49
68
  var _this$props = this.props,
50
- active = _this$props.active,
51
- classes = _this$props.classes,
52
- result = _this$props.result,
53
- value = _this$props.value;
69
+ active = _this$props.active,
70
+ classes = _this$props.classes,
71
+ result = _this$props.result,
72
+ value = _this$props.value;
54
73
  return /*#__PURE__*/_react.default.createElement("div", {
55
74
  className: classes.flexContent
56
75
  }, /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
@@ -65,9 +84,13 @@ var CellSentinelScore = /*#__PURE__*/function (_React$PureComponent) {
65
84
  }]);
66
85
  return CellSentinelScore;
67
86
  }(_react.default.PureComponent);
87
+
68
88
  CellSentinelScore.defaultProps = {
69
89
  active: false
70
90
  };
71
- var _default = exports.default = (0, _withStyles.default)(styles, {
91
+
92
+ var _default = (0, _withStyles.default)(styles, {
72
93
  name: 'HmuiCellSentinelScore'
73
- })(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"));
11
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
12
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
15
+
13
16
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
17
+
14
18
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
19
+
20
+ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
21
+
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"));
18
- function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
19
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
20
- var styles = exports.styles = {
29
+
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
+
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; } }
33
+
34
+ var styles = {
21
35
  leftEllipsisSpan: {
22
36
  display: 'inline-block',
23
37
  overflow: 'hidden',
@@ -37,20 +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
+
59
+ var _super = _createSuper(CellText);
60
+
42
61
  function CellText(props) {
43
62
  var _this;
63
+
44
64
  (0, _classCallCheck2.default)(this, CellText);
45
- _this = _callSuper(this, CellText, [props]);
65
+ _this = _super.call(this, props);
46
66
  _this.cellText = null;
47
67
  _this.buildEllipsis = _this.buildEllipsis.bind((0, _assertThisInitialized2.default)(_this));
48
68
  return _this;
49
69
  }
50
-
51
70
  /**
52
71
  * TODO - Ellipsis (middle, after-first-word)
53
72
  */
73
+
74
+
54
75
  (0, _createClass2.default)(CellText, [{
55
76
  key: "componentDidMount",
56
77
  value: function componentDidMount() {
@@ -71,11 +92,13 @@ var CellText = /*#__PURE__*/function (_React$Component) {
71
92
  if (this.props.ellipsis === 'after-first-word' || this.props.ellipsis === 'name') {
72
93
  if (this.cellText !== null) {
73
94
  var _this$cellText$getEle = this.cellText.getElementsByTagName('span'),
74
- _this$cellText$getEle2 = (0, _slicedToArray2.default)(_this$cellText$getEle, 2),
75
- startSpan = _this$cellText$getEle2[0],
76
- 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
+
77
99
  if (typeof startSpan !== 'undefined' && typeof endSpan !== 'undefined') {
78
100
  var availableEndSpace = this.cellText.offsetWidth - startSpan.offsetWidth - 2;
101
+
79
102
  if (availableEndSpace > 0) {
80
103
  endSpan.style.width = "".concat(availableEndSpace, "px");
81
104
  } else {
@@ -84,21 +107,24 @@ var CellText = /*#__PURE__*/function (_React$Component) {
84
107
  }
85
108
  }
86
109
  }
87
-
88
110
  /**
89
111
  * Calcul l'espace pris par les 2 spans (les 2 moitiés du texte),
90
112
  * si ils dépassent la largeur de la cellule :
91
113
  * - diminue d'autant et proportionnellement chaque span
92
114
  * - ajoute l'ellipse à gauche de la deuxième moitié du texte.
93
115
  */
116
+
117
+
94
118
  if (this.props.ellipsis === 'middle') {
95
119
  if (this.cellText !== null) {
96
120
  var _this$cellText$getEle3 = this.cellText.getElementsByTagName('span'),
97
- _this$cellText$getEle4 = (0, _slicedToArray2.default)(_this$cellText$getEle3, 2),
98
- _startSpan = _this$cellText$getEle4[0],
99
- _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
+
100
125
  if (typeof _startSpan !== 'undefined' && typeof _endSpan !== 'undefined') {
101
126
  var _availableEndSpace = this.cellText.offsetWidth - _startSpan.offsetWidth - _endSpan.offsetWidth;
127
+
102
128
  if (_availableEndSpace < 0) {
103
129
  _startSpan.style.width = '50%';
104
130
  _endSpan.style.width = '49%';
@@ -114,26 +140,30 @@ var CellText = /*#__PURE__*/function (_React$Component) {
114
140
  key: "render",
115
141
  value: function render() {
116
142
  var _this2 = this;
143
+
117
144
  var _this$props = this.props,
118
- classes = _this$props.classes,
119
- label = _this$props.label,
120
- ellipsis = _this$props.ellipsis,
121
- color = _this$props.color,
122
- 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;
123
150
  var start;
124
151
  var end;
125
152
  var valueElement = '';
126
153
  var valueString = label.toString();
154
+
127
155
  switch (ellipsis) {
128
156
  case 'name':
129
157
  case 'after-first-word':
130
158
  // Split value in 2 strings around first whitespace
131
159
  start = valueString.substr(0, valueString.indexOf(' '));
132
160
  end = valueString.substr(valueString.indexOf(' ') + 1);
161
+
133
162
  if (start === '') {
134
163
  start = end;
135
164
  end = '';
136
165
  }
166
+
137
167
  valueElement = /*#__PURE__*/_react.default.createElement("div", {
138
168
  ref: function ref(div) {
139
169
  _this2.cellText = div;
@@ -145,6 +175,7 @@ var CellText = /*#__PURE__*/function (_React$Component) {
145
175
  className: classes.leftEllipsisSpan
146
176
  }, end));
147
177
  break;
178
+
148
179
  case 'middle':
149
180
  // Split value in 2 strings
150
181
  start = valueString.substr(0, Math.round(valueString.length / 2));
@@ -160,6 +191,7 @@ var CellText = /*#__PURE__*/function (_React$Component) {
160
191
  className: classes.leftEllipsisSpan
161
192
  }, end));
162
193
  break;
194
+
163
195
  case 'left':
164
196
  valueElement = color ? /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
165
197
  className: classes.leftEllipsisSpan,
@@ -173,6 +205,7 @@ var CellText = /*#__PURE__*/function (_React$Component) {
173
205
  title: title
174
206
  }, valueString);
175
207
  break;
208
+
176
209
  case 'right':
177
210
  default:
178
211
  valueElement = color ? /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
@@ -188,11 +221,15 @@ var CellText = /*#__PURE__*/function (_React$Component) {
188
221
  }, valueString);
189
222
  break;
190
223
  }
224
+
191
225
  return valueElement;
192
226
  }
193
227
  }]);
194
228
  return CellText;
195
229
  }(_react.default.Component);
196
- var _default = exports.default = (0, _withStyles.default)(styles, {
230
+
231
+ var _default = (0, _withStyles.default)(styles, {
197
232
  name: 'HmuiCellText'
198
- })(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"));