@hipay/hipay-material-ui 2.3.1-rc2 → 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
package/HiCell/CellText.js
CHANGED
@@ -1,35 +1,15 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
var
|
13
|
-
|
14
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
15
|
-
|
16
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
17
|
-
|
18
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
19
|
-
|
20
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
|
21
|
-
|
22
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
23
|
-
|
24
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
25
|
-
|
26
|
-
var _react = _interopRequireDefault(require("react"));
|
27
|
-
|
28
|
-
var _styles = require("@material-ui/core/styles");
|
29
|
-
|
30
|
-
var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
|
31
|
-
|
32
|
-
var styles = {
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
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 { withStyles } from '@material-ui/core/styles';
|
11
|
+
import HiColoredLabel from '../HiColoredLabel';
|
12
|
+
export var styles = {
|
33
13
|
leftEllipsisSpan: {
|
34
14
|
display: 'inline-block',
|
35
15
|
overflow: 'hidden',
|
@@ -49,20 +29,22 @@ var styles = {
|
|
49
29
|
whiteSpace: 'pre'
|
50
30
|
}
|
51
31
|
};
|
52
|
-
exports.styles = styles;
|
53
32
|
|
54
33
|
var CellText =
|
55
34
|
/*#__PURE__*/
|
56
35
|
function (_React$Component) {
|
57
|
-
(
|
36
|
+
_inherits(CellText, _React$Component);
|
58
37
|
|
59
38
|
function CellText(props) {
|
60
39
|
var _this;
|
61
40
|
|
62
|
-
(
|
63
|
-
|
64
|
-
(
|
65
|
-
|
41
|
+
_classCallCheck(this, CellText);
|
42
|
+
|
43
|
+
_this = _possibleConstructorReturn(this, _getPrototypeOf(CellText).call(this, props));
|
44
|
+
|
45
|
+
_defineProperty(_assertThisInitialized(_this), "cellText", null);
|
46
|
+
|
47
|
+
_this.buildEllipsis = _this.buildEllipsis.bind(_assertThisInitialized(_this));
|
66
48
|
return _this;
|
67
49
|
}
|
68
50
|
/**
|
@@ -70,7 +52,7 @@ function (_React$Component) {
|
|
70
52
|
*/
|
71
53
|
|
72
54
|
|
73
|
-
(
|
55
|
+
_createClass(CellText, [{
|
74
56
|
key: "componentDidMount",
|
75
57
|
value: function componentDidMount() {
|
76
58
|
this.buildEllipsis();
|
@@ -90,7 +72,7 @@ function (_React$Component) {
|
|
90
72
|
if (this.props.ellipsis === 'after-first-word' || this.props.ellipsis === 'name') {
|
91
73
|
if (this.cellText !== null) {
|
92
74
|
var _this$cellText$getEle = this.cellText.getElementsByTagName('span'),
|
93
|
-
_this$cellText$getEle2 = (
|
75
|
+
_this$cellText$getEle2 = _slicedToArray(_this$cellText$getEle, 2),
|
94
76
|
startSpan = _this$cellText$getEle2[0],
|
95
77
|
endSpan = _this$cellText$getEle2[1];
|
96
78
|
|
@@ -116,7 +98,7 @@ function (_React$Component) {
|
|
116
98
|
if (this.props.ellipsis === 'middle') {
|
117
99
|
if (this.cellText !== null) {
|
118
100
|
var _this$cellText$getEle3 = this.cellText.getElementsByTagName('span'),
|
119
|
-
_this$cellText$getEle4 = (
|
101
|
+
_this$cellText$getEle4 = _slicedToArray(_this$cellText$getEle3, 2),
|
120
102
|
_startSpan = _this$cellText$getEle4[0],
|
121
103
|
_endSpan = _this$cellText$getEle4[1];
|
122
104
|
|
@@ -161,13 +143,13 @@ function (_React$Component) {
|
|
161
143
|
end = '';
|
162
144
|
}
|
163
145
|
|
164
|
-
valueElement =
|
146
|
+
valueElement = React.createElement("div", {
|
165
147
|
ref: function ref(div) {
|
166
148
|
_this2.cellText = div;
|
167
149
|
}
|
168
|
-
},
|
150
|
+
}, React.createElement("span", {
|
169
151
|
className: classes.rightEllipsisSpan
|
170
|
-
}, "".concat(start, " ")),
|
152
|
+
}, "".concat(start, " ")), React.createElement("span", {
|
171
153
|
className: classes.leftEllipsisSpan
|
172
154
|
}, end));
|
173
155
|
break;
|
@@ -176,23 +158,23 @@ function (_React$Component) {
|
|
176
158
|
// Split value in 2 strings
|
177
159
|
start = valueString.substr(0, Math.round(valueString.length / 2));
|
178
160
|
end = valueString.substr(Math.round(valueString.length / 2));
|
179
|
-
valueElement =
|
161
|
+
valueElement = React.createElement("div", {
|
180
162
|
ref: function ref(div) {
|
181
163
|
_this2.cellText = div;
|
182
164
|
}
|
183
|
-
},
|
165
|
+
}, React.createElement("span", {
|
184
166
|
className: classes.noEllipsisSpan
|
185
|
-
}, start),
|
167
|
+
}, start), React.createElement("span", {
|
186
168
|
className: classes.leftEllipsisSpan
|
187
169
|
}, end));
|
188
170
|
break;
|
189
171
|
|
190
172
|
case 'left':
|
191
|
-
valueElement = color ?
|
173
|
+
valueElement = color ? React.createElement(HiColoredLabel, {
|
192
174
|
className: classes.leftEllipsisSpan,
|
193
175
|
label: valueString,
|
194
176
|
color: color
|
195
|
-
}) :
|
177
|
+
}) : React.createElement("div", {
|
196
178
|
className: classes.leftEllipsisSpan,
|
197
179
|
style: {
|
198
180
|
width: '100%'
|
@@ -202,11 +184,11 @@ function (_React$Component) {
|
|
202
184
|
|
203
185
|
case 'right':
|
204
186
|
default:
|
205
|
-
valueElement = color ?
|
187
|
+
valueElement = color ? React.createElement(HiColoredLabel, {
|
206
188
|
className: classes.rightEllipsisSpan,
|
207
189
|
label: valueString,
|
208
190
|
color: color
|
209
|
-
}) :
|
191
|
+
}) : React.createElement("div", {
|
210
192
|
className: classes.rightEllipsisSpan,
|
211
193
|
style: {
|
212
194
|
width: '100%'
|
@@ -218,11 +200,10 @@ function (_React$Component) {
|
|
218
200
|
return valueElement;
|
219
201
|
}
|
220
202
|
}]);
|
203
|
+
|
221
204
|
return CellText;
|
222
|
-
}(
|
205
|
+
}(React.Component);
|
223
206
|
|
224
|
-
|
207
|
+
export default withStyles(styles, {
|
225
208
|
name: 'HmuiCellText'
|
226
|
-
})(CellText);
|
227
|
-
|
228
|
-
exports.default = _default;
|
209
|
+
})(CellText);
|
@@ -0,0 +1,76 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { assert } from 'chai';
|
3
|
+
import { createShallow, getClasses } from '../test-utils';
|
4
|
+
import CellText from './CellText';
|
5
|
+
describe('<CellText />', function () {
|
6
|
+
var shallow;
|
7
|
+
var classes;
|
8
|
+
before(function () {
|
9
|
+
shallow = createShallow({
|
10
|
+
dive: true,
|
11
|
+
untilSelector: CellText,
|
12
|
+
context: {
|
13
|
+
table: {
|
14
|
+
footer: true
|
15
|
+
}
|
16
|
+
}
|
17
|
+
});
|
18
|
+
});
|
19
|
+
it('should render a div with label inside', function () {
|
20
|
+
var wrapper = shallow(React.createElement(CellText, {
|
21
|
+
type: 'text',
|
22
|
+
label: 'Test',
|
23
|
+
ellipsis: 'right',
|
24
|
+
displayTooltip: false
|
25
|
+
}));
|
26
|
+
assert.strictEqual(wrapper.find('div').text(), 'Test');
|
27
|
+
});
|
28
|
+
it('should render a div with 2 span (1 for label & 1 for ellipsis end)', function () {
|
29
|
+
var wrapper = shallow(React.createElement(CellText, {
|
30
|
+
type: 'text',
|
31
|
+
label: 'Q8A9LK6HICVYFSZ4',
|
32
|
+
view: 's',
|
33
|
+
ellipsis: 'middle',
|
34
|
+
ukey: 'cell_0_18',
|
35
|
+
displayTooltip: false
|
36
|
+
}));
|
37
|
+
assert.strictEqual(wrapper.find('span').length, 2);
|
38
|
+
assert.strictEqual(wrapper.find('span').at(0).text(), 'Q8A9LK6H', 'first part of label');
|
39
|
+
assert.strictEqual(wrapper.find('span').at(1).text(), 'ICVYFSZ4', 'last part of label');
|
40
|
+
});
|
41
|
+
it('should render a div with 2 span (1 for 1st word & 1 for the end)', function () {
|
42
|
+
var wrapper = shallow(React.createElement(CellText, {
|
43
|
+
type: 'text',
|
44
|
+
label: 'Test',
|
45
|
+
ellipsis: 'after-first-word'
|
46
|
+
}));
|
47
|
+
assert.strictEqual(wrapper.find('span').length, 2);
|
48
|
+
assert.strictEqual(wrapper.find('span').at(0).text(), 'Test ', 'first part of label');
|
49
|
+
assert.strictEqual(wrapper.find('span').at(1).text(), '', 'last part of label');
|
50
|
+
});
|
51
|
+
it('should render a div with 2 span (1 for 1st word & 1 for the end)', function () {
|
52
|
+
var wrapper = shallow(React.createElement(CellText, {
|
53
|
+
sticky: true,
|
54
|
+
type: 'text',
|
55
|
+
label: 'Test 2',
|
56
|
+
ellipsis: 'after-first-word'
|
57
|
+
}));
|
58
|
+
assert.strictEqual(wrapper.find('span').length, 2);
|
59
|
+
assert.strictEqual(wrapper.find('span').at(0).text(), 'Test ', 'first part of label');
|
60
|
+
assert.strictEqual(wrapper.find('span').at(1).text(), '2', 'last part of label');
|
61
|
+
});
|
62
|
+
it('should render a div with label', function () {
|
63
|
+
classes = getClasses(React.createElement(CellText, {
|
64
|
+
type: 'text',
|
65
|
+
label: 'Test',
|
66
|
+
ellipsis: 'left'
|
67
|
+
}));
|
68
|
+
var wrapper = shallow(React.createElement(CellText, {
|
69
|
+
type: 'text',
|
70
|
+
label: 'Test',
|
71
|
+
ellipsis: 'left'
|
72
|
+
}));
|
73
|
+
assert.strictEqual(wrapper.find('div').text(), 'Test');
|
74
|
+
assert.strictEqual(wrapper.find(".".concat(classes.leftEllipsisSpan)).length, 1, 'Should have 1 div with leftEllipsisSpanClass for content.');
|
75
|
+
});
|
76
|
+
});
|
package/HiCell/CellTextStyled.js
CHANGED
@@ -1,18 +1,6 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
exports.default = void 0;
|
9
|
-
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
11
|
-
|
12
|
-
var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
|
13
|
-
|
14
|
-
var _HiButton = _interopRequireDefault(require("../HiButton"));
|
15
|
-
|
1
|
+
import React from 'react';
|
2
|
+
import HiColoredLabel from '../HiColoredLabel';
|
3
|
+
import HiButton from '../HiButton';
|
16
4
|
var styleRoot = {
|
17
5
|
width: '100%',
|
18
6
|
height: 19,
|
@@ -66,7 +54,7 @@ var CellTextStyled = function CellTextStyled(_ref) {
|
|
66
54
|
var valueString = label ? label.toString() : value.toString();
|
67
55
|
|
68
56
|
if (isButton) {
|
69
|
-
return
|
57
|
+
return React.createElement(HiButton, {
|
70
58
|
color: color,
|
71
59
|
onClick: onClick,
|
72
60
|
size: "small",
|
@@ -75,18 +63,17 @@ var CellTextStyled = function CellTextStyled(_ref) {
|
|
75
63
|
}, valueString);
|
76
64
|
}
|
77
65
|
|
78
|
-
return
|
66
|
+
return React.createElement("div", {
|
79
67
|
style: styleRoot,
|
80
68
|
title: title || valueString
|
81
|
-
}, color ?
|
69
|
+
}, color ? React.createElement(HiColoredLabel, {
|
82
70
|
style: styleColorLabel,
|
83
71
|
label: valueString,
|
84
72
|
color: color,
|
85
73
|
active: active
|
86
|
-
}) :
|
74
|
+
}) : React.createElement("div", {
|
87
75
|
style: styleLabel
|
88
76
|
}, valueString));
|
89
77
|
};
|
90
78
|
|
91
|
-
|
92
|
-
exports.default = _default;
|
79
|
+
export default CellTextStyled;
|
package/HiCell/index.js
CHANGED
@@ -1,79 +1,9 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
}
|
8
|
-
|
9
|
-
|
10
|
-
get: function get() {
|
11
|
-
return _CellAddress.default;
|
12
|
-
}
|
13
|
-
});
|
14
|
-
Object.defineProperty(exports, "CellDate", {
|
15
|
-
enumerable: true,
|
16
|
-
get: function get() {
|
17
|
-
return _CellDate.default;
|
18
|
-
}
|
19
|
-
});
|
20
|
-
Object.defineProperty(exports, "CellIcon", {
|
21
|
-
enumerable: true,
|
22
|
-
get: function get() {
|
23
|
-
return _CellIcon.default;
|
24
|
-
}
|
25
|
-
});
|
26
|
-
Object.defineProperty(exports, "CellImage", {
|
27
|
-
enumerable: true,
|
28
|
-
get: function get() {
|
29
|
-
return _CellImage.default;
|
30
|
-
}
|
31
|
-
});
|
32
|
-
Object.defineProperty(exports, "CellNumeric", {
|
33
|
-
enumerable: true,
|
34
|
-
get: function get() {
|
35
|
-
return _CellNumeric.default;
|
36
|
-
}
|
37
|
-
});
|
38
|
-
Object.defineProperty(exports, "CellRate", {
|
39
|
-
enumerable: true,
|
40
|
-
get: function get() {
|
41
|
-
return _CellRate.default;
|
42
|
-
}
|
43
|
-
});
|
44
|
-
Object.defineProperty(exports, "CellSentinel", {
|
45
|
-
enumerable: true,
|
46
|
-
get: function get() {
|
47
|
-
return _CellSentinel.default;
|
48
|
-
}
|
49
|
-
});
|
50
|
-
Object.defineProperty(exports, "CellText", {
|
51
|
-
enumerable: true,
|
52
|
-
get: function get() {
|
53
|
-
return _CellText.default;
|
54
|
-
}
|
55
|
-
});
|
56
|
-
Object.defineProperty(exports, "CellTextStyled", {
|
57
|
-
enumerable: true,
|
58
|
-
get: function get() {
|
59
|
-
return _CellTextStyled.default;
|
60
|
-
}
|
61
|
-
});
|
62
|
-
|
63
|
-
var _CellAddress = _interopRequireDefault(require("./CellAddress"));
|
64
|
-
|
65
|
-
var _CellDate = _interopRequireDefault(require("./CellDate"));
|
66
|
-
|
67
|
-
var _CellIcon = _interopRequireDefault(require("./CellIcon"));
|
68
|
-
|
69
|
-
var _CellImage = _interopRequireDefault(require("./CellImage"));
|
70
|
-
|
71
|
-
var _CellNumeric = _interopRequireDefault(require("./CellNumeric"));
|
72
|
-
|
73
|
-
var _CellRate = _interopRequireDefault(require("./CellRate"));
|
74
|
-
|
75
|
-
var _CellSentinel = _interopRequireDefault(require("./CellSentinel"));
|
76
|
-
|
77
|
-
var _CellText = _interopRequireDefault(require("./CellText"));
|
78
|
-
|
79
|
-
var _CellTextStyled = _interopRequireDefault(require("./CellTextStyled"));
|
1
|
+
export { default as CellAddress } from './CellAddress';
|
2
|
+
export { default as CellDate } from './CellDate';
|
3
|
+
export { default as CellIcon } from './CellIcon';
|
4
|
+
export { default as CellImage } from './CellImage';
|
5
|
+
export { default as CellNumeric } from './CellNumeric';
|
6
|
+
export { default as CellRate } from './CellRate';
|
7
|
+
export { default as CellSentinel } from './CellSentinel';
|
8
|
+
export { default as CellText } from './CellText';
|
9
|
+
export { default as CellTextStyled } from './CellTextStyled';
|
package/HiCheckbox/HiCheckbox.js
CHANGED
@@ -1,44 +1,19 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
11
|
-
|
12
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
13
|
-
|
14
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
15
|
-
|
16
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
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 _getPrototypeOf2 = _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 _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
|
33
|
-
|
34
|
-
var _styles = require("@material-ui/core/styles");
|
35
|
-
|
36
|
-
var _HiIcon = _interopRequireDefault(require("../HiIcon"));
|
37
|
-
|
38
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
39
|
-
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
3
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
4
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
5
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
6
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
7
|
+
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
8
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
9
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
40
10
|
// @inheritedComponent Checkbox
|
41
|
-
|
11
|
+
import React from 'react';
|
12
|
+
import Checkbox from '@material-ui/core/Checkbox';
|
13
|
+
import { withStyles } from '@material-ui/core/styles';
|
14
|
+
import HiIcon from '../HiIcon';
|
15
|
+
import classNames from 'classnames';
|
16
|
+
export var styles = function styles(theme) {
|
42
17
|
return {
|
43
18
|
root: {
|
44
19
|
marginRight: 4,
|
@@ -70,19 +45,18 @@ var styles = function styles(theme) {
|
|
70
45
|
};
|
71
46
|
};
|
72
47
|
|
73
|
-
exports.styles = styles;
|
74
|
-
|
75
48
|
var HiCheckbox =
|
76
49
|
/*#__PURE__*/
|
77
50
|
function (_React$PureComponent) {
|
78
|
-
(
|
51
|
+
_inherits(HiCheckbox, _React$PureComponent);
|
79
52
|
|
80
53
|
function HiCheckbox(props) {
|
81
54
|
var _this;
|
82
55
|
|
83
|
-
(
|
84
|
-
|
85
|
-
_this
|
56
|
+
_classCallCheck(this, HiCheckbox);
|
57
|
+
|
58
|
+
_this = _possibleConstructorReturn(this, _getPrototypeOf(HiCheckbox).call(this, props));
|
59
|
+
_this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
|
86
60
|
return _this;
|
87
61
|
}
|
88
62
|
/**
|
@@ -92,7 +66,7 @@ function (_React$PureComponent) {
|
|
92
66
|
*/
|
93
67
|
|
94
68
|
|
95
|
-
(
|
69
|
+
_createClass(HiCheckbox, [{
|
96
70
|
key: "handleChange",
|
97
71
|
value: function handleChange(event, checked) {
|
98
72
|
// Stop propagation
|
@@ -119,36 +93,38 @@ function (_React$PureComponent) {
|
|
119
93
|
style = _this$props.style,
|
120
94
|
size = _this$props.size,
|
121
95
|
className = _this$props.className,
|
122
|
-
other = (
|
123
|
-
|
96
|
+
other = _objectWithoutProperties(_this$props, ["classes", "color", "checkedIcon", "icon", "indeterminateIcon", "style", "size", "className"]);
|
97
|
+
|
98
|
+
var iconStyles = _objectSpread({
|
124
99
|
width: size,
|
125
100
|
height: size
|
126
101
|
}, style);
|
102
|
+
|
127
103
|
var hcolor = ['positive', 'negative', 'middle', 'neutral', 'inherit'].includes(color) ? 'default' : color;
|
128
|
-
return
|
104
|
+
return React.createElement(Checkbox, Object.assign({
|
129
105
|
classes: {
|
130
106
|
root: classes.root,
|
131
|
-
checked: (
|
107
|
+
checked: classNames(classes.checked, (_classNames = {}, _defineProperty(_classNames, classes.checkedPrimary, color === 'primary' || color === 'inherit'), _defineProperty(_classNames, classes.checkedSecondary, color === 'secondary'), _defineProperty(_classNames, classes.checkedPositive, color === 'positive'), _defineProperty(_classNames, classes.checkedNegative, color === 'negative'), _defineProperty(_classNames, classes.checkedMiddle, color === 'middle'), _defineProperty(_classNames, classes.checkedNeutral, color === 'neutral'), _classNames)),
|
132
108
|
disabled: classes.disabled
|
133
109
|
},
|
134
110
|
style: iconStyles,
|
135
111
|
color: hcolor,
|
136
112
|
onChange: this.handleChange
|
137
113
|
}, icon && {
|
138
|
-
icon:
|
114
|
+
icon: React.createElement(HiIcon, {
|
139
115
|
className: classes.root,
|
140
116
|
icon: icon,
|
141
117
|
size: 20
|
142
118
|
})
|
143
119
|
}, checkedIcon && {
|
144
|
-
checkedIcon:
|
120
|
+
checkedIcon: React.createElement(HiIcon, {
|
145
121
|
className: classes.root,
|
146
122
|
icon: checkedIcon,
|
147
123
|
color: color,
|
148
124
|
size: 20
|
149
125
|
})
|
150
126
|
}, indeterminateIcon && {
|
151
|
-
indeterminateIcon:
|
127
|
+
indeterminateIcon: React.createElement(HiIcon, {
|
152
128
|
className: classes.root,
|
153
129
|
icon: indeterminateIcon,
|
154
130
|
color: color,
|
@@ -157,19 +133,18 @@ function (_React$PureComponent) {
|
|
157
133
|
}, other));
|
158
134
|
}
|
159
135
|
}]);
|
136
|
+
|
160
137
|
return HiCheckbox;
|
161
|
-
}(
|
138
|
+
}(React.PureComponent);
|
162
139
|
|
163
|
-
(
|
140
|
+
_defineProperty(HiCheckbox, "defaultProps", {
|
164
141
|
checked: false,
|
165
142
|
color: 'inherit',
|
166
143
|
size: 20,
|
167
144
|
icon: 'check_box_outline_blank'
|
168
145
|
});
|
169
146
|
|
170
|
-
|
147
|
+
export default withStyles(styles, {
|
171
148
|
hiComponent: true,
|
172
149
|
name: 'HmuiHiCheckbox'
|
173
|
-
})(HiCheckbox);
|
174
|
-
|
175
|
-
exports.default = _default;
|
150
|
+
})(HiCheckbox);
|
@@ -0,0 +1,55 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { assert } from 'chai';
|
3
|
+
import { spy } from 'sinon';
|
4
|
+
import { createMount, createShallow } from '../test-utils';
|
5
|
+
import Checkbox from '@material-ui/core/Checkbox';
|
6
|
+
import HiCheckbox from './HiCheckbox';
|
7
|
+
describe('<HiCheckbox/>', function () {
|
8
|
+
var shallow;
|
9
|
+
var mount;
|
10
|
+
beforeEach(function () {
|
11
|
+
shallow = createShallow({
|
12
|
+
dive: true
|
13
|
+
});
|
14
|
+
mount = createMount();
|
15
|
+
});
|
16
|
+
afterEach(function () {
|
17
|
+
mount.cleanUp();
|
18
|
+
});
|
19
|
+
it('Should render a Checkbox', function () {
|
20
|
+
var wrapper = shallow(React.createElement(HiCheckbox, null));
|
21
|
+
assert.strictEqual(wrapper.find(Checkbox).length, 1, 'render checkbox');
|
22
|
+
});
|
23
|
+
var event = {
|
24
|
+
target: {
|
25
|
+
checked: false
|
26
|
+
}
|
27
|
+
};
|
28
|
+
it('should call onChange exactly once with event', function () {
|
29
|
+
var onChangeSpy = spy();
|
30
|
+
var wrapper = mount(React.createElement(HiCheckbox, {
|
31
|
+
onChange: onChangeSpy
|
32
|
+
}));
|
33
|
+
assert.strictEqual(onChangeSpy.callCount, 0);
|
34
|
+
wrapper.find('input').simulate('change', event);
|
35
|
+
assert.strictEqual(onChangeSpy.callCount, 1);
|
36
|
+
assert.strictEqual(onChangeSpy.args[0][0].target, event.target);
|
37
|
+
onChangeSpy.resetHistory();
|
38
|
+
});
|
39
|
+
it('should call onChange exactly once with event', function () {
|
40
|
+
var onChangeSpy = spy();
|
41
|
+
var wrapper = mount(React.createElement(HiCheckbox, {
|
42
|
+
onChange: onChangeSpy
|
43
|
+
}));
|
44
|
+
assert.strictEqual(onChangeSpy.callCount, 0);
|
45
|
+
wrapper.find('input').simulate('change', null);
|
46
|
+
assert.strictEqual(onChangeSpy.callCount, 1);
|
47
|
+
onChangeSpy.resetHistory();
|
48
|
+
});
|
49
|
+
it('should mount', function () {
|
50
|
+
var wrapper = mount(React.createElement(HiCheckbox, {
|
51
|
+
onChange: undefined
|
52
|
+
}));
|
53
|
+
assert.strictEqual(wrapper.find(Checkbox).length, 1, 'render checkbox');
|
54
|
+
});
|
55
|
+
});
|
package/HiCheckbox/index.js
CHANGED
@@ -1,15 +1 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
Object.defineProperty(exports, "default", {
|
9
|
-
enumerable: true,
|
10
|
-
get: function get() {
|
11
|
-
return _HiCheckbox.default;
|
12
|
-
}
|
13
|
-
});
|
14
|
-
|
15
|
-
var _HiCheckbox = _interopRequireDefault(require("./HiCheckbox"));
|
1
|
+
export { default } from './HiCheckbox';
|