@hipay/hipay-material-ui 4.0.1-beta3 → 4.0.1-beta5
Sign up to get free protection for your applications and to get access to all the features.
- 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 +47 -15
- 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 +35 -10
- package/HiBreadcrumb/HiStep.js +50 -17
- package/HiBreadcrumb/HiStepConnector.js +55 -18
- package/HiBreadcrumb/HiStepContent.js +35 -10
- package/HiBreadcrumb/HiStepIcon.js +40 -14
- package/HiBreadcrumb/HiStepLabel.js +49 -18
- package/HiBreadcrumb/HiStepper.js +35 -10
- package/HiBreadcrumb/index.js +2 -0
- package/HiButton/HiButton.js +33 -8
- package/HiButton/index.js +5 -1
- package/HiCell/CellAddress.js +38 -16
- package/HiCell/CellDate.js +41 -14
- package/HiCell/CellHiddenContent.js +30 -8
- package/HiCell/CellIcon.js +41 -16
- package/HiCell/CellImage.js +39 -16
- package/HiCell/CellNumeric.js +45 -17
- package/HiCell/CellPinToAction.js +38 -13
- package/HiCell/CellRate.js +52 -17
- package/HiCell/CellSentinel.js +38 -16
- package/HiCell/CellSentinelScore.js +36 -13
- package/HiCell/CellText.js +58 -21
- package/HiCell/CellTextStyled.js +24 -13
- package/HiCell/index.js +10 -0
- package/HiCheckbox/HiCheckbox.js +57 -19
- package/HiCheckbox/index.js +2 -0
- package/HiChip/HiChip.js +47 -24
- package/HiChip/HiChipSwitch.js +65 -21
- 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 +93 -20
- package/HiDatePicker/HiDatePickerMobile.js +48 -22
- package/HiDatePicker/HiDateRangePicker.js +139 -42
- package/HiDatePicker/HiDateRangeSelector.js +135 -53
- package/HiDatePicker/ListPicker.js +43 -12
- 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 +32 -9
- package/HiDatePicker/Overlays/Overlay.js +25 -8
- package/HiDatePicker/Overlays/TimePickerOverlay.js +45 -13
- package/HiDatePicker/Overlays/YearPickerOverlay.js +38 -13
- 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 -6
- package/HiDialog/HiDialog.js +19 -7
- package/HiDialog/index.js +2 -0
- package/HiDotsStepper/HiDot.js +42 -12
- package/HiDotsStepper/HiDotsStepper.js +43 -15
- package/HiDotsStepper/index.js +3 -0
- package/HiExpansionPanel/HiExpansionPanel.js +38 -16
- package/HiExpansionPanel/index.js +5 -1
- package/HiForm/HiAddressField.js +41 -14
- package/HiForm/HiEmailField.js +34 -9
- package/HiForm/HiFormControl.js +79 -32
- package/HiForm/HiFormLabel.js +45 -18
- package/HiForm/HiInput.js +97 -37
- package/HiForm/HiPasswordField.js +43 -13
- package/HiForm/HiSearchField.js +40 -8
- package/HiForm/HiSlider.js +62 -26
- package/HiForm/HiTextField.js +52 -26
- package/HiForm/HiUpload.js +94 -33
- package/HiForm/HiUploadField.js +37 -14
- package/HiForm/HiUploadInput.js +81 -25
- 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 -6
- package/HiListItemLink/index.js +2 -0
- package/HiLoader/HiLoader.js +16 -6
- package/HiLoader/index.js +2 -0
- package/HiNotice/HiKPI.js +53 -21
- 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 +61 -27
- 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 +47 -36
- package/HiSelect/HiDynamicSelectField.js +52 -27
- package/HiSelect/HiNestedSelect.js +116 -69
- package/HiSelect/HiNestedSelectContent.js +90 -63
- package/HiSelect/HiNestedSelectField.js +52 -27
- package/HiSelect/HiSelect.js +192 -93
- package/HiSelect/HiSelectContent.js +103 -67
- package/HiSelect/HiSelectField.js +53 -28
- package/HiSelect/HiSelectInput.js +81 -25
- package/HiSelect/HiSelectMobile.js +49 -11
- package/HiSelect/HiSuggestSelect.js +85 -28
- package/HiSelect/HiSuggestSelectField.js +43 -18
- package/HiSelect/index.js +14 -2
- package/HiSelectableList/HiSelectableList.js +95 -38
- package/HiSelectableList/HiSelectableListHierarchic.js +65 -38
- 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 +69 -13
- package/HiTable/HiTable.js +48 -20
- package/HiTable/HiTableBody.js +28 -10
- package/HiTable/HiTableHeader.js +55 -21
- package/HiTable/HiTableRow.js +51 -16
- 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 +47 -15
- 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 +35 -10
- package/es/HiBreadcrumb/HiStep.js +50 -17
- package/es/HiBreadcrumb/HiStepConnector.js +55 -18
- package/es/HiBreadcrumb/HiStepContent.js +35 -10
- package/es/HiBreadcrumb/HiStepIcon.js +40 -14
- package/es/HiBreadcrumb/HiStepLabel.js +49 -18
- package/es/HiBreadcrumb/HiStepper.js +35 -10
- 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 +38 -16
- package/es/HiCell/CellDate.js +41 -14
- package/es/HiCell/CellHiddenContent.js +30 -8
- package/es/HiCell/CellIcon.js +41 -16
- package/es/HiCell/CellImage.js +39 -16
- package/es/HiCell/CellNumeric.js +45 -17
- package/es/HiCell/CellPinToAction.js +38 -13
- package/es/HiCell/CellRate.js +52 -17
- package/es/HiCell/CellSentinel.js +38 -16
- package/es/HiCell/CellSentinelScore.js +36 -13
- package/es/HiCell/CellText.js +58 -21
- package/es/HiCell/CellTextStyled.js +24 -13
- package/es/HiCell/index.js +10 -0
- package/es/HiCheckbox/HiCheckbox.js +57 -19
- package/es/HiCheckbox/index.js +2 -0
- package/es/HiChip/HiChip.js +47 -24
- package/es/HiChip/HiChipSwitch.js +65 -21
- 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 +93 -20
- package/es/HiDatePicker/HiDatePickerMobile.js +48 -22
- package/es/HiDatePicker/HiDateRangePicker.js +139 -42
- package/es/HiDatePicker/HiDateRangeSelector.js +135 -53
- package/es/HiDatePicker/ListPicker.js +43 -12
- 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 +32 -9
- package/es/HiDatePicker/Overlays/Overlay.js +25 -8
- package/es/HiDatePicker/Overlays/TimePickerOverlay.js +45 -13
- package/es/HiDatePicker/Overlays/YearPickerOverlay.js +38 -13
- 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 -6
- package/es/HiDialog/HiDialog.js +19 -7
- package/es/HiDialog/index.js +2 -0
- package/es/HiDotsStepper/HiDot.js +42 -12
- package/es/HiDotsStepper/HiDotsStepper.js +43 -15
- 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 +41 -14
- package/es/HiForm/HiEmailField.js +34 -9
- package/es/HiForm/HiFormControl.js +79 -32
- package/es/HiForm/HiFormLabel.js +45 -18
- package/es/HiForm/HiInput.js +97 -37
- package/es/HiForm/HiPasswordField.js +43 -13
- package/es/HiForm/HiSearchField.js +40 -8
- package/es/HiForm/HiSlider.js +62 -26
- package/es/HiForm/HiTextField.js +52 -26
- package/es/HiForm/HiUpload.js +94 -33
- package/es/HiForm/HiUploadField.js +37 -14
- package/es/HiForm/HiUploadInput.js +81 -25
- 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 -6
- 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 +53 -21
- 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 +61 -27
- 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 +47 -36
- package/es/HiSelect/HiDynamicSelectField.js +52 -27
- package/es/HiSelect/HiNestedSelect.js +116 -69
- package/es/HiSelect/HiNestedSelectContent.js +90 -63
- package/es/HiSelect/HiNestedSelectField.js +52 -27
- package/es/HiSelect/HiSelect.js +192 -93
- package/es/HiSelect/HiSelectContent.js +103 -67
- package/es/HiSelect/HiSelectField.js +53 -28
- package/es/HiSelect/HiSelectInput.js +81 -25
- package/es/HiSelect/HiSelectMobile.js +49 -11
- package/es/HiSelect/HiSuggestSelect.js +85 -28
- package/es/HiSelect/HiSuggestSelectField.js +43 -18
- package/es/HiSelect/index.js +14 -2
- package/es/HiSelectableList/HiSelectableList.js +95 -38
- package/es/HiSelectableList/HiSelectableListHierarchic.js +65 -38
- 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 +69 -13
- package/es/HiTable/HiTable.js +48 -20
- package/es/HiTable/HiTableBody.js +28 -10
- package/es/HiTable/HiTableHeader.js +55 -21
- package/es/HiTable/HiTableRow.js +51 -16
- 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 +53 -18
- 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 -66
- package/es/styles/createStyles.js +1 -0
- package/es/styles/createTypography.js +24 -15
- package/es/styles/getStylesCreator.js +14 -2
- 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 +1 -1
- package/setupTest.js +13 -2
- package/styleguide/Wrapper.js +6 -0
- package/styles/MuiThemeProvider.js +53 -18
- 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 -66
- package/styles/createStyles.js +1 -0
- package/styles/createTypography.js +24 -15
- package/styles/getStylesCreator.js +14 -2
- 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,77 +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
|
+
|
16
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
17
|
+
|
11
18
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
19
|
+
|
12
20
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
13
|
-
|
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
|
30
|
-
|
31
|
-
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
|
+
|
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); }; }
|
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
|
+
|
61
|
+
var _super = _createSuper(HiCellBuilder);
|
62
|
+
|
34
63
|
function HiCellBuilder() {
|
35
64
|
var _this;
|
65
|
+
|
36
66
|
(0, _classCallCheck2.default)(this, HiCellBuilder);
|
67
|
+
|
37
68
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
38
69
|
args[_key] = arguments[_key];
|
39
70
|
}
|
40
|
-
|
71
|
+
|
72
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
73
|
+
|
41
74
|
_this.createCell = function (cell, rowdata, locale) {
|
42
75
|
if (typeof rowdata[cell.colId] !== 'undefined' || typeof rowdata.datas[cell.colId] !== 'undefined') {
|
43
76
|
var datacell = typeof rowdata[cell.colId] !== 'undefined' ? rowdata[cell.colId] : rowdata.datas[cell.colId];
|
77
|
+
|
44
78
|
if (datacell !== null) {
|
45
79
|
// Handle mutliple values (details rows)
|
46
80
|
if (datacell.length === 1) {
|
47
81
|
datacell = datacell[0];
|
48
82
|
} else if (datacell.length > 1) {
|
49
83
|
var align;
|
84
|
+
|
50
85
|
switch (cell.type) {
|
51
86
|
case cst.TYPE_NUMERIC:
|
52
87
|
case cst.TYPE_AMOUNT:
|
53
88
|
align = "right";
|
54
89
|
break;
|
90
|
+
|
55
91
|
default:
|
56
92
|
align = "center";
|
57
93
|
}
|
94
|
+
|
58
95
|
return /*#__PURE__*/_react.default.createElement(_CellPinToAction.default, {
|
59
96
|
number: datacell.length,
|
60
97
|
color: "default",
|
61
98
|
align: align
|
62
99
|
});
|
63
100
|
}
|
101
|
+
|
64
102
|
if (datacell !== null) {
|
65
103
|
if (cell.data !== undefined) {
|
66
104
|
var refproperties = cell.data.find(function (el) {
|
67
105
|
return el.id === datacell.value;
|
68
106
|
});
|
107
|
+
|
69
108
|
if (refproperties) {
|
70
109
|
Object.keys(refproperties).forEach(function (key) {
|
71
110
|
datacell[key] = refproperties[key];
|
72
111
|
});
|
73
112
|
}
|
74
113
|
}
|
114
|
+
|
75
115
|
if (datacell) {
|
76
116
|
switch (cell.type) {
|
77
117
|
case cst.TYPE_NUMERIC:
|
@@ -86,6 +126,7 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
86
126
|
onClick: datacell.handleClick,
|
87
127
|
rowId: rowdata.rowId
|
88
128
|
});
|
129
|
+
|
89
130
|
case cst.TYPE_COUNTRY:
|
90
131
|
return /*#__PURE__*/_react.default.createElement(_CellImage.default, {
|
91
132
|
label: datacell.label,
|
@@ -94,6 +135,7 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
94
135
|
size: datacell.size,
|
95
136
|
view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
|
96
137
|
});
|
138
|
+
|
97
139
|
case cst.TYPE_IMAGE:
|
98
140
|
return /*#__PURE__*/_react.default.createElement(_CellImage.default, {
|
99
141
|
label: datacell.label || datacell.value,
|
@@ -104,6 +146,7 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
104
146
|
fallbackImage: datacell.fallbackImage,
|
105
147
|
title: cell.title ? cell.title(datacell, cell) : datacell.title
|
106
148
|
});
|
149
|
+
|
107
150
|
case cst.TYPE_RATE:
|
108
151
|
return /*#__PURE__*/_react.default.createElement(_CellRate.default, {
|
109
152
|
indicator: datacell.indicator,
|
@@ -113,6 +156,7 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
113
156
|
trendchip: datacell.trendchip,
|
114
157
|
view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
|
115
158
|
});
|
159
|
+
|
116
160
|
case cst.TYPE_ADDRESS:
|
117
161
|
return /*#__PURE__*/_react.default.createElement(_CellAddress.default, {
|
118
162
|
city: datacell.city,
|
@@ -123,6 +167,7 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
123
167
|
streetAddress: datacell.streetAddress,
|
124
168
|
view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
|
125
169
|
});
|
170
|
+
|
126
171
|
case cst.TYPE_DATE:
|
127
172
|
case cst.TYPE_MONTH:
|
128
173
|
return /*#__PURE__*/_react.default.createElement(_CellDate.default, {
|
@@ -133,6 +178,7 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
133
178
|
locale: datacell.locale || cell.precision || locale,
|
134
179
|
view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
|
135
180
|
});
|
181
|
+
|
136
182
|
case cst.TYPE_ICON:
|
137
183
|
return /*#__PURE__*/_react.default.createElement(_CellIcon.default, {
|
138
184
|
align: cell.align,
|
@@ -143,6 +189,7 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
143
189
|
view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
|
144
190
|
size: cell.size
|
145
191
|
});
|
192
|
+
|
146
193
|
case cst.TYPE_THIRD_PARTY_SECURITY:
|
147
194
|
return /*#__PURE__*/_react.default.createElement(_CellIcon.default, {
|
148
195
|
color: datacell.color,
|
@@ -151,6 +198,7 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
151
198
|
view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
|
152
199
|
size: cell.size
|
153
200
|
});
|
201
|
+
|
154
202
|
case cst.TYPE_SENTINEL:
|
155
203
|
return /*#__PURE__*/_react.default.createElement(_CellSentinel.default, {
|
156
204
|
color: datacell.color,
|
@@ -160,23 +208,26 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
160
208
|
reviewer: datacell.reviewer,
|
161
209
|
outlined: datacell.outlined
|
162
210
|
});
|
211
|
+
|
163
212
|
case cst.TYPE_SCORE:
|
164
213
|
return /*#__PURE__*/_react.default.createElement(_CellSentinelScore.default, {
|
165
214
|
value: datacell.value,
|
166
215
|
result: datacell.result,
|
167
216
|
active: datacell.active
|
168
217
|
});
|
218
|
+
|
169
219
|
case cst.TYPE_PIN_TO_ACTION:
|
170
220
|
return /*#__PURE__*/_react.default.createElement(_CellPinToAction.default, {
|
171
|
-
number: datacell.number
|
172
|
-
// eslint-disable-next-line react/jsx-handler-names
|
221
|
+
number: datacell.number // eslint-disable-next-line react/jsx-handler-names
|
173
222
|
,
|
174
223
|
onClick: datacell.onClick
|
175
224
|
});
|
225
|
+
|
176
226
|
case cst.TYPE_HIDDEN_CONTENT:
|
177
227
|
return /*#__PURE__*/_react.default.createElement(_CellHiddenContent.default, {
|
178
228
|
value: datacell.value
|
179
229
|
});
|
230
|
+
|
180
231
|
case cst.TYPE_ACCOUNT_NUMBER:
|
181
232
|
case cst.TYPE_CUSTOMER_ACCOUNT_NUMBER:
|
182
233
|
default:
|
@@ -195,18 +246,21 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
195
246
|
}
|
196
247
|
}
|
197
248
|
}
|
249
|
+
|
198
250
|
return null;
|
199
251
|
};
|
252
|
+
|
200
253
|
return _this;
|
201
254
|
}
|
255
|
+
|
202
256
|
(0, _createClass2.default)(HiCellBuilder, [{
|
203
257
|
key: "render",
|
204
258
|
value: function render() {
|
205
259
|
var _this$props = this.props,
|
206
|
-
|
207
|
-
|
208
|
-
|
209
|
-
|
260
|
+
className = _this$props.className,
|
261
|
+
column = _this$props.column,
|
262
|
+
data = _this$props.data,
|
263
|
+
locale = _this$props.locale;
|
210
264
|
return /*#__PURE__*/_react.default.createElement(_TableCell.default, {
|
211
265
|
className: className
|
212
266
|
}, this.createCell(column, data, locale));
|
@@ -214,4 +268,6 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
|
|
214
268
|
}]);
|
215
269
|
return HiCellBuilder;
|
216
270
|
}(_react.default.PureComponent);
|
217
|
-
|
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,35 +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
|
+
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
15
|
+
|
10
16
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
17
|
+
|
11
18
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
12
|
-
|
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"));
|
16
|
-
|
17
|
-
function
|
25
|
+
|
26
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
27
|
+
|
28
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
29
|
+
|
18
30
|
var HiTableBody = /*#__PURE__*/function (_React$PureComponent) {
|
19
31
|
(0, _inherits2.default)(HiTableBody, _React$PureComponent);
|
32
|
+
|
33
|
+
var _super = _createSuper(HiTableBody);
|
34
|
+
|
20
35
|
function HiTableBody() {
|
21
36
|
(0, _classCallCheck2.default)(this, HiTableBody);
|
22
|
-
return
|
37
|
+
return _super.apply(this, arguments);
|
23
38
|
}
|
39
|
+
|
24
40
|
(0, _createClass2.default)(HiTableBody, [{
|
25
41
|
key: "render",
|
26
42
|
value: function render() {
|
27
43
|
var _this$props = this.props,
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
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;
|
33
49
|
return /*#__PURE__*/_react.default.createElement(_TableBody.default, null, data.map(function (n, index) {
|
34
50
|
return /*#__PURE__*/_react.default.createElement(_HiTableRow.default, {
|
35
51
|
columns: columns,
|
@@ -44,4 +60,6 @@ var HiTableBody = /*#__PURE__*/function (_React$PureComponent) {
|
|
44
60
|
}]);
|
45
61
|
return HiTableBody;
|
46
62
|
}(_react.default.PureComponent);
|
47
|
-
|
63
|
+
|
64
|
+
var _default = HiTableBody;
|
65
|
+
exports.default = _default;
|