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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (439) hide show
  1. package/HiAccordion/HiAccordion.js +26 -8
  2. package/HiAccordion/index.js +5 -1
  3. package/HiAccordionActions/HiAccordionActions.js +14 -1
  4. package/HiAccordionActions/index.js +5 -1
  5. package/HiAccordionSummary/HiAccordionSummary.js +15 -1
  6. package/HiAccordionSummary/index.js +5 -1
  7. package/HiAlertModal/HiAlertModal.js +22 -7
  8. package/HiAlertModal/index.js +5 -1
  9. package/HiAppBar/HiAppBar.js +42 -11
  10. package/HiAppBar/index.js +2 -0
  11. package/HiAvatar/HiAvatar.js +12 -3
  12. package/HiAvatar/index.js +2 -0
  13. package/HiBadge/HiBadge.js +24 -8
  14. package/HiBadge/index.js +2 -0
  15. package/HiBreadcrumb/HiBreadcrumb.js +30 -6
  16. package/HiBreadcrumb/HiStep.js +45 -13
  17. package/HiBreadcrumb/HiStepConnector.js +49 -14
  18. package/HiBreadcrumb/HiStepContent.js +30 -6
  19. package/HiBreadcrumb/HiStepIcon.js +35 -10
  20. package/HiBreadcrumb/HiStepLabel.js +44 -14
  21. package/HiBreadcrumb/HiStepper.js +30 -6
  22. package/HiBreadcrumb/index.js +2 -0
  23. package/HiButton/HiButton.js +33 -8
  24. package/HiButton/index.js +5 -1
  25. package/HiCell/CellAddress.js +33 -12
  26. package/HiCell/CellDate.js +36 -10
  27. package/HiCell/CellHiddenContent.js +30 -8
  28. package/HiCell/CellIcon.js +36 -12
  29. package/HiCell/CellImage.js +34 -12
  30. package/HiCell/CellNumeric.js +40 -13
  31. package/HiCell/CellPinToAction.js +33 -9
  32. package/HiCell/CellRate.js +47 -13
  33. package/HiCell/CellSentinel.js +33 -12
  34. package/HiCell/CellSentinelScore.js +31 -9
  35. package/HiCell/CellText.js +52 -16
  36. package/HiCell/CellTextStyled.js +24 -13
  37. package/HiCell/index.js +10 -0
  38. package/HiCheckbox/HiCheckbox.js +52 -15
  39. package/HiCheckbox/index.js +2 -0
  40. package/HiChip/HiChip.js +47 -24
  41. package/HiChip/HiChipSwitch.js +59 -16
  42. package/HiChip/index.js +3 -0
  43. package/HiColoredLabel/HiColoredLabel.js +49 -15
  44. package/HiColoredLabel/index.js +2 -0
  45. package/HiDatePicker/Caption.js +21 -9
  46. package/HiDatePicker/HiDatePicker.js +88 -16
  47. package/HiDatePicker/HiDatePickerMobile.js +43 -18
  48. package/HiDatePicker/HiDateRangePicker.js +134 -38
  49. package/HiDatePicker/HiDateRangeSelector.js +130 -49
  50. package/HiDatePicker/ListPicker.js +38 -8
  51. package/HiDatePicker/NavBar.js +31 -12
  52. package/HiDatePicker/Overlays/CustomOverlayLayout.js +28 -11
  53. package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +28 -11
  54. package/HiDatePicker/Overlays/MonthPickerOverlay.js +26 -4
  55. package/HiDatePicker/Overlays/Overlay.js +25 -8
  56. package/HiDatePicker/Overlays/TimePickerOverlay.js +39 -8
  57. package/HiDatePicker/Overlays/YearPickerOverlay.js +31 -8
  58. package/HiDatePicker/Overlays/index.js +6 -0
  59. package/HiDatePicker/Weekday.js +9 -4
  60. package/HiDatePicker/hiLocaleUtils.js +20 -8
  61. package/HiDatePicker/index.js +2 -0
  62. package/HiDatePicker/stylesheet.js +13 -7
  63. package/HiDialog/HiDialog.js +19 -7
  64. package/HiDialog/index.js +2 -0
  65. package/HiDotsStepper/HiDot.js +37 -8
  66. package/HiDotsStepper/HiDotsStepper.js +37 -10
  67. package/HiDotsStepper/index.js +3 -0
  68. package/HiExpansionPanel/HiExpansionPanel.js +38 -16
  69. package/HiExpansionPanel/index.js +5 -1
  70. package/HiForm/HiAddressField.js +36 -10
  71. package/HiForm/HiEmailField.js +29 -5
  72. package/HiForm/HiFormControl.js +74 -28
  73. package/HiForm/HiFormLabel.js +41 -15
  74. package/HiForm/HiInput.js +91 -33
  75. package/HiForm/HiPasswordField.js +46 -9
  76. package/HiForm/HiSearchField.js +34 -3
  77. package/HiForm/HiSlider.js +57 -22
  78. package/HiForm/HiTextField.js +47 -22
  79. package/HiForm/HiUpload.js +89 -29
  80. package/HiForm/HiUploadField.js +32 -10
  81. package/HiForm/HiUploadInput.js +76 -23
  82. package/HiForm/index.js +12 -0
  83. package/HiIcon/HiIcon.js +34 -9
  84. package/HiIcon/index.js +2 -0
  85. package/HiIconButton/HiIconButton.js +21 -6
  86. package/HiIconButton/index.js +2 -0
  87. package/HiListItemLink/HiListItemLink.js +19 -7
  88. package/HiListItemLink/index.js +2 -0
  89. package/HiLoader/HiLoader.js +16 -6
  90. package/HiLoader/index.js +2 -0
  91. package/HiNotice/HiKPI.js +47 -16
  92. package/HiNotice/HiKPINotice.js +16 -6
  93. package/HiNotice/index.js +3 -0
  94. package/HiPagination/HiPagination.js +11 -1
  95. package/HiPagination/index.js +2 -0
  96. package/HiPaymentMeans/HiPaymentMeans.js +72 -31
  97. package/HiPaymentMeans/index.js +2 -0
  98. package/HiPdfReader/HiPdfReader.js +57 -24
  99. package/HiPdfReader/index.js +2 -0
  100. package/HiPin/HiPin.js +19 -7
  101. package/HiPin/index.js +2 -0
  102. package/HiRadio/HiRadio.js +22 -11
  103. package/HiRadio/index.js +2 -0
  104. package/HiScrollStepper/HiScrollStepper.js +67 -29
  105. package/HiScrollStepper/index.js +2 -0
  106. package/HiSelect/HiDynamicSelect.js +42 -32
  107. package/HiSelect/HiDynamicSelectField.js +48 -24
  108. package/HiSelect/HiNestedSelect.js +111 -65
  109. package/HiSelect/HiNestedSelectContent.js +86 -60
  110. package/HiSelect/HiNestedSelectField.js +48 -24
  111. package/HiSelect/HiSelect.js +187 -89
  112. package/HiSelect/HiSelectContent.js +97 -62
  113. package/HiSelect/HiSelectField.js +49 -25
  114. package/HiSelect/HiSelectInput.js +76 -23
  115. package/HiSelect/HiSelectMobile.js +44 -7
  116. package/HiSelect/HiSuggestSelect.js +81 -25
  117. package/HiSelect/HiSuggestSelectField.js +39 -15
  118. package/HiSelect/index.js +14 -2
  119. package/HiSelectableList/HiSelectableList.js +90 -34
  120. package/HiSelectableList/HiSelectableListHierarchic.js +60 -34
  121. package/HiSelectableList/HiSelectableListItem.js +88 -45
  122. package/HiSelectableList/index.js +4 -0
  123. package/HiStepper/DefaultIndicator.js +10 -1
  124. package/HiStepper/HiStep.js +48 -18
  125. package/HiStepper/HiStepper.js +15 -2
  126. package/HiStepper/index.js +3 -0
  127. package/HiSwitch/HiSwitch.js +33 -9
  128. package/HiSwitch/HiSwitchState.js +32 -15
  129. package/HiSwitch/index.js +3 -0
  130. package/HiTable/HiCellBuilder.js +65 -10
  131. package/HiTable/HiTable.js +48 -20
  132. package/HiTable/HiTableBody.js +24 -7
  133. package/HiTable/HiTableHeader.js +51 -18
  134. package/HiTable/HiTableRow.js +46 -12
  135. package/HiTable/constants.js +98 -48
  136. package/HiTable/index.js +2 -0
  137. package/es/HiAccordion/HiAccordion.js +26 -8
  138. package/es/HiAccordion/index.js +5 -1
  139. package/es/HiAccordionActions/HiAccordionActions.js +14 -1
  140. package/es/HiAccordionActions/index.js +5 -1
  141. package/es/HiAccordionSummary/HiAccordionSummary.js +15 -1
  142. package/es/HiAccordionSummary/index.js +5 -1
  143. package/es/HiAlertModal/HiAlertModal.js +22 -7
  144. package/es/HiAlertModal/index.js +5 -1
  145. package/es/HiAppBar/HiAppBar.js +42 -11
  146. package/es/HiAppBar/index.js +2 -0
  147. package/es/HiAvatar/HiAvatar.js +12 -3
  148. package/es/HiAvatar/index.js +2 -0
  149. package/es/HiBadge/HiBadge.js +24 -8
  150. package/es/HiBadge/index.js +2 -0
  151. package/es/HiBreadcrumb/HiBreadcrumb.js +30 -6
  152. package/es/HiBreadcrumb/HiStep.js +45 -13
  153. package/es/HiBreadcrumb/HiStepConnector.js +49 -14
  154. package/es/HiBreadcrumb/HiStepContent.js +30 -6
  155. package/es/HiBreadcrumb/HiStepIcon.js +35 -10
  156. package/es/HiBreadcrumb/HiStepLabel.js +44 -14
  157. package/es/HiBreadcrumb/HiStepper.js +30 -6
  158. package/es/HiBreadcrumb/index.js +2 -0
  159. package/es/HiButton/HiButton.js +33 -8
  160. package/es/HiButton/index.js +5 -1
  161. package/es/HiCell/CellAddress.js +33 -12
  162. package/es/HiCell/CellDate.js +36 -10
  163. package/es/HiCell/CellHiddenContent.js +30 -8
  164. package/es/HiCell/CellIcon.js +36 -12
  165. package/es/HiCell/CellImage.js +34 -12
  166. package/es/HiCell/CellNumeric.js +40 -13
  167. package/es/HiCell/CellPinToAction.js +33 -9
  168. package/es/HiCell/CellRate.js +47 -13
  169. package/es/HiCell/CellSentinel.js +33 -12
  170. package/es/HiCell/CellSentinelScore.js +31 -9
  171. package/es/HiCell/CellText.js +52 -16
  172. package/es/HiCell/CellTextStyled.js +24 -13
  173. package/es/HiCell/index.js +10 -0
  174. package/es/HiCheckbox/HiCheckbox.js +52 -15
  175. package/es/HiCheckbox/index.js +2 -0
  176. package/es/HiChip/HiChip.js +47 -24
  177. package/es/HiChip/HiChipSwitch.js +59 -16
  178. package/es/HiChip/index.js +3 -0
  179. package/es/HiColoredLabel/HiColoredLabel.js +49 -15
  180. package/es/HiColoredLabel/index.js +2 -0
  181. package/es/HiDatePicker/Caption.js +21 -9
  182. package/es/HiDatePicker/HiDatePicker.js +88 -16
  183. package/es/HiDatePicker/HiDatePickerMobile.js +43 -18
  184. package/es/HiDatePicker/HiDateRangePicker.js +134 -38
  185. package/es/HiDatePicker/HiDateRangeSelector.js +130 -49
  186. package/es/HiDatePicker/ListPicker.js +38 -8
  187. package/es/HiDatePicker/NavBar.js +31 -12
  188. package/es/HiDatePicker/Overlays/CustomOverlayLayout.js +28 -11
  189. package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +28 -11
  190. package/es/HiDatePicker/Overlays/MonthPickerOverlay.js +26 -4
  191. package/es/HiDatePicker/Overlays/Overlay.js +25 -8
  192. package/es/HiDatePicker/Overlays/TimePickerOverlay.js +39 -8
  193. package/es/HiDatePicker/Overlays/YearPickerOverlay.js +31 -8
  194. package/es/HiDatePicker/Overlays/index.js +6 -0
  195. package/es/HiDatePicker/Weekday.js +9 -4
  196. package/es/HiDatePicker/hiLocaleUtils.js +20 -8
  197. package/es/HiDatePicker/index.js +2 -0
  198. package/es/HiDatePicker/stylesheet.js +13 -7
  199. package/es/HiDialog/HiDialog.js +19 -7
  200. package/es/HiDialog/index.js +2 -0
  201. package/es/HiDotsStepper/HiDot.js +37 -8
  202. package/es/HiDotsStepper/HiDotsStepper.js +37 -10
  203. package/es/HiDotsStepper/index.js +3 -0
  204. package/es/HiExpansionPanel/HiExpansionPanel.js +38 -16
  205. package/es/HiExpansionPanel/index.js +5 -1
  206. package/es/HiForm/HiAddressField.js +36 -10
  207. package/es/HiForm/HiEmailField.js +29 -5
  208. package/es/HiForm/HiFormControl.js +74 -28
  209. package/es/HiForm/HiFormLabel.js +41 -15
  210. package/es/HiForm/HiInput.js +91 -33
  211. package/es/HiForm/HiPasswordField.js +46 -9
  212. package/es/HiForm/HiSearchField.js +34 -3
  213. package/es/HiForm/HiSlider.js +57 -22
  214. package/es/HiForm/HiTextField.js +47 -22
  215. package/es/HiForm/HiUpload.js +89 -29
  216. package/es/HiForm/HiUploadField.js +32 -10
  217. package/es/HiForm/HiUploadInput.js +76 -23
  218. package/es/HiForm/index.js +12 -0
  219. package/es/HiIcon/HiIcon.js +34 -9
  220. package/es/HiIcon/index.js +2 -0
  221. package/es/HiIconButton/HiIconButton.js +21 -6
  222. package/es/HiIconButton/index.js +2 -0
  223. package/es/HiListItemLink/HiListItemLink.js +19 -7
  224. package/es/HiListItemLink/index.js +2 -0
  225. package/es/HiLoader/HiLoader.js +16 -6
  226. package/es/HiLoader/index.js +2 -0
  227. package/es/HiNotice/HiKPI.js +47 -16
  228. package/es/HiNotice/HiKPINotice.js +16 -6
  229. package/es/HiNotice/index.js +3 -0
  230. package/es/HiPagination/HiPagination.js +11 -1
  231. package/es/HiPagination/index.js +2 -0
  232. package/es/HiPaymentMeans/HiPaymentMeans.js +72 -31
  233. package/es/HiPaymentMeans/index.js +2 -0
  234. package/es/HiPdfReader/HiPdfReader.js +57 -24
  235. package/es/HiPdfReader/index.js +2 -0
  236. package/es/HiPin/HiPin.js +19 -7
  237. package/es/HiPin/index.js +2 -0
  238. package/es/HiRadio/HiRadio.js +22 -11
  239. package/es/HiRadio/index.js +2 -0
  240. package/es/HiScrollStepper/HiScrollStepper.js +67 -29
  241. package/es/HiScrollStepper/index.js +2 -0
  242. package/es/HiSelect/HiDynamicSelect.js +42 -32
  243. package/es/HiSelect/HiDynamicSelectField.js +48 -24
  244. package/es/HiSelect/HiNestedSelect.js +111 -65
  245. package/es/HiSelect/HiNestedSelectContent.js +86 -60
  246. package/es/HiSelect/HiNestedSelectField.js +48 -24
  247. package/es/HiSelect/HiSelect.js +187 -89
  248. package/es/HiSelect/HiSelectContent.js +97 -62
  249. package/es/HiSelect/HiSelectField.js +49 -25
  250. package/es/HiSelect/HiSelectInput.js +76 -23
  251. package/es/HiSelect/HiSelectMobile.js +44 -7
  252. package/es/HiSelect/HiSuggestSelect.js +81 -25
  253. package/es/HiSelect/HiSuggestSelectField.js +39 -15
  254. package/es/HiSelect/index.js +14 -2
  255. package/es/HiSelectableList/HiSelectableList.js +90 -34
  256. package/es/HiSelectableList/HiSelectableListHierarchic.js +60 -34
  257. package/es/HiSelectableList/HiSelectableListItem.js +88 -45
  258. package/es/HiSelectableList/index.js +4 -0
  259. package/es/HiStepper/DefaultIndicator.js +10 -1
  260. package/es/HiStepper/HiStep.js +48 -18
  261. package/es/HiStepper/HiStepper.js +15 -2
  262. package/es/HiStepper/index.js +3 -0
  263. package/es/HiSwitch/HiSwitch.js +33 -9
  264. package/es/HiSwitch/HiSwitchState.js +32 -15
  265. package/es/HiSwitch/index.js +3 -0
  266. package/es/HiTable/HiCellBuilder.js +65 -10
  267. package/es/HiTable/HiTable.js +48 -20
  268. package/es/HiTable/HiTableBody.js +24 -7
  269. package/es/HiTable/HiTableHeader.js +51 -18
  270. package/es/HiTable/HiTableRow.js +46 -12
  271. package/es/HiTable/constants.js +98 -48
  272. package/es/HiTable/index.js +2 -0
  273. package/es/hi-svg-icons/HiAccount.js +14 -4
  274. package/es/hi-svg-icons/HiActivity.js +14 -4
  275. package/es/hi-svg-icons/HiAll.js +18 -7
  276. package/es/hi-svg-icons/HiBilling.js +14 -4
  277. package/es/hi-svg-icons/HiBriefcaseRescue.js +14 -4
  278. package/es/hi-svg-icons/HiBusiness.js +14 -4
  279. package/es/hi-svg-icons/HiCatalog.js +14 -4
  280. package/es/hi-svg-icons/HiCustomer.js +14 -4
  281. package/es/hi-svg-icons/HiDownload.js +14 -4
  282. package/es/hi-svg-icons/HiFinance.js +14 -4
  283. package/es/hi-svg-icons/HiFinanceMenu.js +14 -4
  284. package/es/hi-svg-icons/HiHostedPaymentPage.js +14 -4
  285. package/es/hi-svg-icons/HiHostedPaymentPageMenu.js +14 -4
  286. package/es/hi-svg-icons/HiIntegration.js +14 -4
  287. package/es/hi-svg-icons/HiIntegrationMenu.js +14 -4
  288. package/es/hi-svg-icons/HiIntelligence.js +14 -4
  289. package/es/hi-svg-icons/HiIntelligenceMenu.js +14 -4
  290. package/es/hi-svg-icons/HiInvoice.js +14 -4
  291. package/es/hi-svg-icons/HiInvoiceMenu.js +14 -4
  292. package/es/hi-svg-icons/HiLogoRounded.js +17 -6
  293. package/es/hi-svg-icons/HiOrder.js +14 -4
  294. package/es/hi-svg-icons/HiPaymentOrder.js +14 -4
  295. package/es/hi-svg-icons/HiPermission.js +14 -4
  296. package/es/hi-svg-icons/HiPriceGrid.js +14 -4
  297. package/es/hi-svg-icons/HiPrivate.js +14 -4
  298. package/es/hi-svg-icons/HiRoute.js +14 -4
  299. package/es/hi-svg-icons/HiRouteMenu.js +14 -4
  300. package/es/hi-svg-icons/HiRouteSwitch.js +19 -7
  301. package/es/hi-svg-icons/HiRouteSwitchMenu.js +19 -7
  302. package/es/hi-svg-icons/HiSettlement.js +14 -4
  303. package/es/hi-svg-icons/HiSizeLarge.js +14 -4
  304. package/es/hi-svg-icons/HiSizeMedium.js +14 -4
  305. package/es/hi-svg-icons/HiSizeSmall.js +14 -4
  306. package/es/hi-svg-icons/HiStore.js +14 -4
  307. package/es/hi-svg-icons/HiStoreMenu.js +14 -4
  308. package/es/hi-svg-icons/HiTransaction.js +14 -4
  309. package/es/hi-svg-icons/HiTransactionMenu.js +14 -4
  310. package/es/hi-svg-icons/HiUser.js +14 -4
  311. package/es/hi-svg-icons/HiVendor.js +14 -4
  312. package/es/hi-svg-icons/HiWidget.js +14 -4
  313. package/es/hi-svg-icons/index.js +41 -0
  314. package/es/hi-svg-images/HiLogo.js +12 -4
  315. package/es/hi-svg-images/HiLogoWhite.js +12 -4
  316. package/es/hi-svg-images/index.js +3 -0
  317. package/es/setupTest.js +13 -2
  318. package/es/styleguide/Wrapper.js +6 -0
  319. package/es/styles/MuiThemeProvider.js +49 -15
  320. package/es/styles/colorManipulator.js +50 -15
  321. package/es/styles/createBreakpoints.js +29 -14
  322. package/es/styles/createGenerateClassName.js +24 -14
  323. package/es/styles/createMixins.js +10 -4
  324. package/es/styles/createMuiTheme.js +28 -11
  325. package/es/styles/createPalette.js +89 -67
  326. package/es/styles/createStyles.js +1 -0
  327. package/es/styles/createTypography.js +24 -15
  328. package/es/styles/getStylesCreator.js +14 -1
  329. package/es/styles/getThemeProps.js +7 -2
  330. package/es/styles/index.js +6 -0
  331. package/es/styles/jssPreset.js +11 -1
  332. package/es/styles/makeStyles.js +9 -2
  333. package/es/styles/mergeClasses.js +16 -5
  334. package/es/styles/shadows.js +4 -1
  335. package/es/styles/shape.js +2 -1
  336. package/es/styles/spacing.js +4 -1
  337. package/es/styles/themeListener.js +10 -2
  338. package/es/styles/transitions.js +35 -20
  339. package/es/styles/withStyles.js +9 -2
  340. package/es/styles/zIndex.js +2 -1
  341. package/es/test-utils/createMount.js +12 -2
  342. package/es/test-utils/createRender.js +9 -2
  343. package/es/test-utils/createShallow.js +17 -6
  344. package/es/test-utils/getClasses.js +4 -1
  345. package/es/test-utils/index.js +6 -0
  346. package/es/test-utils/until.js +14 -3
  347. package/es/test-utils/unwrap.js +1 -0
  348. package/es/theme/palette.js +7 -2
  349. package/es/theme/typography.js +15 -7
  350. package/es/theme.js +8 -2
  351. package/es/transitions/utils.js +7 -3
  352. package/es/utils/exactProp.js +13 -3
  353. package/es/utils/helpers.js +58 -19
  354. package/es/withMobileDialog/index.js +2 -0
  355. package/es/withMobileDialog/withMobileDialog.js +12 -3
  356. package/hi-svg-icons/HiAccount.js +14 -4
  357. package/hi-svg-icons/HiActivity.js +14 -4
  358. package/hi-svg-icons/HiAll.js +18 -7
  359. package/hi-svg-icons/HiBilling.js +14 -4
  360. package/hi-svg-icons/HiBriefcaseRescue.js +14 -4
  361. package/hi-svg-icons/HiBusiness.js +14 -4
  362. package/hi-svg-icons/HiCatalog.js +14 -4
  363. package/hi-svg-icons/HiCustomer.js +14 -4
  364. package/hi-svg-icons/HiDownload.js +14 -4
  365. package/hi-svg-icons/HiFinance.js +14 -4
  366. package/hi-svg-icons/HiFinanceMenu.js +14 -4
  367. package/hi-svg-icons/HiHostedPaymentPage.js +14 -4
  368. package/hi-svg-icons/HiHostedPaymentPageMenu.js +14 -4
  369. package/hi-svg-icons/HiIntegration.js +14 -4
  370. package/hi-svg-icons/HiIntegrationMenu.js +14 -4
  371. package/hi-svg-icons/HiIntelligence.js +14 -4
  372. package/hi-svg-icons/HiIntelligenceMenu.js +14 -4
  373. package/hi-svg-icons/HiInvoice.js +14 -4
  374. package/hi-svg-icons/HiInvoiceMenu.js +14 -4
  375. package/hi-svg-icons/HiLogoRounded.js +17 -6
  376. package/hi-svg-icons/HiOrder.js +14 -4
  377. package/hi-svg-icons/HiPaymentOrder.js +14 -4
  378. package/hi-svg-icons/HiPermission.js +14 -4
  379. package/hi-svg-icons/HiPriceGrid.js +14 -4
  380. package/hi-svg-icons/HiPrivate.js +14 -4
  381. package/hi-svg-icons/HiRoute.js +14 -4
  382. package/hi-svg-icons/HiRouteMenu.js +14 -4
  383. package/hi-svg-icons/HiRouteSwitch.js +19 -7
  384. package/hi-svg-icons/HiRouteSwitchMenu.js +19 -7
  385. package/hi-svg-icons/HiSettlement.js +14 -4
  386. package/hi-svg-icons/HiSizeLarge.js +14 -4
  387. package/hi-svg-icons/HiSizeMedium.js +14 -4
  388. package/hi-svg-icons/HiSizeSmall.js +14 -4
  389. package/hi-svg-icons/HiStore.js +14 -4
  390. package/hi-svg-icons/HiStoreMenu.js +14 -4
  391. package/hi-svg-icons/HiTransaction.js +14 -4
  392. package/hi-svg-icons/HiTransactionMenu.js +14 -4
  393. package/hi-svg-icons/HiUser.js +14 -4
  394. package/hi-svg-icons/HiVendor.js +14 -4
  395. package/hi-svg-icons/HiWidget.js +14 -4
  396. package/hi-svg-icons/index.js +41 -0
  397. package/hi-svg-images/HiLogo.js +12 -4
  398. package/hi-svg-images/HiLogoWhite.js +12 -4
  399. package/hi-svg-images/index.js +3 -0
  400. package/package.json +2 -2
  401. package/setupTest.js +13 -2
  402. package/styleguide/Wrapper.js +6 -0
  403. package/styles/MuiThemeProvider.js +49 -15
  404. package/styles/colorManipulator.js +50 -15
  405. package/styles/createBreakpoints.js +29 -14
  406. package/styles/createGenerateClassName.js +24 -14
  407. package/styles/createMixins.js +10 -4
  408. package/styles/createMuiTheme.js +28 -11
  409. package/styles/createPalette.js +89 -67
  410. package/styles/createStyles.js +1 -0
  411. package/styles/createTypography.js +24 -15
  412. package/styles/getStylesCreator.js +14 -1
  413. package/styles/getThemeProps.js +7 -2
  414. package/styles/index.js +6 -0
  415. package/styles/jssPreset.js +11 -1
  416. package/styles/makeStyles.js +9 -2
  417. package/styles/mergeClasses.js +16 -5
  418. package/styles/shadows.js +4 -1
  419. package/styles/shape.js +2 -1
  420. package/styles/spacing.js +4 -1
  421. package/styles/themeListener.js +10 -2
  422. package/styles/transitions.js +35 -20
  423. package/styles/withStyles.js +9 -2
  424. package/styles/zIndex.js +2 -1
  425. package/test-utils/createMount.js +12 -2
  426. package/test-utils/createRender.js +9 -2
  427. package/test-utils/createShallow.js +17 -6
  428. package/test-utils/getClasses.js +4 -1
  429. package/test-utils/index.js +6 -0
  430. package/test-utils/until.js +14 -3
  431. package/test-utils/unwrap.js +1 -0
  432. package/theme/palette.js +7 -2
  433. package/theme/typography.js +15 -7
  434. package/theme.js +8 -2
  435. package/transitions/utils.js +7 -3
  436. package/utils/exactProp.js +13 -3
  437. package/utils/helpers.js +58 -19
  438. package/withMobileDialog/index.js +2 -0
  439. package/withMobileDialog/withMobileDialog.js +12 -3
@@ -1,20 +1,31 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  var _typeof = require("@babel/runtime/helpers/typeof");
6
+
5
7
  Object.defineProperty(exports, "__esModule", {
6
8
  value: true
7
9
  });
8
10
  exports.useStyles = exports.default = void 0;
11
+
9
12
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
13
+
10
14
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
15
+
11
16
  var _react = _interopRequireWildcard(require("react"));
17
+
12
18
  var _Button = _interopRequireDefault(require("@mui/material/Button"));
19
+
13
20
  var _styles = require("@mui/material/styles");
21
+
14
22
  var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
15
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
16
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
17
- var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
23
+
24
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
25
+
26
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
+
28
+ var useStyles = (0, _makeStyles.default)(function (theme) {
18
29
  return {
19
30
  root: {},
20
31
  // a style rule
@@ -43,6 +54,7 @@ var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
43
54
  }
44
55
  };
45
56
  }
57
+
46
58
  return null;
47
59
  },
48
60
  contained: function contained(props) {
@@ -94,6 +106,7 @@ var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
94
106
  }
95
107
  };
96
108
  }
109
+
97
110
  return null;
98
111
  },
99
112
  outlined: function outlined(props) {
@@ -116,41 +129,51 @@ var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
116
129
  }
117
130
  };
118
131
  }
132
+
119
133
  return null;
120
134
  }
121
135
  };
122
136
  });
123
-
124
137
  /**
125
138
  * HiButton
126
139
  * Inherited from Button
127
140
  */
141
+
142
+ exports.useStyles = useStyles;
143
+
128
144
  var HiButton = _react.default.forwardRef(function (props, ref) {
129
145
  var disableElevation = props.disableElevation,
130
- variant = props.variant,
131
- color = props.color,
132
- otherProps = (0, _objectWithoutProperties2.default)(props, ["disableElevation", "variant", "color"]);
146
+ variant = props.variant,
147
+ color = props.color,
148
+ otherProps = (0, _objectWithoutProperties2.default)(props, ["disableElevation", "variant", "color"]);
133
149
  var classes = useStyles(props);
134
150
  var style = (0, _react.useMemo)(function () {
135
151
  var style = {};
152
+
136
153
  if (disableElevation) {
137
154
  style.boxShadow = 'none';
138
155
  }
156
+
139
157
  return style;
140
158
  }, [disableElevation]);
159
+
141
160
  var _color = (0, _react.useMemo)(function () {
142
161
  if (['neutral', 'success', 'warning', 'error'].includes(color) || /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(color) // isHexColor
143
162
  ) {
144
163
  return 'inherit';
145
164
  }
165
+
146
166
  return color;
147
167
  }, [color]);
168
+
148
169
  var _variant = (0, _react.useMemo)(function () {
149
170
  if (variant === 'containedLight') {
150
171
  return 'contained';
151
172
  }
173
+
152
174
  return variant;
153
175
  }, [variant]);
176
+
154
177
  return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
155
178
  ref: ref,
156
179
  style: style,
@@ -159,9 +182,11 @@ var HiButton = _react.default.forwardRef(function (props, ref) {
159
182
  variant: _variant
160
183
  }, otherProps));
161
184
  });
185
+
162
186
  HiButton.defaultProps = {
163
187
  disableElevation: false,
164
188
  variant: 'text',
165
189
  color: 'neutral'
166
190
  };
167
- var _default = exports.default = HiButton;
191
+ var _default = HiButton;
192
+ exports.default = _default;
@@ -1,9 +1,13 @@
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 _HiButton = _interopRequireDefault(require("./HiButton"));
9
- var _default = exports.default = _HiButton.default;
11
+
12
+ var _default = _HiButton.default;
13
+ exports.default = _default;
@@ -1,20 +1,31 @@
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
+
10
14
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
15
+
11
16
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
17
+
12
18
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
19
+
13
20
  var _react = _interopRequireDefault(require("react"));
21
+
14
22
  var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
23
+
15
24
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
25
+
16
26
  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; } }
17
- var styles = exports.styles = function styles() {
27
+
28
+ var styles = function styles() {
18
29
  return {
19
30
  rightEllipsisSpan: {
20
31
  overflow: 'hidden',
@@ -24,32 +35,38 @@ var styles = exports.styles = function styles() {
24
35
  }
25
36
  };
26
37
  };
27
-
28
38
  /**
29
39
  * Cette cellule permet d'afficher une adresse ou le nom d'un lieu
30
40
  * - si le nom du lieu est défini, on affiche le lieu et la ville
31
41
  * - sinon on affiche la ville et le pays
32
42
  * - tous les champs définis sont affichés dans le tooltip
33
43
  */
44
+
45
+
46
+ exports.styles = styles;
47
+
34
48
  var CellAddress = /*#__PURE__*/function (_React$PureComponent) {
35
49
  (0, _inherits2.default)(CellAddress, _React$PureComponent);
50
+
36
51
  var _super = _createSuper(CellAddress);
52
+
37
53
  function CellAddress() {
38
54
  (0, _classCallCheck2.default)(this, CellAddress);
39
55
  return _super.apply(this, arguments);
40
56
  }
57
+
41
58
  (0, _createClass2.default)(CellAddress, [{
42
59
  key: "render",
43
60
  value: function render() {
44
61
  var _this$props = this.props,
45
- classes = _this$props.classes,
46
- streetAddress = _this$props.streetAddress,
47
- name = _this$props.name,
48
- city = _this$props.city,
49
- postalCode = _this$props.postalCode,
50
- view = _this$props.view,
51
- country = _this$props.country,
52
- isoCountry = _this$props.isoCountry;
62
+ classes = _this$props.classes,
63
+ streetAddress = _this$props.streetAddress,
64
+ name = _this$props.name,
65
+ city = _this$props.city,
66
+ postalCode = _this$props.postalCode,
67
+ view = _this$props.view,
68
+ country = _this$props.country,
69
+ isoCountry = _this$props.isoCountry;
53
70
  var labelItems = (view === 'l' ? [name, city, country] : [name, city, isoCountry]).filter(function (item) {
54
71
  return item !== undefined;
55
72
  });
@@ -71,9 +88,13 @@ var CellAddress = /*#__PURE__*/function (_React$PureComponent) {
71
88
  }]);
72
89
  return CellAddress;
73
90
  }(_react.default.PureComponent);
91
+
74
92
  CellAddress.defaultProps = {
75
93
  view: 'l'
76
94
  };
77
- var _default = exports.default = (0, _withStyles.default)(styles, {
95
+
96
+ var _default = (0, _withStyles.default)(styles, {
78
97
  name: 'HmuiCellAddress'
79
- })(CellAddress);
98
+ })(CellAddress);
99
+
100
+ exports.default = _default;
@@ -1,21 +1,33 @@
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
+
10
14
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
15
+
11
16
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
17
+
12
18
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
19
+
13
20
  var _react = _interopRequireDefault(require("react"));
21
+
14
22
  var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
23
+
15
24
  var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
25
+
16
26
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
27
+
17
28
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
18
- var styles = exports.styles = {
29
+
30
+ var styles = {
19
31
  rightEllipsisSpan: {
20
32
  display: 'inline-block',
21
33
  overflow: 'hidden',
@@ -27,37 +39,46 @@ var styles = exports.styles = {
27
39
  }
28
40
  }
29
41
  };
30
-
31
42
  /**
32
43
  * Cette cellule permet d'afficher une date en fonction de la locale de l'utilisateur
33
44
  */
45
+
46
+ exports.styles = styles;
47
+
34
48
  var CellDate = /*#__PURE__*/function (_React$PureComponent) {
35
49
  (0, _inherits2.default)(CellDate, _React$PureComponent);
50
+
36
51
  var _super = _createSuper(CellDate);
52
+
37
53
  function CellDate() {
38
54
  var _this;
55
+
39
56
  (0, _classCallCheck2.default)(this, CellDate);
57
+
40
58
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
41
59
  args[_key] = arguments[_key];
42
60
  }
61
+
43
62
  _this = _super.call.apply(_super, [this].concat(args));
44
63
  _this.formatLong = 'dddd DD MMMM YYYY HH:mm:ss';
45
64
  return _this;
46
65
  }
66
+
47
67
  (0, _createClass2.default)(CellDate, [{
48
68
  key: "render",
49
69
  value: function render() {
50
70
  var _this$props = this.props,
51
- classes = _this$props.classes,
52
- displayTime = _this$props.displayTime,
53
- date = _this$props.date,
54
- locale = _this$props.locale,
55
- view = _this$props.view,
56
- formatShort = _this$props.formatShort;
71
+ classes = _this$props.classes,
72
+ displayTime = _this$props.displayTime,
73
+ date = _this$props.date,
74
+ locale = _this$props.locale,
75
+ view = _this$props.view,
76
+ formatShort = _this$props.formatShort;
57
77
  if (!date) return '';
58
78
  var mdate = (0, _momentTimezone.default)(date);
59
79
  mdate.locale(locale);
60
80
  var label;
81
+
61
82
  if (view === 'l') {
62
83
  label = displayTime ? mdate.format(this.formatLong) : mdate.format(this.formatLong.replace(' HH:mm:ss', ''));
63
84
  } else if (view === 'm') {
@@ -65,6 +86,7 @@ var CellDate = /*#__PURE__*/function (_React$PureComponent) {
65
86
  } else {
66
87
  label = displayTime ? mdate.format("".concat(formatShort.replace('YYYY', 'YY'), " HH:mm:ss")) : mdate.format(formatShort.replace('YYYY', 'YY'));
67
88
  }
89
+
68
90
  return /*#__PURE__*/_react.default.createElement("div", {
69
91
  className: classes.rightEllipsisSpan
70
92
  }, label);
@@ -72,12 +94,16 @@ var CellDate = /*#__PURE__*/function (_React$PureComponent) {
72
94
  }]);
73
95
  return CellDate;
74
96
  }(_react.default.PureComponent);
97
+
75
98
  CellDate.defaultProps = {
76
99
  displayTime: false,
77
100
  formatShort: 'DD/MM/YYYY',
78
101
  locale: 'en',
79
102
  view: 'm'
80
103
  };
81
- var _default = exports.default = (0, _withStyles.default)(styles, {
104
+
105
+ var _default = (0, _withStyles.default)(styles, {
82
106
  name: 'HmuiCellDate'
83
- })(CellDate);
107
+ })(CellDate);
108
+
109
+ exports.default = _default;
@@ -1,21 +1,33 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  var _typeof = require("@babel/runtime/helpers/typeof");
6
+
5
7
  Object.defineProperty(exports, "__esModule", {
6
8
  value: true
7
9
  });
8
10
  exports.useStyles = exports.default = void 0;
11
+
9
12
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
13
+
10
14
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
15
+
11
16
  var _react = _interopRequireWildcard(require("react"));
17
+
12
18
  var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
19
+
13
20
  var _classnames = _interopRequireDefault(require("classnames"));
21
+
14
22
  var _VisibilityRounded = _interopRequireDefault(require("@mui/icons-material/VisibilityRounded"));
23
+
15
24
  var _VisibilityOffRounded = _interopRequireDefault(require("@mui/icons-material/VisibilityOffRounded"));
16
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
17
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
18
- var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
25
+
26
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
+
28
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
29
+
30
+ var useStyles = (0, _makeStyles.default)(function (theme) {
19
31
  return {
20
32
  root: {
21
33
  display: 'flex',
@@ -41,14 +53,18 @@ var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
41
53
  iconDisable: {}
42
54
  };
43
55
  });
56
+ exports.useStyles = useStyles;
57
+
44
58
  var CellHiddenContent = function CellHiddenContent(props) {
45
59
  var _props$value = props.value,
46
- value = _props$value === void 0 ? null : _props$value;
60
+ value = _props$value === void 0 ? null : _props$value;
47
61
  var classes = useStyles(props);
62
+
48
63
  var _useState = (0, _react.useState)(false),
49
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
50
- display = _useState2[0],
51
- setDisplay = _useState2[1];
64
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
65
+ display = _useState2[0],
66
+ setDisplay = _useState2[1];
67
+
52
68
  var content = (0, _react.useMemo)(function () {
53
69
  if (true === display) {
54
70
  return /*#__PURE__*/_react.default.createElement("div", {
@@ -59,23 +75,29 @@ var CellHiddenContent = function CellHiddenContent(props) {
59
75
  className: classes.label
60
76
  }, value));
61
77
  }
78
+
62
79
  return /*#__PURE__*/_react.default.createElement("div", {
63
80
  className: classes.wrapper
64
81
  }, /*#__PURE__*/_react.default.createElement(_VisibilityRounded.default, {
65
82
  className: (0, _classnames.default)(classes.icon, (0, _defineProperty2.default)({}, classes.iconDisable, null == value))
66
83
  }));
67
84
  }, [value, display]);
85
+
68
86
  var handleClick = function handleClick(e) {
69
87
  e.preventDefault();
70
88
  e.stopPropagation();
89
+
71
90
  if (null != value) {
72
91
  setDisplay(!display);
73
92
  }
74
93
  };
94
+
75
95
  return /*#__PURE__*/_react.default.createElement("div", {
76
96
  className: classes.root,
77
97
  title: value,
78
98
  onClick: handleClick
79
99
  }, content);
80
100
  };
81
- var _default = exports.default = CellHiddenContent;
101
+
102
+ var _default = CellHiddenContent;
103
+ exports.default = _default;
@@ -1,22 +1,35 @@
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
+
10
14
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
15
+
11
16
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
17
+
12
18
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
19
+
13
20
  var _react = _interopRequireDefault(require("react"));
21
+
14
22
  var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
23
+
15
24
  var _HiIcon = _interopRequireDefault(require("../HiIcon"));
25
+
16
26
  var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
27
+
17
28
  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); }; }
29
+
18
30
  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; } }
19
- var styles = exports.styles = {
31
+
32
+ var styles = {
20
33
  icon: {
21
34
  float: 'left'
22
35
  },
@@ -35,30 +48,36 @@ var styles = exports.styles = {
35
48
  justifyContent: 'flex-end'
36
49
  }
37
50
  };
38
-
39
51
  /**
40
52
  * Cette cellule permet d'afficher une icône et un label (optionnel).
41
53
  * En vue small (s) elle affiche uniquement l'icône avec une largeur fixe.
42
54
  */
55
+
56
+ exports.styles = styles;
57
+
43
58
  var CellIcon = /*#__PURE__*/function (_React$PureComponent) {
44
59
  (0, _inherits2.default)(CellIcon, _React$PureComponent);
60
+
45
61
  var _super = _createSuper(CellIcon);
62
+
46
63
  function CellIcon() {
47
64
  (0, _classCallCheck2.default)(this, CellIcon);
48
65
  return _super.apply(this, arguments);
49
66
  }
67
+
50
68
  (0, _createClass2.default)(CellIcon, [{
51
69
  key: "render",
52
70
  value: function render() {
53
71
  var _this$props = this.props,
54
- align = _this$props.align,
55
- classes = _this$props.classes,
56
- color = _this$props.color,
57
- icon = _this$props.icon,
58
- label = _this$props.label,
59
- onClick = _this$props.onClick,
60
- size = _this$props.size,
61
- view = _this$props.view;
72
+ align = _this$props.align,
73
+ classes = _this$props.classes,
74
+ color = _this$props.color,
75
+ icon = _this$props.icon,
76
+ label = _this$props.label,
77
+ onClick = _this$props.onClick,
78
+ size = _this$props.size,
79
+ view = _this$props.view;
80
+
62
81
  if (onClick) {
63
82
  return /*#__PURE__*/_react.default.createElement("div", {
64
83
  className: align === 'right' ? classes.flexContent : classes.wrapper,
@@ -80,6 +99,7 @@ var CellIcon = /*#__PURE__*/function (_React$PureComponent) {
80
99
  className: classes.label
81
100
  }, label)));
82
101
  }
102
+
83
103
  return /*#__PURE__*/_react.default.createElement("div", {
84
104
  className: align === 'right' ? classes.flexContent : classes.wrapper,
85
105
  title: label
@@ -98,10 +118,14 @@ var CellIcon = /*#__PURE__*/function (_React$PureComponent) {
98
118
  }]);
99
119
  return CellIcon;
100
120
  }(_react.default.PureComponent);
121
+
101
122
  CellIcon.defaultProps = {
102
123
  view: 'm',
103
124
  color: 'neutral'
104
125
  };
105
- var _default = exports.default = (0, _withStyles.default)(styles, {
126
+
127
+ var _default = (0, _withStyles.default)(styles, {
106
128
  name: 'HmuiCellIcon'
107
- })(CellIcon);
129
+ })(CellIcon);
130
+
131
+ exports.default = _default;
@@ -1,20 +1,31 @@
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
+
10
14
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
15
+
11
16
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
17
+
12
18
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
19
+
13
20
  var _react = _interopRequireDefault(require("react"));
21
+
14
22
  var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
23
+
15
24
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
25
+
16
26
  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; } }
17
- var styles = exports.styles = function styles() {
27
+
28
+ var styles = function styles() {
18
29
  return {
19
30
  img: {
20
31
  height: 'auto',
@@ -32,6 +43,9 @@ var styles = exports.styles = function styles() {
32
43
  }
33
44
  };
34
45
  };
46
+
47
+ exports.styles = styles;
48
+
35
49
  var handleError = function handleError(fallbackImage) {
36
50
  return function (e) {
37
51
  if (fallbackImage) {
@@ -41,31 +55,35 @@ var handleError = function handleError(fallbackImage) {
41
55
  }
42
56
  };
43
57
  };
44
-
45
58
  /**
46
59
  * Cette cellule permet d'afficher une image/logo (24px largeur) et un label (optionnel).
47
60
  * En vue large, aucun tooltip n'est affiché
48
61
  * En vue small (s) elle affiche uniquement l'image avec une largeur fixe.
49
62
  */
63
+
64
+
50
65
  var CellImage = /*#__PURE__*/function (_React$PureComponent) {
51
66
  (0, _inherits2.default)(CellImage, _React$PureComponent);
67
+
52
68
  var _super = _createSuper(CellImage);
69
+
53
70
  function CellImage() {
54
71
  (0, _classCallCheck2.default)(this, CellImage);
55
72
  return _super.apply(this, arguments);
56
73
  }
74
+
57
75
  (0, _createClass2.default)(CellImage, [{
58
76
  key: "render",
59
77
  value: function render() {
60
78
  var _this$props = this.props,
61
- classes = _this$props.classes,
62
- path = _this$props.path,
63
- label = _this$props.label,
64
- shortLabel = _this$props.shortLabel,
65
- view = _this$props.view,
66
- size = _this$props.size,
67
- fallbackImage = _this$props.fallbackImage,
68
- title = _this$props.title;
79
+ classes = _this$props.classes,
80
+ path = _this$props.path,
81
+ label = _this$props.label,
82
+ shortLabel = _this$props.shortLabel,
83
+ view = _this$props.view,
84
+ size = _this$props.size,
85
+ fallbackImage = _this$props.fallbackImage,
86
+ title = _this$props.title;
69
87
  var displayedLabel = shortLabel && view === 'm' ? shortLabel : label;
70
88
  return /*#__PURE__*/_react.default.createElement("div", {
71
89
  className: classes.wrapper,
@@ -84,10 +102,14 @@ var CellImage = /*#__PURE__*/function (_React$PureComponent) {
84
102
  }]);
85
103
  return CellImage;
86
104
  }(_react.default.PureComponent);
105
+
87
106
  CellImage.defaultProps = {
88
107
  size: 24,
89
108
  view: 's'
90
109
  };
91
- var _default = exports.default = (0, _withStyles.default)(styles, {
110
+
111
+ var _default = (0, _withStyles.default)(styles, {
92
112
  name: 'HmuiCellImage'
93
- })(CellImage);
113
+ })(CellImage);
114
+
115
+ exports.default = _default;