@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
@@ -1,54 +1,76 @@
|
|
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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
13
|
+
|
10
14
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
15
|
+
|
11
16
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
17
|
+
|
18
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
19
|
+
|
12
20
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
21
|
+
|
13
22
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
14
|
-
|
23
|
+
|
15
24
|
var _react = _interopRequireDefault(require("react"));
|
25
|
+
|
16
26
|
var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
|
27
|
+
|
17
28
|
var _HiSuggestSelect = _interopRequireDefault(require("./HiSuggestSelect"));
|
29
|
+
|
18
30
|
var _classnames = _interopRequireDefault(require("classnames"));
|
31
|
+
|
19
32
|
var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
|
20
|
-
|
21
|
-
function
|
22
|
-
|
33
|
+
|
34
|
+
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); }; }
|
35
|
+
|
36
|
+
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; } }
|
37
|
+
|
38
|
+
var styles = {
|
23
39
|
root: {
|
24
40
|
maxWidth: 500
|
25
41
|
}
|
26
42
|
};
|
27
|
-
|
28
43
|
/**
|
29
44
|
* Champs input autosuggest pour formulaire avec label
|
30
45
|
*/
|
46
|
+
|
47
|
+
exports.styles = styles;
|
48
|
+
|
31
49
|
var HiSuggestSelectField = /*#__PURE__*/function (_React$PureComponent) {
|
32
50
|
(0, _inherits2.default)(HiSuggestSelectField, _React$PureComponent);
|
51
|
+
|
52
|
+
var _super = _createSuper(HiSuggestSelectField);
|
53
|
+
|
33
54
|
function HiSuggestSelectField() {
|
34
55
|
(0, _classCallCheck2.default)(this, HiSuggestSelectField);
|
35
|
-
return
|
56
|
+
return _super.apply(this, arguments);
|
36
57
|
}
|
58
|
+
|
37
59
|
(0, _createClass2.default)(HiSuggestSelectField, [{
|
38
60
|
key: "render",
|
39
61
|
value: function render() {
|
40
62
|
var _this$props = this.props,
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
63
|
+
label = _this$props.label,
|
64
|
+
required = _this$props.required,
|
65
|
+
disabled = _this$props.disabled,
|
66
|
+
error = _this$props.error,
|
67
|
+
errorText = _this$props.errorText,
|
68
|
+
helperText = _this$props.helperText,
|
69
|
+
helperIcon = _this$props.helperIcon,
|
70
|
+
id = _this$props.id,
|
71
|
+
className = _this$props.className,
|
72
|
+
classes = _this$props.classes,
|
73
|
+
others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "className", "classes"]);
|
52
74
|
return /*#__PURE__*/_react.default.createElement(_HiFormControl.default, {
|
53
75
|
id: id,
|
54
76
|
label: label,
|
@@ -75,4 +97,7 @@ var HiSuggestSelectField = /*#__PURE__*/function (_React$PureComponent) {
|
|
75
97
|
}]);
|
76
98
|
return HiSuggestSelectField;
|
77
99
|
}(_react.default.PureComponent);
|
78
|
-
|
100
|
+
|
101
|
+
var _default = (0, _withStyles.default)(styles)(HiSuggestSelectField);
|
102
|
+
|
103
|
+
exports.default = _default;
|
package/es/HiSelect/index.js
CHANGED
@@ -1,7 +1,9 @@
|
|
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
|
});
|
@@ -65,13 +67,23 @@ Object.defineProperty(exports, "getRecursiveFinalItemIdList", {
|
|
65
67
|
return _HiNestedSelectContent.getRecursiveFinalItemIdList;
|
66
68
|
}
|
67
69
|
});
|
70
|
+
|
68
71
|
var _HiSelect = _interopRequireDefault(require("./HiSelect"));
|
72
|
+
|
69
73
|
var _HiNestedSelect = _interopRequireDefault(require("./HiNestedSelect"));
|
74
|
+
|
70
75
|
var _HiSelectField = _interopRequireDefault(require("./HiSelectField"));
|
76
|
+
|
71
77
|
var _HiSelectInput = _interopRequireDefault(require("./HiSelectInput"));
|
78
|
+
|
72
79
|
var _HiSelectContent = _interopRequireDefault(require("./HiSelectContent"));
|
80
|
+
|
73
81
|
var _HiNestedSelectContent = _interopRequireWildcard(require("./HiNestedSelectContent"));
|
82
|
+
|
74
83
|
var _HiSuggestSelect = _interopRequireDefault(require("./HiSuggestSelect"));
|
84
|
+
|
75
85
|
var _HiSuggestSelectField = _interopRequireDefault(require("./HiSuggestSelectField"));
|
76
|
-
|
77
|
-
function
|
86
|
+
|
87
|
+
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); }
|
88
|
+
|
89
|
+
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; }
|
@@ -1,33 +1,57 @@
|
|
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.styles = exports.default = void 0;
|
11
|
+
|
9
12
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
13
|
+
|
10
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
15
|
+
|
11
16
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
17
|
+
|
12
18
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
19
|
+
|
13
20
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
21
|
+
|
22
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
23
|
+
|
14
24
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
25
|
+
|
15
26
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
16
|
-
|
27
|
+
|
17
28
|
var _react = _interopRequireDefault(require("react"));
|
29
|
+
|
18
30
|
var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
|
31
|
+
|
19
32
|
var _List = _interopRequireDefault(require("@mui/material/List"));
|
33
|
+
|
20
34
|
var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
|
35
|
+
|
21
36
|
var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
|
37
|
+
|
22
38
|
var _helpers = require("../utils/helpers");
|
39
|
+
|
23
40
|
var _keycode = _interopRequireDefault(require("keycode"));
|
41
|
+
|
24
42
|
var _reactLazyload = _interopRequireWildcard(require("react-lazyload"));
|
43
|
+
|
25
44
|
var _classnames = _interopRequireDefault(require("classnames"));
|
26
|
-
|
27
|
-
function
|
28
|
-
|
29
|
-
function
|
30
|
-
|
45
|
+
|
46
|
+
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); }
|
47
|
+
|
48
|
+
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; }
|
49
|
+
|
50
|
+
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); }; }
|
51
|
+
|
52
|
+
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; } }
|
53
|
+
|
54
|
+
var styles = function styles(theme) {
|
31
55
|
return {
|
32
56
|
root: {
|
33
57
|
padding: 0,
|
@@ -45,30 +69,41 @@ var styles = exports.styles = function styles(theme) {
|
|
45
69
|
}
|
46
70
|
};
|
47
71
|
};
|
72
|
+
|
73
|
+
exports.styles = styles;
|
74
|
+
|
48
75
|
var findSelectedItemParent = function findSelectedItemParent(arr, id) {
|
49
76
|
if (id) {
|
50
77
|
var res = arr.find(function (p) {
|
51
78
|
var _p$children;
|
79
|
+
|
52
80
|
return (_p$children = p.children) === null || _p$children === void 0 ? void 0 : _p$children.map(function (o) {
|
53
81
|
return o.id;
|
54
82
|
}).includes(id);
|
55
83
|
});
|
56
84
|
if (res) return res.id;
|
57
85
|
}
|
86
|
+
|
58
87
|
return null;
|
59
88
|
};
|
60
|
-
|
61
89
|
/**
|
62
90
|
* Construit une liste d'item sélectionnable (avec checkbox)
|
63
91
|
* - la navigation au clavier est gérée par l'event KeyDown
|
64
92
|
* - le premier focus est géré sur le DidMount
|
65
93
|
*/
|
94
|
+
|
95
|
+
|
66
96
|
var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
|
67
97
|
(0, _inherits2.default)(HiSelectableList, _React$PureComponent);
|
98
|
+
|
99
|
+
var _super = _createSuper(HiSelectableList);
|
100
|
+
|
68
101
|
function HiSelectableList(props) {
|
69
102
|
var _this;
|
103
|
+
|
70
104
|
(0, _classCallCheck2.default)(this, HiSelectableList);
|
71
|
-
_this =
|
105
|
+
_this = _super.call(this, props);
|
106
|
+
|
72
107
|
_this.handleSelect = function (item) {
|
73
108
|
return function (event) {
|
74
109
|
if (_this.props.collapseParent && item.children) {
|
@@ -82,12 +117,14 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
|
|
82
117
|
}
|
83
118
|
};
|
84
119
|
};
|
120
|
+
|
85
121
|
_this.handleKeyDown = function (event) {
|
86
122
|
if (_this.props.onKeyDown) {
|
87
123
|
_this.props.onKeyDown(event);
|
88
124
|
} else {
|
89
125
|
var nextItem;
|
90
126
|
var key = (0, _keycode.default)(event);
|
127
|
+
|
91
128
|
if (key === 'down') {
|
92
129
|
event.preventDefault();
|
93
130
|
nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'down');
|
@@ -95,41 +132,37 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
|
|
95
132
|
event.preventDefault();
|
96
133
|
nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'up');
|
97
134
|
}
|
135
|
+
|
98
136
|
if (nextItem) {
|
99
137
|
nextItem.focus();
|
100
138
|
}
|
101
139
|
}
|
102
140
|
};
|
103
|
-
|
104
|
-
* Build list item and children items
|
105
|
-
*
|
106
|
-
* @param item
|
107
|
-
* @param index
|
108
|
-
* @param level
|
109
|
-
* @returns {*}
|
110
|
-
*/
|
141
|
+
|
111
142
|
_this.buildRecursiveListItem = function (item, index) {
|
112
143
|
var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
113
144
|
var group = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
|
114
145
|
var _this$props = _this.props,
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
146
|
+
checkedIcon = _this$props.checkedIcon,
|
147
|
+
disabled = _this$props.disabled,
|
148
|
+
disabledItemIdList = _this$props.disabledItemIdList,
|
149
|
+
hideCheckbox = _this$props.hideCheckbox,
|
150
|
+
hoverIcon = _this$props.hoverIcon,
|
151
|
+
icon = _this$props.icon,
|
152
|
+
lazy = _this$props.lazy,
|
153
|
+
selectedItemIdList = _this$props.selectedItemIdList,
|
154
|
+
sort = _this$props.sort,
|
155
|
+
onKeyDown = _this$props.onKeyDown,
|
156
|
+
onKeyUp = _this$props.onKeyUp,
|
157
|
+
suggestionFocusIndex = _this$props.suggestionFocusIndex,
|
158
|
+
classes = _this$props.classes,
|
159
|
+
noPadding = _this$props.noPadding,
|
160
|
+
others = (0, _objectWithoutProperties2.default)(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "lazy", "selectedItemIdList", "sort", "onKeyDown", "onKeyUp", "suggestionFocusIndex", "classes", "noPadding"]);
|
161
|
+
|
130
162
|
if (sort && item.children) {
|
131
163
|
item.children.sort(_this.compareItem);
|
132
164
|
}
|
165
|
+
|
133
166
|
var placeholderContent = /*#__PURE__*/_react.default.createElement("div", {
|
134
167
|
style: {
|
135
168
|
width: '90%',
|
@@ -146,11 +179,13 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
|
|
146
179
|
borderRadius: 4
|
147
180
|
}
|
148
181
|
}));
|
182
|
+
|
149
183
|
var handleKeyDown = function handleKeyDown() {
|
150
184
|
if (onKeyDown) {
|
151
185
|
onKeyDown();
|
152
186
|
}
|
153
187
|
};
|
188
|
+
|
154
189
|
var itemComponent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
155
190
|
key: item.id
|
156
191
|
}, /*#__PURE__*/_react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
|
@@ -163,8 +198,7 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
|
|
163
198
|
onSelect: item.selectable !== false ? _this.handleSelect(item) : undefined,
|
164
199
|
onKeyDown: item.selectable !== false ? handleKeyDown : undefined,
|
165
200
|
onKeyUp: onKeyUp,
|
166
|
-
selected: selectedItemIdList.includes(item.id)
|
167
|
-
// item props override upper props (disabled, hideCheckbox, icon, level...)
|
201
|
+
selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
|
168
202
|
,
|
169
203
|
item: item,
|
170
204
|
classes: {
|
@@ -187,6 +221,7 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
|
|
187
221
|
}).map(function (subItem) {
|
188
222
|
return _this.buildRecursiveListItem(subItem, index, level + 1);
|
189
223
|
})));
|
224
|
+
|
190
225
|
if (lazy) {
|
191
226
|
return /*#__PURE__*/_react.default.createElement(_reactLazyload.default, {
|
192
227
|
key: item.id,
|
@@ -197,25 +232,34 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
|
|
197
232
|
placeholder: placeholderContent
|
198
233
|
}, itemComponent);
|
199
234
|
}
|
235
|
+
|
200
236
|
return itemComponent;
|
201
237
|
};
|
238
|
+
|
202
239
|
_this.compareItem = function (a, b) {
|
203
240
|
if (_this.props.comparItemFunc) {
|
204
241
|
return _this.props.comparItemFunc(a, b);
|
205
242
|
}
|
243
|
+
|
206
244
|
if (a.label === undefined || b.label === undefined) {
|
207
245
|
return 0;
|
208
246
|
}
|
247
|
+
|
209
248
|
var sortAppendList = _this.props.sortAppendList;
|
249
|
+
|
210
250
|
if (sortAppendList.indexOf(a.id) < sortAppendList.indexOf(b.id)) {
|
211
251
|
return 1;
|
212
252
|
}
|
253
|
+
|
213
254
|
if (sortAppendList.indexOf(a.id) > sortAppendList.indexOf(b.id)) {
|
214
255
|
return -1;
|
215
256
|
}
|
257
|
+
|
216
258
|
return (0, _helpers.foldAccents)(a.label.toString().toLowerCase()) > (0, _helpers.foldAccents)(b.label.toString().toLowerCase()) ? 1 : -1;
|
217
259
|
};
|
260
|
+
|
218
261
|
var openedParent;
|
262
|
+
|
219
263
|
if (props.collapseParent) {
|
220
264
|
if (props.selectedItemIdList[0]) {
|
221
265
|
openedParent = findSelectedItemParent(props.itemList, props.selectedItemIdList[0]);
|
@@ -223,15 +267,18 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
|
|
223
267
|
openedParent = props.itemList[0].id;
|
224
268
|
}
|
225
269
|
}
|
270
|
+
|
226
271
|
_this.state = {
|
227
272
|
openedParent: openedParent
|
228
273
|
};
|
229
274
|
return _this;
|
230
275
|
}
|
276
|
+
|
231
277
|
(0, _createClass2.default)(HiSelectableList, [{
|
232
278
|
key: "componentDidMount",
|
233
279
|
value: function componentDidMount() {
|
234
280
|
var _this2 = this;
|
281
|
+
|
235
282
|
// Focus on last item selected
|
236
283
|
if (this.props.overlay && this.props.overlay.getElementsByTagName('li')[0]) {
|
237
284
|
if (Array.isArray(this.props.value) && this.props.value.length > 0 || !Array.isArray(this.props.value) && this.props.value) {
|
@@ -242,12 +289,15 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
|
|
242
289
|
if (option.id === lastSelectedValue) {
|
243
290
|
item = _this2.props.overlay.getElementsByTagName('li')[index];
|
244
291
|
}
|
292
|
+
|
245
293
|
index++;
|
294
|
+
|
246
295
|
if (option.children && option.children.length) {
|
247
296
|
option.children.forEach(function (option) {
|
248
297
|
if (option.id === lastSelectedValue) {
|
249
298
|
item = _this2.props.overlay.getElementsByTagName('li')[index];
|
250
299
|
}
|
300
|
+
|
251
301
|
index++;
|
252
302
|
});
|
253
303
|
}
|
@@ -267,13 +317,16 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
|
|
267
317
|
key: "render",
|
268
318
|
value: function render() {
|
269
319
|
var _this3 = this;
|
320
|
+
|
270
321
|
var _this$props2 = this.props,
|
271
|
-
|
272
|
-
|
273
|
-
|
322
|
+
classes = _this$props2.classes,
|
323
|
+
itemList = _this$props2.itemList,
|
324
|
+
sort = _this$props2.sort;
|
325
|
+
|
274
326
|
if (sort) {
|
275
327
|
itemList.sort(this.compareItem);
|
276
328
|
}
|
329
|
+
|
277
330
|
return /*#__PURE__*/_react.default.createElement(_List.default, {
|
278
331
|
className: classes.root,
|
279
332
|
onKeyDown: this.handleKeyDown,
|
@@ -290,6 +343,7 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
|
|
290
343
|
}]);
|
291
344
|
return HiSelectableList;
|
292
345
|
}(_react.default.PureComponent);
|
346
|
+
|
293
347
|
HiSelectableList.defaultProps = {
|
294
348
|
allSelected: false,
|
295
349
|
disabled: false,
|
@@ -301,8 +355,11 @@ HiSelectableList.defaultProps = {
|
|
301
355
|
sortAppendList: ['_all'],
|
302
356
|
collapseParent: false
|
303
357
|
};
|
304
|
-
|
358
|
+
|
359
|
+
var _default = (0, _withStyles.default)(styles, {
|
305
360
|
hiComponent: true,
|
306
361
|
name: 'HmuiHiSelectableList',
|
307
362
|
index: 51
|
308
|
-
})(HiSelectableList);
|
363
|
+
})(HiSelectableList);
|
364
|
+
|
365
|
+
exports.default = _default;
|
@@ -1,64 +1,83 @@
|
|
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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
13
|
+
|
10
14
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
15
|
+
|
11
16
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
17
|
+
|
18
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
19
|
+
|
12
20
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
21
|
+
|
13
22
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
14
|
-
|
23
|
+
|
15
24
|
var _react = _interopRequireDefault(require("react"));
|
25
|
+
|
16
26
|
var _List = _interopRequireDefault(require("@mui/material/List"));
|
27
|
+
|
17
28
|
var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
|
29
|
+
|
18
30
|
var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
|
19
|
-
|
20
|
-
function
|
21
|
-
|
31
|
+
|
32
|
+
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); }; }
|
33
|
+
|
34
|
+
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; } }
|
35
|
+
|
36
|
+
var styles = function styles() {
|
22
37
|
return {
|
23
38
|
root: {}
|
24
39
|
};
|
25
40
|
};
|
26
|
-
|
27
41
|
/**
|
28
42
|
* Construit une liste d'item sélectionnable (avec checkbox)
|
29
43
|
*/
|
44
|
+
|
45
|
+
|
46
|
+
exports.styles = styles;
|
47
|
+
|
30
48
|
var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
|
31
49
|
(0, _inherits2.default)(HiSelectableListHierarchic, _React$PureComponent);
|
50
|
+
|
51
|
+
var _super = _createSuper(HiSelectableListHierarchic);
|
52
|
+
|
32
53
|
function HiSelectableListHierarchic() {
|
33
54
|
var _this;
|
55
|
+
|
34
56
|
(0, _classCallCheck2.default)(this, HiSelectableListHierarchic);
|
57
|
+
|
35
58
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
36
59
|
args[_key] = arguments[_key];
|
37
60
|
}
|
38
|
-
|
61
|
+
|
62
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
63
|
+
|
39
64
|
_this.handleSelect = function (item) {
|
40
65
|
return function (event) {
|
41
66
|
_this.props.onSelect(event, item);
|
42
67
|
};
|
43
68
|
};
|
44
|
-
|
45
|
-
* Build list item and children items
|
46
|
-
*
|
47
|
-
* @param item
|
48
|
-
* @param level
|
49
|
-
* @returns {*}
|
50
|
-
*/
|
69
|
+
|
51
70
|
_this.buildRecursiveListItem = function (item) {
|
52
71
|
var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
53
72
|
var _this$props = _this.props,
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
73
|
+
checkedIcon = _this$props.checkedIcon,
|
74
|
+
disabled = _this$props.disabled,
|
75
|
+
disabledItemIdList = _this$props.disabledItemIdList,
|
76
|
+
hideCheckbox = _this$props.hideCheckbox,
|
77
|
+
hoverIcon = _this$props.hoverIcon,
|
78
|
+
icon = _this$props.icon,
|
79
|
+
selectedItemIdList = _this$props.selectedItemIdList,
|
80
|
+
others = (0, _objectWithoutProperties2.default)(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
|
62
81
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
|
63
82
|
checkedIcon: checkedIcon,
|
64
83
|
disabled: disabled || disabledItemIdList.includes(item.id),
|
@@ -68,32 +87,35 @@ var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
|
|
68
87
|
key: item.id,
|
69
88
|
level: level,
|
70
89
|
onSelect: _this.handleSelect(item),
|
71
|
-
selected: selectedItemIdList.includes(item.id)
|
72
|
-
|
90
|
+
selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
|
91
|
+
|
73
92
|
}, item)), item.children && item.children.length > 0 && item.children.filter(function (subItem) {
|
74
93
|
return !subItem.displayed;
|
75
94
|
}).map(function (subItem) {
|
76
95
|
return _this.buildRecursiveListItem(subItem, level + 1);
|
77
96
|
}));
|
78
97
|
};
|
98
|
+
|
79
99
|
return _this;
|
80
100
|
}
|
101
|
+
|
81
102
|
(0, _createClass2.default)(HiSelectableListHierarchic, [{
|
82
103
|
key: "render",
|
83
104
|
value: function render() {
|
84
105
|
var _this2 = this;
|
106
|
+
|
85
107
|
var _this$props2 = this.props,
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
108
|
+
classes = _this$props2.classes,
|
109
|
+
itemList = _this$props2.itemList,
|
110
|
+
onKeyDown = _this$props2.onKeyDown,
|
111
|
+
checkedIcon = _this$props2.checkedIcon,
|
112
|
+
disabled = _this$props2.disabled,
|
113
|
+
disabledItemIdList = _this$props2.disabledItemIdList,
|
114
|
+
hideCheckbox = _this$props2.hideCheckbox,
|
115
|
+
hoverIcon = _this$props2.hoverIcon,
|
116
|
+
icon = _this$props2.icon,
|
117
|
+
selectedItemIdList = _this$props2.selectedItemIdList,
|
118
|
+
others = (0, _objectWithoutProperties2.default)(_this$props2, ["classes", "itemList", "onKeyDown", "checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
|
97
119
|
var parents = [];
|
98
120
|
return /*#__PURE__*/_react.default.createElement(_List.default, {
|
99
121
|
className: classes.root,
|
@@ -117,6 +139,7 @@ var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
|
|
117
139
|
// n'est pas vide => on le réinitialise
|
118
140
|
parents = [];
|
119
141
|
}
|
142
|
+
|
120
143
|
return /*#__PURE__*/_react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
|
121
144
|
checkedIcon: checkedIcon,
|
122
145
|
disabled: disabled || disabledItemIdList.includes(item.id),
|
@@ -126,14 +149,15 @@ var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
|
|
126
149
|
key: item.id,
|
127
150
|
level: parents.length,
|
128
151
|
onSelect: _this2.handleSelect(item),
|
129
|
-
selected: selectedItemIdList.includes(item.id)
|
130
|
-
|
152
|
+
selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
|
153
|
+
|
131
154
|
}, item));
|
132
155
|
}));
|
133
156
|
}
|
134
157
|
}]);
|
135
158
|
return HiSelectableListHierarchic;
|
136
159
|
}(_react.default.PureComponent);
|
160
|
+
|
137
161
|
HiSelectableListHierarchic.defaultProps = {
|
138
162
|
allSelected: false,
|
139
163
|
disabled: false,
|
@@ -141,7 +165,10 @@ HiSelectableListHierarchic.defaultProps = {
|
|
141
165
|
hideCheckbox: false,
|
142
166
|
selectedItemIdList: []
|
143
167
|
};
|
144
|
-
|
168
|
+
|
169
|
+
var _default = (0, _withStyles.default)(styles, {
|
145
170
|
hiComponent: true,
|
146
171
|
name: 'HmuiHiSelectableListHierarchic'
|
147
|
-
})(HiSelectableListHierarchic);
|
172
|
+
})(HiSelectableListHierarchic);
|
173
|
+
|
174
|
+
exports.default = _default;
|