@hipay/hipay-material-ui 2.3.0-rc.5 → 2.3.0-rc.PSYCHE-2530-2
Sign up to get free protection for your applications and to get access to all the features.
- package/HiAlertModal/HiAlertModal.js +16 -78
- package/HiAlertModal/index.js +1 -1
- package/HiAppBar/HiAppBar.js +11 -55
- package/HiAppBar/index.js +1 -1
- package/HiBadge/HiBadge.js +4 -32
- package/HiBadge/index.js +1 -1
- package/HiBreadcrumb/HiBreadcrumb.js +15 -46
- package/HiBreadcrumb/HiStep.js +17 -72
- package/HiBreadcrumb/HiStepConnector.js +17 -56
- package/HiBreadcrumb/HiStepContent.js +10 -20
- package/HiBreadcrumb/HiStepIcon.js +11 -34
- package/HiBreadcrumb/HiStepLabel.js +28 -80
- package/HiBreadcrumb/HiStepper.js +12 -28
- package/HiBreadcrumb/index.js +1 -1
- package/HiButton/HiButton.js +58 -205
- package/HiButton/index.js +6 -8
- package/HiCell/CellAddress.js +10 -51
- package/HiCell/CellDate.js +16 -44
- package/HiCell/CellIcon.js +10 -52
- package/HiCell/CellImage.js +10 -51
- package/HiCell/CellNumeric.js +10 -41
- package/HiCell/CellPinToAction.js +6 -25
- package/HiCell/CellRate.js +9 -47
- package/HiCell/CellSentinel.js +10 -20
- package/HiCell/CellSentinelScore.js +10 -16
- package/HiCell/CellText.js +11 -33
- package/HiCell/CellTextStyled.js +1 -39
- package/HiCell/index.js +1 -1
- package/HiCheckbox/HiCheckbox.js +15 -63
- package/HiCheckbox/index.js +1 -1
- package/HiChip/HiChip.js +15 -115
- package/HiChip/HiChipSwitch.js +19 -73
- package/HiChip/index.js +1 -1
- package/HiColoredLabel/HiColoredLabel.js +13 -55
- package/HiColoredLabel/index.js +1 -1
- package/HiDatePicker/Caption.js +3 -39
- package/HiDatePicker/HiDatePicker.js +56 -150
- package/HiDatePicker/HiDatePickerMobile.js +11 -32
- package/HiDatePicker/HiDateRangePicker.js +71 -226
- package/HiDatePicker/HiDateRangeSelector.js +68 -181
- package/HiDatePicker/ListPicker.js +13 -44
- package/HiDatePicker/NavBar.js +1 -49
- package/HiDatePicker/Overlays/CustomOverlayLayout.js +7 -27
- package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +7 -27
- package/HiDatePicker/Overlays/MonthPickerOverlay.js +14 -45
- package/HiDatePicker/Overlays/Overlay.js +5 -47
- package/HiDatePicker/Overlays/TimePickerOverlay.js +19 -53
- package/HiDatePicker/Overlays/YearPickerOverlay.js +14 -60
- package/HiDatePicker/Overlays/index.js +1 -1
- package/HiDatePicker/Weekday.js +1 -24
- package/HiDatePicker/index.js +15 -0
- package/HiDatePicker/stylesheet.js +6 -6
- package/HiDotsStepper/HiDot.js +12 -18
- package/HiDotsStepper/HiDotsStepper.js +13 -23
- package/HiDotsStepper/index.js +23 -0
- package/HiExpansionPanel/HiExpansionPanel.js +24 -73
- package/HiExpansionPanel/index.js +6 -8
- package/HiForm/HiAddressField.js +13 -36
- package/HiForm/HiEmailField.js +13 -46
- package/HiForm/HiFormControl.js +24 -121
- package/HiForm/HiFormLabel.js +15 -59
- package/HiForm/HiInput.js +20 -200
- package/HiForm/HiPasswordField.js +13 -25
- package/HiForm/HiSearchField.js +13 -43
- package/HiForm/HiSlider.js +15 -86
- package/HiForm/HiTextField.js +14 -153
- package/HiForm/HiUpload.js +29 -91
- package/HiForm/HiUploadField.js +12 -73
- package/HiForm/HiUploadInput.js +33 -113
- package/HiForm/index.js +1 -1
- package/HiIcon/HiIcon.js +37 -116
- package/HiIcon/index.js +1 -1
- package/HiIconButton/HiIconButton.js +4 -22
- package/HiIconButton/index.js +1 -1
- package/HiLoader/HiLoader.js +7 -27
- package/HiLoader/index.js +1 -1
- package/HiMap/HiMap.js +14 -35
- package/HiMap/HiMapExpand.js +13 -41
- package/HiMap/index.js +1 -1
- package/HiNotice/HiKPI.js +12 -82
- package/HiNotice/HiKPINotice.js +1 -29
- package/HiNotice/index.js +1 -1
- package/HiPaymentMeans/HiPaymentMeans.js +17 -112
- package/HiPaymentMeans/index.js +1 -1
- package/HiPdfReader/HiPdfReader.js +24 -48
- package/HiPdfReader/index.js +1 -1
- package/HiPin/HiPin.js +3 -16
- package/HiPin/index.js +1 -1
- package/HiRadio/HiRadio.js +1 -13
- package/HiRadio/index.js +1 -1
- package/HiSelect/HiDynamicSelect.js +23 -94
- package/HiSelect/HiDynamicSelectField.js +8 -56
- package/HiSelect/HiNestedSelect.js +25 -116
- package/HiSelect/HiNestedSelectContent.js +24 -102
- package/HiSelect/HiNestedSelectField.js +8 -56
- package/HiSelect/HiSelect.js +68 -270
- package/HiSelect/HiSelectContent.js +42 -167
- package/HiSelect/HiSelectField.js +8 -61
- package/HiSelect/HiSelectInput.js +24 -125
- package/HiSelect/HiSelectMobile.js +23 -54
- package/HiSelect/HiSuggestSelect.js +25 -105
- package/HiSelect/HiSuggestSelectField.js +8 -56
- package/HiSelect/index.js +2 -2
- package/HiSelectableList/HiSelectableList.js +24 -122
- package/HiSelectableList/HiSelectableListHierarchic.js +18 -78
- package/HiSelectableList/HiSelectableListItem.js +20 -159
- package/HiSelectableList/index.js +1 -1
- package/HiSwitch/HiSwitch.js +4 -40
- package/HiSwitch/HiSwitchState.js +2 -58
- package/HiSwitch/index.js +1 -1
- package/HiTable/HiCellBuilder.js +13 -34
- package/HiTable/HiTable.js +11 -65
- package/HiTable/HiTableBody.js +6 -34
- package/HiTable/HiTableHeader.js +13 -50
- package/HiTable/HiTableRow.js +11 -49
- package/HiTable/constants.js +2 -2
- package/HiTable/index.js +1 -1
- package/README.md +11 -38
- package/es/HiAlertModal/HiAlertModal.js +211 -220
- package/es/HiAlertModal/index.js +15 -1
- package/es/HiAppBar/HiAppBar.js +120 -118
- package/es/HiAppBar/index.js +15 -1
- package/es/HiBadge/HiBadge.js +85 -100
- package/es/HiBadge/index.js +15 -1
- package/es/HiBreadcrumb/HiBreadcrumb.js +98 -83
- package/es/HiBreadcrumb/HiStep.js +113 -113
- package/es/HiBreadcrumb/HiStepConnector.js +144 -137
- package/es/HiBreadcrumb/HiStepContent.js +90 -58
- package/es/HiBreadcrumb/HiStepIcon.js +144 -141
- package/es/HiBreadcrumb/HiStepLabel.js +161 -184
- package/es/HiBreadcrumb/HiStepper.js +73 -46
- package/es/HiBreadcrumb/index.js +15 -1
- package/es/HiButton/HiButton.js +77 -217
- package/es/HiButton/index.js +13 -1
- package/es/HiCell/CellAddress.js +85 -83
- package/es/HiCell/CellDate.js +87 -70
- package/es/HiCell/CellIcon.js +94 -96
- package/es/HiCell/CellImage.js +99 -98
- package/es/HiCell/CellNumeric.js +79 -68
- package/es/HiCell/CellPinToAction.js +61 -41
- package/es/HiCell/CellRate.js +137 -133
- package/es/HiCell/CellSentinel.js +75 -46
- package/es/HiCell/CellSentinelScore.js +69 -35
- package/es/HiCell/CellText.js +190 -160
- package/es/HiCell/CellTextStyled.js +37 -59
- package/es/HiCell/index.js +79 -9
- package/es/HiCheckbox/HiCheckbox.js +154 -162
- package/es/HiCheckbox/index.js +15 -1
- package/es/HiChip/HiChip.js +172 -245
- package/es/HiChip/HiChipSwitch.js +208 -223
- package/es/HiChip/index.js +23 -2
- package/es/HiColoredLabel/HiColoredLabel.js +157 -185
- package/es/HiColoredLabel/index.js +15 -1
- package/es/HiDatePicker/Caption.js +46 -61
- package/es/HiDatePicker/HiDatePicker.js +283 -323
- package/es/HiDatePicker/HiDatePickerMobile.js +104 -87
- package/es/HiDatePicker/HiDateRangePicker.js +500 -570
- package/es/HiDatePicker/HiDateRangeSelector.js +337 -376
- package/es/HiDatePicker/ListPicker.js +125 -101
- package/es/HiDatePicker/NavBar.js +94 -112
- package/es/HiDatePicker/Overlays/CustomOverlayLayout.js +93 -96
- package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +86 -89
- package/es/HiDatePicker/Overlays/MonthPickerOverlay.js +80 -75
- package/es/HiDatePicker/Overlays/Overlay.js +62 -87
- package/es/HiDatePicker/Overlays/TimePickerOverlay.js +202 -188
- package/es/HiDatePicker/Overlays/YearPickerOverlay.js +90 -95
- package/es/HiDatePicker/Overlays/index.js +47 -5
- package/es/HiDatePicker/Weekday.js +19 -32
- package/es/HiDatePicker/hiLocaleUtils.js +41 -28
- package/es/HiDatePicker/index.js +15 -0
- package/es/HiDatePicker/stylesheet.js +259 -244
- package/es/HiDotsStepper/HiDot.js +86 -50
- package/es/HiDotsStepper/HiDotsStepper.js +96 -58
- package/es/HiDotsStepper/index.js +23 -0
- package/es/HiExpansionPanel/HiExpansionPanel.js +198 -204
- package/es/HiExpansionPanel/index.js +13 -1
- package/es/HiForm/HiAddressField.js +125 -106
- package/es/HiForm/HiEmailField.js +69 -66
- package/es/HiForm/HiFormControl.js +266 -309
- package/es/HiForm/HiFormLabel.js +110 -112
- package/es/HiForm/HiInput.js +397 -530
- package/es/HiForm/HiPasswordField.js +101 -67
- package/es/HiForm/HiSearchField.js +130 -121
- package/es/HiForm/HiSlider.js +251 -272
- package/es/HiForm/HiTextField.js +145 -244
- package/es/HiForm/HiUpload.js +288 -300
- package/es/HiForm/HiUploadField.js +82 -109
- package/es/HiForm/HiUploadInput.js +295 -325
- package/es/HiForm/index.js +95 -11
- package/es/HiIcon/HiIcon.js +75 -133
- package/es/HiIcon/index.js +15 -1
- package/es/HiIconButton/HiIconButton.js +82 -80
- package/es/HiIconButton/index.js +15 -1
- package/es/HiLoader/HiLoader.js +30 -37
- package/es/HiLoader/index.js +15 -1
- package/es/HiMap/HiMap.js +281 -245
- package/es/HiMap/HiMapExpand.js +182 -162
- package/es/HiMap/index.js +23 -2
- package/es/HiNotice/HiKPI.js +173 -201
- package/es/HiNotice/HiKPINotice.js +42 -52
- package/es/HiNotice/index.js +23 -2
- package/es/HiPaymentMeans/HiPaymentMeans.js +453 -500
- package/es/HiPaymentMeans/index.js +15 -1
- package/es/HiPdfReader/HiPdfReader.js +215 -184
- package/es/HiPdfReader/index.js +15 -1
- package/es/HiPin/HiPin.js +82 -79
- package/es/HiPin/index.js +15 -1
- package/es/HiRadio/HiRadio.js +47 -40
- package/es/HiRadio/index.js +15 -1
- package/es/HiSelect/HiDynamicSelect.js +110 -146
- package/es/HiSelect/HiDynamicSelectField.js +91 -104
- package/es/HiSelect/HiNestedSelect.js +235 -260
- package/es/HiSelect/HiNestedSelectContent.js +186 -197
- package/es/HiSelect/HiNestedSelectField.js +91 -104
- package/es/HiSelect/HiSelect.js +564 -684
- package/es/HiSelect/HiSelectContent.js +283 -338
- package/es/HiSelect/HiSelectField.js +93 -111
- package/es/HiSelect/HiSelectInput.js +266 -321
- package/es/HiSelect/HiSelectMobile.js +118 -100
- package/es/HiSelect/HiSuggestSelect.js +237 -256
- package/es/HiSelect/HiSuggestSelectField.js +80 -93
- package/es/HiSelect/index.js +85 -8
- package/es/HiSelectableList/HiSelectableList.js +195 -219
- package/es/HiSelectableList/HiSelectableListHierarchic.js +148 -150
- package/es/HiSelectableList/HiSelectableListItem.js +378 -475
- package/es/HiSelectableList/index.js +31 -3
- package/es/HiSwitch/HiSwitch.js +172 -185
- package/es/HiSwitch/HiSwitchState.js +134 -171
- package/es/HiSwitch/index.js +23 -2
- package/es/HiTable/HiCellBuilder.js +106 -72
- package/es/HiTable/HiTable.js +92 -105
- package/es/HiTable/HiTableBody.js +59 -53
- package/es/HiTable/HiTableHeader.js +133 -116
- package/es/HiTable/HiTableRow.js +126 -110
- package/es/HiTable/constants.js +97 -138
- package/es/HiTable/index.js +15 -1
- package/es/hi-svg-icons/HiAccount.js +41 -21
- package/es/hi-svg-icons/HiActivity.js +40 -20
- package/es/hi-svg-icons/HiAll.js +44 -24
- package/es/hi-svg-icons/HiBilling.js +41 -21
- package/es/hi-svg-icons/HiBriefcaseRescue.js +35 -10
- package/es/hi-svg-icons/HiCatalog.js +41 -21
- package/es/hi-svg-icons/HiCustomer.js +41 -21
- package/es/hi-svg-icons/HiDownload.js +29 -12
- package/es/hi-svg-icons/HiFinance.js +41 -21
- package/es/hi-svg-icons/HiPermission.js +40 -20
- package/es/hi-svg-icons/HiRoute.js +41 -21
- package/es/hi-svg-icons/HiSettlement.js +41 -21
- package/es/hi-svg-icons/HiSizeLarge.js +28 -15
- package/es/hi-svg-icons/HiSizeMedium.js +26 -15
- package/es/hi-svg-icons/HiSizeSmall.js +26 -15
- package/es/hi-svg-icons/HiTransaction.js +41 -21
- package/es/hi-svg-icons/HiUser.js +41 -21
- package/es/hi-svg-icons/HiWidget.js +44 -24
- package/es/hi-svg-icons/index.js +151 -18
- package/es/hi-svg-icons/index.text.js +27 -17
- package/es/styleguide/Wrapper.js +51 -0
- package/es/styles/MuiThemeProvider.js +131 -111
- package/es/styles/colorManipulator.js +89 -52
- package/es/styles/createBreakpoints.js +48 -35
- package/es/styles/createGenerateClassName.js +34 -22
- package/es/styles/createMixins.js +31 -20
- package/es/styles/createMuiTheme.js +67 -44
- package/es/styles/createPalette.js +135 -102
- package/es/styles/createStyles.js +8 -1
- package/es/styles/createTypography.js +86 -75
- package/es/styles/getStylesCreator.js +31 -18
- package/es/styles/getThemeProps.js +11 -5
- package/es/styles/index.js +47 -7
- package/es/styles/jssPreset.js +25 -9
- package/es/styles/mergeClasses.js +28 -16
- package/es/styles/shadows.js +14 -7
- package/es/styles/shape.js +9 -2
- package/es/styles/spacing.js +13 -2
- package/es/styles/themeListener.js +22 -10
- package/es/styles/transitions.js +61 -31
- package/es/styles/zIndex.js +9 -2
- package/es/test-utils/createMount.js +31 -18
- package/es/test-utils/createRender.js +25 -12
- package/es/test-utils/createShallow.js +34 -19
- package/es/test-utils/getClasses.js +11 -2
- package/es/test-utils/index.js +47 -5
- package/es/test-utils/until.js +25 -12
- package/es/test-utils/unwrap.js +8 -1
- package/es/theme/palette.js +106 -0
- package/es/theme/typography.js +170 -0
- package/es/theme.js +22 -0
- package/es/transitions/utils.js +18 -6
- package/es/utils/helpers.js +99 -39
- package/es/withMobileDialog/index.js +15 -1
- package/es/withMobileDialog/withMobileDialog.js +32 -20
- package/hi-svg-icons/HiAccount.js +16 -10
- package/hi-svg-icons/HiActivity.js +16 -10
- package/hi-svg-icons/HiAll.js +16 -10
- package/hi-svg-icons/HiBilling.js +16 -10
- package/hi-svg-icons/HiBriefcaseRescue.js +22 -10
- package/hi-svg-icons/HiCatalog.js +16 -10
- package/hi-svg-icons/HiCustomer.js +16 -10
- package/hi-svg-icons/HiDownload.js +13 -5
- package/hi-svg-icons/HiFinance.js +16 -10
- package/hi-svg-icons/HiPermission.js +16 -10
- package/hi-svg-icons/HiRoute.js +16 -10
- package/hi-svg-icons/HiSettlement.js +16 -10
- package/hi-svg-icons/HiSizeLarge.js +5 -3
- package/hi-svg-icons/HiSizeMedium.js +3 -3
- package/hi-svg-icons/HiSizeSmall.js +3 -3
- package/hi-svg-icons/HiTransaction.js +16 -10
- package/hi-svg-icons/HiUser.js +16 -10
- package/hi-svg-icons/HiWidget.js +16 -10
- package/hi-svg-icons/index.js +1 -1
- package/hi-svg-icons/index.text.js +1 -1
- package/package.json +37 -56
- package/styleguide/Wrapper.js +51 -0
- package/styles/MuiThemeProvider.js +17 -44
- package/styles/colorManipulator.js +1 -1
- package/styles/createBreakpoints.js +4 -4
- package/styles/createGenerateClassName.js +1 -1
- package/styles/createMixins.js +6 -6
- package/styles/createMuiTheme.js +4 -4
- package/styles/createPalette.js +5 -5
- package/styles/createTypography.js +15 -15
- package/styles/getStylesCreator.js +4 -4
- package/styles/index.js +2 -18
- package/styles/jssPreset.js +1 -1
- package/styles/mergeClasses.js +3 -3
- package/styles/themeListener.js +2 -2
- package/styles/transitions.js +2 -2
- package/test-utils/createMount.js +5 -5
- package/test-utils/createRender.js +4 -4
- package/test-utils/createShallow.js +5 -5
- package/test-utils/index.js +1 -1
- package/test-utils/until.js +5 -5
- package/theme/palette.js +106 -0
- package/theme/typography.js +170 -0
- package/theme.js +22 -0
- package/utils/helpers.js +4 -4
- package/withMobileDialog/index.js +1 -1
- package/withMobileDialog/withMobileDialog.js +3 -8
- package/CHANGELOG.md +0 -8486
- package/LICENSE +0 -21
- package/es/index.js +0 -26
- package/es/styles/withStyles.js +0 -317
- package/es/styles/withTheme.js +0 -84
- package/es/utils/exactProp.js +0 -28
- package/es/utils/ownerDocument.js +0 -5
- package/es/utils/ownerWindow.js +0 -8
- package/es/utils/reactHelpers.js +0 -19
- package/es/utils/requirePropFactory.js +0 -20
- package/es/utils/unsupportedProp.js +0 -16
- package/index.es.js +0 -31
- package/index.js +0 -256
- package/styles/withStyles.js +0 -378
- package/styles/withTheme.js +0 -126
- package/utils/exactProp.js +0 -43
- package/utils/ownerDocument.js +0 -13
- package/utils/ownerWindow.js +0 -19
- package/utils/reactHelpers.js +0 -36
- package/utils/requirePropFactory.js +0 -32
- package/utils/unsupportedProp.js +0 -24
@@ -1,106 +1,103 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
import { withStyles } from '@material-ui/core/styles';
|
8
|
-
export const styles = theme => ({
|
9
|
-
paper: {
|
10
|
-
width: '100%',
|
11
|
-
zIndex: 10
|
12
|
-
},
|
13
|
-
absolute: {
|
14
|
-
position: 'absolute'
|
15
|
-
},
|
16
|
-
relative: {
|
17
|
-
position: 'relative'
|
18
|
-
},
|
19
|
-
left: {
|
20
|
-
width: '200%',
|
21
|
-
left: 0
|
22
|
-
},
|
23
|
-
right: {
|
24
|
-
width: '200%',
|
25
|
-
left: '-100%'
|
26
|
-
},
|
27
|
-
overlay: _objectSpread({
|
28
|
-
padding: 0,
|
29
|
-
height: 325,
|
30
|
-
textAlign: 'center'
|
31
|
-
}, theme.typography.body2, {
|
32
|
-
fontWeight: theme.typography.fontWeightRegular
|
33
|
-
}),
|
34
|
-
header: _objectSpread({
|
35
|
-
display: 'block',
|
36
|
-
height: 40,
|
37
|
-
textAlign: 'center',
|
38
|
-
padding: '10px 0'
|
39
|
-
}, theme.typography.body1, {
|
40
|
-
color: theme.palette.neutral.main,
|
41
|
-
borderBottom: '1px solid',
|
42
|
-
borderBottomColor: theme.palette.divider
|
43
|
-
}),
|
44
|
-
body: {
|
45
|
-
height: 285,
|
46
|
-
width: 224,
|
47
|
-
margin: 'auto'
|
48
|
-
}
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
49
7
|
});
|
8
|
+
exports.default = exports.styles = void 0;
|
9
|
+
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
|
11
|
+
|
12
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
|
50
13
|
|
51
|
-
|
52
|
-
let {
|
53
|
-
classes,
|
54
|
-
children,
|
55
|
-
headerElement,
|
56
|
-
footerElement,
|
57
|
-
absoluteElement,
|
58
|
-
side,
|
59
|
-
staticPosition
|
60
|
-
} = _ref,
|
61
|
-
props = _objectWithoutProperties(_ref, ["classes", "children", "headerElement", "footerElement", "absoluteElement", "side", "staticPosition"]);
|
14
|
+
var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
|
62
15
|
|
63
|
-
|
64
|
-
[classes.left]: side === 'from',
|
65
|
-
[classes.right]: side === 'to',
|
66
|
-
[classes.absolute]: staticPosition !== true,
|
67
|
-
[classes.relative]: staticPosition === true
|
68
|
-
});
|
16
|
+
var _react = _interopRequireDefault(require("react"));
|
69
17
|
|
70
|
-
|
18
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
71
19
|
|
20
|
+
var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
|
21
|
+
|
22
|
+
var _styles = require("@material-ui/core/styles");
|
23
|
+
|
24
|
+
var styles = function styles(theme) {
|
25
|
+
return {
|
26
|
+
paper: {
|
27
|
+
width: '100%',
|
28
|
+
zIndex: 10
|
29
|
+
},
|
30
|
+
absolute: {
|
31
|
+
position: 'absolute'
|
32
|
+
},
|
33
|
+
relative: {
|
34
|
+
position: 'relative'
|
35
|
+
},
|
36
|
+
left: {
|
37
|
+
width: '200%',
|
38
|
+
left: 0
|
39
|
+
},
|
40
|
+
right: {
|
41
|
+
width: '200%',
|
42
|
+
left: '-100%'
|
43
|
+
},
|
44
|
+
overlay: (0, _objectSpread2.default)({
|
45
|
+
padding: 0,
|
46
|
+
height: 325,
|
47
|
+
textAlign: 'center'
|
48
|
+
}, theme.typography.body2, {
|
49
|
+
fontWeight: theme.typography.fontWeightRegular
|
50
|
+
}),
|
51
|
+
header: (0, _objectSpread2.default)({
|
52
|
+
display: 'block',
|
53
|
+
height: 40,
|
54
|
+
textAlign: 'center',
|
55
|
+
padding: '10px 0'
|
56
|
+
}, theme.typography.body1, {
|
57
|
+
color: theme.palette.neutral.main,
|
58
|
+
borderBottom: '1px solid',
|
59
|
+
borderBottomColor: theme.palette.divider
|
60
|
+
}),
|
61
|
+
body: {
|
62
|
+
height: 285,
|
63
|
+
width: 224,
|
64
|
+
margin: 'auto'
|
65
|
+
}
|
66
|
+
};
|
67
|
+
};
|
68
|
+
|
69
|
+
exports.styles = styles;
|
70
|
+
|
71
|
+
var CustomOverlayLayoutWithoutFooter = function CustomOverlayLayoutWithoutFooter(_ref) {
|
72
|
+
var _classNames;
|
73
|
+
|
74
|
+
var classes = _ref.classes,
|
75
|
+
children = _ref.children,
|
76
|
+
headerElement = _ref.headerElement,
|
77
|
+
footerElement = _ref.footerElement,
|
78
|
+
absoluteElement = _ref.absoluteElement,
|
79
|
+
side = _ref.side,
|
80
|
+
staticPosition = _ref.staticPosition,
|
81
|
+
props = (0, _objectWithoutProperties2.default)(_ref, ["classes", "children", "headerElement", "footerElement", "absoluteElement", "side", "staticPosition"]);
|
82
|
+
var paperClass = (0, _classnames.default)(classes.paper, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.left, side === 'from'), (0, _defineProperty2.default)(_classNames, classes.right, side === 'to'), (0, _defineProperty2.default)(_classNames, classes.absolute, staticPosition !== true), (0, _defineProperty2.default)(_classNames, classes.relative, staticPosition === true), _classNames));
|
83
|
+
var paperProps = (0, _objectSpread2.default)({}, props);
|
72
84
|
return (// eslint-disable-next-line react/jsx-handler-names
|
73
|
-
|
85
|
+
_react.default.createElement(_Paper.default, {
|
74
86
|
className: paperClass,
|
75
87
|
onBlur: paperProps.onBlur,
|
76
88
|
onFocus: paperProps.onFocus
|
77
|
-
},
|
89
|
+
}, _react.default.createElement("div", {
|
78
90
|
className: classes.overlay
|
79
|
-
},
|
91
|
+
}, _react.default.createElement("div", {
|
80
92
|
className: classes.header
|
81
|
-
}, headerElement),
|
93
|
+
}, headerElement), _react.default.createElement("div", {
|
82
94
|
className: classes.body
|
83
95
|
}, children), absoluteElement))
|
84
96
|
);
|
85
97
|
};
|
86
98
|
|
87
|
-
|
88
|
-
absoluteElement: PropTypes.any,
|
89
|
-
children: PropTypes.any,
|
90
|
-
|
91
|
-
/**
|
92
|
-
* Useful to extend the style applied to components.
|
93
|
-
*/
|
94
|
-
classes: PropTypes.object,
|
95
|
-
footerElement: PropTypes.any,
|
96
|
-
headerElement: PropTypes.any,
|
97
|
-
|
98
|
-
/**
|
99
|
-
* Définit comment construire le Paper dans le cas d'un double input
|
100
|
-
*/
|
101
|
-
side: PropTypes.string,
|
102
|
-
staticPosition: PropTypes.bool
|
103
|
-
} : {};
|
104
|
-
export default withStyles(styles, {
|
99
|
+
var _default = (0, _styles.withStyles)(styles, {
|
105
100
|
name: 'HmuiCustomOverlayLayoutWithoutFooter'
|
106
|
-
})(CustomOverlayLayoutWithoutFooter);
|
101
|
+
})(CustomOverlayLayoutWithoutFooter);
|
102
|
+
|
103
|
+
exports.default = _default;
|
@@ -1,84 +1,89 @@
|
|
1
|
-
|
2
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
3
|
-
import React from 'react';
|
4
|
-
import PropTypes from 'prop-types';
|
5
|
-
import CustomOverlayLayoutWithoutFooter from './CustomOverlayLayoutWithoutFooter';
|
6
|
-
import ListPicker from '../ListPicker';
|
7
|
-
|
8
|
-
class MonthPickerOverlay extends React.Component {
|
9
|
-
constructor(props) {
|
10
|
-
super();
|
11
|
-
this.months = [];
|
12
|
-
this.handleMonthClick = this.handleMonthClick.bind(this);
|
13
|
-
this.months = props.localeUtils ? props.localeUtils.getMonths(props.children.props.locale) : props.children.props.localeUtils.getMonths(props.children.props.locale);
|
14
|
-
}
|
1
|
+
"use strict";
|
15
2
|
|
16
|
-
|
17
|
-
const monthIndex = this.months.indexOf(month);
|
3
|
+
var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
|
18
4
|
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
exports.default = void 0;
|
9
|
+
|
10
|
+
var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
|
11
|
+
|
12
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
|
13
|
+
|
14
|
+
var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
|
15
|
+
|
16
|
+
var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
|
17
|
+
|
18
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
19
|
+
|
20
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
|
21
|
+
|
22
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
|
25
23
|
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
24
|
+
var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
|
25
|
+
|
26
|
+
var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
|
27
|
+
|
28
|
+
var _react = _interopRequireDefault(require("react"));
|
29
|
+
|
30
|
+
var _CustomOverlayLayoutWithoutFooter = _interopRequireDefault(require("./CustomOverlayLayoutWithoutFooter"));
|
31
|
+
|
32
|
+
var _ListPicker = _interopRequireDefault(require("../ListPicker"));
|
33
|
+
|
34
|
+
var MonthPickerOverlay =
|
35
|
+
/*#__PURE__*/
|
36
|
+
function (_React$Component) {
|
37
|
+
(0, _inherits2.default)(MonthPickerOverlay, _React$Component);
|
38
|
+
|
39
|
+
function MonthPickerOverlay(props) {
|
40
|
+
var _this;
|
41
|
+
|
42
|
+
(0, _classCallCheck2.default)(this, MonthPickerOverlay);
|
43
|
+
_this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(MonthPickerOverlay).call(this));
|
44
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "months", []);
|
45
|
+
_this.handleMonthClick = _this.handleMonthClick.bind((0, _assertThisInitialized2.default)(_this));
|
46
|
+
_this.months = props.localeUtils ? props.localeUtils.getMonths(props.children.props.locale) : props.children.props.localeUtils.getMonths(props.children.props.locale);
|
47
|
+
return _this;
|
44
48
|
}
|
45
49
|
|
46
|
-
|
50
|
+
(0, _createClass2.default)(MonthPickerOverlay, [{
|
51
|
+
key: "handleMonthClick",
|
52
|
+
value: function handleMonthClick(month) {
|
53
|
+
var monthIndex = this.months.indexOf(month);
|
54
|
+
|
55
|
+
if (monthIndex >= 0 && monthIndex < 12 && this.props.onChange) {
|
56
|
+
var date = this.props.value ? new Date(this.props.value) : new Date();
|
57
|
+
date.setMonth(monthIndex);
|
58
|
+
this.props.onChange(date);
|
59
|
+
}
|
60
|
+
}
|
61
|
+
}, {
|
62
|
+
key: "render",
|
63
|
+
value: function render() {
|
64
|
+
var _this$props = this.props,
|
65
|
+
value = _this$props.value,
|
66
|
+
translations = _this$props.translations,
|
67
|
+
props = (0, _objectWithoutProperties2.default)(_this$props, ["value", "translations"]);
|
68
|
+
var now = new Date();
|
69
|
+
var currentMonth = props.localeUtils ? props.localeUtils.getMonths(props.children.props.locale)[now.getMonth()] : props.children.props.localeUtils.getMonths(props.children.props.locale)[now.getMonth()];
|
70
|
+
return _react.default.createElement(_CustomOverlayLayoutWithoutFooter.default, (0, _extends2.default)({
|
71
|
+
headerElement: translations.month
|
72
|
+
}, props), _react.default.createElement(_ListPicker.default, {
|
73
|
+
itemList: this.months,
|
74
|
+
onItemClick: this.handleMonthClick,
|
75
|
+
selectedItem: currentMonth,
|
76
|
+
type: "month"
|
77
|
+
}));
|
78
|
+
}
|
79
|
+
}]);
|
80
|
+
return MonthPickerOverlay;
|
81
|
+
}(_react.default.Component);
|
47
82
|
|
48
|
-
MonthPickerOverlay
|
83
|
+
(0, _defineProperty2.default)(MonthPickerOverlay, "defaultProps", {
|
49
84
|
translations: {
|
50
85
|
month: 'Month'
|
51
86
|
}
|
52
|
-
};
|
53
|
-
|
54
|
-
|
55
|
-
* ReactDayPicker prop
|
56
|
-
*/
|
57
|
-
children: PropTypes.element,
|
58
|
-
|
59
|
-
/**
|
60
|
-
* Useful to extend the style applied to components.
|
61
|
-
*/
|
62
|
-
classes: PropTypes.object,
|
63
|
-
|
64
|
-
/**
|
65
|
-
* ReactDayPicker prop
|
66
|
-
*/
|
67
|
-
localeUtils: PropTypes.object,
|
68
|
-
|
69
|
-
/**
|
70
|
-
* Fonction de callback
|
71
|
-
*/
|
72
|
-
onChange: PropTypes.func,
|
73
|
-
|
74
|
-
/**
|
75
|
-
* Traductions
|
76
|
-
*/
|
77
|
-
translations: PropTypes.object,
|
78
|
-
|
79
|
-
/**
|
80
|
-
* Date du mois affiché
|
81
|
-
*/
|
82
|
-
value: PropTypes.instanceOf(Date)
|
83
|
-
} : {};
|
84
|
-
export default MonthPickerOverlay;
|
87
|
+
});
|
88
|
+
var _default = MonthPickerOverlay;
|
89
|
+
exports.default = _default;
|
@@ -1,102 +1,77 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
import { withStyles } from '@material-ui/core/styles';
|
8
|
-
export const styles = () => ({
|
9
|
-
paper: {
|
10
|
-
width: '100%',
|
11
|
-
zIndex: 10
|
12
|
-
},
|
13
|
-
absolute: {
|
14
|
-
position: 'absolute'
|
15
|
-
},
|
16
|
-
relative: {
|
17
|
-
position: 'relative'
|
18
|
-
},
|
19
|
-
left: {
|
20
|
-
width: '200%',
|
21
|
-
left: 0
|
22
|
-
},
|
23
|
-
right: {
|
24
|
-
width: '200%',
|
25
|
-
left: '-100%'
|
26
|
-
},
|
27
|
-
overlay: {
|
28
|
-
padding: 0
|
29
|
-
}
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
30
7
|
});
|
8
|
+
exports.default = exports.styles = void 0;
|
9
|
+
|
10
|
+
var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
|
11
|
+
|
12
|
+
var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
|
13
|
+
|
14
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
|
31
15
|
|
32
|
-
|
33
|
-
let {
|
34
|
-
classes,
|
35
|
-
children,
|
36
|
-
side,
|
37
|
-
staticPosition
|
38
|
-
} = _ref,
|
39
|
-
props = _objectWithoutProperties(_ref, ["classes", "children", "side", "staticPosition"]);
|
16
|
+
var _react = _interopRequireDefault(require("react"));
|
40
17
|
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
18
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
19
|
+
|
20
|
+
var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
|
21
|
+
|
22
|
+
var _styles = require("@material-ui/core/styles");
|
23
|
+
|
24
|
+
var styles = function styles() {
|
25
|
+
return {
|
26
|
+
paper: {
|
27
|
+
width: '100%',
|
28
|
+
zIndex: 10
|
29
|
+
},
|
30
|
+
absolute: {
|
31
|
+
position: 'absolute'
|
32
|
+
},
|
33
|
+
relative: {
|
34
|
+
position: 'relative'
|
35
|
+
},
|
36
|
+
left: {
|
37
|
+
width: '200%',
|
38
|
+
left: 0
|
39
|
+
},
|
40
|
+
right: {
|
41
|
+
width: '200%',
|
42
|
+
left: '-100%'
|
43
|
+
},
|
44
|
+
overlay: {
|
45
|
+
padding: 0
|
46
|
+
}
|
47
|
+
};
|
48
|
+
};
|
47
49
|
|
48
|
-
|
50
|
+
exports.styles = styles;
|
49
51
|
|
52
|
+
var Overlay = function Overlay(_ref) {
|
53
|
+
var _classNames;
|
54
|
+
|
55
|
+
var classes = _ref.classes,
|
56
|
+
children = _ref.children,
|
57
|
+
side = _ref.side,
|
58
|
+
staticPosition = _ref.staticPosition,
|
59
|
+
props = (0, _objectWithoutProperties2.default)(_ref, ["classes", "children", "side", "staticPosition"]);
|
60
|
+
var paperClass = (0, _classnames.default)(classes.paper, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.left, side === 'from'), (0, _defineProperty2.default)(_classNames, classes.right, side === 'to'), (0, _defineProperty2.default)(_classNames, classes.absolute, staticPosition !== true), (0, _defineProperty2.default)(_classNames, classes.relative, staticPosition === true), _classNames));
|
61
|
+
var paperProps = (0, _objectSpread2.default)({}, props);
|
50
62
|
return (// eslint-disable-next-line react/jsx-handler-names
|
51
|
-
|
63
|
+
_react.default.createElement(_Paper.default, {
|
52
64
|
onBlur: paperProps.onBlur,
|
53
65
|
onFocus: paperProps.onFocus,
|
54
66
|
className: paperClass
|
55
|
-
},
|
67
|
+
}, _react.default.createElement("div", {
|
56
68
|
className: classes.overlay
|
57
69
|
}, children))
|
58
70
|
);
|
59
71
|
};
|
60
72
|
|
61
|
-
|
62
|
-
/**
|
63
|
-
* ReactDayPicker prop
|
64
|
-
*/
|
65
|
-
children: PropTypes.element,
|
66
|
-
|
67
|
-
/**
|
68
|
-
* Useful to extend the style applied to components.
|
69
|
-
*/
|
70
|
-
classes: PropTypes.object,
|
71
|
-
|
72
|
-
/**
|
73
|
-
* ReactDayPicker prop
|
74
|
-
* The input field
|
75
|
-
*/
|
76
|
-
input: PropTypes.object,
|
77
|
-
|
78
|
-
/**
|
79
|
-
* ReactDayPicker prop
|
80
|
-
* The month displayed in the calendar
|
81
|
-
*/
|
82
|
-
month: PropTypes.object,
|
83
|
-
|
84
|
-
/**
|
85
|
-
* ReactDayPicker prop
|
86
|
-
* The currently selected day or selected days
|
87
|
-
*/
|
88
|
-
selectedDay: PropTypes.oneOfType([PropTypes.object, PropTypes.array, PropTypes.string]),
|
89
|
-
|
90
|
-
/**
|
91
|
-
* Définit comment construire le Paper dans le cas d'un double input
|
92
|
-
*/
|
93
|
-
side: PropTypes.string,
|
94
|
-
|
95
|
-
/**
|
96
|
-
* Display overlay with position static
|
97
|
-
*/
|
98
|
-
staticPosition: PropTypes.bool
|
99
|
-
} : {};
|
100
|
-
export default withStyles(styles, {
|
73
|
+
var _default = (0, _styles.withStyles)(styles, {
|
101
74
|
name: 'HmuiOverlay'
|
102
|
-
})(Overlay);
|
75
|
+
})(Overlay);
|
76
|
+
|
77
|
+
exports.default = _default;
|