@hipay/hipay-material-ui 4.0.1-beta3 → 4.0.1-beta5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/HiAccordion/HiAccordion.js +26 -8
- package/HiAccordion/index.js +5 -1
- package/HiAccordionActions/HiAccordionActions.js +14 -1
- package/HiAccordionActions/index.js +5 -1
- package/HiAccordionSummary/HiAccordionSummary.js +15 -1
- package/HiAccordionSummary/index.js +5 -1
- package/HiAlertModal/HiAlertModal.js +22 -7
- package/HiAlertModal/index.js +5 -1
- package/HiAppBar/HiAppBar.js +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;
|