@hipay/hipay-material-ui 2.3.1-rc3 → 2.3.1-rc4
Sign up to get free protection for your applications and to get access to all the features.
- package/App.test.js +8 -0
- package/HiAlertModal/HiAlertModal.js +48 -77
- package/HiAlertModal/HiAlertModal.test.js +189 -0
- package/HiAlertModal/index.js +1 -15
- package/HiAppBar/HiAppBar.js +34 -63
- package/HiAppBar/index.js +1 -15
- package/HiBadge/HiBadge.js +10 -29
- package/HiBadge/HiBadge.test.js +49 -0
- package/HiBadge/index.js +1 -15
- package/HiBreadcrumb/HiBreadcrumb.js +27 -43
- package/HiBreadcrumb/HiBreadcrumb.test.js +44 -0
- package/HiBreadcrumb/HiStep.js +35 -57
- package/HiBreadcrumb/HiStep.test.js +47 -0
- package/HiBreadcrumb/HiStepConnector.js +32 -57
- package/HiBreadcrumb/HiStepConnector.test.js +113 -0
- package/HiBreadcrumb/HiStepContent.js +25 -46
- package/HiBreadcrumb/HiStepContent.test.js +32 -0
- package/HiBreadcrumb/HiStepIcon.js +26 -46
- package/HiBreadcrumb/HiStepIcon.test.js +65 -0
- package/HiBreadcrumb/HiStepLabel.js +36 -61
- package/HiBreadcrumb/HiStepLabel.test.js +30 -0
- package/HiBreadcrumb/HiStepper.js +23 -45
- package/HiBreadcrumb/HiStepper.test.js +33 -0
- package/HiBreadcrumb/index.js +1 -15
- package/HiButton/HiButton.js +9 -27
- package/HiButton/index.js +2 -13
- package/HiCell/CellAddress.js +20 -40
- package/HiCell/CellAddress.test.js +75 -0
- package/HiCell/CellDate.js +26 -47
- package/HiCell/CellDate.test.js +173 -0
- package/HiCell/CellIcon.js +28 -49
- package/HiCell/CellIcon.test.js +57 -0
- package/HiCell/CellImage.js +23 -42
- package/HiCell/CellImage.test.js +49 -0
- package/HiCell/CellNumeric.js +25 -46
- package/HiCell/CellNumeric.test.js +46 -0
- package/HiCell/CellPinToAction.js +20 -41
- package/HiCell/CellRate.js +32 -55
- package/HiCell/CellRate.test.js +73 -0
- package/HiCell/CellSentinel.js +22 -42
- package/HiCell/CellSentinel.test.js +48 -0
- package/HiCell/CellSentinelScore.js +23 -44
- package/HiCell/CellText.js +37 -56
- package/HiCell/CellText.test.js +76 -0
- package/HiCell/CellTextStyled.js +8 -21
- package/HiCell/index.js +9 -79
- package/HiCheckbox/HiCheckbox.js +35 -60
- package/HiCheckbox/HiCheckbox.test.js +55 -0
- package/HiCheckbox/index.js +1 -15
- package/HiChip/HiChip.js +24 -44
- package/HiChip/HiChip.test.js +136 -0
- package/HiChip/HiChipSwitch.js +47 -70
- package/HiChip/HiChipSwitch.test.js +99 -0
- package/HiChip/index.js +2 -23
- package/HiColoredLabel/HiColoredLabel.js +28 -52
- package/HiColoredLabel/HiColoredLabel.test.js +96 -0
- package/HiColoredLabel/index.js +1 -15
- package/HiDatePicker/Caption.js +11 -28
- package/HiDatePicker/Caption.test.js +65 -0
- package/HiDatePicker/HiDatePicker.js +100 -115
- package/HiDatePicker/HiDatePicker.test.js +370 -0
- package/HiDatePicker/HiDatePickerMobile.js +32 -54
- package/HiDatePicker/HiDateRangePicker.js +138 -149
- package/HiDatePicker/HiDateRangePicker.test.js +703 -0
- package/HiDatePicker/HiDateRangeSelector.js +71 -103
- package/HiDatePicker/HiDateRangeSelector.test.js +193 -0
- package/HiDatePicker/ListPicker.js +33 -55
- package/HiDatePicker/ListPicker.test.js +53 -0
- package/HiDatePicker/NavBar.js +18 -45
- package/HiDatePicker/NavBar.test.js +39 -0
- package/HiDatePicker/Overlays/CustomOverlayLayout.js +23 -40
- package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +22 -39
- package/HiDatePicker/Overlays/MonthPickerOverlay.js +29 -45
- package/HiDatePicker/Overlays/MonthPickerOverlay.test.js +50 -0
- package/HiDatePicker/Overlays/Overlay.js +18 -35
- package/HiDatePicker/Overlays/Overlay.test.js +20 -0
- package/HiDatePicker/Overlays/TimePickerOverlay.js +47 -73
- package/HiDatePicker/Overlays/TimePickerOverlay.test.js +48 -0
- package/HiDatePicker/Overlays/YearPickerOverlay.js +29 -45
- package/HiDatePicker/Overlays/YearPickerOverlay.test.js +79 -0
- package/HiDatePicker/Overlays/index.js +5 -47
- package/HiDatePicker/Weekday.js +3 -13
- package/HiDatePicker/hiLocaleUtils.js +1 -8
- package/HiDatePicker/hiLocaleUtils.test.js +51 -0
- package/HiDatePicker/index.js +1 -15
- package/HiDatePicker/stylesheet.js +9 -22
- package/HiDotsStepper/HiDot.js +30 -57
- package/HiDotsStepper/HiDot.test.js +55 -0
- package/HiDotsStepper/HiDotsStepper.js +29 -47
- package/HiDotsStepper/HiDotsStepper.test.js +90 -0
- package/HiDotsStepper/index.js +2 -23
- package/HiExpansionPanel/HiExpansionPanel.js +42 -72
- package/HiExpansionPanel/index.js +2 -13
- package/HiForm/HiAddressField.js +30 -47
- package/HiForm/HiAddressField.test.js +79 -0
- package/HiForm/HiEmailField.js +28 -46
- package/HiForm/HiEmailField.test.js +19 -0
- package/HiForm/HiFormControl.js +72 -100
- package/HiForm/HiFormControl.test.js +195 -0
- package/HiForm/HiFormLabel.js +29 -54
- package/HiForm/HiFormLabel.test.js +66 -0
- package/HiForm/HiInput.js +62 -86
- package/HiForm/HiInput.test.js +202 -0
- package/HiForm/HiPasswordField.js +29 -55
- package/HiForm/HiPasswordField.test.js +60 -0
- package/HiForm/HiSearchField.js +27 -44
- package/HiForm/HiSearchField.test.js +193 -0
- package/HiForm/HiSlider.js +42 -64
- package/HiForm/HiSlider.test.js +99 -0
- package/HiForm/HiTextField.js +29 -46
- package/HiForm/HiTextField.test.js +254 -0
- package/HiForm/HiUpload.js +54 -70
- package/HiForm/HiUpload.test.js +241 -0
- package/HiForm/HiUploadField.js +24 -41
- package/HiForm/HiUploadField.test.js +55 -0
- package/HiForm/HiUploadInput.js +56 -77
- package/HiForm/HiUploadInput.test.js +148 -0
- package/HiForm/index.js +11 -95
- package/HiIcon/HiIcon.js +22 -44
- package/HiIcon/index.js +1 -15
- package/HiIconButton/HiIconButton.js +18 -40
- package/HiIconButton/HiIconButton.test.js +69 -0
- package/HiIconButton/index.js +1 -15
- package/HiLoader/HiLoader.js +9 -24
- package/HiLoader/HiLoader.test.js +18 -0
- package/HiLoader/index.js +1 -15
- package/HiMap/HiMap.js +50 -77
- package/HiMap/HiMap.test.js +29 -0
- package/HiMap/HiMapExpand.js +39 -64
- package/HiMap/HiMapExpand.test.js +48 -0
- package/HiMap/index.js +2 -23
- package/HiNotice/HiKPI.js +33 -54
- package/HiNotice/HiKPI.test.js +171 -0
- package/HiNotice/HiKPINotice.js +7 -21
- package/HiNotice/HiKPINotice.test.js +88 -0
- package/HiNotice/index.js +2 -23
- package/HiPaymentMeans/HiPaymentMeans.js +112 -131
- package/HiPaymentMeans/HiPaymentMeans.test.js +162 -0
- package/HiPaymentMeans/index.js +1 -15
- package/HiPdfReader/HiPdfReader.js +51 -76
- package/HiPdfReader/index.js +1 -15
- package/HiPin/HiPin.js +9 -30
- package/HiPin/HiPin.test.js +61 -0
- package/HiPin/index.js +1 -15
- package/HiRadio/HiRadio.js +7 -24
- package/HiRadio/HiRadio.test.js +57 -0
- package/HiRadio/index.js +1 -15
- package/HiSelect/HiDynamicSelect.js +40 -56
- package/HiSelect/HiDynamicSelectField.js +22 -40
- package/HiSelect/HiNestedSelect.js +55 -84
- package/HiSelect/HiNestedSelectContent.js +46 -73
- package/HiSelect/HiNestedSelectField.js +22 -40
- package/HiSelect/HiSelect.js +123 -139
- package/HiSelect/HiSelect.test.js +1092 -0
- package/HiSelect/HiSelectContent.js +73 -95
- package/HiSelect/HiSelectField.js +22 -40
- package/HiSelect/HiSelectInput.js +63 -87
- package/HiSelect/HiSelectInput.test.js +21 -0
- package/HiSelect/HiSelectMobile.js +35 -54
- package/HiSelect/HiSuggestSelect.js +56 -78
- package/HiSelect/HiSuggestSelectField.js +22 -40
- package/HiSelect/index.js +8 -85
- package/HiSelectableList/HiSelectableList.js +49 -77
- package/HiSelectableList/HiSelectableList.test.js +173 -0
- package/HiSelectableList/HiSelectableListHierarchic.js +35 -56
- package/HiSelectableList/HiSelectableListItem.js +66 -98
- package/HiSelectableList/HiSelectableListItem.test.js +97 -0
- package/HiSelectableList/index.js +3 -31
- package/HiSwitch/HiSwitch.js +20 -45
- package/HiSwitch/HiSwitch.test.js +41 -0
- package/HiSwitch/HiSwitchState.js +15 -36
- package/HiSwitch/HiSwitchState.test.js +76 -0
- package/HiSwitch/index.js +2 -23
- package/HiTable/HiCellBuilder.js +44 -72
- package/HiTable/HiTable.js +29 -47
- package/HiTable/HiTable.test.js +29 -0
- package/HiTable/HiTableBody.js +19 -34
- package/HiTable/HiTableHeader.js +30 -53
- package/HiTable/HiTableRow.js +29 -56
- package/HiTable/constants.js +43 -94
- package/HiTable/index.js +1 -15
- package/es/App.test.js +8 -0
- package/es/HiAlertModal/HiAlertModal.js +48 -77
- package/es/HiAlertModal/HiAlertModal.test.js +189 -0
- package/es/HiAlertModal/index.js +1 -15
- package/es/HiAppBar/HiAppBar.js +34 -63
- package/es/HiAppBar/index.js +1 -15
- package/es/HiBadge/HiBadge.js +10 -29
- package/es/HiBadge/HiBadge.test.js +49 -0
- package/es/HiBadge/index.js +1 -15
- package/es/HiBreadcrumb/HiBreadcrumb.js +27 -43
- package/es/HiBreadcrumb/HiBreadcrumb.test.js +44 -0
- package/es/HiBreadcrumb/HiStep.js +35 -57
- package/es/HiBreadcrumb/HiStep.test.js +47 -0
- package/es/HiBreadcrumb/HiStepConnector.js +32 -57
- package/es/HiBreadcrumb/HiStepConnector.test.js +113 -0
- package/es/HiBreadcrumb/HiStepContent.js +25 -46
- package/es/HiBreadcrumb/HiStepContent.test.js +32 -0
- package/es/HiBreadcrumb/HiStepIcon.js +26 -46
- package/es/HiBreadcrumb/HiStepIcon.test.js +65 -0
- package/es/HiBreadcrumb/HiStepLabel.js +36 -61
- package/es/HiBreadcrumb/HiStepLabel.test.js +30 -0
- package/es/HiBreadcrumb/HiStepper.js +23 -45
- package/es/HiBreadcrumb/HiStepper.test.js +33 -0
- package/es/HiBreadcrumb/index.js +1 -15
- package/es/HiButton/HiButton.js +9 -27
- package/es/HiButton/index.js +2 -13
- package/es/HiCell/CellAddress.js +20 -40
- package/es/HiCell/CellAddress.test.js +75 -0
- package/es/HiCell/CellDate.js +26 -47
- package/es/HiCell/CellDate.test.js +173 -0
- package/es/HiCell/CellIcon.js +28 -49
- package/es/HiCell/CellIcon.test.js +57 -0
- package/es/HiCell/CellImage.js +23 -42
- package/es/HiCell/CellImage.test.js +49 -0
- package/es/HiCell/CellNumeric.js +25 -46
- package/es/HiCell/CellNumeric.test.js +46 -0
- package/es/HiCell/CellPinToAction.js +20 -41
- package/es/HiCell/CellRate.js +32 -55
- package/es/HiCell/CellRate.test.js +73 -0
- package/es/HiCell/CellSentinel.js +22 -42
- package/es/HiCell/CellSentinel.test.js +48 -0
- package/es/HiCell/CellSentinelScore.js +23 -44
- package/es/HiCell/CellText.js +37 -56
- package/es/HiCell/CellText.test.js +76 -0
- package/es/HiCell/CellTextStyled.js +8 -21
- package/es/HiCell/index.js +9 -79
- package/es/HiCheckbox/HiCheckbox.js +35 -60
- package/es/HiCheckbox/HiCheckbox.test.js +55 -0
- package/es/HiCheckbox/index.js +1 -15
- package/es/HiChip/HiChip.js +24 -44
- package/es/HiChip/HiChip.test.js +136 -0
- package/es/HiChip/HiChipSwitch.js +47 -70
- package/es/HiChip/HiChipSwitch.test.js +99 -0
- package/es/HiChip/index.js +2 -23
- package/es/HiColoredLabel/HiColoredLabel.js +28 -52
- package/es/HiColoredLabel/HiColoredLabel.test.js +96 -0
- package/es/HiColoredLabel/index.js +1 -15
- package/es/HiDatePicker/Caption.js +11 -28
- package/es/HiDatePicker/Caption.test.js +65 -0
- package/es/HiDatePicker/HiDatePicker.js +100 -115
- package/es/HiDatePicker/HiDatePicker.test.js +370 -0
- package/es/HiDatePicker/HiDatePickerMobile.js +32 -54
- package/es/HiDatePicker/HiDateRangePicker.js +138 -149
- package/es/HiDatePicker/HiDateRangePicker.test.js +703 -0
- package/es/HiDatePicker/HiDateRangeSelector.js +71 -103
- package/es/HiDatePicker/HiDateRangeSelector.test.js +193 -0
- package/es/HiDatePicker/ListPicker.js +33 -55
- package/es/HiDatePicker/ListPicker.test.js +53 -0
- package/es/HiDatePicker/NavBar.js +18 -45
- package/es/HiDatePicker/NavBar.test.js +39 -0
- package/es/HiDatePicker/Overlays/CustomOverlayLayout.js +23 -40
- package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +22 -39
- package/es/HiDatePicker/Overlays/MonthPickerOverlay.js +29 -45
- package/es/HiDatePicker/Overlays/MonthPickerOverlay.test.js +50 -0
- package/es/HiDatePicker/Overlays/Overlay.js +18 -35
- package/es/HiDatePicker/Overlays/Overlay.test.js +20 -0
- package/es/HiDatePicker/Overlays/TimePickerOverlay.js +47 -73
- package/es/HiDatePicker/Overlays/TimePickerOverlay.test.js +48 -0
- package/es/HiDatePicker/Overlays/YearPickerOverlay.js +29 -45
- package/es/HiDatePicker/Overlays/YearPickerOverlay.test.js +79 -0
- package/es/HiDatePicker/Overlays/index.js +5 -47
- package/es/HiDatePicker/Weekday.js +3 -13
- package/es/HiDatePicker/hiLocaleUtils.js +1 -8
- package/es/HiDatePicker/hiLocaleUtils.test.js +51 -0
- package/es/HiDatePicker/index.js +1 -15
- package/es/HiDatePicker/stylesheet.js +9 -22
- package/es/HiDotsStepper/HiDot.js +30 -57
- package/es/HiDotsStepper/HiDot.test.js +55 -0
- package/es/HiDotsStepper/HiDotsStepper.js +29 -47
- package/es/HiDotsStepper/HiDotsStepper.test.js +90 -0
- package/es/HiDotsStepper/index.js +2 -23
- package/es/HiExpansionPanel/HiExpansionPanel.js +42 -72
- package/es/HiExpansionPanel/index.js +2 -13
- package/es/HiForm/HiAddressField.js +30 -47
- package/es/HiForm/HiAddressField.test.js +79 -0
- package/es/HiForm/HiEmailField.js +28 -46
- package/es/HiForm/HiEmailField.test.js +19 -0
- package/es/HiForm/HiFormControl.js +72 -100
- package/es/HiForm/HiFormControl.test.js +195 -0
- package/es/HiForm/HiFormLabel.js +29 -54
- package/es/HiForm/HiFormLabel.test.js +66 -0
- package/es/HiForm/HiInput.js +62 -86
- package/es/HiForm/HiInput.test.js +202 -0
- package/es/HiForm/HiPasswordField.js +29 -55
- package/es/HiForm/HiPasswordField.test.js +60 -0
- package/es/HiForm/HiSearchField.js +27 -44
- package/es/HiForm/HiSearchField.test.js +193 -0
- package/es/HiForm/HiSlider.js +42 -64
- package/es/HiForm/HiSlider.test.js +99 -0
- package/es/HiForm/HiTextField.js +29 -46
- package/es/HiForm/HiTextField.test.js +254 -0
- package/es/HiForm/HiUpload.js +54 -70
- package/es/HiForm/HiUpload.test.js +241 -0
- package/es/HiForm/HiUploadField.js +24 -41
- package/es/HiForm/HiUploadField.test.js +55 -0
- package/es/HiForm/HiUploadInput.js +56 -77
- package/es/HiForm/HiUploadInput.test.js +148 -0
- package/es/HiForm/index.js +11 -95
- package/es/HiIcon/HiIcon.js +22 -44
- package/es/HiIcon/index.js +1 -15
- package/es/HiIconButton/HiIconButton.js +18 -40
- package/es/HiIconButton/HiIconButton.test.js +69 -0
- package/es/HiIconButton/index.js +1 -15
- package/es/HiLoader/HiLoader.js +9 -24
- package/es/HiLoader/HiLoader.test.js +18 -0
- package/es/HiLoader/index.js +1 -15
- package/es/HiMap/HiMap.js +50 -77
- package/es/HiMap/HiMap.test.js +29 -0
- package/es/HiMap/HiMapExpand.js +39 -64
- package/es/HiMap/HiMapExpand.test.js +48 -0
- package/es/HiMap/index.js +2 -23
- package/es/HiNotice/HiKPI.js +33 -54
- package/es/HiNotice/HiKPI.test.js +171 -0
- package/es/HiNotice/HiKPINotice.js +7 -21
- package/es/HiNotice/HiKPINotice.test.js +88 -0
- package/es/HiNotice/index.js +2 -23
- package/es/HiPaymentMeans/HiPaymentMeans.js +112 -131
- package/es/HiPaymentMeans/HiPaymentMeans.test.js +162 -0
- package/es/HiPaymentMeans/index.js +1 -15
- package/es/HiPdfReader/HiPdfReader.js +51 -76
- package/es/HiPdfReader/index.js +1 -15
- package/es/HiPin/HiPin.js +9 -30
- package/es/HiPin/HiPin.test.js +61 -0
- package/es/HiPin/index.js +1 -15
- package/es/HiRadio/HiRadio.js +7 -24
- package/es/HiRadio/HiRadio.test.js +57 -0
- package/es/HiRadio/index.js +1 -15
- package/es/HiSelect/HiDynamicSelect.js +40 -56
- package/es/HiSelect/HiDynamicSelectField.js +22 -40
- package/es/HiSelect/HiNestedSelect.js +55 -84
- package/es/HiSelect/HiNestedSelectContent.js +46 -73
- package/es/HiSelect/HiNestedSelectField.js +22 -40
- package/es/HiSelect/HiSelect.js +123 -139
- package/es/HiSelect/HiSelect.test.js +1092 -0
- package/es/HiSelect/HiSelectContent.js +73 -95
- package/es/HiSelect/HiSelectField.js +22 -40
- package/es/HiSelect/HiSelectInput.js +63 -87
- package/es/HiSelect/HiSelectInput.test.js +21 -0
- package/es/HiSelect/HiSelectMobile.js +35 -54
- package/es/HiSelect/HiSuggestSelect.js +56 -78
- package/es/HiSelect/HiSuggestSelectField.js +22 -40
- package/es/HiSelect/index.js +8 -85
- package/es/HiSelectableList/HiSelectableList.js +49 -77
- package/es/HiSelectableList/HiSelectableList.test.js +173 -0
- package/es/HiSelectableList/HiSelectableListHierarchic.js +35 -56
- package/es/HiSelectableList/HiSelectableListItem.js +66 -98
- package/es/HiSelectableList/HiSelectableListItem.test.js +97 -0
- package/es/HiSelectableList/index.js +3 -31
- package/es/HiSwitch/HiSwitch.js +20 -45
- package/es/HiSwitch/HiSwitch.test.js +41 -0
- package/es/HiSwitch/HiSwitchState.js +15 -36
- package/es/HiSwitch/HiSwitchState.test.js +76 -0
- package/es/HiSwitch/index.js +2 -23
- package/es/HiTable/HiCellBuilder.js +44 -72
- package/es/HiTable/HiTable.js +29 -47
- package/es/HiTable/HiTable.test.js +29 -0
- package/es/HiTable/HiTableBody.js +19 -34
- package/es/HiTable/HiTableHeader.js +30 -53
- package/es/HiTable/HiTableRow.js +29 -56
- package/es/HiTable/constants.js +43 -94
- package/es/HiTable/index.js +1 -15
- package/es/hi-svg-icons/HiAccount.js +18 -36
- package/es/hi-svg-icons/HiActivity.js +17 -35
- package/es/hi-svg-icons/HiAll.js +22 -42
- package/es/hi-svg-icons/HiBilling.js +18 -36
- package/es/hi-svg-icons/HiBriefcaseRescue.js +10 -26
- package/es/hi-svg-icons/HiCatalog.js +18 -36
- package/es/hi-svg-icons/HiCustomer.js +18 -36
- package/es/hi-svg-icons/HiDownload.js +11 -25
- package/es/hi-svg-icons/HiFinance.js +18 -36
- package/es/hi-svg-icons/HiPermission.js +17 -35
- package/es/hi-svg-icons/HiRoute.js +18 -36
- package/es/hi-svg-icons/HiSettlement.js +18 -36
- package/es/hi-svg-icons/HiSizeLarge.js +12 -27
- package/es/hi-svg-icons/HiSizeMedium.js +11 -25
- package/es/hi-svg-icons/HiSizeSmall.js +11 -25
- package/es/hi-svg-icons/HiTransaction.js +18 -36
- package/es/hi-svg-icons/HiUser.js +18 -36
- package/es/hi-svg-icons/HiWidget.js +22 -42
- package/es/hi-svg-icons/index.js +18 -151
- package/es/hi-svg-icons/index.text.js +11 -21
- package/es/styleguide/Wrapper.js +19 -36
- package/es/styles/MuiThemeProvider.js +39 -59
- package/es/styles/colorManipulator.js +16 -44
- package/es/styles/colorManipulator.test.js +242 -0
- package/es/styles/createBreakpoints.js +6 -20
- package/es/styles/createBreakpoints.test.js +48 -0
- package/es/styles/createGenerateClassName.js +5 -15
- package/es/styles/createGenerateClassName.test.js +141 -0
- package/es/styles/createMixins.js +8 -19
- package/es/styles/createMixins.test.js +24 -0
- package/es/styles/createMuiTheme.js +34 -53
- package/es/styles/createMuiTheme.test.js +67 -0
- package/es/styles/createPalette.js +30 -50
- package/es/styles/createPalette.test.js +159 -0
- package/es/styles/createStyles.js +1 -8
- package/es/styles/createStyles.test.js +8 -0
- package/es/styles/createTypography.js +18 -30
- package/es/styles/createTypography.test.js +60 -0
- package/es/styles/getStylesCreator.js +11 -24
- package/es/styles/getStylesCreator.test.js +92 -0
- package/es/styles/getThemeProps.js +1 -9
- package/es/styles/getThemeProps.test.js +39 -0
- package/es/styles/index.js +5 -47
- package/es/styles/jssPreset.js +9 -25
- package/es/styles/mergeClasses.js +7 -19
- package/es/styles/shadows.js +1 -8
- package/es/styles/shape.js +1 -8
- package/es/styles/spacing.js +1 -9
- package/es/styles/themeListener.js +5 -18
- package/es/styles/themeListener.test.js +26 -0
- package/es/styles/transitions.js +18 -38
- package/es/styles/transitions.test.js +208 -0
- package/es/styles/zIndex.js +1 -8
- package/es/test-utils/createMount.js +11 -22
- package/es/test-utils/createRender.js +8 -19
- package/es/test-utils/createShallow.js +13 -23
- package/es/test-utils/getClasses.js +2 -11
- package/es/test-utils/index.js +5 -47
- package/es/test-utils/until.js +6 -16
- package/es/test-utils/until.test.js +157 -0
- package/es/test-utils/unwrap.js +1 -8
- package/es/theme/palette.js +2 -10
- package/es/theme/typography.js +2 -10
- package/es/theme.js +2 -11
- package/es/transitions/utils.js +2 -13
- package/es/utils/exactProp.js +5 -18
- package/es/utils/helpers.js +18 -55
- package/es/withMobileDialog/index.js +1 -15
- package/es/withMobileDialog/withMobileDialog.js +7 -22
- package/es/withMobileDialog/withMobileDialog.test.js +67 -0
- package/hi-svg-icons/HiAccount.js +18 -36
- package/hi-svg-icons/HiActivity.js +17 -35
- package/hi-svg-icons/HiAll.js +22 -42
- package/hi-svg-icons/HiBilling.js +18 -36
- package/hi-svg-icons/HiBriefcaseRescue.js +10 -26
- package/hi-svg-icons/HiCatalog.js +18 -36
- package/hi-svg-icons/HiCustomer.js +18 -36
- package/hi-svg-icons/HiDownload.js +11 -25
- package/hi-svg-icons/HiFinance.js +18 -36
- package/hi-svg-icons/HiPermission.js +17 -35
- package/hi-svg-icons/HiRoute.js +18 -36
- package/hi-svg-icons/HiSettlement.js +18 -36
- package/hi-svg-icons/HiSizeLarge.js +12 -27
- package/hi-svg-icons/HiSizeMedium.js +11 -25
- package/hi-svg-icons/HiSizeSmall.js +11 -25
- package/hi-svg-icons/HiTransaction.js +18 -36
- package/hi-svg-icons/HiUser.js +18 -36
- package/hi-svg-icons/HiWidget.js +22 -42
- package/hi-svg-icons/index.js +18 -151
- package/hi-svg-icons/index.text.js +11 -21
- package/package.json +1 -1
- package/styleguide/Wrapper.js +19 -36
- package/styles/MuiThemeProvider.js +39 -59
- package/styles/colorManipulator.js +16 -44
- package/styles/colorManipulator.test.js +242 -0
- package/styles/createBreakpoints.js +6 -20
- package/styles/createBreakpoints.test.js +48 -0
- package/styles/createGenerateClassName.js +5 -15
- package/styles/createGenerateClassName.test.js +141 -0
- package/styles/createMixins.js +8 -19
- package/styles/createMixins.test.js +24 -0
- package/styles/createMuiTheme.js +34 -53
- package/styles/createMuiTheme.test.js +67 -0
- package/styles/createPalette.js +30 -50
- package/styles/createPalette.test.js +159 -0
- package/styles/createStyles.js +1 -8
- package/styles/createStyles.test.js +8 -0
- package/styles/createTypography.js +18 -30
- package/styles/createTypography.test.js +60 -0
- package/styles/getStylesCreator.js +11 -24
- package/styles/getStylesCreator.test.js +92 -0
- package/styles/getThemeProps.js +1 -9
- package/styles/getThemeProps.test.js +39 -0
- package/styles/index.js +5 -47
- package/styles/jssPreset.js +9 -25
- package/styles/mergeClasses.js +7 -19
- package/styles/shadows.js +1 -8
- package/styles/shape.js +1 -8
- package/styles/spacing.js +1 -9
- package/styles/themeListener.js +5 -18
- package/styles/themeListener.test.js +26 -0
- package/styles/transitions.js +18 -38
- package/styles/transitions.test.js +208 -0
- package/styles/zIndex.js +1 -8
- package/test-utils/createMount.js +11 -22
- package/test-utils/createRender.js +8 -19
- package/test-utils/createShallow.js +13 -23
- package/test-utils/getClasses.js +2 -11
- package/test-utils/index.js +5 -47
- package/test-utils/until.js +6 -16
- package/test-utils/until.test.js +157 -0
- package/test-utils/unwrap.js +1 -8
- package/theme/palette.js +2 -10
- package/theme/typography.js +2 -10
- package/theme.js +2 -11
- package/transitions/utils.js +2 -13
- package/utils/exactProp.js +5 -18
- package/utils/helpers.js +18 -55
- package/withMobileDialog/index.js +1 -15
- package/withMobileDialog/withMobileDialog.js +7 -22
- package/withMobileDialog/withMobileDialog.test.js +67 -0
@@ -1,49 +1,20 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
19
|
-
|
20
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
21
|
-
|
22
|
-
var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
23
|
-
|
24
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
|
25
|
-
|
26
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
27
|
-
|
28
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
29
|
-
|
30
|
-
var _react = _interopRequireDefault(require("react"));
|
31
|
-
|
32
|
-
var _List = _interopRequireDefault(require("@material-ui/core/List"));
|
33
|
-
|
34
|
-
var _styles = require("@material-ui/core/styles");
|
35
|
-
|
36
|
-
var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
|
37
|
-
|
38
|
-
var _helpers = require("../utils/helpers");
|
39
|
-
|
40
|
-
var _keycode = _interopRequireDefault(require("keycode"));
|
41
|
-
|
42
|
-
var _reactLazyload = _interopRequireWildcard(require("react-lazyload"));
|
43
|
-
|
44
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
45
|
-
|
46
|
-
var styles = function styles(theme) {
|
1
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
2
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
3
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
4
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
5
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
6
|
+
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
7
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
8
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
9
|
+
import React from 'react';
|
10
|
+
import List from '@material-ui/core/List';
|
11
|
+
import { withStyles } from '@material-ui/core/styles';
|
12
|
+
import HiSelectableListItem from './HiSelectableListItem';
|
13
|
+
import { getNextItemSelectable, foldAccents } from '../utils/helpers';
|
14
|
+
import keycode from 'keycode';
|
15
|
+
import LazyLoad, { forceCheck } from 'react-lazyload';
|
16
|
+
import classNames from 'classnames';
|
17
|
+
export var styles = function styles(theme) {
|
47
18
|
return {
|
48
19
|
root: {
|
49
20
|
padding: 0,
|
@@ -61,49 +32,50 @@ var styles = function styles(theme) {
|
|
61
32
|
* - le premier focus est géré sur le DidMount
|
62
33
|
*/
|
63
34
|
|
64
|
-
|
65
|
-
exports.styles = styles;
|
66
|
-
|
67
35
|
var HiSelectableList =
|
68
36
|
/*#__PURE__*/
|
69
37
|
function (_React$PureComponent) {
|
70
|
-
(
|
38
|
+
_inherits(HiSelectableList, _React$PureComponent);
|
71
39
|
|
72
40
|
function HiSelectableList() {
|
73
41
|
var _getPrototypeOf2;
|
74
42
|
|
75
43
|
var _this;
|
76
44
|
|
77
|
-
(
|
45
|
+
_classCallCheck(this, HiSelectableList);
|
78
46
|
|
79
47
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
80
48
|
args[_key] = arguments[_key];
|
81
49
|
}
|
82
50
|
|
83
|
-
_this = (
|
84
|
-
|
51
|
+
_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(HiSelectableList)).call.apply(_getPrototypeOf2, [this].concat(args)));
|
52
|
+
|
53
|
+
_defineProperty(_assertThisInitialized(_this), "handleSelect", function (item) {
|
85
54
|
return function (event) {
|
86
55
|
_this.props.onSelect(event, item);
|
87
56
|
};
|
88
57
|
});
|
89
|
-
|
58
|
+
|
59
|
+
_defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
|
90
60
|
var nextItem;
|
91
|
-
var key = (
|
61
|
+
var key = keycode(event);
|
92
62
|
|
93
63
|
if (key === 'down') {
|
94
64
|
event.preventDefault();
|
95
|
-
nextItem =
|
65
|
+
nextItem = getNextItemSelectable(document.activeElement, 'down');
|
96
66
|
} else if (key === 'up') {
|
97
67
|
event.preventDefault();
|
98
|
-
nextItem =
|
68
|
+
nextItem = getNextItemSelectable(document.activeElement, 'up');
|
99
69
|
}
|
100
70
|
|
101
71
|
if (nextItem) {
|
102
72
|
nextItem.focus();
|
103
73
|
}
|
104
74
|
});
|
105
|
-
|
75
|
+
|
76
|
+
_defineProperty(_assertThisInitialized(_this), "buildRecursiveListItem", function (item, index) {
|
106
77
|
var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
78
|
+
|
107
79
|
var _this$props = _this.props,
|
108
80
|
checkedIcon = _this$props.checkedIcon,
|
109
81
|
disabled = _this$props.disabled,
|
@@ -118,13 +90,13 @@ function (_React$PureComponent) {
|
|
118
90
|
onKeyUp = _this$props.onKeyUp,
|
119
91
|
suggestionFocusIndex = _this$props.suggestionFocusIndex,
|
120
92
|
classes = _this$props.classes,
|
121
|
-
others = (
|
93
|
+
others = _objectWithoutProperties(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "lazy", "selectedItemIdList", "sort", "onKeyDown", "onKeyUp", "suggestionFocusIndex", "classes"]);
|
122
94
|
|
123
95
|
if (sort && item.children) {
|
124
96
|
item.children.sort(_this.compareItem);
|
125
97
|
}
|
126
98
|
|
127
|
-
var placeholderContent =
|
99
|
+
var placeholderContent = React.createElement("div", {
|
128
100
|
style: {
|
129
101
|
width: '90%',
|
130
102
|
padding: '8px 6px',
|
@@ -132,7 +104,7 @@ function (_React$PureComponent) {
|
|
132
104
|
position: 'sticky',
|
133
105
|
left: 0
|
134
106
|
}
|
135
|
-
},
|
107
|
+
}, React.createElement("div", {
|
136
108
|
style: {
|
137
109
|
backgroundColor: '#F5F5F5',
|
138
110
|
width: '100%',
|
@@ -140,10 +112,9 @@ function (_React$PureComponent) {
|
|
140
112
|
borderRadius: 4
|
141
113
|
}
|
142
114
|
}));
|
143
|
-
|
144
|
-
var itemComponent = _react.default.createElement(_react.default.Fragment, {
|
115
|
+
var itemComponent = React.createElement(React.Fragment, {
|
145
116
|
key: item.id
|
146
|
-
},
|
117
|
+
}, React.createElement(HiSelectableListItem, Object.assign({}, others, {
|
147
118
|
checkedIcon: checkedIcon,
|
148
119
|
disabled: disabled || disabledItemIdList.includes(item.id),
|
149
120
|
hideCheckbox: hideCheckbox,
|
@@ -157,7 +128,7 @@ function (_React$PureComponent) {
|
|
157
128
|
,
|
158
129
|
item: item,
|
159
130
|
classes: {
|
160
|
-
listItem: (
|
131
|
+
listItem: classNames(_defineProperty({}, classes.suggestionFocus, index === suggestionFocusIndex))
|
161
132
|
}
|
162
133
|
}, item)), item.children && item.children.length > 0 && item.children.filter(function (subItem) {
|
163
134
|
return !(subItem.displayed === false);
|
@@ -166,7 +137,7 @@ function (_React$PureComponent) {
|
|
166
137
|
}));
|
167
138
|
|
168
139
|
if (lazy) {
|
169
|
-
return
|
140
|
+
return React.createElement(LazyLoad, {
|
170
141
|
key: item.id,
|
171
142
|
height: 40,
|
172
143
|
offset: 400,
|
@@ -178,7 +149,8 @@ function (_React$PureComponent) {
|
|
178
149
|
|
179
150
|
return itemComponent;
|
180
151
|
});
|
181
|
-
|
152
|
+
|
153
|
+
_defineProperty(_assertThisInitialized(_this), "compareItem", function (a, b) {
|
182
154
|
if (_this.props.comparItemFunc) {
|
183
155
|
return _this.props.comparItemFunc(a, b);
|
184
156
|
}
|
@@ -197,12 +169,13 @@ function (_React$PureComponent) {
|
|
197
169
|
return -1;
|
198
170
|
}
|
199
171
|
|
200
|
-
return
|
172
|
+
return foldAccents(a.label.toString().toLowerCase()) > foldAccents(b.label.toString().toLowerCase()) ? 1 : -1;
|
201
173
|
});
|
174
|
+
|
202
175
|
return _this;
|
203
176
|
}
|
204
177
|
|
205
|
-
(
|
178
|
+
_createClass(HiSelectableList, [{
|
206
179
|
key: "componentDidMount",
|
207
180
|
value: function componentDidMount() {
|
208
181
|
var _this2 = this;
|
@@ -238,7 +211,7 @@ function (_React$PureComponent) {
|
|
238
211
|
key: "componentDidUpdate",
|
239
212
|
value: function componentDidUpdate(prevProps) {
|
240
213
|
if (this.props.lazy && prevProps.itemList !== this.props.itemList) {
|
241
|
-
|
214
|
+
forceCheck();
|
242
215
|
}
|
243
216
|
}
|
244
217
|
}, {
|
@@ -255,7 +228,7 @@ function (_React$PureComponent) {
|
|
255
228
|
itemList.sort(this.compareItem);
|
256
229
|
}
|
257
230
|
|
258
|
-
return
|
231
|
+
return React.createElement(List, {
|
259
232
|
className: classes.root,
|
260
233
|
onKeyDown: this.handleKeyDown,
|
261
234
|
innerRef: function innerRef(el) {
|
@@ -269,10 +242,11 @@ function (_React$PureComponent) {
|
|
269
242
|
}));
|
270
243
|
}
|
271
244
|
}]);
|
245
|
+
|
272
246
|
return HiSelectableList;
|
273
|
-
}(
|
247
|
+
}(React.PureComponent);
|
274
248
|
|
275
|
-
(
|
249
|
+
_defineProperty(HiSelectableList, "defaultProps", {
|
276
250
|
allSelected: false,
|
277
251
|
disabled: false,
|
278
252
|
disabledItemIdList: [],
|
@@ -283,10 +257,8 @@ function (_React$PureComponent) {
|
|
283
257
|
sortAppendList: ['_all']
|
284
258
|
});
|
285
259
|
|
286
|
-
|
260
|
+
export default withStyles(styles, {
|
287
261
|
hiComponent: true,
|
288
262
|
name: 'HmuiHiSelectableList',
|
289
263
|
index: 51
|
290
|
-
})(HiSelectableList);
|
291
|
-
|
292
|
-
exports.default = _default;
|
264
|
+
})(HiSelectableList);
|
@@ -0,0 +1,173 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { assert } from 'chai';
|
3
|
+
import { spy } from 'sinon';
|
4
|
+
import List from '@material-ui/core/List';
|
5
|
+
import LazyLoad from 'react-lazyload';
|
6
|
+
import { createShallow, createMount, getClasses } from '../test-utils';
|
7
|
+
import HiSelectableList from './HiSelectableList';
|
8
|
+
import HiSelectableListItem from './HiSelectableListItem';
|
9
|
+
describe('<HiSelectableList />', function () {
|
10
|
+
var shallow;
|
11
|
+
var classes;
|
12
|
+
var mount;
|
13
|
+
before(function () {
|
14
|
+
shallow = createShallow({
|
15
|
+
dive: true
|
16
|
+
});
|
17
|
+
classes = getClasses(React.createElement(HiSelectableList, {
|
18
|
+
itemList: [],
|
19
|
+
selectedIdList: [],
|
20
|
+
onSelect: function onSelect() {
|
21
|
+
return null;
|
22
|
+
},
|
23
|
+
lazy: false
|
24
|
+
}));
|
25
|
+
});
|
26
|
+
beforeEach(function () {
|
27
|
+
mount = createMount();
|
28
|
+
});
|
29
|
+
afterEach(function () {
|
30
|
+
mount.cleanUp();
|
31
|
+
});
|
32
|
+
it('should render a ul', function () {
|
33
|
+
var wrapper = mount(React.createElement(HiSelectableList, {
|
34
|
+
itemList: [],
|
35
|
+
selectedIdList: [],
|
36
|
+
onSelect: function onSelect() {
|
37
|
+
return null;
|
38
|
+
},
|
39
|
+
lazy: false
|
40
|
+
}));
|
41
|
+
assert.strictEqual(wrapper.find('ul').length, 1);
|
42
|
+
});
|
43
|
+
it('should render as many li as items', function () {
|
44
|
+
var itemList = [{
|
45
|
+
id: 'zz',
|
46
|
+
label: 'Zizou'
|
47
|
+
}, {
|
48
|
+
id: 'zze',
|
49
|
+
label: 'Zizou encore'
|
50
|
+
}, {
|
51
|
+
id: 'ep',
|
52
|
+
label: 'Emmanuel Petit'
|
53
|
+
}];
|
54
|
+
var selectedIdList = ['zz'];
|
55
|
+
var wrapper = mount(React.createElement(HiSelectableList, {
|
56
|
+
itemList: itemList,
|
57
|
+
selectedIdList: selectedIdList,
|
58
|
+
onSelect: function onSelect() {
|
59
|
+
return null;
|
60
|
+
},
|
61
|
+
lazy: false
|
62
|
+
}));
|
63
|
+
assert.strictEqual(wrapper.find(HiSelectableListItem).length, itemList.length);
|
64
|
+
});
|
65
|
+
it('should render with the root classes', function () {
|
66
|
+
var wrapper = shallow(React.createElement(HiSelectableList, {
|
67
|
+
itemList: [],
|
68
|
+
selectedIdList: [],
|
69
|
+
onSelect: function onSelect() {
|
70
|
+
return null;
|
71
|
+
},
|
72
|
+
lazy: false
|
73
|
+
}));
|
74
|
+
assert.strictEqual(wrapper.find(List).hasClass(classes.root), true);
|
75
|
+
});
|
76
|
+
it('should call onSelect with selectedItem', function () {
|
77
|
+
var itemList = [{
|
78
|
+
id: 'zz',
|
79
|
+
label: 'Zizou'
|
80
|
+
}, {
|
81
|
+
id: 'zze',
|
82
|
+
label: 'Zizou encore'
|
83
|
+
}, {
|
84
|
+
id: 'ep',
|
85
|
+
label: 'Emmanuel Petit'
|
86
|
+
}];
|
87
|
+
var handleOnSelect = spy();
|
88
|
+
var wrapper = mount(React.createElement(HiSelectableList, {
|
89
|
+
itemList: itemList,
|
90
|
+
selectedIdList: [],
|
91
|
+
onSelect: handleOnSelect,
|
92
|
+
lazy: false
|
93
|
+
}));
|
94
|
+
var firstCheckbox = wrapper.find("input[type='checkbox']").first();
|
95
|
+
firstCheckbox.simulate('click');
|
96
|
+
assert.strictEqual(handleOnSelect.calledOnce, true);
|
97
|
+
assert.strictEqual(handleOnSelect.args[0][1], itemList[0]);
|
98
|
+
});
|
99
|
+
it('should sort items', function () {
|
100
|
+
var itemList = [{
|
101
|
+
id: 'zz',
|
102
|
+
label: 'Zizou'
|
103
|
+
}, {
|
104
|
+
id: 'zze',
|
105
|
+
label: 'Zizou encore'
|
106
|
+
}, {
|
107
|
+
id: 'ep',
|
108
|
+
label: 'Emmanuel Petit'
|
109
|
+
}];
|
110
|
+
var handleOnSelect = spy();
|
111
|
+
var wrapper = mount(React.createElement(HiSelectableList, {
|
112
|
+
hideCheckbox: true,
|
113
|
+
itemList: itemList,
|
114
|
+
selectedIdList: [],
|
115
|
+
onSelect: handleOnSelect,
|
116
|
+
sort: true,
|
117
|
+
lazy: false
|
118
|
+
}));
|
119
|
+
assert.strictEqual(wrapper.find(HiSelectableListItem).at(0).text(), 'Emmanuel Petit');
|
120
|
+
assert.strictEqual(wrapper.find(HiSelectableListItem).at(1).text(), 'Zizou');
|
121
|
+
assert.strictEqual(wrapper.find(HiSelectableListItem).at(2).text(), 'Zizou encore');
|
122
|
+
});
|
123
|
+
it('should custom sort items', function () {
|
124
|
+
var itemList = [{
|
125
|
+
id: 'zz',
|
126
|
+
label: 'Zizou'
|
127
|
+
}, {
|
128
|
+
id: 'zze',
|
129
|
+
label: 'Zizou encore'
|
130
|
+
}, {
|
131
|
+
id: 'ep',
|
132
|
+
label: 'Emmanuel Petit'
|
133
|
+
}];
|
134
|
+
var handleOnSelect = spy();
|
135
|
+
|
136
|
+
var compareItemFunc = function compareItemFunc(a, b) {
|
137
|
+
return a.label.length > b.label.length ? 1 : -1;
|
138
|
+
};
|
139
|
+
|
140
|
+
var wrapper = mount(React.createElement(HiSelectableList, {
|
141
|
+
hideCheckbox: true,
|
142
|
+
itemList: itemList,
|
143
|
+
selectedIdList: [],
|
144
|
+
onSelect: handleOnSelect,
|
145
|
+
sort: true,
|
146
|
+
comparItemFunc: compareItemFunc,
|
147
|
+
lazy: false
|
148
|
+
}));
|
149
|
+
assert.strictEqual(wrapper.find(HiSelectableListItem).at(0).text(), 'Zizou');
|
150
|
+
assert.strictEqual(wrapper.find(HiSelectableListItem).at(1).text(), 'Zizou encore');
|
151
|
+
assert.strictEqual(wrapper.find(HiSelectableListItem).at(2).text(), 'Emmanuel Petit');
|
152
|
+
});
|
153
|
+
it('should render with lazyload', function () {
|
154
|
+
var itemList = [{
|
155
|
+
id: 'zz',
|
156
|
+
label: 'Zizou'
|
157
|
+
}, {
|
158
|
+
id: 'zze',
|
159
|
+
label: 'Zizou encore'
|
160
|
+
}, {
|
161
|
+
id: 'ep',
|
162
|
+
label: 'Emmanuel Petit'
|
163
|
+
}];
|
164
|
+
var wrapper = shallow(React.createElement(HiSelectableList, {
|
165
|
+
itemList: itemList,
|
166
|
+
selectedIdList: [],
|
167
|
+
onSelect: function onSelect() {
|
168
|
+
return null;
|
169
|
+
}
|
170
|
+
}));
|
171
|
+
assert.strictEqual(wrapper.find(LazyLoad).length, 3);
|
172
|
+
});
|
173
|
+
});
|
@@ -1,39 +1,16 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
15
|
-
|
16
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
17
|
-
|
18
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
19
|
-
|
20
|
-
var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
21
|
-
|
22
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
|
23
|
-
|
24
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
25
|
-
|
26
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
27
|
-
|
28
|
-
var _react = _interopRequireDefault(require("react"));
|
29
|
-
|
30
|
-
var _List = _interopRequireDefault(require("@material-ui/core/List"));
|
31
|
-
|
32
|
-
var _styles = require("@material-ui/core/styles");
|
33
|
-
|
34
|
-
var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
|
35
|
-
|
36
|
-
var styles = function styles() {
|
1
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
2
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
3
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
4
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
5
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
6
|
+
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
7
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
8
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
9
|
+
import React from 'react';
|
10
|
+
import List from '@material-ui/core/List';
|
11
|
+
import { withStyles } from '@material-ui/core/styles';
|
12
|
+
import HiSelectableListItem from './HiSelectableListItem';
|
13
|
+
export var styles = function styles() {
|
37
14
|
return {
|
38
15
|
root: {}
|
39
16
|
};
|
@@ -42,33 +19,33 @@ var styles = function styles() {
|
|
42
19
|
* Construit une liste d'item sélectionnable (avec checkbox)
|
43
20
|
*/
|
44
21
|
|
45
|
-
|
46
|
-
exports.styles = styles;
|
47
|
-
|
48
22
|
var HiSelectableListHierarchic =
|
49
23
|
/*#__PURE__*/
|
50
24
|
function (_React$PureComponent) {
|
51
|
-
(
|
25
|
+
_inherits(HiSelectableListHierarchic, _React$PureComponent);
|
52
26
|
|
53
27
|
function HiSelectableListHierarchic() {
|
54
28
|
var _getPrototypeOf2;
|
55
29
|
|
56
30
|
var _this;
|
57
31
|
|
58
|
-
(
|
32
|
+
_classCallCheck(this, HiSelectableListHierarchic);
|
59
33
|
|
60
34
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
61
35
|
args[_key] = arguments[_key];
|
62
36
|
}
|
63
37
|
|
64
|
-
_this = (
|
65
|
-
|
38
|
+
_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(HiSelectableListHierarchic)).call.apply(_getPrototypeOf2, [this].concat(args)));
|
39
|
+
|
40
|
+
_defineProperty(_assertThisInitialized(_this), "handleSelect", function (item) {
|
66
41
|
return function (event) {
|
67
42
|
_this.props.onSelect(event, item);
|
68
43
|
};
|
69
44
|
});
|
70
|
-
|
45
|
+
|
46
|
+
_defineProperty(_assertThisInitialized(_this), "buildRecursiveListItem", function (item) {
|
71
47
|
var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
48
|
+
|
72
49
|
var _this$props = _this.props,
|
73
50
|
checkedIcon = _this$props.checkedIcon,
|
74
51
|
disabled = _this$props.disabled,
|
@@ -77,8 +54,9 @@ function (_React$PureComponent) {
|
|
77
54
|
hoverIcon = _this$props.hoverIcon,
|
78
55
|
icon = _this$props.icon,
|
79
56
|
selectedItemIdList = _this$props.selectedItemIdList,
|
80
|
-
others = (
|
81
|
-
|
57
|
+
others = _objectWithoutProperties(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
|
58
|
+
|
59
|
+
return React.createElement(React.Fragment, null, React.createElement(HiSelectableListItem, Object.assign({}, others, {
|
82
60
|
checkedIcon: checkedIcon,
|
83
61
|
disabled: disabled || disabledItemIdList.includes(item.id),
|
84
62
|
hideCheckbox: hideCheckbox,
|
@@ -95,10 +73,11 @@ function (_React$PureComponent) {
|
|
95
73
|
return _this.buildRecursiveListItem(subItem, level + 1);
|
96
74
|
}));
|
97
75
|
});
|
76
|
+
|
98
77
|
return _this;
|
99
78
|
}
|
100
79
|
|
101
|
-
(
|
80
|
+
_createClass(HiSelectableListHierarchic, [{
|
102
81
|
key: "render",
|
103
82
|
value: function render() {
|
104
83
|
var _this2 = this;
|
@@ -114,9 +93,10 @@ function (_React$PureComponent) {
|
|
114
93
|
hoverIcon = _this$props2.hoverIcon,
|
115
94
|
icon = _this$props2.icon,
|
116
95
|
selectedItemIdList = _this$props2.selectedItemIdList,
|
117
|
-
others = (
|
96
|
+
others = _objectWithoutProperties(_this$props2, ["classes", "itemList", "onKeyDown", "checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
|
97
|
+
|
118
98
|
var parents = [];
|
119
|
-
return
|
99
|
+
return React.createElement(List, {
|
120
100
|
className: classes.root,
|
121
101
|
onKeyDown: onKeyDown
|
122
102
|
}, itemList.filter(function (item) {
|
@@ -139,7 +119,7 @@ function (_React$PureComponent) {
|
|
139
119
|
parents = [];
|
140
120
|
}
|
141
121
|
|
142
|
-
return
|
122
|
+
return React.createElement(HiSelectableListItem, Object.assign({}, others, {
|
143
123
|
checkedIcon: checkedIcon,
|
144
124
|
disabled: disabled || disabledItemIdList.includes(item.id),
|
145
125
|
hideCheckbox: hideCheckbox,
|
@@ -154,10 +134,11 @@ function (_React$PureComponent) {
|
|
154
134
|
}));
|
155
135
|
}
|
156
136
|
}]);
|
137
|
+
|
157
138
|
return HiSelectableListHierarchic;
|
158
|
-
}(
|
139
|
+
}(React.PureComponent);
|
159
140
|
|
160
|
-
(
|
141
|
+
_defineProperty(HiSelectableListHierarchic, "defaultProps", {
|
161
142
|
allSelected: false,
|
162
143
|
disabled: false,
|
163
144
|
disabledItemIdList: [],
|
@@ -165,9 +146,7 @@ function (_React$PureComponent) {
|
|
165
146
|
selectedItemIdList: []
|
166
147
|
});
|
167
148
|
|
168
|
-
|
149
|
+
export default withStyles(styles, {
|
169
150
|
hiComponent: true,
|
170
151
|
name: 'HmuiHiSelectableListHierarchic'
|
171
|
-
})(HiSelectableListHierarchic);
|
172
|
-
|
173
|
-
exports.default = _default;
|
152
|
+
})(HiSelectableListHierarchic);
|