@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.
- package/HiAccordion/HiAccordion.js +26 -8
- package/HiAccordion/index.js +5 -1
- package/HiAccordionActions/HiAccordionActions.js +14 -1
- package/HiAccordionActions/index.js +5 -1
- package/HiAccordionSummary/HiAccordionSummary.js +15 -1
- package/HiAccordionSummary/index.js +5 -1
- package/HiAlertModal/HiAlertModal.js +22 -7
- package/HiAlertModal/index.js +5 -1
- package/HiAppBar/HiAppBar.js +42 -11
- package/HiAppBar/index.js +2 -0
- package/HiAvatar/HiAvatar.js +12 -3
- package/HiAvatar/index.js +2 -0
- package/HiBadge/HiBadge.js +24 -8
- package/HiBadge/index.js +2 -0
- package/HiBreadcrumb/HiBreadcrumb.js +30 -6
- package/HiBreadcrumb/HiStep.js +45 -13
- package/HiBreadcrumb/HiStepConnector.js +49 -14
- package/HiBreadcrumb/HiStepContent.js +30 -6
- package/HiBreadcrumb/HiStepIcon.js +35 -10
- package/HiBreadcrumb/HiStepLabel.js +44 -14
- package/HiBreadcrumb/HiStepper.js +30 -6
- package/HiBreadcrumb/index.js +2 -0
- package/HiButton/HiButton.js +33 -8
- package/HiButton/index.js +5 -1
- package/HiCell/CellAddress.js +33 -12
- package/HiCell/CellDate.js +36 -10
- package/HiCell/CellHiddenContent.js +30 -8
- package/HiCell/CellIcon.js +36 -12
- package/HiCell/CellImage.js +34 -12
- package/HiCell/CellNumeric.js +40 -13
- package/HiCell/CellPinToAction.js +33 -9
- package/HiCell/CellRate.js +47 -13
- package/HiCell/CellSentinel.js +33 -12
- package/HiCell/CellSentinelScore.js +31 -9
- package/HiCell/CellText.js +52 -16
- package/HiCell/CellTextStyled.js +24 -13
- package/HiCell/index.js +10 -0
- package/HiCheckbox/HiCheckbox.js +52 -15
- package/HiCheckbox/index.js +2 -0
- package/HiChip/HiChip.js +47 -24
- package/HiChip/HiChipSwitch.js +59 -16
- package/HiChip/index.js +3 -0
- package/HiColoredLabel/HiColoredLabel.js +49 -15
- package/HiColoredLabel/index.js +2 -0
- package/HiDatePicker/Caption.js +21 -9
- package/HiDatePicker/HiDatePicker.js +88 -16
- package/HiDatePicker/HiDatePickerMobile.js +43 -18
- package/HiDatePicker/HiDateRangePicker.js +134 -38
- package/HiDatePicker/HiDateRangeSelector.js +130 -49
- package/HiDatePicker/ListPicker.js +38 -8
- package/HiDatePicker/NavBar.js +31 -12
- package/HiDatePicker/Overlays/CustomOverlayLayout.js +28 -11
- package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +28 -11
- package/HiDatePicker/Overlays/MonthPickerOverlay.js +26 -4
- package/HiDatePicker/Overlays/Overlay.js +25 -8
- package/HiDatePicker/Overlays/TimePickerOverlay.js +39 -8
- package/HiDatePicker/Overlays/YearPickerOverlay.js +31 -8
- package/HiDatePicker/Overlays/index.js +6 -0
- package/HiDatePicker/Weekday.js +9 -4
- package/HiDatePicker/hiLocaleUtils.js +20 -8
- package/HiDatePicker/index.js +2 -0
- package/HiDatePicker/stylesheet.js +13 -7
- package/HiDialog/HiDialog.js +19 -7
- package/HiDialog/index.js +2 -0
- package/HiDotsStepper/HiDot.js +37 -8
- package/HiDotsStepper/HiDotsStepper.js +37 -10
- package/HiDotsStepper/index.js +3 -0
- package/HiExpansionPanel/HiExpansionPanel.js +38 -16
- package/HiExpansionPanel/index.js +5 -1
- package/HiForm/HiAddressField.js +36 -10
- package/HiForm/HiEmailField.js +29 -5
- package/HiForm/HiFormControl.js +74 -28
- package/HiForm/HiFormLabel.js +41 -15
- package/HiForm/HiInput.js +91 -33
- package/HiForm/HiPasswordField.js +46 -9
- package/HiForm/HiSearchField.js +34 -3
- package/HiForm/HiSlider.js +57 -22
- package/HiForm/HiTextField.js +47 -22
- package/HiForm/HiUpload.js +89 -29
- package/HiForm/HiUploadField.js +32 -10
- package/HiForm/HiUploadInput.js +76 -23
- package/HiForm/index.js +12 -0
- package/HiIcon/HiIcon.js +34 -9
- package/HiIcon/index.js +2 -0
- package/HiIconButton/HiIconButton.js +21 -6
- package/HiIconButton/index.js +2 -0
- package/HiListItemLink/HiListItemLink.js +19 -7
- package/HiListItemLink/index.js +2 -0
- package/HiLoader/HiLoader.js +16 -6
- package/HiLoader/index.js +2 -0
- package/HiNotice/HiKPI.js +47 -16
- package/HiNotice/HiKPINotice.js +16 -6
- package/HiNotice/index.js +3 -0
- package/HiPagination/HiPagination.js +11 -1
- package/HiPagination/index.js +2 -0
- package/HiPaymentMeans/HiPaymentMeans.js +72 -31
- package/HiPaymentMeans/index.js +2 -0
- package/HiPdfReader/HiPdfReader.js +57 -24
- package/HiPdfReader/index.js +2 -0
- package/HiPin/HiPin.js +19 -7
- package/HiPin/index.js +2 -0
- package/HiRadio/HiRadio.js +22 -11
- package/HiRadio/index.js +2 -0
- package/HiScrollStepper/HiScrollStepper.js +67 -29
- package/HiScrollStepper/index.js +2 -0
- package/HiSelect/HiDynamicSelect.js +42 -32
- package/HiSelect/HiDynamicSelectField.js +48 -24
- package/HiSelect/HiNestedSelect.js +111 -65
- package/HiSelect/HiNestedSelectContent.js +86 -60
- package/HiSelect/HiNestedSelectField.js +48 -24
- package/HiSelect/HiSelect.js +187 -89
- package/HiSelect/HiSelectContent.js +97 -62
- package/HiSelect/HiSelectField.js +49 -25
- package/HiSelect/HiSelectInput.js +76 -23
- package/HiSelect/HiSelectMobile.js +44 -7
- package/HiSelect/HiSuggestSelect.js +81 -25
- package/HiSelect/HiSuggestSelectField.js +39 -15
- package/HiSelect/index.js +14 -2
- package/HiSelectableList/HiSelectableList.js +90 -34
- package/HiSelectableList/HiSelectableListHierarchic.js +60 -34
- package/HiSelectableList/HiSelectableListItem.js +88 -45
- package/HiSelectableList/index.js +4 -0
- package/HiStepper/DefaultIndicator.js +10 -1
- package/HiStepper/HiStep.js +48 -18
- package/HiStepper/HiStepper.js +15 -2
- package/HiStepper/index.js +3 -0
- package/HiSwitch/HiSwitch.js +33 -9
- package/HiSwitch/HiSwitchState.js +32 -15
- package/HiSwitch/index.js +3 -0
- package/HiTable/HiCellBuilder.js +65 -10
- package/HiTable/HiTable.js +48 -20
- package/HiTable/HiTableBody.js +24 -7
- package/HiTable/HiTableHeader.js +51 -18
- package/HiTable/HiTableRow.js +46 -12
- package/HiTable/constants.js +98 -48
- package/HiTable/index.js +2 -0
- package/es/HiAccordion/HiAccordion.js +26 -8
- package/es/HiAccordion/index.js +5 -1
- package/es/HiAccordionActions/HiAccordionActions.js +14 -1
- package/es/HiAccordionActions/index.js +5 -1
- package/es/HiAccordionSummary/HiAccordionSummary.js +15 -1
- package/es/HiAccordionSummary/index.js +5 -1
- package/es/HiAlertModal/HiAlertModal.js +22 -7
- package/es/HiAlertModal/index.js +5 -1
- package/es/HiAppBar/HiAppBar.js +42 -11
- package/es/HiAppBar/index.js +2 -0
- package/es/HiAvatar/HiAvatar.js +12 -3
- package/es/HiAvatar/index.js +2 -0
- package/es/HiBadge/HiBadge.js +24 -8
- package/es/HiBadge/index.js +2 -0
- package/es/HiBreadcrumb/HiBreadcrumb.js +30 -6
- package/es/HiBreadcrumb/HiStep.js +45 -13
- package/es/HiBreadcrumb/HiStepConnector.js +49 -14
- package/es/HiBreadcrumb/HiStepContent.js +30 -6
- package/es/HiBreadcrumb/HiStepIcon.js +35 -10
- package/es/HiBreadcrumb/HiStepLabel.js +44 -14
- package/es/HiBreadcrumb/HiStepper.js +30 -6
- package/es/HiBreadcrumb/index.js +2 -0
- package/es/HiButton/HiButton.js +33 -8
- package/es/HiButton/index.js +5 -1
- package/es/HiCell/CellAddress.js +33 -12
- package/es/HiCell/CellDate.js +36 -10
- package/es/HiCell/CellHiddenContent.js +30 -8
- package/es/HiCell/CellIcon.js +36 -12
- package/es/HiCell/CellImage.js +34 -12
- package/es/HiCell/CellNumeric.js +40 -13
- package/es/HiCell/CellPinToAction.js +33 -9
- package/es/HiCell/CellRate.js +47 -13
- package/es/HiCell/CellSentinel.js +33 -12
- package/es/HiCell/CellSentinelScore.js +31 -9
- package/es/HiCell/CellText.js +52 -16
- package/es/HiCell/CellTextStyled.js +24 -13
- package/es/HiCell/index.js +10 -0
- package/es/HiCheckbox/HiCheckbox.js +52 -15
- package/es/HiCheckbox/index.js +2 -0
- package/es/HiChip/HiChip.js +47 -24
- package/es/HiChip/HiChipSwitch.js +59 -16
- package/es/HiChip/index.js +3 -0
- package/es/HiColoredLabel/HiColoredLabel.js +49 -15
- package/es/HiColoredLabel/index.js +2 -0
- package/es/HiDatePicker/Caption.js +21 -9
- package/es/HiDatePicker/HiDatePicker.js +88 -16
- package/es/HiDatePicker/HiDatePickerMobile.js +43 -18
- package/es/HiDatePicker/HiDateRangePicker.js +134 -38
- package/es/HiDatePicker/HiDateRangeSelector.js +130 -49
- package/es/HiDatePicker/ListPicker.js +38 -8
- package/es/HiDatePicker/NavBar.js +31 -12
- package/es/HiDatePicker/Overlays/CustomOverlayLayout.js +28 -11
- package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +28 -11
- package/es/HiDatePicker/Overlays/MonthPickerOverlay.js +26 -4
- package/es/HiDatePicker/Overlays/Overlay.js +25 -8
- package/es/HiDatePicker/Overlays/TimePickerOverlay.js +39 -8
- package/es/HiDatePicker/Overlays/YearPickerOverlay.js +31 -8
- package/es/HiDatePicker/Overlays/index.js +6 -0
- package/es/HiDatePicker/Weekday.js +9 -4
- package/es/HiDatePicker/hiLocaleUtils.js +20 -8
- package/es/HiDatePicker/index.js +2 -0
- package/es/HiDatePicker/stylesheet.js +13 -7
- package/es/HiDialog/HiDialog.js +19 -7
- package/es/HiDialog/index.js +2 -0
- package/es/HiDotsStepper/HiDot.js +37 -8
- package/es/HiDotsStepper/HiDotsStepper.js +37 -10
- package/es/HiDotsStepper/index.js +3 -0
- package/es/HiExpansionPanel/HiExpansionPanel.js +38 -16
- package/es/HiExpansionPanel/index.js +5 -1
- package/es/HiForm/HiAddressField.js +36 -10
- package/es/HiForm/HiEmailField.js +29 -5
- package/es/HiForm/HiFormControl.js +74 -28
- package/es/HiForm/HiFormLabel.js +41 -15
- package/es/HiForm/HiInput.js +91 -33
- package/es/HiForm/HiPasswordField.js +46 -9
- package/es/HiForm/HiSearchField.js +34 -3
- package/es/HiForm/HiSlider.js +57 -22
- package/es/HiForm/HiTextField.js +47 -22
- package/es/HiForm/HiUpload.js +89 -29
- package/es/HiForm/HiUploadField.js +32 -10
- package/es/HiForm/HiUploadInput.js +76 -23
- package/es/HiForm/index.js +12 -0
- package/es/HiIcon/HiIcon.js +34 -9
- package/es/HiIcon/index.js +2 -0
- package/es/HiIconButton/HiIconButton.js +21 -6
- package/es/HiIconButton/index.js +2 -0
- package/es/HiListItemLink/HiListItemLink.js +19 -7
- package/es/HiListItemLink/index.js +2 -0
- package/es/HiLoader/HiLoader.js +16 -6
- package/es/HiLoader/index.js +2 -0
- package/es/HiNotice/HiKPI.js +47 -16
- package/es/HiNotice/HiKPINotice.js +16 -6
- package/es/HiNotice/index.js +3 -0
- package/es/HiPagination/HiPagination.js +11 -1
- package/es/HiPagination/index.js +2 -0
- package/es/HiPaymentMeans/HiPaymentMeans.js +72 -31
- package/es/HiPaymentMeans/index.js +2 -0
- package/es/HiPdfReader/HiPdfReader.js +57 -24
- package/es/HiPdfReader/index.js +2 -0
- package/es/HiPin/HiPin.js +19 -7
- package/es/HiPin/index.js +2 -0
- package/es/HiRadio/HiRadio.js +22 -11
- package/es/HiRadio/index.js +2 -0
- package/es/HiScrollStepper/HiScrollStepper.js +67 -29
- package/es/HiScrollStepper/index.js +2 -0
- package/es/HiSelect/HiDynamicSelect.js +42 -32
- package/es/HiSelect/HiDynamicSelectField.js +48 -24
- package/es/HiSelect/HiNestedSelect.js +111 -65
- package/es/HiSelect/HiNestedSelectContent.js +86 -60
- package/es/HiSelect/HiNestedSelectField.js +48 -24
- package/es/HiSelect/HiSelect.js +187 -89
- package/es/HiSelect/HiSelectContent.js +97 -62
- package/es/HiSelect/HiSelectField.js +49 -25
- package/es/HiSelect/HiSelectInput.js +76 -23
- package/es/HiSelect/HiSelectMobile.js +44 -7
- package/es/HiSelect/HiSuggestSelect.js +81 -25
- package/es/HiSelect/HiSuggestSelectField.js +39 -15
- package/es/HiSelect/index.js +14 -2
- package/es/HiSelectableList/HiSelectableList.js +90 -34
- package/es/HiSelectableList/HiSelectableListHierarchic.js +60 -34
- package/es/HiSelectableList/HiSelectableListItem.js +88 -45
- package/es/HiSelectableList/index.js +4 -0
- package/es/HiStepper/DefaultIndicator.js +10 -1
- package/es/HiStepper/HiStep.js +48 -18
- package/es/HiStepper/HiStepper.js +15 -2
- package/es/HiStepper/index.js +3 -0
- package/es/HiSwitch/HiSwitch.js +33 -9
- package/es/HiSwitch/HiSwitchState.js +32 -15
- package/es/HiSwitch/index.js +3 -0
- package/es/HiTable/HiCellBuilder.js +65 -10
- package/es/HiTable/HiTable.js +48 -20
- package/es/HiTable/HiTableBody.js +24 -7
- package/es/HiTable/HiTableHeader.js +51 -18
- package/es/HiTable/HiTableRow.js +46 -12
- package/es/HiTable/constants.js +98 -48
- package/es/HiTable/index.js +2 -0
- package/es/hi-svg-icons/HiAccount.js +14 -4
- package/es/hi-svg-icons/HiActivity.js +14 -4
- package/es/hi-svg-icons/HiAll.js +18 -7
- package/es/hi-svg-icons/HiBilling.js +14 -4
- package/es/hi-svg-icons/HiBriefcaseRescue.js +14 -4
- package/es/hi-svg-icons/HiBusiness.js +14 -4
- package/es/hi-svg-icons/HiCatalog.js +14 -4
- package/es/hi-svg-icons/HiCustomer.js +14 -4
- package/es/hi-svg-icons/HiDownload.js +14 -4
- package/es/hi-svg-icons/HiFinance.js +14 -4
- package/es/hi-svg-icons/HiFinanceMenu.js +14 -4
- package/es/hi-svg-icons/HiHostedPaymentPage.js +14 -4
- package/es/hi-svg-icons/HiHostedPaymentPageMenu.js +14 -4
- package/es/hi-svg-icons/HiIntegration.js +14 -4
- package/es/hi-svg-icons/HiIntegrationMenu.js +14 -4
- package/es/hi-svg-icons/HiIntelligence.js +14 -4
- package/es/hi-svg-icons/HiIntelligenceMenu.js +14 -4
- package/es/hi-svg-icons/HiInvoice.js +14 -4
- package/es/hi-svg-icons/HiInvoiceMenu.js +14 -4
- package/es/hi-svg-icons/HiLogoRounded.js +17 -6
- package/es/hi-svg-icons/HiOrder.js +14 -4
- package/es/hi-svg-icons/HiPaymentOrder.js +14 -4
- package/es/hi-svg-icons/HiPermission.js +14 -4
- package/es/hi-svg-icons/HiPriceGrid.js +14 -4
- package/es/hi-svg-icons/HiPrivate.js +14 -4
- package/es/hi-svg-icons/HiRoute.js +14 -4
- package/es/hi-svg-icons/HiRouteMenu.js +14 -4
- package/es/hi-svg-icons/HiRouteSwitch.js +19 -7
- package/es/hi-svg-icons/HiRouteSwitchMenu.js +19 -7
- package/es/hi-svg-icons/HiSettlement.js +14 -4
- package/es/hi-svg-icons/HiSizeLarge.js +14 -4
- package/es/hi-svg-icons/HiSizeMedium.js +14 -4
- package/es/hi-svg-icons/HiSizeSmall.js +14 -4
- package/es/hi-svg-icons/HiStore.js +14 -4
- package/es/hi-svg-icons/HiStoreMenu.js +14 -4
- package/es/hi-svg-icons/HiTransaction.js +14 -4
- package/es/hi-svg-icons/HiTransactionMenu.js +14 -4
- package/es/hi-svg-icons/HiUser.js +14 -4
- package/es/hi-svg-icons/HiVendor.js +14 -4
- package/es/hi-svg-icons/HiWidget.js +14 -4
- package/es/hi-svg-icons/index.js +41 -0
- package/es/hi-svg-images/HiLogo.js +12 -4
- package/es/hi-svg-images/HiLogoWhite.js +12 -4
- package/es/hi-svg-images/index.js +3 -0
- package/es/setupTest.js +13 -2
- package/es/styleguide/Wrapper.js +6 -0
- package/es/styles/MuiThemeProvider.js +49 -15
- package/es/styles/colorManipulator.js +50 -15
- package/es/styles/createBreakpoints.js +29 -14
- package/es/styles/createGenerateClassName.js +24 -14
- package/es/styles/createMixins.js +10 -4
- package/es/styles/createMuiTheme.js +28 -11
- package/es/styles/createPalette.js +89 -67
- package/es/styles/createStyles.js +1 -0
- package/es/styles/createTypography.js +24 -15
- package/es/styles/getStylesCreator.js +14 -1
- package/es/styles/getThemeProps.js +7 -2
- package/es/styles/index.js +6 -0
- package/es/styles/jssPreset.js +11 -1
- package/es/styles/makeStyles.js +9 -2
- package/es/styles/mergeClasses.js +16 -5
- package/es/styles/shadows.js +4 -1
- package/es/styles/shape.js +2 -1
- package/es/styles/spacing.js +4 -1
- package/es/styles/themeListener.js +10 -2
- package/es/styles/transitions.js +35 -20
- package/es/styles/withStyles.js +9 -2
- package/es/styles/zIndex.js +2 -1
- package/es/test-utils/createMount.js +12 -2
- package/es/test-utils/createRender.js +9 -2
- package/es/test-utils/createShallow.js +17 -6
- package/es/test-utils/getClasses.js +4 -1
- package/es/test-utils/index.js +6 -0
- package/es/test-utils/until.js +14 -3
- package/es/test-utils/unwrap.js +1 -0
- package/es/theme/palette.js +7 -2
- package/es/theme/typography.js +15 -7
- package/es/theme.js +8 -2
- package/es/transitions/utils.js +7 -3
- package/es/utils/exactProp.js +13 -3
- package/es/utils/helpers.js +58 -19
- package/es/withMobileDialog/index.js +2 -0
- package/es/withMobileDialog/withMobileDialog.js +12 -3
- package/hi-svg-icons/HiAccount.js +14 -4
- package/hi-svg-icons/HiActivity.js +14 -4
- package/hi-svg-icons/HiAll.js +18 -7
- package/hi-svg-icons/HiBilling.js +14 -4
- package/hi-svg-icons/HiBriefcaseRescue.js +14 -4
- package/hi-svg-icons/HiBusiness.js +14 -4
- package/hi-svg-icons/HiCatalog.js +14 -4
- package/hi-svg-icons/HiCustomer.js +14 -4
- package/hi-svg-icons/HiDownload.js +14 -4
- package/hi-svg-icons/HiFinance.js +14 -4
- package/hi-svg-icons/HiFinanceMenu.js +14 -4
- package/hi-svg-icons/HiHostedPaymentPage.js +14 -4
- package/hi-svg-icons/HiHostedPaymentPageMenu.js +14 -4
- package/hi-svg-icons/HiIntegration.js +14 -4
- package/hi-svg-icons/HiIntegrationMenu.js +14 -4
- package/hi-svg-icons/HiIntelligence.js +14 -4
- package/hi-svg-icons/HiIntelligenceMenu.js +14 -4
- package/hi-svg-icons/HiInvoice.js +14 -4
- package/hi-svg-icons/HiInvoiceMenu.js +14 -4
- package/hi-svg-icons/HiLogoRounded.js +17 -6
- package/hi-svg-icons/HiOrder.js +14 -4
- package/hi-svg-icons/HiPaymentOrder.js +14 -4
- package/hi-svg-icons/HiPermission.js +14 -4
- package/hi-svg-icons/HiPriceGrid.js +14 -4
- package/hi-svg-icons/HiPrivate.js +14 -4
- package/hi-svg-icons/HiRoute.js +14 -4
- package/hi-svg-icons/HiRouteMenu.js +14 -4
- package/hi-svg-icons/HiRouteSwitch.js +19 -7
- package/hi-svg-icons/HiRouteSwitchMenu.js +19 -7
- package/hi-svg-icons/HiSettlement.js +14 -4
- package/hi-svg-icons/HiSizeLarge.js +14 -4
- package/hi-svg-icons/HiSizeMedium.js +14 -4
- package/hi-svg-icons/HiSizeSmall.js +14 -4
- package/hi-svg-icons/HiStore.js +14 -4
- package/hi-svg-icons/HiStoreMenu.js +14 -4
- package/hi-svg-icons/HiTransaction.js +14 -4
- package/hi-svg-icons/HiTransactionMenu.js +14 -4
- package/hi-svg-icons/HiUser.js +14 -4
- package/hi-svg-icons/HiVendor.js +14 -4
- package/hi-svg-icons/HiWidget.js +14 -4
- package/hi-svg-icons/index.js +41 -0
- package/hi-svg-images/HiLogo.js +12 -4
- package/hi-svg-images/HiLogoWhite.js +12 -4
- package/hi-svg-images/index.js +3 -0
- package/package.json +2 -2
- package/setupTest.js +13 -2
- package/styleguide/Wrapper.js +6 -0
- package/styles/MuiThemeProvider.js +49 -15
- package/styles/colorManipulator.js +50 -15
- package/styles/createBreakpoints.js +29 -14
- package/styles/createGenerateClassName.js +24 -14
- package/styles/createMixins.js +10 -4
- package/styles/createMuiTheme.js +28 -11
- package/styles/createPalette.js +89 -67
- package/styles/createStyles.js +1 -0
- package/styles/createTypography.js +24 -15
- package/styles/getStylesCreator.js +14 -1
- package/styles/getThemeProps.js +7 -2
- package/styles/index.js +6 -0
- package/styles/jssPreset.js +11 -1
- package/styles/makeStyles.js +9 -2
- package/styles/mergeClasses.js +16 -5
- package/styles/shadows.js +4 -1
- package/styles/shape.js +2 -1
- package/styles/spacing.js +4 -1
- package/styles/themeListener.js +10 -2
- package/styles/transitions.js +35 -20
- package/styles/withStyles.js +9 -2
- package/styles/zIndex.js +2 -1
- package/test-utils/createMount.js +12 -2
- package/test-utils/createRender.js +9 -2
- package/test-utils/createShallow.js +17 -6
- package/test-utils/getClasses.js +4 -1
- package/test-utils/index.js +6 -0
- package/test-utils/until.js +14 -3
- package/test-utils/unwrap.js +1 -0
- package/theme/palette.js +7 -2
- package/theme/typography.js +15 -7
- package/theme.js +8 -2
- package/transitions/utils.js +7 -3
- package/utils/exactProp.js +13 -3
- package/utils/helpers.js +58 -19
- package/withMobileDialog/index.js +2 -0
- package/withMobileDialog/withMobileDialog.js +12 -3
package/es/HiSwitch/HiSwitch.js
CHANGED
@@ -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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
11
|
+
|
9
12
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
13
|
+
|
10
14
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
15
|
+
|
11
16
|
var _react = _interopRequireDefault(require("react"));
|
17
|
+
|
12
18
|
var _classnames = _interopRequireDefault(require("classnames"));
|
19
|
+
|
13
20
|
var _SwitchBase = _interopRequireDefault(require("@mui/material/internal/SwitchBase"));
|
21
|
+
|
14
22
|
var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
|
23
|
+
|
15
24
|
var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
|
25
|
+
|
16
26
|
var _helpers = require("../utils/helpers");
|
27
|
+
|
17
28
|
var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
|
18
|
-
|
29
|
+
|
30
|
+
var styles = function styles(theme) {
|
19
31
|
return {
|
20
32
|
root: {
|
21
33
|
display: 'inline-flex',
|
@@ -145,21 +157,29 @@ var styles = exports.styles = function styles(theme) {
|
|
145
157
|
}
|
146
158
|
};
|
147
159
|
};
|
160
|
+
|
161
|
+
exports.styles = styles;
|
162
|
+
|
148
163
|
function HiSwitch(props) {
|
164
|
+
var _classNames;
|
165
|
+
|
149
166
|
var classes = props.classes,
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
167
|
+
className = props.className,
|
168
|
+
checked = props.checked,
|
169
|
+
color = props.color,
|
170
|
+
disabled = props.disabled,
|
171
|
+
other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "checked", "color", "disabled"]);
|
155
172
|
var isHiColor = ['primary', 'secondary', 'success', 'error', 'warning', 'neutral'].includes(color);
|
156
|
-
var iconClass = (0, _classnames.default)(classes.icon, (
|
173
|
+
var iconClass = (0, _classnames.default)(classes.icon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.iconNotChecked, !checked), (0, _defineProperty2.default)(_classNames, classes.iconChecked, checked), (0, _defineProperty2.default)(_classNames, classes.iconCheckedNeutral, !disabled && checked && !isHiColor), (0, _defineProperty2.default)(_classNames, classes["iconChecked".concat((0, _helpers.capitalize)(color))], !disabled && checked && isHiColor), (0, _defineProperty2.default)(_classNames, classes.iconDisabled, disabled), _classNames));
|
174
|
+
|
157
175
|
var icon = /*#__PURE__*/_react.default.createElement(_Close.default, {
|
158
176
|
className: iconClass
|
159
177
|
});
|
178
|
+
|
160
179
|
var checkedIcon = /*#__PURE__*/_react.default.createElement(_Check.default, {
|
161
180
|
className: iconClass
|
162
181
|
});
|
182
|
+
|
163
183
|
return /*#__PURE__*/_react.default.createElement("div", {
|
164
184
|
className: (0, _classnames.default)(classes.root, className)
|
165
185
|
}, /*#__PURE__*/_react.default.createElement(_SwitchBase.default, (0, _extends2.default)({
|
@@ -180,10 +200,14 @@ function HiSwitch(props) {
|
|
180
200
|
className: classes.bar
|
181
201
|
}));
|
182
202
|
}
|
203
|
+
|
183
204
|
HiSwitch.defaultProps = {
|
184
205
|
color: 'inherit'
|
185
206
|
};
|
186
|
-
|
207
|
+
|
208
|
+
var _default = (0, _withStyles.default)(styles, {
|
187
209
|
hiComponent: true,
|
188
210
|
name: 'HmuiHiSwitch'
|
189
|
-
})(HiSwitch);
|
211
|
+
})(HiSwitch);
|
212
|
+
|
213
|
+
exports.default = _default;
|
@@ -1,17 +1,25 @@
|
|
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 _react = _interopRequireDefault(require("react"));
|
13
|
+
|
10
14
|
var _classnames = _interopRequireDefault(require("classnames"));
|
15
|
+
|
11
16
|
var _HiButton = _interopRequireDefault(require("../HiButton"));
|
17
|
+
|
12
18
|
var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
|
19
|
+
|
13
20
|
var _helpers = require("../utils/helpers");
|
14
|
-
|
21
|
+
|
22
|
+
var styles = function styles(theme) {
|
15
23
|
return {
|
16
24
|
root: {
|
17
25
|
display: 'inline-flex',
|
@@ -92,25 +100,30 @@ var styles = exports.styles = function styles(theme) {
|
|
92
100
|
}
|
93
101
|
};
|
94
102
|
};
|
95
|
-
|
96
103
|
/**
|
97
104
|
* Ce composant affiche un switch entre 2 valeurs associées à deux labels.
|
98
105
|
* par défaut ON/OFF associé à true/false.
|
99
106
|
*/
|
107
|
+
|
108
|
+
|
109
|
+
exports.styles = styles;
|
110
|
+
|
100
111
|
function HiSwitchState(props) {
|
112
|
+
var _classNames, _classNames2;
|
113
|
+
|
101
114
|
var classes = props.classes,
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
115
|
+
className = props.className,
|
116
|
+
checked = props.checked,
|
117
|
+
color = props.color,
|
118
|
+
leftLabel = props.leftLabel,
|
119
|
+
rightLabel = props.rightLabel,
|
120
|
+
leftValue = props.leftValue,
|
121
|
+
rightValue = props.rightValue,
|
122
|
+
disabled = props.disabled,
|
123
|
+
onChange = props.onChange;
|
111
124
|
var isHiColor = ['primary', 'secondary', 'success', 'error', 'warning', 'neutral'].includes(color);
|
112
|
-
var buttonLeftClass = (0, _classnames.default)(classes.button, classes.buttonLeft, (
|
113
|
-
var buttonRightClass = (0, _classnames.default)(classes.button, classes.buttonRight, (
|
125
|
+
var buttonLeftClass = (0, _classnames.default)(classes.button, classes.buttonLeft, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.checked, checked === leftValue), (0, _defineProperty2.default)(_classNames, classes.checkedNeutral, !disabled && checked === leftValue && !isHiColor), (0, _defineProperty2.default)(_classNames, classes["checked".concat((0, _helpers.capitalize)(color))], !disabled && checked === leftValue && isHiColor), (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), _classNames));
|
126
|
+
var buttonRightClass = (0, _classnames.default)(classes.button, classes.buttonRight, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.checked, checked === rightValue), (0, _defineProperty2.default)(_classNames2, classes.checkedNeutral, !disabled && checked === rightValue && !isHiColor), (0, _defineProperty2.default)(_classNames2, classes["checked".concat((0, _helpers.capitalize)(color))], !disabled && checked === rightValue && isHiColor), (0, _defineProperty2.default)(_classNames2, classes.disabled, disabled), _classNames2));
|
114
127
|
return /*#__PURE__*/_react.default.createElement("div", {
|
115
128
|
className: (0, _classnames.default)(classes.root, className)
|
116
129
|
}, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
|
@@ -131,6 +144,7 @@ function HiSwitchState(props) {
|
|
131
144
|
disabled: disabled
|
132
145
|
}, rightLabel));
|
133
146
|
}
|
147
|
+
|
134
148
|
HiSwitchState.defaultProps = {
|
135
149
|
checked: 'on',
|
136
150
|
color: 'inherit',
|
@@ -140,7 +154,10 @@ HiSwitchState.defaultProps = {
|
|
140
154
|
rightValue: 'on',
|
141
155
|
disabled: false
|
142
156
|
};
|
143
|
-
|
157
|
+
|
158
|
+
var _default = (0, _withStyles.default)(styles, {
|
144
159
|
hiComponent: true,
|
145
160
|
name: 'HmuiHiSwitchState'
|
146
|
-
})(HiSwitchState);
|
161
|
+
})(HiSwitchState);
|
162
|
+
|
163
|
+
exports.default = _default;
|
package/es/HiSwitch/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
|
});
|
@@ -16,5 +17,7 @@ Object.defineProperty(exports, "default", {
|
|
16
17
|
return _HiSwitch.default;
|
17
18
|
}
|
18
19
|
});
|
20
|
+
|
19
21
|
var _HiSwitch = _interopRequireDefault(require("./HiSwitch"));
|
22
|
+
|
20
23
|
var _HiSwitchState = _interopRequireDefault(require("./HiSwitchState"));
|
@@ -1,78 +1,117 @@
|
|
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.default = void 0;
|
11
|
+
|
9
12
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
13
|
+
|
10
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
15
|
+
|
11
16
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
17
|
+
|
12
18
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
19
|
+
|
13
20
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
21
|
+
|
14
22
|
var _react = _interopRequireDefault(require("react"));
|
23
|
+
|
15
24
|
var _TableCell = _interopRequireDefault(require("@mui/material/TableCell"));
|
25
|
+
|
16
26
|
var _CellAddress = _interopRequireDefault(require("../HiCell/CellAddress"));
|
27
|
+
|
17
28
|
var _CellDate = _interopRequireDefault(require("../HiCell/CellDate"));
|
29
|
+
|
18
30
|
var _CellIcon = _interopRequireDefault(require("../HiCell/CellIcon"));
|
31
|
+
|
19
32
|
var _CellImage = _interopRequireDefault(require("../HiCell/CellImage"));
|
33
|
+
|
20
34
|
var _CellNumeric = _interopRequireDefault(require("../HiCell/CellNumeric"));
|
35
|
+
|
21
36
|
var _CellSentinel = _interopRequireDefault(require("../HiCell/CellSentinel"));
|
37
|
+
|
22
38
|
var _CellSentinelScore = _interopRequireDefault(require("../HiCell/CellSentinelScore"));
|
39
|
+
|
23
40
|
var _CellTextStyled = _interopRequireDefault(require("../HiCell/CellTextStyled"));
|
41
|
+
|
24
42
|
var _CellRate = _interopRequireDefault(require("../HiCell/CellRate"));
|
43
|
+
|
25
44
|
var _CellPinToAction = _interopRequireDefault(require("../HiCell/CellPinToAction"));
|
45
|
+
|
26
46
|
var cst = _interopRequireWildcard(require("./constants"));
|
47
|
+
|
27
48
|
var _CellHiddenContent = _interopRequireDefault(require("../HiCell/CellHiddenContent"));
|
28
|
-
|
29
|
-
function
|
49
|
+
|
50
|
+
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); }
|
51
|
+
|
52
|
+
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; }
|
53
|
+
|
30
54
|
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
|
-
|
55
|
+
|
56
|
+
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; } }
|
57
|
+
|
32
58
|
var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
33
59
|
(0, _inherits2.default)(HiCellBuilder, _React$PureComponent);
|
60
|
+
|
34
61
|
var _super = _createSuper(HiCellBuilder);
|
62
|
+
|
35
63
|
function HiCellBuilder() {
|
36
64
|
var _this;
|
65
|
+
|
37
66
|
(0, _classCallCheck2.default)(this, HiCellBuilder);
|
67
|
+
|
38
68
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
39
69
|
args[_key] = arguments[_key];
|
40
70
|
}
|
71
|
+
|
41
72
|
_this = _super.call.apply(_super, [this].concat(args));
|
73
|
+
|
42
74
|
_this.createCell = function (cell, rowdata, locale) {
|
43
75
|
if (typeof rowdata[cell.colId] !== 'undefined' || typeof rowdata.datas[cell.colId] !== 'undefined') {
|
44
76
|
var datacell = typeof rowdata[cell.colId] !== 'undefined' ? rowdata[cell.colId] : rowdata.datas[cell.colId];
|
77
|
+
|
45
78
|
if (datacell !== null) {
|
46
79
|
// Handle mutliple values (details rows)
|
47
80
|
if (datacell.length === 1) {
|
48
81
|
datacell = datacell[0];
|
49
82
|
} else if (datacell.length > 1) {
|
50
83
|
var align;
|
84
|
+
|
51
85
|
switch (cell.type) {
|
52
86
|
case cst.TYPE_NUMERIC:
|
53
87
|
case cst.TYPE_AMOUNT:
|
54
88
|
align = "right";
|
55
89
|
break;
|
90
|
+
|
56
91
|
default:
|
57
92
|
align = "center";
|
58
93
|
}
|
94
|
+
|
59
95
|
return /*#__PURE__*/_react.default.createElement(_CellPinToAction.default, {
|
60
96
|
number: datacell.length,
|
61
97
|
color: "default",
|
62
98
|
align: align
|
63
99
|
});
|
64
100
|
}
|
101
|
+
|
65
102
|
if (datacell !== null) {
|
66
103
|
if (cell.data !== undefined) {
|
67
104
|
var refproperties = cell.data.find(function (el) {
|
68
105
|
return el.id === datacell.value;
|
69
106
|
});
|
107
|
+
|
70
108
|
if (refproperties) {
|
71
109
|
Object.keys(refproperties).forEach(function (key) {
|
72
110
|
datacell[key] = refproperties[key];
|
73
111
|
});
|
74
112
|
}
|
75
113
|
}
|
114
|
+
|
76
115
|
if (datacell) {
|
77
116
|
switch (cell.type) {
|
78
117
|
case cst.TYPE_NUMERIC:
|
@@ -87,6 +126,7 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
87
126
|
onClick: datacell.handleClick,
|
88
127
|
rowId: rowdata.rowId
|
89
128
|
});
|
129
|
+
|
90
130
|
case cst.TYPE_COUNTRY:
|
91
131
|
return /*#__PURE__*/_react.default.createElement(_CellImage.default, {
|
92
132
|
label: datacell.label,
|
@@ -95,6 +135,7 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
95
135
|
size: datacell.size,
|
96
136
|
view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
|
97
137
|
});
|
138
|
+
|
98
139
|
case cst.TYPE_IMAGE:
|
99
140
|
return /*#__PURE__*/_react.default.createElement(_CellImage.default, {
|
100
141
|
label: datacell.label || datacell.value,
|
@@ -105,6 +146,7 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
105
146
|
fallbackImage: datacell.fallbackImage,
|
106
147
|
title: cell.title ? cell.title(datacell, cell) : datacell.title
|
107
148
|
});
|
149
|
+
|
108
150
|
case cst.TYPE_RATE:
|
109
151
|
return /*#__PURE__*/_react.default.createElement(_CellRate.default, {
|
110
152
|
indicator: datacell.indicator,
|
@@ -114,6 +156,7 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
114
156
|
trendchip: datacell.trendchip,
|
115
157
|
view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
|
116
158
|
});
|
159
|
+
|
117
160
|
case cst.TYPE_ADDRESS:
|
118
161
|
return /*#__PURE__*/_react.default.createElement(_CellAddress.default, {
|
119
162
|
city: datacell.city,
|
@@ -124,6 +167,7 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
124
167
|
streetAddress: datacell.streetAddress,
|
125
168
|
view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
|
126
169
|
});
|
170
|
+
|
127
171
|
case cst.TYPE_DATE:
|
128
172
|
case cst.TYPE_MONTH:
|
129
173
|
return /*#__PURE__*/_react.default.createElement(_CellDate.default, {
|
@@ -134,6 +178,7 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
134
178
|
locale: datacell.locale || cell.precision || locale,
|
135
179
|
view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
|
136
180
|
});
|
181
|
+
|
137
182
|
case cst.TYPE_ICON:
|
138
183
|
return /*#__PURE__*/_react.default.createElement(_CellIcon.default, {
|
139
184
|
align: cell.align,
|
@@ -144,6 +189,7 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
144
189
|
view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
|
145
190
|
size: cell.size
|
146
191
|
});
|
192
|
+
|
147
193
|
case cst.TYPE_THIRD_PARTY_SECURITY:
|
148
194
|
return /*#__PURE__*/_react.default.createElement(_CellIcon.default, {
|
149
195
|
color: datacell.color,
|
@@ -152,6 +198,7 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
152
198
|
view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
|
153
199
|
size: cell.size
|
154
200
|
});
|
201
|
+
|
155
202
|
case cst.TYPE_SENTINEL:
|
156
203
|
return /*#__PURE__*/_react.default.createElement(_CellSentinel.default, {
|
157
204
|
color: datacell.color,
|
@@ -161,23 +208,26 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
161
208
|
reviewer: datacell.reviewer,
|
162
209
|
outlined: datacell.outlined
|
163
210
|
});
|
211
|
+
|
164
212
|
case cst.TYPE_SCORE:
|
165
213
|
return /*#__PURE__*/_react.default.createElement(_CellSentinelScore.default, {
|
166
214
|
value: datacell.value,
|
167
215
|
result: datacell.result,
|
168
216
|
active: datacell.active
|
169
217
|
});
|
218
|
+
|
170
219
|
case cst.TYPE_PIN_TO_ACTION:
|
171
220
|
return /*#__PURE__*/_react.default.createElement(_CellPinToAction.default, {
|
172
|
-
number: datacell.number
|
173
|
-
// eslint-disable-next-line react/jsx-handler-names
|
221
|
+
number: datacell.number // eslint-disable-next-line react/jsx-handler-names
|
174
222
|
,
|
175
223
|
onClick: datacell.onClick
|
176
224
|
});
|
225
|
+
|
177
226
|
case cst.TYPE_HIDDEN_CONTENT:
|
178
227
|
return /*#__PURE__*/_react.default.createElement(_CellHiddenContent.default, {
|
179
228
|
value: datacell.value
|
180
229
|
});
|
230
|
+
|
181
231
|
case cst.TYPE_ACCOUNT_NUMBER:
|
182
232
|
case cst.TYPE_CUSTOMER_ACCOUNT_NUMBER:
|
183
233
|
default:
|
@@ -196,18 +246,21 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
196
246
|
}
|
197
247
|
}
|
198
248
|
}
|
249
|
+
|
199
250
|
return null;
|
200
251
|
};
|
252
|
+
|
201
253
|
return _this;
|
202
254
|
}
|
255
|
+
|
203
256
|
(0, _createClass2.default)(HiCellBuilder, [{
|
204
257
|
key: "render",
|
205
258
|
value: function render() {
|
206
259
|
var _this$props = this.props,
|
207
|
-
|
208
|
-
|
209
|
-
|
210
|
-
|
260
|
+
className = _this$props.className,
|
261
|
+
column = _this$props.column,
|
262
|
+
data = _this$props.data,
|
263
|
+
locale = _this$props.locale;
|
211
264
|
return /*#__PURE__*/_react.default.createElement(_TableCell.default, {
|
212
265
|
className: className
|
213
266
|
}, this.createCell(column, data, locale));
|
@@ -215,4 +268,6 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
215
268
|
}]);
|
216
269
|
return HiCellBuilder;
|
217
270
|
}(_react.default.PureComponent);
|
218
|
-
|
271
|
+
|
272
|
+
var _default = HiCellBuilder;
|
273
|
+
exports.default = _default;
|
package/es/HiTable/HiTable.js
CHANGED
@@ -1,24 +1,37 @@
|
|
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.default = void 0;
|
11
|
+
|
9
12
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
|
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 _Table = _interopRequireDefault(require("@mui/material/Table"));
|
21
|
+
|
14
22
|
var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
|
23
|
+
|
15
24
|
var _HiTableHeader = _interopRequireDefault(require("./HiTableHeader"));
|
25
|
+
|
16
26
|
var _HiTableBody = _interopRequireDefault(require("./HiTableBody"));
|
27
|
+
|
17
28
|
var _HiPagination = _interopRequireDefault(require("../HiPagination"));
|
18
|
-
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); }
|
19
|
-
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; }
|
20
|
-
// @inheritedComponent Table
|
21
29
|
|
30
|
+
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); }
|
31
|
+
|
32
|
+
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; }
|
33
|
+
|
34
|
+
// @inheritedComponent Table
|
22
35
|
var useStyles = (0, _makeStyles.default)(function (theme) {
|
23
36
|
return {
|
24
37
|
root: {
|
@@ -38,61 +51,74 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
|
|
38
51
|
}
|
39
52
|
};
|
40
53
|
});
|
54
|
+
|
41
55
|
var HiTable = function HiTable(props) {
|
42
56
|
var activePagination = props.activePagination,
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
57
|
+
nbPages = props.nbPages,
|
58
|
+
data = props.data,
|
59
|
+
columns = props.columns,
|
60
|
+
locale = props.locale,
|
61
|
+
loading = props.loading,
|
62
|
+
pageProp = props.page,
|
63
|
+
sortable = props.sortable,
|
64
|
+
onRowClick = props.onRowClick,
|
65
|
+
dense = props.dense,
|
66
|
+
order = props.order,
|
67
|
+
orderBy = props.orderBy,
|
68
|
+
onSort = props.onSort,
|
69
|
+
onChangePage = props.onChangePage;
|
56
70
|
var classes = useStyles();
|
71
|
+
|
57
72
|
var _useState = (0, _react.useState)(pageProp || 1),
|
58
|
-
|
59
|
-
|
60
|
-
|
73
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
74
|
+
page = _useState2[0],
|
75
|
+
setPage = _useState2[1];
|
76
|
+
|
61
77
|
(0, _react.useEffect)(function () {
|
62
78
|
if (pageProp) {
|
63
79
|
setPage(pageProp);
|
64
80
|
}
|
65
81
|
}, [pageProp]);
|
82
|
+
|
66
83
|
var handleRequestSort = function handleRequestSort(event, property) {
|
67
84
|
if (onSort) {
|
68
85
|
onSort(property);
|
69
86
|
setPage(1);
|
70
87
|
}
|
71
88
|
};
|
89
|
+
|
72
90
|
var handleChangePage = function handleChangePage(event, page) {
|
73
91
|
setPage(page);
|
92
|
+
|
74
93
|
if (onChangePage) {
|
75
94
|
onChangePage(event, page);
|
76
95
|
}
|
77
96
|
};
|
97
|
+
|
78
98
|
var displayedData = (0, _react.useMemo)(function () {
|
79
99
|
var _data = (0, _toConsumableArray2.default)(data);
|
100
|
+
|
80
101
|
if (_data.length > 10) {
|
81
102
|
var itemFromIndex = (page - 1) * 10;
|
82
103
|
var itemToIndex = page * 10;
|
104
|
+
|
83
105
|
if (itemToIndex > _data.length) {
|
84
106
|
itemToIndex = _data.length;
|
85
107
|
}
|
108
|
+
|
86
109
|
return _data.slice(itemFromIndex, itemToIndex);
|
87
110
|
}
|
111
|
+
|
88
112
|
return _data;
|
89
113
|
}, [page, data, order]);
|
90
114
|
var activatePagination = activePagination;
|
91
115
|
var pageCount = nbPages;
|
116
|
+
|
92
117
|
if (data.length > 10) {
|
93
118
|
pageCount = Math.ceil(data.length / 10);
|
94
119
|
activatePagination = true;
|
95
120
|
}
|
121
|
+
|
96
122
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Table.default, {
|
97
123
|
className: classes.root
|
98
124
|
}, /*#__PURE__*/_react.default.createElement(_HiTableHeader.default, {
|
@@ -179,8 +205,10 @@ var HiTable = function HiTable(props) {
|
|
179
205
|
page: page
|
180
206
|
}));
|
181
207
|
};
|
208
|
+
|
182
209
|
HiTable.defaultProps = {
|
183
210
|
activePagination: false,
|
184
211
|
nbPages: 1
|
185
212
|
};
|
186
|
-
var _default =
|
213
|
+
var _default = HiTable;
|
214
|
+
exports.default = _default;
|
@@ -1,36 +1,51 @@
|
|
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 _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 _TableBody = _interopRequireDefault(require("@mui/material/TableBody"));
|
23
|
+
|
15
24
|
var _HiTableRow = _interopRequireDefault(require("./HiTableRow"));
|
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); }; }
|
17
|
-
|
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
|
+
|
18
30
|
var HiTableBody = /*#__PURE__*/function (_React$PureComponent) {
|
19
31
|
(0, _inherits2.default)(HiTableBody, _React$PureComponent);
|
32
|
+
|
20
33
|
var _super = _createSuper(HiTableBody);
|
34
|
+
|
21
35
|
function HiTableBody() {
|
22
36
|
(0, _classCallCheck2.default)(this, HiTableBody);
|
23
37
|
return _super.apply(this, arguments);
|
24
38
|
}
|
39
|
+
|
25
40
|
(0, _createClass2.default)(HiTableBody, [{
|
26
41
|
key: "render",
|
27
42
|
value: function render() {
|
28
43
|
var _this$props = this.props,
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
44
|
+
columns = _this$props.columns,
|
45
|
+
data = _this$props.data,
|
46
|
+
dense = _this$props.dense,
|
47
|
+
locale = _this$props.locale,
|
48
|
+
onClick = _this$props.onClick;
|
34
49
|
return /*#__PURE__*/_react.default.createElement(_TableBody.default, null, data.map(function (n, index) {
|
35
50
|
return /*#__PURE__*/_react.default.createElement(_HiTableRow.default, {
|
36
51
|
columns: columns,
|
@@ -45,4 +60,6 @@ var HiTableBody = /*#__PURE__*/function (_React$PureComponent) {
|
|
45
60
|
}]);
|
46
61
|
return HiTableBody;
|
47
62
|
}(_react.default.PureComponent);
|
48
|
-
|
63
|
+
|
64
|
+
var _default = HiTableBody;
|
65
|
+
exports.default = _default;
|