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

Sign up to get free protection for your applications and to get access to all the features.
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"));