@hipay/hipay-material-ui 4.0.0 → 4.0.1-beta5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/HiAccordion/HiAccordion.js +26 -8
- package/HiAccordion/index.js +5 -1
- package/HiAccordionActions/HiAccordionActions.js +14 -1
- package/HiAccordionActions/index.js +5 -1
- package/HiAccordionSummary/HiAccordionSummary.js +15 -1
- package/HiAccordionSummary/index.js +5 -1
- package/HiAlertModal/HiAlertModal.js +22 -7
- package/HiAlertModal/index.js +5 -1
- package/HiAppBar/HiAppBar.js +42 -11
- package/HiAppBar/index.js +2 -0
- package/HiAvatar/HiAvatar.js +12 -3
- package/HiAvatar/index.js +2 -0
- package/HiBadge/HiBadge.js +24 -8
- package/HiBadge/index.js +2 -0
- package/HiBreadcrumb/HiBreadcrumb.js +30 -6
- package/HiBreadcrumb/HiStep.js +45 -13
- package/HiBreadcrumb/HiStepConnector.js +49 -14
- package/HiBreadcrumb/HiStepContent.js +30 -6
- package/HiBreadcrumb/HiStepIcon.js +35 -10
- package/HiBreadcrumb/HiStepLabel.js +44 -14
- package/HiBreadcrumb/HiStepper.js +30 -6
- package/HiBreadcrumb/index.js +2 -0
- package/HiButton/HiButton.js +33 -8
- package/HiButton/index.js +5 -1
- package/HiCell/CellAddress.js +33 -12
- package/HiCell/CellDate.js +36 -10
- package/HiCell/CellHiddenContent.js +30 -8
- package/HiCell/CellIcon.js +36 -12
- package/HiCell/CellImage.js +34 -12
- package/HiCell/CellNumeric.js +40 -13
- package/HiCell/CellPinToAction.js +33 -9
- package/HiCell/CellRate.js +47 -13
- package/HiCell/CellSentinel.js +33 -12
- package/HiCell/CellSentinelScore.js +31 -9
- package/HiCell/CellText.js +52 -16
- package/HiCell/CellTextStyled.js +24 -13
- package/HiCell/index.js +10 -0
- package/HiCheckbox/HiCheckbox.js +52 -15
- package/HiCheckbox/index.js +2 -0
- package/HiChip/HiChip.js +47 -24
- package/HiChip/HiChipSwitch.js +59 -16
- package/HiChip/index.js +3 -0
- package/HiColoredLabel/HiColoredLabel.js +49 -15
- package/HiColoredLabel/index.js +2 -0
- package/HiDatePicker/Caption.js +21 -9
- package/HiDatePicker/HiDatePicker.js +88 -16
- package/HiDatePicker/HiDatePickerMobile.js +43 -18
- package/HiDatePicker/HiDateRangePicker.js +134 -38
- package/HiDatePicker/HiDateRangeSelector.js +130 -49
- package/HiDatePicker/ListPicker.js +38 -8
- package/HiDatePicker/NavBar.js +31 -12
- package/HiDatePicker/Overlays/CustomOverlayLayout.js +28 -11
- package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +28 -11
- package/HiDatePicker/Overlays/MonthPickerOverlay.js +26 -4
- package/HiDatePicker/Overlays/Overlay.js +25 -8
- package/HiDatePicker/Overlays/TimePickerOverlay.js +39 -8
- package/HiDatePicker/Overlays/YearPickerOverlay.js +31 -8
- package/HiDatePicker/Overlays/index.js +6 -0
- package/HiDatePicker/Weekday.js +9 -4
- package/HiDatePicker/hiLocaleUtils.js +20 -8
- package/HiDatePicker/index.js +2 -0
- package/HiDatePicker/stylesheet.js +13 -7
- package/HiDialog/HiDialog.js +19 -7
- package/HiDialog/index.js +2 -0
- package/HiDotsStepper/HiDot.js +37 -8
- package/HiDotsStepper/HiDotsStepper.js +37 -10
- package/HiDotsStepper/index.js +3 -0
- package/HiExpansionPanel/HiExpansionPanel.js +38 -16
- package/HiExpansionPanel/index.js +5 -1
- package/HiForm/HiAddressField.js +36 -10
- package/HiForm/HiEmailField.js +29 -5
- package/HiForm/HiFormControl.js +74 -28
- package/HiForm/HiFormLabel.js +41 -15
- package/HiForm/HiInput.js +91 -33
- package/HiForm/HiPasswordField.js +46 -9
- package/HiForm/HiSearchField.js +34 -3
- package/HiForm/HiSlider.js +57 -22
- package/HiForm/HiTextField.js +47 -22
- package/HiForm/HiUpload.js +89 -29
- package/HiForm/HiUploadField.js +32 -10
- package/HiForm/HiUploadInput.js +76 -23
- package/HiForm/index.js +12 -0
- package/HiIcon/HiIcon.js +34 -9
- package/HiIcon/index.js +2 -0
- package/HiIconButton/HiIconButton.js +21 -6
- package/HiIconButton/index.js +2 -0
- package/HiListItemLink/HiListItemLink.js +19 -7
- package/HiListItemLink/index.js +2 -0
- package/HiLoader/HiLoader.js +16 -6
- package/HiLoader/index.js +2 -0
- package/HiNotice/HiKPI.js +47 -16
- package/HiNotice/HiKPINotice.js +16 -6
- package/HiNotice/index.js +3 -0
- package/HiPagination/HiPagination.js +11 -1
- package/HiPagination/index.js +2 -0
- package/HiPaymentMeans/HiPaymentMeans.js +72 -31
- package/HiPaymentMeans/index.js +2 -0
- package/HiPdfReader/HiPdfReader.js +57 -24
- package/HiPdfReader/index.js +2 -0
- package/HiPin/HiPin.js +19 -7
- package/HiPin/index.js +2 -0
- package/HiRadio/HiRadio.js +22 -11
- package/HiRadio/index.js +2 -0
- package/HiScrollStepper/HiScrollStepper.js +67 -29
- package/HiScrollStepper/index.js +2 -0
- package/HiSelect/HiDynamicSelect.js +42 -32
- package/HiSelect/HiDynamicSelectField.js +48 -24
- package/HiSelect/HiNestedSelect.js +111 -65
- package/HiSelect/HiNestedSelectContent.js +86 -60
- package/HiSelect/HiNestedSelectField.js +48 -24
- package/HiSelect/HiSelect.js +187 -89
- package/HiSelect/HiSelectContent.js +97 -62
- package/HiSelect/HiSelectField.js +49 -25
- package/HiSelect/HiSelectInput.js +76 -23
- package/HiSelect/HiSelectMobile.js +44 -7
- package/HiSelect/HiSuggestSelect.js +81 -25
- package/HiSelect/HiSuggestSelectField.js +39 -15
- package/HiSelect/index.js +14 -2
- package/HiSelectableList/HiSelectableList.js +90 -34
- package/HiSelectableList/HiSelectableListHierarchic.js +60 -34
- package/HiSelectableList/HiSelectableListItem.js +88 -45
- package/HiSelectableList/index.js +4 -0
- package/HiStepper/DefaultIndicator.js +10 -1
- package/HiStepper/HiStep.js +48 -18
- package/HiStepper/HiStepper.js +15 -2
- package/HiStepper/index.js +3 -0
- package/HiSwitch/HiSwitch.js +33 -9
- package/HiSwitch/HiSwitchState.js +32 -15
- package/HiSwitch/index.js +3 -0
- package/HiTable/HiCellBuilder.js +65 -10
- package/HiTable/HiTable.js +48 -20
- package/HiTable/HiTableBody.js +24 -7
- package/HiTable/HiTableHeader.js +51 -18
- package/HiTable/HiTableRow.js +46 -12
- package/HiTable/constants.js +98 -48
- package/HiTable/index.js +2 -0
- package/es/HiAccordion/HiAccordion.js +26 -8
- package/es/HiAccordion/index.js +5 -1
- package/es/HiAccordionActions/HiAccordionActions.js +14 -1
- package/es/HiAccordionActions/index.js +5 -1
- package/es/HiAccordionSummary/HiAccordionSummary.js +15 -1
- package/es/HiAccordionSummary/index.js +5 -1
- package/es/HiAlertModal/HiAlertModal.js +22 -7
- package/es/HiAlertModal/index.js +5 -1
- package/es/HiAppBar/HiAppBar.js +42 -11
- package/es/HiAppBar/index.js +2 -0
- package/es/HiAvatar/HiAvatar.js +12 -3
- package/es/HiAvatar/index.js +2 -0
- package/es/HiBadge/HiBadge.js +24 -8
- package/es/HiBadge/index.js +2 -0
- package/es/HiBreadcrumb/HiBreadcrumb.js +30 -6
- package/es/HiBreadcrumb/HiStep.js +45 -13
- package/es/HiBreadcrumb/HiStepConnector.js +49 -14
- package/es/HiBreadcrumb/HiStepContent.js +30 -6
- package/es/HiBreadcrumb/HiStepIcon.js +35 -10
- package/es/HiBreadcrumb/HiStepLabel.js +44 -14
- package/es/HiBreadcrumb/HiStepper.js +30 -6
- package/es/HiBreadcrumb/index.js +2 -0
- package/es/HiButton/HiButton.js +33 -8
- package/es/HiButton/index.js +5 -1
- package/es/HiCell/CellAddress.js +33 -12
- package/es/HiCell/CellDate.js +36 -10
- package/es/HiCell/CellHiddenContent.js +30 -8
- package/es/HiCell/CellIcon.js +36 -12
- package/es/HiCell/CellImage.js +34 -12
- package/es/HiCell/CellNumeric.js +40 -13
- package/es/HiCell/CellPinToAction.js +33 -9
- package/es/HiCell/CellRate.js +47 -13
- package/es/HiCell/CellSentinel.js +33 -12
- package/es/HiCell/CellSentinelScore.js +31 -9
- package/es/HiCell/CellText.js +52 -16
- package/es/HiCell/CellTextStyled.js +24 -13
- package/es/HiCell/index.js +10 -0
- package/es/HiCheckbox/HiCheckbox.js +52 -15
- package/es/HiCheckbox/index.js +2 -0
- package/es/HiChip/HiChip.js +47 -24
- package/es/HiChip/HiChipSwitch.js +59 -16
- package/es/HiChip/index.js +3 -0
- package/es/HiColoredLabel/HiColoredLabel.js +49 -15
- package/es/HiColoredLabel/index.js +2 -0
- package/es/HiDatePicker/Caption.js +21 -9
- package/es/HiDatePicker/HiDatePicker.js +88 -16
- package/es/HiDatePicker/HiDatePickerMobile.js +43 -18
- package/es/HiDatePicker/HiDateRangePicker.js +134 -38
- package/es/HiDatePicker/HiDateRangeSelector.js +130 -49
- package/es/HiDatePicker/ListPicker.js +38 -8
- package/es/HiDatePicker/NavBar.js +31 -12
- package/es/HiDatePicker/Overlays/CustomOverlayLayout.js +28 -11
- package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +28 -11
- package/es/HiDatePicker/Overlays/MonthPickerOverlay.js +26 -4
- package/es/HiDatePicker/Overlays/Overlay.js +25 -8
- package/es/HiDatePicker/Overlays/TimePickerOverlay.js +39 -8
- package/es/HiDatePicker/Overlays/YearPickerOverlay.js +31 -8
- package/es/HiDatePicker/Overlays/index.js +6 -0
- package/es/HiDatePicker/Weekday.js +9 -4
- package/es/HiDatePicker/hiLocaleUtils.js +20 -8
- package/es/HiDatePicker/index.js +2 -0
- package/es/HiDatePicker/stylesheet.js +13 -7
- package/es/HiDialog/HiDialog.js +19 -7
- package/es/HiDialog/index.js +2 -0
- package/es/HiDotsStepper/HiDot.js +37 -8
- package/es/HiDotsStepper/HiDotsStepper.js +37 -10
- package/es/HiDotsStepper/index.js +3 -0
- package/es/HiExpansionPanel/HiExpansionPanel.js +38 -16
- package/es/HiExpansionPanel/index.js +5 -1
- package/es/HiForm/HiAddressField.js +36 -10
- package/es/HiForm/HiEmailField.js +29 -5
- package/es/HiForm/HiFormControl.js +74 -28
- package/es/HiForm/HiFormLabel.js +41 -15
- package/es/HiForm/HiInput.js +91 -33
- package/es/HiForm/HiPasswordField.js +46 -9
- package/es/HiForm/HiSearchField.js +34 -3
- package/es/HiForm/HiSlider.js +57 -22
- package/es/HiForm/HiTextField.js +47 -22
- package/es/HiForm/HiUpload.js +89 -29
- package/es/HiForm/HiUploadField.js +32 -10
- package/es/HiForm/HiUploadInput.js +76 -23
- package/es/HiForm/index.js +12 -0
- package/es/HiIcon/HiIcon.js +34 -9
- package/es/HiIcon/index.js +2 -0
- package/es/HiIconButton/HiIconButton.js +21 -6
- package/es/HiIconButton/index.js +2 -0
- package/es/HiListItemLink/HiListItemLink.js +19 -7
- package/es/HiListItemLink/index.js +2 -0
- package/es/HiLoader/HiLoader.js +16 -6
- package/es/HiLoader/index.js +2 -0
- package/es/HiNotice/HiKPI.js +47 -16
- package/es/HiNotice/HiKPINotice.js +16 -6
- package/es/HiNotice/index.js +3 -0
- package/es/HiPagination/HiPagination.js +11 -1
- package/es/HiPagination/index.js +2 -0
- package/es/HiPaymentMeans/HiPaymentMeans.js +72 -31
- package/es/HiPaymentMeans/index.js +2 -0
- package/es/HiPdfReader/HiPdfReader.js +57 -24
- package/es/HiPdfReader/index.js +2 -0
- package/es/HiPin/HiPin.js +19 -7
- package/es/HiPin/index.js +2 -0
- package/es/HiRadio/HiRadio.js +22 -11
- package/es/HiRadio/index.js +2 -0
- package/es/HiScrollStepper/HiScrollStepper.js +67 -29
- package/es/HiScrollStepper/index.js +2 -0
- package/es/HiSelect/HiDynamicSelect.js +42 -32
- package/es/HiSelect/HiDynamicSelectField.js +48 -24
- package/es/HiSelect/HiNestedSelect.js +111 -65
- package/es/HiSelect/HiNestedSelectContent.js +86 -60
- package/es/HiSelect/HiNestedSelectField.js +48 -24
- package/es/HiSelect/HiSelect.js +187 -89
- package/es/HiSelect/HiSelectContent.js +97 -62
- package/es/HiSelect/HiSelectField.js +49 -25
- package/es/HiSelect/HiSelectInput.js +76 -23
- package/es/HiSelect/HiSelectMobile.js +44 -7
- package/es/HiSelect/HiSuggestSelect.js +81 -25
- package/es/HiSelect/HiSuggestSelectField.js +39 -15
- package/es/HiSelect/index.js +14 -2
- package/es/HiSelectableList/HiSelectableList.js +90 -34
- package/es/HiSelectableList/HiSelectableListHierarchic.js +60 -34
- package/es/HiSelectableList/HiSelectableListItem.js +88 -45
- package/es/HiSelectableList/index.js +4 -0
- package/es/HiStepper/DefaultIndicator.js +10 -1
- package/es/HiStepper/HiStep.js +48 -18
- package/es/HiStepper/HiStepper.js +15 -2
- package/es/HiStepper/index.js +3 -0
- package/es/HiSwitch/HiSwitch.js +33 -9
- package/es/HiSwitch/HiSwitchState.js +32 -15
- package/es/HiSwitch/index.js +3 -0
- package/es/HiTable/HiCellBuilder.js +65 -10
- package/es/HiTable/HiTable.js +48 -20
- package/es/HiTable/HiTableBody.js +24 -7
- package/es/HiTable/HiTableHeader.js +51 -18
- package/es/HiTable/HiTableRow.js +46 -12
- package/es/HiTable/constants.js +98 -48
- package/es/HiTable/index.js +2 -0
- package/es/hi-svg-icons/HiAccount.js +14 -4
- package/es/hi-svg-icons/HiActivity.js +14 -4
- package/es/hi-svg-icons/HiAll.js +18 -7
- package/es/hi-svg-icons/HiBilling.js +14 -4
- package/es/hi-svg-icons/HiBriefcaseRescue.js +14 -4
- package/es/hi-svg-icons/HiBusiness.js +14 -4
- package/es/hi-svg-icons/HiCatalog.js +14 -4
- package/es/hi-svg-icons/HiCustomer.js +14 -4
- package/es/hi-svg-icons/HiDownload.js +14 -4
- package/es/hi-svg-icons/HiFinance.js +14 -4
- package/es/hi-svg-icons/HiFinanceMenu.js +14 -4
- package/es/hi-svg-icons/HiHostedPaymentPage.js +14 -4
- package/es/hi-svg-icons/HiHostedPaymentPageMenu.js +14 -4
- package/es/hi-svg-icons/HiIntegration.js +14 -4
- package/es/hi-svg-icons/HiIntegrationMenu.js +14 -4
- package/es/hi-svg-icons/HiIntelligence.js +14 -4
- package/es/hi-svg-icons/HiIntelligenceMenu.js +14 -4
- package/es/hi-svg-icons/HiInvoice.js +14 -4
- package/es/hi-svg-icons/HiInvoiceMenu.js +14 -4
- package/es/hi-svg-icons/HiLogoRounded.js +17 -6
- package/es/hi-svg-icons/HiOrder.js +14 -4
- package/es/hi-svg-icons/HiPaymentOrder.js +14 -4
- package/es/hi-svg-icons/HiPermission.js +14 -4
- package/es/hi-svg-icons/HiPriceGrid.js +14 -4
- package/es/hi-svg-icons/HiPrivate.js +14 -4
- package/es/hi-svg-icons/HiRoute.js +14 -4
- package/es/hi-svg-icons/HiRouteMenu.js +14 -4
- package/es/hi-svg-icons/HiRouteSwitch.js +19 -7
- package/es/hi-svg-icons/HiRouteSwitchMenu.js +19 -7
- package/es/hi-svg-icons/HiSettlement.js +14 -4
- package/es/hi-svg-icons/HiSizeLarge.js +14 -4
- package/es/hi-svg-icons/HiSizeMedium.js +14 -4
- package/es/hi-svg-icons/HiSizeSmall.js +14 -4
- package/es/hi-svg-icons/HiStore.js +14 -4
- package/es/hi-svg-icons/HiStoreMenu.js +14 -4
- package/es/hi-svg-icons/HiTransaction.js +14 -4
- package/es/hi-svg-icons/HiTransactionMenu.js +14 -4
- package/es/hi-svg-icons/HiUser.js +14 -4
- package/es/hi-svg-icons/HiVendor.js +14 -4
- package/es/hi-svg-icons/HiWidget.js +14 -4
- package/es/hi-svg-icons/index.js +41 -0
- package/es/hi-svg-images/HiLogo.js +12 -4
- package/es/hi-svg-images/HiLogoWhite.js +12 -4
- package/es/hi-svg-images/index.js +3 -0
- package/es/setupTest.js +13 -2
- package/es/styleguide/Wrapper.js +6 -0
- package/es/styles/MuiThemeProvider.js +49 -15
- package/es/styles/colorManipulator.js +50 -15
- package/es/styles/createBreakpoints.js +29 -14
- package/es/styles/createGenerateClassName.js +24 -14
- package/es/styles/createMixins.js +10 -4
- package/es/styles/createMuiTheme.js +28 -11
- package/es/styles/createPalette.js +89 -67
- package/es/styles/createStyles.js +1 -0
- package/es/styles/createTypography.js +24 -15
- package/es/styles/getStylesCreator.js +14 -1
- package/es/styles/getThemeProps.js +7 -2
- package/es/styles/index.js +6 -0
- package/es/styles/jssPreset.js +11 -1
- package/es/styles/makeStyles.js +9 -2
- package/es/styles/mergeClasses.js +16 -5
- package/es/styles/shadows.js +4 -1
- package/es/styles/shape.js +2 -1
- package/es/styles/spacing.js +4 -1
- package/es/styles/themeListener.js +10 -2
- package/es/styles/transitions.js +35 -20
- package/es/styles/withStyles.js +9 -2
- package/es/styles/zIndex.js +2 -1
- package/es/test-utils/createMount.js +12 -2
- package/es/test-utils/createRender.js +9 -2
- package/es/test-utils/createShallow.js +17 -6
- package/es/test-utils/getClasses.js +4 -1
- package/es/test-utils/index.js +6 -0
- package/es/test-utils/until.js +14 -3
- package/es/test-utils/unwrap.js +1 -0
- package/es/theme/palette.js +7 -2
- package/es/theme/typography.js +15 -7
- package/es/theme.js +8 -2
- package/es/transitions/utils.js +7 -3
- package/es/utils/exactProp.js +13 -3
- package/es/utils/helpers.js +58 -19
- package/es/withMobileDialog/index.js +2 -0
- package/es/withMobileDialog/withMobileDialog.js +12 -3
- package/hi-svg-icons/HiAccount.js +14 -4
- package/hi-svg-icons/HiActivity.js +14 -4
- package/hi-svg-icons/HiAll.js +18 -7
- package/hi-svg-icons/HiBilling.js +14 -4
- package/hi-svg-icons/HiBriefcaseRescue.js +14 -4
- package/hi-svg-icons/HiBusiness.js +14 -4
- package/hi-svg-icons/HiCatalog.js +14 -4
- package/hi-svg-icons/HiCustomer.js +14 -4
- package/hi-svg-icons/HiDownload.js +14 -4
- package/hi-svg-icons/HiFinance.js +14 -4
- package/hi-svg-icons/HiFinanceMenu.js +14 -4
- package/hi-svg-icons/HiHostedPaymentPage.js +14 -4
- package/hi-svg-icons/HiHostedPaymentPageMenu.js +14 -4
- package/hi-svg-icons/HiIntegration.js +14 -4
- package/hi-svg-icons/HiIntegrationMenu.js +14 -4
- package/hi-svg-icons/HiIntelligence.js +14 -4
- package/hi-svg-icons/HiIntelligenceMenu.js +14 -4
- package/hi-svg-icons/HiInvoice.js +14 -4
- package/hi-svg-icons/HiInvoiceMenu.js +14 -4
- package/hi-svg-icons/HiLogoRounded.js +17 -6
- package/hi-svg-icons/HiOrder.js +14 -4
- package/hi-svg-icons/HiPaymentOrder.js +14 -4
- package/hi-svg-icons/HiPermission.js +14 -4
- package/hi-svg-icons/HiPriceGrid.js +14 -4
- package/hi-svg-icons/HiPrivate.js +14 -4
- package/hi-svg-icons/HiRoute.js +14 -4
- package/hi-svg-icons/HiRouteMenu.js +14 -4
- package/hi-svg-icons/HiRouteSwitch.js +19 -7
- package/hi-svg-icons/HiRouteSwitchMenu.js +19 -7
- package/hi-svg-icons/HiSettlement.js +14 -4
- package/hi-svg-icons/HiSizeLarge.js +14 -4
- package/hi-svg-icons/HiSizeMedium.js +14 -4
- package/hi-svg-icons/HiSizeSmall.js +14 -4
- package/hi-svg-icons/HiStore.js +14 -4
- package/hi-svg-icons/HiStoreMenu.js +14 -4
- package/hi-svg-icons/HiTransaction.js +14 -4
- package/hi-svg-icons/HiTransactionMenu.js +14 -4
- package/hi-svg-icons/HiUser.js +14 -4
- package/hi-svg-icons/HiVendor.js +14 -4
- package/hi-svg-icons/HiWidget.js +14 -4
- package/hi-svg-icons/index.js +41 -0
- package/hi-svg-images/HiLogo.js +12 -4
- package/hi-svg-images/HiLogoWhite.js +12 -4
- package/hi-svg-images/index.js +3 -0
- package/package.json +2 -2
- package/setupTest.js +13 -2
- package/styleguide/Wrapper.js +6 -0
- package/styles/MuiThemeProvider.js +49 -15
- package/styles/colorManipulator.js +50 -15
- package/styles/createBreakpoints.js +29 -14
- package/styles/createGenerateClassName.js +24 -14
- package/styles/createMixins.js +10 -4
- package/styles/createMuiTheme.js +28 -11
- package/styles/createPalette.js +89 -67
- package/styles/createStyles.js +1 -0
- package/styles/createTypography.js +24 -15
- package/styles/getStylesCreator.js +14 -1
- package/styles/getThemeProps.js +7 -2
- package/styles/index.js +6 -0
- package/styles/jssPreset.js +11 -1
- package/styles/makeStyles.js +9 -2
- package/styles/mergeClasses.js +16 -5
- package/styles/shadows.js +4 -1
- package/styles/shape.js +2 -1
- package/styles/spacing.js +4 -1
- package/styles/themeListener.js +10 -2
- package/styles/transitions.js +35 -20
- package/styles/withStyles.js +9 -2
- package/styles/zIndex.js +2 -1
- package/test-utils/createMount.js +12 -2
- package/test-utils/createRender.js +9 -2
- package/test-utils/createShallow.js +17 -6
- package/test-utils/getClasses.js +4 -1
- package/test-utils/index.js +6 -0
- package/test-utils/until.js +14 -3
- package/test-utils/unwrap.js +1 -0
- package/theme/palette.js +7 -2
- package/theme/typography.js +15 -7
- package/theme.js +8 -2
- package/transitions/utils.js +7 -3
- package/utils/exactProp.js +13 -3
- package/utils/helpers.js +58 -19
- package/withMobileDialog/index.js +2 -0
- package/withMobileDialog/withMobileDialog.js +12 -3
@@ -1,55 +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
|
+
|
12
18
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
19
|
+
|
13
20
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
21
|
+
|
14
22
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
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"));
|
33
|
+
|
20
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); }; }
|
21
|
-
|
22
|
-
|
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
|
+
|
33
52
|
var _super = _createSuper(HiSuggestSelectField);
|
53
|
+
|
34
54
|
function HiSuggestSelectField() {
|
35
55
|
(0, _classCallCheck2.default)(this, HiSuggestSelectField);
|
36
56
|
return _super.apply(this, arguments);
|
37
57
|
}
|
58
|
+
|
38
59
|
(0, _createClass2.default)(HiSuggestSelectField, [{
|
39
60
|
key: "render",
|
40
61
|
value: function render() {
|
41
62
|
var _this$props = this.props,
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
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"]);
|
53
74
|
return /*#__PURE__*/_react.default.createElement(_HiFormControl.default, {
|
54
75
|
id: id,
|
55
76
|
label: label,
|
@@ -76,4 +97,7 @@ var HiSuggestSelectField = /*#__PURE__*/function (_React$PureComponent) {
|
|
76
97
|
}]);
|
77
98
|
return HiSuggestSelectField;
|
78
99
|
}(_react.default.PureComponent);
|
79
|
-
|
100
|
+
|
101
|
+
var _default = (0, _withStyles.default)(styles)(HiSuggestSelectField);
|
102
|
+
|
103
|
+
exports.default = _default;
|
package/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
|
+
|
14
22
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
23
|
+
|
15
24
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
25
|
+
|
16
26
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
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
|
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
|
+
|
28
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
|
+
|
29
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; } }
|
30
|
-
|
53
|
+
|
54
|
+
var styles = function styles(theme) {
|
31
55
|
return {
|
32
56
|
root: {
|
33
57
|
padding: 0,
|
@@ -45,31 +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
|
+
|
68
99
|
var _super = _createSuper(HiSelectableList);
|
100
|
+
|
69
101
|
function HiSelectableList(props) {
|
70
102
|
var _this;
|
103
|
+
|
71
104
|
(0, _classCallCheck2.default)(this, HiSelectableList);
|
72
105
|
_this = _super.call(this, props);
|
106
|
+
|
73
107
|
_this.handleSelect = function (item) {
|
74
108
|
return function (event) {
|
75
109
|
if (_this.props.collapseParent && item.children) {
|
@@ -83,12 +117,14 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
|
|
83
117
|
}
|
84
118
|
};
|
85
119
|
};
|
120
|
+
|
86
121
|
_this.handleKeyDown = function (event) {
|
87
122
|
if (_this.props.onKeyDown) {
|
88
123
|
_this.props.onKeyDown(event);
|
89
124
|
} else {
|
90
125
|
var nextItem;
|
91
126
|
var key = (0, _keycode.default)(event);
|
127
|
+
|
92
128
|
if (key === 'down') {
|
93
129
|
event.preventDefault();
|
94
130
|
nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'down');
|
@@ -96,41 +132,37 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
|
|
96
132
|
event.preventDefault();
|
97
133
|
nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'up');
|
98
134
|
}
|
135
|
+
|
99
136
|
if (nextItem) {
|
100
137
|
nextItem.focus();
|
101
138
|
}
|
102
139
|
}
|
103
140
|
};
|
104
|
-
|
105
|
-
* Build list item and children items
|
106
|
-
*
|
107
|
-
* @param item
|
108
|
-
* @param index
|
109
|
-
* @param level
|
110
|
-
* @returns {*}
|
111
|
-
*/
|
141
|
+
|
112
142
|
_this.buildRecursiveListItem = function (item, index) {
|
113
143
|
var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
114
144
|
var group = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
|
115
145
|
var _this$props = _this.props,
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
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
|
+
|
131
162
|
if (sort && item.children) {
|
132
163
|
item.children.sort(_this.compareItem);
|
133
164
|
}
|
165
|
+
|
134
166
|
var placeholderContent = /*#__PURE__*/_react.default.createElement("div", {
|
135
167
|
style: {
|
136
168
|
width: '90%',
|
@@ -147,11 +179,13 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
|
|
147
179
|
borderRadius: 4
|
148
180
|
}
|
149
181
|
}));
|
182
|
+
|
150
183
|
var handleKeyDown = function handleKeyDown() {
|
151
184
|
if (onKeyDown) {
|
152
185
|
onKeyDown();
|
153
186
|
}
|
154
187
|
};
|
188
|
+
|
155
189
|
var itemComponent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
156
190
|
key: item.id
|
157
191
|
}, /*#__PURE__*/_react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
|
@@ -164,8 +198,7 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
|
|
164
198
|
onSelect: item.selectable !== false ? _this.handleSelect(item) : undefined,
|
165
199
|
onKeyDown: item.selectable !== false ? handleKeyDown : undefined,
|
166
200
|
onKeyUp: onKeyUp,
|
167
|
-
selected: selectedItemIdList.includes(item.id)
|
168
|
-
// item props override upper props (disabled, hideCheckbox, icon, level...)
|
201
|
+
selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
|
169
202
|
,
|
170
203
|
item: item,
|
171
204
|
classes: {
|
@@ -188,6 +221,7 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
|
|
188
221
|
}).map(function (subItem) {
|
189
222
|
return _this.buildRecursiveListItem(subItem, index, level + 1);
|
190
223
|
})));
|
224
|
+
|
191
225
|
if (lazy) {
|
192
226
|
return /*#__PURE__*/_react.default.createElement(_reactLazyload.default, {
|
193
227
|
key: item.id,
|
@@ -198,25 +232,34 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
|
|
198
232
|
placeholder: placeholderContent
|
199
233
|
}, itemComponent);
|
200
234
|
}
|
235
|
+
|
201
236
|
return itemComponent;
|
202
237
|
};
|
238
|
+
|
203
239
|
_this.compareItem = function (a, b) {
|
204
240
|
if (_this.props.comparItemFunc) {
|
205
241
|
return _this.props.comparItemFunc(a, b);
|
206
242
|
}
|
243
|
+
|
207
244
|
if (a.label === undefined || b.label === undefined) {
|
208
245
|
return 0;
|
209
246
|
}
|
247
|
+
|
210
248
|
var sortAppendList = _this.props.sortAppendList;
|
249
|
+
|
211
250
|
if (sortAppendList.indexOf(a.id) < sortAppendList.indexOf(b.id)) {
|
212
251
|
return 1;
|
213
252
|
}
|
253
|
+
|
214
254
|
if (sortAppendList.indexOf(a.id) > sortAppendList.indexOf(b.id)) {
|
215
255
|
return -1;
|
216
256
|
}
|
257
|
+
|
217
258
|
return (0, _helpers.foldAccents)(a.label.toString().toLowerCase()) > (0, _helpers.foldAccents)(b.label.toString().toLowerCase()) ? 1 : -1;
|
218
259
|
};
|
260
|
+
|
219
261
|
var openedParent;
|
262
|
+
|
220
263
|
if (props.collapseParent) {
|
221
264
|
if (props.selectedItemIdList[0]) {
|
222
265
|
openedParent = findSelectedItemParent(props.itemList, props.selectedItemIdList[0]);
|
@@ -224,15 +267,18 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
|
|
224
267
|
openedParent = props.itemList[0].id;
|
225
268
|
}
|
226
269
|
}
|
270
|
+
|
227
271
|
_this.state = {
|
228
272
|
openedParent: openedParent
|
229
273
|
};
|
230
274
|
return _this;
|
231
275
|
}
|
276
|
+
|
232
277
|
(0, _createClass2.default)(HiSelectableList, [{
|
233
278
|
key: "componentDidMount",
|
234
279
|
value: function componentDidMount() {
|
235
280
|
var _this2 = this;
|
281
|
+
|
236
282
|
// Focus on last item selected
|
237
283
|
if (this.props.overlay && this.props.overlay.getElementsByTagName('li')[0]) {
|
238
284
|
if (Array.isArray(this.props.value) && this.props.value.length > 0 || !Array.isArray(this.props.value) && this.props.value) {
|
@@ -243,12 +289,15 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
|
|
243
289
|
if (option.id === lastSelectedValue) {
|
244
290
|
item = _this2.props.overlay.getElementsByTagName('li')[index];
|
245
291
|
}
|
292
|
+
|
246
293
|
index++;
|
294
|
+
|
247
295
|
if (option.children && option.children.length) {
|
248
296
|
option.children.forEach(function (option) {
|
249
297
|
if (option.id === lastSelectedValue) {
|
250
298
|
item = _this2.props.overlay.getElementsByTagName('li')[index];
|
251
299
|
}
|
300
|
+
|
252
301
|
index++;
|
253
302
|
});
|
254
303
|
}
|
@@ -268,13 +317,16 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
|
|
268
317
|
key: "render",
|
269
318
|
value: function render() {
|
270
319
|
var _this3 = this;
|
320
|
+
|
271
321
|
var _this$props2 = this.props,
|
272
|
-
|
273
|
-
|
274
|
-
|
322
|
+
classes = _this$props2.classes,
|
323
|
+
itemList = _this$props2.itemList,
|
324
|
+
sort = _this$props2.sort;
|
325
|
+
|
275
326
|
if (sort) {
|
276
327
|
itemList.sort(this.compareItem);
|
277
328
|
}
|
329
|
+
|
278
330
|
return /*#__PURE__*/_react.default.createElement(_List.default, {
|
279
331
|
className: classes.root,
|
280
332
|
onKeyDown: this.handleKeyDown,
|
@@ -291,6 +343,7 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
|
|
291
343
|
}]);
|
292
344
|
return HiSelectableList;
|
293
345
|
}(_react.default.PureComponent);
|
346
|
+
|
294
347
|
HiSelectableList.defaultProps = {
|
295
348
|
allSelected: false,
|
296
349
|
disabled: false,
|
@@ -302,8 +355,11 @@ HiSelectableList.defaultProps = {
|
|
302
355
|
sortAppendList: ['_all'],
|
303
356
|
collapseParent: false
|
304
357
|
};
|
305
|
-
|
358
|
+
|
359
|
+
var _default = (0, _withStyles.default)(styles, {
|
306
360
|
hiComponent: true,
|
307
361
|
name: 'HmuiHiSelectableList',
|
308
362
|
index: 51
|
309
|
-
})(HiSelectableList);
|
363
|
+
})(HiSelectableList);
|
364
|
+
|
365
|
+
exports.default = _default;
|
@@ -1,65 +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
|
+
|
12
18
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
19
|
+
|
13
20
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
21
|
+
|
14
22
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
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"));
|
31
|
+
|
19
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
|
+
|
20
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; } }
|
21
|
-
|
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
|
+
|
32
51
|
var _super = _createSuper(HiSelectableListHierarchic);
|
52
|
+
|
33
53
|
function HiSelectableListHierarchic() {
|
34
54
|
var _this;
|
55
|
+
|
35
56
|
(0, _classCallCheck2.default)(this, HiSelectableListHierarchic);
|
57
|
+
|
36
58
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
37
59
|
args[_key] = arguments[_key];
|
38
60
|
}
|
61
|
+
|
39
62
|
_this = _super.call.apply(_super, [this].concat(args));
|
63
|
+
|
40
64
|
_this.handleSelect = function (item) {
|
41
65
|
return function (event) {
|
42
66
|
_this.props.onSelect(event, item);
|
43
67
|
};
|
44
68
|
};
|
45
|
-
|
46
|
-
* Build list item and children items
|
47
|
-
*
|
48
|
-
* @param item
|
49
|
-
* @param level
|
50
|
-
* @returns {*}
|
51
|
-
*/
|
69
|
+
|
52
70
|
_this.buildRecursiveListItem = function (item) {
|
53
71
|
var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
54
72
|
var _this$props = _this.props,
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
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"]);
|
63
81
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
|
64
82
|
checkedIcon: checkedIcon,
|
65
83
|
disabled: disabled || disabledItemIdList.includes(item.id),
|
@@ -69,32 +87,35 @@ var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
|
|
69
87
|
key: item.id,
|
70
88
|
level: level,
|
71
89
|
onSelect: _this.handleSelect(item),
|
72
|
-
selected: selectedItemIdList.includes(item.id)
|
73
|
-
|
90
|
+
selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
|
91
|
+
|
74
92
|
}, item)), item.children && item.children.length > 0 && item.children.filter(function (subItem) {
|
75
93
|
return !subItem.displayed;
|
76
94
|
}).map(function (subItem) {
|
77
95
|
return _this.buildRecursiveListItem(subItem, level + 1);
|
78
96
|
}));
|
79
97
|
};
|
98
|
+
|
80
99
|
return _this;
|
81
100
|
}
|
101
|
+
|
82
102
|
(0, _createClass2.default)(HiSelectableListHierarchic, [{
|
83
103
|
key: "render",
|
84
104
|
value: function render() {
|
85
105
|
var _this2 = this;
|
106
|
+
|
86
107
|
var _this$props2 = this.props,
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
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"]);
|
98
119
|
var parents = [];
|
99
120
|
return /*#__PURE__*/_react.default.createElement(_List.default, {
|
100
121
|
className: classes.root,
|
@@ -118,6 +139,7 @@ var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
|
|
118
139
|
// n'est pas vide => on le réinitialise
|
119
140
|
parents = [];
|
120
141
|
}
|
142
|
+
|
121
143
|
return /*#__PURE__*/_react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
|
122
144
|
checkedIcon: checkedIcon,
|
123
145
|
disabled: disabled || disabledItemIdList.includes(item.id),
|
@@ -127,14 +149,15 @@ var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
|
|
127
149
|
key: item.id,
|
128
150
|
level: parents.length,
|
129
151
|
onSelect: _this2.handleSelect(item),
|
130
|
-
selected: selectedItemIdList.includes(item.id)
|
131
|
-
|
152
|
+
selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
|
153
|
+
|
132
154
|
}, item));
|
133
155
|
}));
|
134
156
|
}
|
135
157
|
}]);
|
136
158
|
return HiSelectableListHierarchic;
|
137
159
|
}(_react.default.PureComponent);
|
160
|
+
|
138
161
|
HiSelectableListHierarchic.defaultProps = {
|
139
162
|
allSelected: false,
|
140
163
|
disabled: false,
|
@@ -142,7 +165,10 @@ HiSelectableListHierarchic.defaultProps = {
|
|
142
165
|
hideCheckbox: false,
|
143
166
|
selectedItemIdList: []
|
144
167
|
};
|
145
|
-
|
168
|
+
|
169
|
+
var _default = (0, _withStyles.default)(styles, {
|
146
170
|
hiComponent: true,
|
147
171
|
name: 'HmuiHiSelectableListHierarchic'
|
148
|
-
})(HiSelectableListHierarchic);
|
172
|
+
})(HiSelectableListHierarchic);
|
173
|
+
|
174
|
+
exports.default = _default;
|