@epilot/base-elements 2.7.13 → 2.7.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Accordion/Accordion.d.ts +3 -3
- package/dist/Accordion/Accordion.js +11 -11
- package/dist/Accordion/AccordionActions.d.ts +3 -3
- package/dist/Accordion/AccordionActions.js +11 -11
- package/dist/Accordion/AccordionDetails.d.ts +3 -3
- package/dist/Accordion/AccordionDetails.js +11 -11
- package/dist/Accordion/AccordionSummary.d.ts +3 -3
- package/dist/Accordion/AccordionSummary.js +12 -12
- package/dist/Accordion/index.d.ts +5 -5
- package/dist/Accordion/index.js +8 -8
- package/dist/Accordion/types.d.ts +57 -57
- package/dist/Accordion/types.js +2 -2
- package/dist/AppBar/AppBar.d.ts +4 -4
- package/dist/AppBar/AppBar.js +16 -16
- package/dist/AppBar/index.d.ts +2 -2
- package/dist/AppBar/index.js +5 -5
- package/dist/AppBar/types.d.ts +3 -3
- package/dist/AppBar/types.js +2 -2
- package/dist/Autocomplete/Autocomplete.d.ts +3 -3
- package/dist/Autocomplete/Autocomplete.js +48 -48
- package/dist/Autocomplete/index.d.ts +2 -2
- package/dist/Autocomplete/index.js +7 -7
- package/dist/Autocomplete/styles.d.ts +1 -1
- package/dist/Autocomplete/styles.js +14 -14
- package/dist/Autocomplete/types.d.ts +65 -65
- package/dist/Autocomplete/types.js +2 -2
- package/dist/AutocompleteX/AutocompleteX.d.ts +2 -2
- package/dist/AutocompleteX/AutocompleteX.js +5 -5
- package/dist/AutocompleteX/index.d.ts +2 -2
- package/dist/AutocompleteX/index.js +7 -7
- package/dist/AutocompleteX/types.d.ts +6 -6
- package/dist/AutocompleteX/types.js +2 -2
- package/dist/Avatar/Avatar.d.ts +3 -3
- package/dist/Avatar/Avatar.js +27 -27
- package/dist/Avatar/AvatarGroup.d.ts +3 -3
- package/dist/Avatar/AvatarGroup.js +21 -21
- package/dist/Avatar/index.d.ts +3 -3
- package/dist/Avatar/index.js +9 -9
- package/dist/Avatar/types.d.ts +48 -48
- package/dist/Avatar/types.js +2 -2
- package/dist/Badge/Badge.d.ts +3 -3
- package/dist/Badge/Badge.js +11 -11
- package/dist/Badge/index.d.ts +2 -2
- package/dist/Badge/index.js +5 -5
- package/dist/Badge/types.d.ts +2 -2
- package/dist/Badge/types.js +2 -2
- package/dist/Box/Box.d.ts +3 -3
- package/dist/Box/Box.js +11 -11
- package/dist/Box/index.d.ts +2 -2
- package/dist/Box/index.js +5 -5
- package/dist/Box/types.d.ts +2 -2
- package/dist/Box/types.js +2 -2
- package/dist/Breadcrumbs/Breadcrumbs.d.ts +3 -3
- package/dist/Breadcrumbs/Breadcrumbs.js +10 -10
- package/dist/Breadcrumbs/index.d.ts +2 -2
- package/dist/Breadcrumbs/index.js +7 -7
- package/dist/Breadcrumbs/types.d.ts +2 -2
- package/dist/Breadcrumbs/types.js +2 -2
- package/dist/Button/Button.d.ts +8 -8
- package/dist/Button/Button.js +125 -125
- package/dist/Button/index.d.ts +2 -2
- package/dist/Button/index.js +5 -5
- package/dist/Button/types.d.ts +21 -21
- package/dist/Button/types.js +2 -2
- package/dist/ButtonGroup/ButtonGroup.d.ts +3 -3
- package/dist/ButtonGroup/ButtonGroup.js +11 -11
- package/dist/ButtonGroup/index.d.ts +2 -2
- package/dist/ButtonGroup/index.js +5 -5
- package/dist/ButtonGroup/types.d.ts +37 -37
- package/dist/ButtonGroup/types.js +2 -2
- package/dist/Card/Card.d.ts +8 -8
- package/dist/Card/Card.js +36 -36
- package/dist/Card/index.d.ts +2 -2
- package/dist/Card/index.js +5 -5
- package/dist/Card/types.d.ts +7 -7
- package/dist/Card/types.js +2 -2
- package/dist/Checkbox/Checkbox.d.ts +3 -3
- package/dist/Checkbox/Checkbox.js +27 -27
- package/dist/Checkbox/index.d.ts +2 -2
- package/dist/Checkbox/index.js +5 -5
- package/dist/Checkbox/types.d.ts +84 -84
- package/dist/Checkbox/types.js +2 -2
- package/dist/Chip/Chip.d.ts +3 -3
- package/dist/Chip/Chip.js +16 -16
- package/dist/Chip/RandomColoredChip.d.ts +3 -3
- package/dist/Chip/RandomColoredChip.js +33 -33
- package/dist/Chip/index.d.ts +2 -2
- package/dist/Chip/index.js +5 -5
- package/dist/Chip/types.d.ts +13 -13
- package/dist/Chip/types.js +2 -2
- package/dist/Collapse/Collapse.d.ts +3 -3
- package/dist/Collapse/Collapse.js +11 -11
- package/dist/Collapse/index.d.ts +2 -2
- package/dist/Collapse/index.js +5 -5
- package/dist/Collapse/types.d.ts +2 -2
- package/dist/Collapse/types.js +2 -2
- package/dist/Dialog/Dialog.d.ts +7 -7
- package/dist/Dialog/Dialog.js +31 -31
- package/dist/Dialog/index.d.ts +2 -2
- package/dist/Dialog/index.js +5 -5
- package/dist/Dialog/types.d.ts +157 -157
- package/dist/Dialog/types.js +2 -2
- package/dist/Divider/Divider.d.ts +3 -3
- package/dist/Divider/Divider.js +10 -10
- package/dist/Divider/index.d.ts +2 -2
- package/dist/Divider/index.js +5 -5
- package/dist/Divider/types.d.ts +2 -2
- package/dist/Divider/types.js +2 -2
- package/dist/Drawer/Drawer.d.ts +3 -3
- package/dist/Drawer/Drawer.js +11 -11
- package/dist/Drawer/index.d.ts +2 -2
- package/dist/Drawer/index.js +5 -5
- package/dist/Drawer/types.d.ts +2 -2
- package/dist/Drawer/types.js +2 -2
- package/dist/Drawer360/ActionFooter.d.ts +13 -12
- package/dist/Drawer360/ActionFooter.js +108 -102
- package/dist/Drawer360/ActionFooter.js.map +1 -1
- package/dist/Drawer360/DiscardDialog.d.ts +10 -10
- package/dist/Drawer360/DiscardDialog.js +48 -48
- package/dist/Drawer360/Drawer360.d.ts +3 -3
- package/dist/Drawer360/Drawer360.js +95 -97
- package/dist/Drawer360/Drawer360.js.map +1 -1
- package/dist/Drawer360/helpers.d.ts +3 -3
- package/dist/Drawer360/helpers.js +61 -61
- package/dist/Drawer360/index.d.ts +2 -2
- package/dist/Drawer360/index.js +5 -5
- package/dist/Drawer360/types.d.ts +30 -30
- package/dist/Drawer360/types.js +2 -2
- package/dist/Form/FormControl.d.ts +2 -2
- package/dist/Form/FormControl.js +4 -4
- package/dist/Form/FormControlLabel.d.ts +2 -2
- package/dist/Form/FormControlLabel.js +4 -4
- package/dist/Form/FormGroup.d.ts +2 -2
- package/dist/Form/FormGroup.js +5 -5
- package/dist/Form/FormHelperText.d.ts +2 -2
- package/dist/Form/FormHelperText.js +4 -4
- package/dist/Form/FormLabel.d.ts +2 -2
- package/dist/Form/FormLabel.js +4 -4
- package/dist/Form/InputAdornment.d.ts +2 -2
- package/dist/Form/InputAdornment.js +4 -4
- package/dist/Form/InputLabel.d.ts +2 -2
- package/dist/Form/InputLabel.js +4 -4
- package/dist/Form/index.d.ts +8 -8
- package/dist/Form/index.js +19 -19
- package/dist/Form/types.d.ts +9 -9
- package/dist/Form/types.js +2 -2
- package/dist/Grid/Grid.d.ts +3 -3
- package/dist/Grid/Grid.js +10 -10
- package/dist/Grid/index.d.ts +2 -2
- package/dist/Grid/index.js +5 -5
- package/dist/Grid/types.d.ts +2 -2
- package/dist/Grid/types.js +2 -2
- package/dist/Hidden/Hidden.d.ts +3 -3
- package/dist/Hidden/Hidden.js +11 -11
- package/dist/Hidden/index.d.ts +2 -2
- package/dist/Hidden/index.js +5 -5
- package/dist/Hidden/types.d.ts +8 -8
- package/dist/Hidden/types.js +2 -2
- package/dist/Icon/Icon.d.ts +5 -5
- package/dist/Icon/Icon.js +57 -57
- package/dist/Icon/index.d.ts +2 -2
- package/dist/Icon/index.js +9 -9
- package/dist/Icon/types.d.ts +46 -46
- package/dist/Icon/types.js +2 -2
- package/dist/Image/Image.d.ts +3 -3
- package/dist/Image/Image.js +22 -22
- package/dist/Image/index.d.ts +2 -2
- package/dist/Image/index.js +7 -7
- package/dist/Image/types.d.ts +21 -21
- package/dist/Image/types.js +2 -2
- package/dist/Link/Link.d.ts +3 -3
- package/dist/Link/Link.js +10 -10
- package/dist/Link/index.d.ts +2 -2
- package/dist/Link/index.js +7 -7
- package/dist/Link/types.d.ts +41 -41
- package/dist/Link/types.js +2 -2
- package/dist/List/List.d.ts +8 -8
- package/dist/List/List.js +36 -36
- package/dist/List/index.d.ts +2 -2
- package/dist/List/index.js +5 -5
- package/dist/List/types.d.ts +7 -7
- package/dist/List/types.js +2 -2
- package/dist/Menu/Menu.d.ts +6 -6
- package/dist/Menu/Menu.js +9 -9
- package/dist/Menu/index.d.ts +2 -2
- package/dist/Menu/index.js +5 -5
- package/dist/Menu/types.d.ts +71 -71
- package/dist/Menu/types.js +2 -2
- package/dist/Notification/Notification.d.ts +5 -5
- package/dist/Notification/Notification.js +51 -51
- package/dist/Notification/index.d.ts +2 -2
- package/dist/Notification/index.js +9 -9
- package/dist/Notification/types.d.ts +7 -7
- package/dist/Notification/types.js +2 -2
- package/dist/Pagination/Pagination.d.ts +4 -4
- package/dist/Pagination/Pagination.js +193 -193
- package/dist/Pagination/PaginationHelper.d.ts +6 -6
- package/dist/Pagination/PaginationHelper.js +123 -123
- package/dist/Pagination/index.d.ts +2 -2
- package/dist/Pagination/index.js +7 -7
- package/dist/Pagination/types.d.ts +29 -29
- package/dist/Pagination/types.js +8 -8
- package/dist/Paper/Paper.d.ts +2 -2
- package/dist/Paper/Paper.js +5 -5
- package/dist/Paper/index.d.ts +2 -2
- package/dist/Paper/index.js +5 -5
- package/dist/Paper/types.d.ts +2 -2
- package/dist/Paper/types.js +2 -2
- package/dist/Pickers/DatePicker.d.ts +10 -10
- package/dist/Pickers/DatePicker.js +29 -29
- package/dist/Pickers/DateTimePicker.d.ts +3 -3
- package/dist/Pickers/DateTimePicker.js +24 -24
- package/dist/Pickers/TimePicker.d.ts +3 -3
- package/dist/Pickers/TimePicker.js +24 -24
- package/dist/Pickers/index.d.ts +4 -4
- package/dist/Pickers/index.js +7 -7
- package/dist/Pickers/types.d.ts +80 -80
- package/dist/Pickers/types.js +2 -2
- package/dist/Popover/Popover.d.ts +2 -2
- package/dist/Popover/Popover.js +5 -5
- package/dist/Popover/index.d.ts +3 -3
- package/dist/Popover/index.js +7 -7
- package/dist/Popover/types.d.ts +2 -2
- package/dist/Popover/types.js +2 -2
- package/dist/Progress/Progress.d.ts +5 -5
- package/dist/Progress/Progress.js +12 -12
- package/dist/Progress/index.d.ts +2 -2
- package/dist/Progress/index.js +5 -5
- package/dist/Progress/types.d.ts +3 -3
- package/dist/Progress/types.js +2 -2
- package/dist/Radio/Radio.d.ts +3 -3
- package/dist/Radio/Radio.js +26 -26
- package/dist/Radio/RadioGroup.d.ts +3 -3
- package/dist/Radio/RadioGroup.js +9 -9
- package/dist/Radio/index.d.ts +3 -3
- package/dist/Radio/index.js +9 -9
- package/dist/Radio/types.d.ts +46 -46
- package/dist/Radio/types.js +2 -2
- package/dist/Rating/Rating.d.ts +3 -3
- package/dist/Rating/Rating.js +71 -71
- package/dist/Rating/index.d.ts +2 -2
- package/dist/Rating/index.js +5 -5
- package/dist/Rating/types.d.ts +49 -49
- package/dist/Rating/types.js +2 -2
- package/dist/Select/Select.d.ts +3 -3
- package/dist/Select/Select.js +38 -38
- package/dist/Select/index.d.ts +2 -2
- package/dist/Select/index.js +7 -7
- package/dist/Select/types.d.ts +76 -76
- package/dist/Select/types.js +2 -2
- package/dist/Slide/Slide.d.ts +3 -3
- package/dist/Slide/Slide.js +11 -11
- package/dist/Slide/index.d.ts +2 -2
- package/dist/Slide/index.js +7 -7
- package/dist/Slide/types.d.ts +2 -2
- package/dist/Slide/types.js +2 -2
- package/dist/Snackbar/Snackbar.d.ts +3 -3
- package/dist/Snackbar/Snackbar.js +11 -11
- package/dist/Snackbar/index.d.ts +2 -2
- package/dist/Snackbar/index.js +7 -7
- package/dist/Snackbar/types.d.ts +2 -2
- package/dist/Snackbar/types.js +2 -2
- package/dist/Spacing/Spacing.d.ts +7 -7
- package/dist/Spacing/Spacing.js +71 -71
- package/dist/Spacing/index.d.ts +2 -2
- package/dist/Spacing/index.js +5 -5
- package/dist/Spacing/types.d.ts +15 -15
- package/dist/Spacing/types.js +2 -2
- package/dist/Stepper/MobileStepper.d.ts +3 -3
- package/dist/Stepper/MobileStepper.js +10 -10
- package/dist/Stepper/Stepper.d.ts +7 -7
- package/dist/Stepper/Stepper.js +27 -27
- package/dist/Stepper/index.d.ts +3 -3
- package/dist/Stepper/index.js +6 -6
- package/dist/Stepper/types.d.ts +14 -14
- package/dist/Stepper/types.js +2 -2
- package/dist/Switch/Switch.d.ts +3 -3
- package/dist/Switch/Switch.js +10 -10
- package/dist/Switch/index.d.ts +2 -2
- package/dist/Switch/index.js +7 -7
- package/dist/Switch/types.d.ts +12 -12
- package/dist/Switch/types.js +2 -2
- package/dist/Table/ResizeTableCell/ResizeTableCell.d.ts +11 -11
- package/dist/Table/ResizeTableCell/ResizeTableCell.js +94 -94
- package/dist/Table/ResizeTableCell/ResizeTableCellStyles.d.ts +2 -2
- package/dist/Table/ResizeTableCell/ResizeTableCellStyles.js +60 -60
- package/dist/Table/ResizeTableCell/ResizeTableContext.d.ts +15 -15
- package/dist/Table/ResizeTableCell/ResizeTableContext.js +16 -16
- package/dist/Table/Table.d.ts +8 -8
- package/dist/Table/Table.js +11 -11
- package/dist/Table/index.d.ts +4 -4
- package/dist/Table/index.js +7 -7
- package/dist/Table/types.d.ts +7 -7
- package/dist/Table/types.js +2 -2
- package/dist/TableColumnSettings/TableColumnSettings.d.ts +4 -4
- package/dist/TableColumnSettings/TableColumnSettings.js +131 -131
- package/dist/TableColumnSettings/TableColumnSettingsStyles.d.ts +1 -1
- package/dist/TableColumnSettings/TableColumnSettingsStyles.js +83 -83
- package/dist/TableColumnSettings/index.d.ts +3 -3
- package/dist/TableColumnSettings/index.js +7 -7
- package/dist/TableColumnSettings/types.d.ts +14 -14
- package/dist/TableColumnSettings/types.js +2 -2
- package/dist/Tabs/Tabs.d.ts +10 -10
- package/dist/Tabs/Tabs.js +135 -135
- package/dist/Tabs/index.d.ts +2 -2
- package/dist/Tabs/index.js +5 -5
- package/dist/Tabs/types.d.ts +13 -13
- package/dist/Tabs/types.js +2 -2
- package/dist/TextField/CurrencyTextField.d.ts +3 -3
- package/dist/TextField/CurrencyTextField.js +22 -22
- package/dist/TextField/InlineTextField.d.ts +3 -3
- package/dist/TextField/InlineTextField.js +142 -142
- package/dist/TextField/MaskedTextField.d.ts +3 -3
- package/dist/TextField/MaskedTextField.js +13 -13
- package/dist/TextField/TextField.d.ts +3 -3
- package/dist/TextField/TextField.js +13 -13
- package/dist/TextField/ValidatedTextField.d.ts +3 -3
- package/dist/TextField/ValidatedTextField.js +35 -35
- package/dist/TextField/index.d.ts +6 -6
- package/dist/TextField/index.js +9 -9
- package/dist/TextField/styles.d.ts +2 -2
- package/dist/TextField/styles.js +13 -13
- package/dist/TextField/types.d.ts +63 -63
- package/dist/TextField/types.js +2 -2
- package/dist/ThemeProvider/DefaultEpilotTheme.d.ts +2 -2
- package/dist/ThemeProvider/DefaultEpilotTheme.js +312 -312
- package/dist/ThemeProvider/ThemeProvider.d.ts +3 -3
- package/dist/ThemeProvider/ThemeProvider.js +30 -30
- package/dist/ThemeProvider/fonts.d.ts +8 -8
- package/dist/ThemeProvider/fonts.js +13 -13
- package/dist/ThemeProvider/index.d.ts +3 -3
- package/dist/ThemeProvider/index.js +8 -8
- package/dist/ThemeProvider/mapping.d.ts +10 -10
- package/dist/ThemeProvider/mapping.js +846 -846
- package/dist/ThemeProvider/types.d.ts +136 -136
- package/dist/ThemeProvider/types.js +2 -2
- package/dist/ToggleButton/ToggleButton.d.ts +3 -3
- package/dist/ToggleButton/ToggleButton.js +12 -12
- package/dist/ToggleButton/index.d.ts +2 -2
- package/dist/ToggleButton/index.js +5 -5
- package/dist/ToggleButton/types.d.ts +27 -27
- package/dist/ToggleButton/types.js +2 -2
- package/dist/ToggleButtonGroup/ToggleButtonGroup.d.ts +3 -3
- package/dist/ToggleButtonGroup/ToggleButtonGroup.js +12 -12
- package/dist/ToggleButtonGroup/index.d.ts +2 -2
- package/dist/ToggleButtonGroup/index.js +5 -5
- package/dist/ToggleButtonGroup/types.d.ts +2 -2
- package/dist/ToggleButtonGroup/types.js +2 -2
- package/dist/Tooltip/Tooltip.d.ts +3 -3
- package/dist/Tooltip/Tooltip.js +22 -22
- package/dist/Tooltip/index.d.ts +2 -2
- package/dist/Tooltip/index.js +5 -5
- package/dist/Tooltip/types.d.ts +8 -8
- package/dist/Tooltip/types.js +2 -2
- package/dist/Typography/Typography.d.ts +13 -13
- package/dist/Typography/Typography.js +60 -60
- package/dist/Typography/index.d.ts +3 -3
- package/dist/Typography/index.js +22 -22
- package/dist/Typography/types.d.ts +7 -7
- package/dist/Typography/types.js +2 -2
- package/dist/bundle.js +19 -19
- package/dist/bundle.js.map +1 -1
- package/dist/config.d.ts +1 -1
- package/dist/config.js +6 -6
- package/dist/context/ClassPrefixContext.d.ts +9 -9
- package/dist/context/ClassPrefixContext.js +14 -14
- package/dist/index.d.ts +51 -51
- package/dist/index.js +54 -54
- package/dist/styles/index.d.ts +1 -1
- package/dist/styles/index.js +4 -4
- package/dist/styles/styles.d.ts +3 -3
- package/dist/styles/styles.js +18 -18
- package/dist/utils.d.ts +7 -7
- package/dist/utils.js +27 -27
- package/package.json +1 -1
- package/CHANGELOG.md +0 -992
package/dist/Rating/Rating.js
CHANGED
|
@@ -1,72 +1,72 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.__esModule = true;
|
|
3
|
-
exports.Rating = void 0;
|
|
4
|
-
var tslib_1 = require("tslib");
|
|
5
|
-
var styles_1 = require("@material-ui/core/styles");
|
|
6
|
-
var Tooltip_1 = tslib_1.__importDefault(require("@material-ui/core/Tooltip"));
|
|
7
|
-
var Rating_1 = tslib_1.__importDefault(require("@material-ui/lab/Rating"));
|
|
8
|
-
var react_1 = tslib_1.__importDefault(require("react"));
|
|
9
|
-
var __1 = require("..");
|
|
10
|
-
var useStyles = __1.makeStyles(function (theme) {
|
|
11
|
-
return __1.createStyles({
|
|
12
|
-
ratingContainer: {
|
|
13
|
-
alignItems: 'flex-end'
|
|
14
|
-
},
|
|
15
|
-
houseDescription: {
|
|
16
|
-
margin: '0 auto',
|
|
17
|
-
display: 'table',
|
|
18
|
-
color: "" + theme.palette.common.black,
|
|
19
|
-
textAlign: 'center'
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
});
|
|
23
|
-
function Rating(props) {
|
|
24
|
-
var theme = styles_1.useTheme();
|
|
25
|
-
var scaled = props.scaled, selectedIndex = props.selectedIndex, _a = props.inactiveColor, inactiveColor = _a === void 0 ? theme.palette.action.disabled : _a, _b = props.activeColor, activeColor = _b === void 0 ? theme.palette.primary.main : _b, component = props.component, emptyComponent = props.emptyComponent, onIconClick = props.onIconClick, labeled = props.labeled, labels = props.labels, iconSpacing = props.iconSpacing, iconTooltipLabels = props.iconTooltipLabels, _c = props.size, size = _c === void 0 ? 'medium' : _c, max = props.max, rest = tslib_1.__rest(props, ["scaled", "selectedIndex", "inactiveColor", "activeColor", "component", "emptyComponent", "onIconClick", "labeled", "labels", "iconSpacing", "iconTooltipLabels", "size", "max"]);
|
|
26
|
-
var classes = useStyles();
|
|
27
|
-
var icons = getIcons(max, component, size, emptyComponent, selectedIndex, scaled, labels, inactiveColor, activeColor, onIconClick, labeled, classes, iconSpacing) || [];
|
|
28
|
-
var IconContainer = function (props) {
|
|
29
|
-
var value = props.value;
|
|
30
|
-
return react_1["default"].createElement("span", null, icons[value - 1]);
|
|
31
|
-
};
|
|
32
|
-
return (react_1["default"].createElement(Rating_1["default"], tslib_1.__assign({}, rest, { IconContainerComponent: IconContainer, className: classes.ratingContainer, max: max })));
|
|
33
|
-
}
|
|
34
|
-
exports.Rating = Rating;
|
|
35
|
-
var getIcons = function (max, component, size, emptyComponent, selectedIndex, scaled, labels, inactiveColor, activeColor, onIconClick, labeled, classes, iconSpacing) {
|
|
36
|
-
return Array.from({ length: max }).map(function (_v, i) {
|
|
37
|
-
var renderComponent = component;
|
|
38
|
-
if (emptyComponent != null && (!selectedIndex || i >= selectedIndex))
|
|
39
|
-
renderComponent = emptyComponent;
|
|
40
|
-
var scaleInitial = size === 'large' ? 1.5 : size === 'small' ? 0.7 : 1;
|
|
41
|
-
var scaleValue = scaled ? (i * 0.15 + 0.5) * scaleInitial : scaleInitial;
|
|
42
|
-
return (react_1["default"].createElement(Tooltip_1["default"], { arrow: true, key: i, placement: "top", title: labels && labels[i] ? labels[i] : '' },
|
|
43
|
-
react_1["default"].createElement("span", { style: {
|
|
44
|
-
display: 'block',
|
|
45
|
-
marginRight: iconSpacing || 1 + (scaled ? i * 5 : 10) + "px"
|
|
46
|
-
} },
|
|
47
|
-
react_1["default"].createElement("div", { style: {
|
|
48
|
-
display: 'flex',
|
|
49
|
-
flexDirection: 'column',
|
|
50
|
-
transform: "scale(" + scaleValue + ")",
|
|
51
|
-
position: 'relative',
|
|
52
|
-
top: scaled ? 10 - i * 2.5 + "px" : 0
|
|
53
|
-
} }, react_1["default"].cloneElement(renderComponent, {
|
|
54
|
-
style: { cursor: 'pointer' },
|
|
55
|
-
color: typeof selectedIndex === 'undefined' || i > selectedIndex
|
|
56
|
-
? inactiveColor
|
|
57
|
-
: activeColor,
|
|
58
|
-
fill: typeof selectedIndex === 'undefined' || i > selectedIndex
|
|
59
|
-
? inactiveColor
|
|
60
|
-
: activeColor,
|
|
61
|
-
customColor: typeof selectedIndex === 'undefined' || i > selectedIndex
|
|
62
|
-
? inactiveColor
|
|
63
|
-
: activeColor,
|
|
64
|
-
htmlColor: typeof selectedIndex === 'undefined' || i > selectedIndex
|
|
65
|
-
? inactiveColor
|
|
66
|
-
: activeColor,
|
|
67
|
-
onClick: function () { return onIconClick && onIconClick(i); }
|
|
68
|
-
})),
|
|
69
|
-
labeled ? (react_1["default"].createElement(__1.SmallText, { className: classes.houseDescription }, labels && labels[i] ? labels[i] : '')) : null)));
|
|
70
|
-
});
|
|
71
|
-
};
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.Rating = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var styles_1 = require("@material-ui/core/styles");
|
|
6
|
+
var Tooltip_1 = tslib_1.__importDefault(require("@material-ui/core/Tooltip"));
|
|
7
|
+
var Rating_1 = tslib_1.__importDefault(require("@material-ui/lab/Rating"));
|
|
8
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
9
|
+
var __1 = require("..");
|
|
10
|
+
var useStyles = __1.makeStyles(function (theme) {
|
|
11
|
+
return __1.createStyles({
|
|
12
|
+
ratingContainer: {
|
|
13
|
+
alignItems: 'flex-end'
|
|
14
|
+
},
|
|
15
|
+
houseDescription: {
|
|
16
|
+
margin: '0 auto',
|
|
17
|
+
display: 'table',
|
|
18
|
+
color: "" + theme.palette.common.black,
|
|
19
|
+
textAlign: 'center'
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
});
|
|
23
|
+
function Rating(props) {
|
|
24
|
+
var theme = styles_1.useTheme();
|
|
25
|
+
var scaled = props.scaled, selectedIndex = props.selectedIndex, _a = props.inactiveColor, inactiveColor = _a === void 0 ? theme.palette.action.disabled : _a, _b = props.activeColor, activeColor = _b === void 0 ? theme.palette.primary.main : _b, component = props.component, emptyComponent = props.emptyComponent, onIconClick = props.onIconClick, labeled = props.labeled, labels = props.labels, iconSpacing = props.iconSpacing, iconTooltipLabels = props.iconTooltipLabels, _c = props.size, size = _c === void 0 ? 'medium' : _c, max = props.max, rest = tslib_1.__rest(props, ["scaled", "selectedIndex", "inactiveColor", "activeColor", "component", "emptyComponent", "onIconClick", "labeled", "labels", "iconSpacing", "iconTooltipLabels", "size", "max"]);
|
|
26
|
+
var classes = useStyles();
|
|
27
|
+
var icons = getIcons(max, component, size, emptyComponent, selectedIndex, scaled, labels, inactiveColor, activeColor, onIconClick, labeled, classes, iconSpacing) || [];
|
|
28
|
+
var IconContainer = function (props) {
|
|
29
|
+
var value = props.value;
|
|
30
|
+
return react_1["default"].createElement("span", null, icons[value - 1]);
|
|
31
|
+
};
|
|
32
|
+
return (react_1["default"].createElement(Rating_1["default"], tslib_1.__assign({}, rest, { IconContainerComponent: IconContainer, className: classes.ratingContainer, max: max })));
|
|
33
|
+
}
|
|
34
|
+
exports.Rating = Rating;
|
|
35
|
+
var getIcons = function (max, component, size, emptyComponent, selectedIndex, scaled, labels, inactiveColor, activeColor, onIconClick, labeled, classes, iconSpacing) {
|
|
36
|
+
return Array.from({ length: max }).map(function (_v, i) {
|
|
37
|
+
var renderComponent = component;
|
|
38
|
+
if (emptyComponent != null && (!selectedIndex || i >= selectedIndex))
|
|
39
|
+
renderComponent = emptyComponent;
|
|
40
|
+
var scaleInitial = size === 'large' ? 1.5 : size === 'small' ? 0.7 : 1;
|
|
41
|
+
var scaleValue = scaled ? (i * 0.15 + 0.5) * scaleInitial : scaleInitial;
|
|
42
|
+
return (react_1["default"].createElement(Tooltip_1["default"], { arrow: true, key: i, placement: "top", title: labels && labels[i] ? labels[i] : '' },
|
|
43
|
+
react_1["default"].createElement("span", { style: {
|
|
44
|
+
display: 'block',
|
|
45
|
+
marginRight: iconSpacing || 1 + (scaled ? i * 5 : 10) + "px"
|
|
46
|
+
} },
|
|
47
|
+
react_1["default"].createElement("div", { style: {
|
|
48
|
+
display: 'flex',
|
|
49
|
+
flexDirection: 'column',
|
|
50
|
+
transform: "scale(" + scaleValue + ")",
|
|
51
|
+
position: 'relative',
|
|
52
|
+
top: scaled ? 10 - i * 2.5 + "px" : 0
|
|
53
|
+
} }, react_1["default"].cloneElement(renderComponent, {
|
|
54
|
+
style: { cursor: 'pointer' },
|
|
55
|
+
color: typeof selectedIndex === 'undefined' || i > selectedIndex
|
|
56
|
+
? inactiveColor
|
|
57
|
+
: activeColor,
|
|
58
|
+
fill: typeof selectedIndex === 'undefined' || i > selectedIndex
|
|
59
|
+
? inactiveColor
|
|
60
|
+
: activeColor,
|
|
61
|
+
customColor: typeof selectedIndex === 'undefined' || i > selectedIndex
|
|
62
|
+
? inactiveColor
|
|
63
|
+
: activeColor,
|
|
64
|
+
htmlColor: typeof selectedIndex === 'undefined' || i > selectedIndex
|
|
65
|
+
? inactiveColor
|
|
66
|
+
: activeColor,
|
|
67
|
+
onClick: function () { return onIconClick && onIconClick(i); }
|
|
68
|
+
})),
|
|
69
|
+
labeled ? (react_1["default"].createElement(__1.SmallText, { className: classes.houseDescription }, labels && labels[i] ? labels[i] : '')) : null)));
|
|
70
|
+
});
|
|
71
|
+
};
|
|
72
72
|
//# sourceMappingURL=Rating.js.map
|
package/dist/Rating/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './Rating';
|
|
2
|
-
export * from './types';
|
|
1
|
+
export * from './Rating';
|
|
2
|
+
export * from './types';
|
package/dist/Rating/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.__esModule = true;
|
|
3
|
-
var tslib_1 = require("tslib");
|
|
4
|
-
tslib_1.__exportStar(require("./Rating"), exports);
|
|
5
|
-
tslib_1.__exportStar(require("./types"), exports);
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
tslib_1.__exportStar(require("./Rating"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./types"), exports);
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
package/dist/Rating/types.d.ts
CHANGED
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare type RatingProps = {
|
|
3
|
-
/**
|
|
4
|
-
* If `true`, icons show up as scaled with the apropriate labels
|
|
5
|
-
*/
|
|
6
|
-
scaled?: boolean;
|
|
7
|
-
/**
|
|
8
|
-
* Labels that can be rendered under the icons
|
|
9
|
-
*/
|
|
10
|
-
labels?: Array<string>;
|
|
11
|
-
/**
|
|
12
|
-
* do the icons have labels or not
|
|
13
|
-
*/
|
|
14
|
-
labeled?: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* the value of the selected icon
|
|
17
|
-
*/
|
|
18
|
-
selectedIndex?: number;
|
|
19
|
-
/**
|
|
20
|
-
* color code of the inactive icon
|
|
21
|
-
*/
|
|
22
|
-
inactiveColor?: 'primary' | 'secondary' | 'disabled' | string;
|
|
23
|
-
/**
|
|
24
|
-
* color code of the active icon
|
|
25
|
-
*/
|
|
26
|
-
activeColor?: 'primary' | 'secondary' | 'disabled' | string;
|
|
27
|
-
/**
|
|
28
|
-
* the icon that is rendered as he individual ratings
|
|
29
|
-
*/
|
|
30
|
-
component: React.ReactElement;
|
|
31
|
-
/**
|
|
32
|
-
* the emtpy icon that is rendered as he individual ratings
|
|
33
|
-
*/
|
|
34
|
-
emptyComponent?: React.ReactElement;
|
|
35
|
-
/**
|
|
36
|
-
* onclick handler for the icons
|
|
37
|
-
*/
|
|
38
|
-
onIconClick: (index: number) => void;
|
|
39
|
-
/**
|
|
40
|
-
* number of icons in the rating component
|
|
41
|
-
*/
|
|
42
|
-
max: number;
|
|
43
|
-
/**
|
|
44
|
-
* the space among icons
|
|
45
|
-
*/
|
|
46
|
-
iconSpacing?: string;
|
|
47
|
-
iconTooltipLabels?: string[];
|
|
48
|
-
size?: 'medium' | 'large' | 'small';
|
|
49
|
-
};
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare type RatingProps = {
|
|
3
|
+
/**
|
|
4
|
+
* If `true`, icons show up as scaled with the apropriate labels
|
|
5
|
+
*/
|
|
6
|
+
scaled?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* Labels that can be rendered under the icons
|
|
9
|
+
*/
|
|
10
|
+
labels?: Array<string>;
|
|
11
|
+
/**
|
|
12
|
+
* do the icons have labels or not
|
|
13
|
+
*/
|
|
14
|
+
labeled?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* the value of the selected icon
|
|
17
|
+
*/
|
|
18
|
+
selectedIndex?: number;
|
|
19
|
+
/**
|
|
20
|
+
* color code of the inactive icon
|
|
21
|
+
*/
|
|
22
|
+
inactiveColor?: 'primary' | 'secondary' | 'disabled' | string;
|
|
23
|
+
/**
|
|
24
|
+
* color code of the active icon
|
|
25
|
+
*/
|
|
26
|
+
activeColor?: 'primary' | 'secondary' | 'disabled' | string;
|
|
27
|
+
/**
|
|
28
|
+
* the icon that is rendered as he individual ratings
|
|
29
|
+
*/
|
|
30
|
+
component: React.ReactElement;
|
|
31
|
+
/**
|
|
32
|
+
* the emtpy icon that is rendered as he individual ratings
|
|
33
|
+
*/
|
|
34
|
+
emptyComponent?: React.ReactElement;
|
|
35
|
+
/**
|
|
36
|
+
* onclick handler for the icons
|
|
37
|
+
*/
|
|
38
|
+
onIconClick: (index: number) => void;
|
|
39
|
+
/**
|
|
40
|
+
* number of icons in the rating component
|
|
41
|
+
*/
|
|
42
|
+
max: number;
|
|
43
|
+
/**
|
|
44
|
+
* the space among icons
|
|
45
|
+
*/
|
|
46
|
+
iconSpacing?: string;
|
|
47
|
+
iconTooltipLabels?: string[];
|
|
48
|
+
size?: 'medium' | 'large' | 'small';
|
|
49
|
+
};
|
package/dist/Rating/types.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.__esModule = true;
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
3
|
//# sourceMappingURL=types.js.map
|
package/dist/Select/Select.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { SelectProps } from './types';
|
|
3
|
-
export declare function Select(props: SelectProps): JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { SelectProps } from './types';
|
|
3
|
+
export declare function Select(props: SelectProps): JSX.Element;
|
package/dist/Select/Select.js
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.__esModule = true;
|
|
3
|
-
exports.Select = void 0;
|
|
4
|
-
var tslib_1 = require("tslib");
|
|
5
|
-
var core_1 = require("@material-ui/core");
|
|
6
|
-
var ExpandMore_1 = tslib_1.__importDefault(require("@material-ui/icons/ExpandMore"));
|
|
7
|
-
var react_1 = tslib_1.__importDefault(require("react"));
|
|
8
|
-
var __1 = require("../");
|
|
9
|
-
var styles_1 = require("../TextField/styles");
|
|
10
|
-
var useStyles = core_1.makeStyles(function (theme) {
|
|
11
|
-
return core_1.createStyles({
|
|
12
|
-
placeholderColor: {
|
|
13
|
-
color: theme.palette.text.secondary
|
|
14
|
-
},
|
|
15
|
-
selectFocus: {
|
|
16
|
-
'& :focus': {
|
|
17
|
-
background: 'inherit'
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
});
|
|
22
|
-
function Select(props) {
|
|
23
|
-
var classes = useStyles(props);
|
|
24
|
-
var root = styles_1.useTextFieldStyles({
|
|
25
|
-
customBackgroundColor: props.customBackgroundColor
|
|
26
|
-
}).root;
|
|
27
|
-
var _a = props.id, id = _a === void 0 ? 'no-id' : _a, children = props.children, disabled = props.disabled, error = props.error, _b = props.fullWidth, fullWidth = _b === void 0 ? false : _b, label = props.label, onChange = props.onChange, placeholder = props.placeholder, _c = props.required, required = _c === void 0 ? false : _c, _d = props.value, value = _d === void 0 ? '' : _d, containerStyle = props.containerStyle, _e = props.IconComponent, IconComponent = _e === void 0 ? ExpandMore_1["default"] : _e, _f = props.variant, variant = _f === void 0 ? 'filled' : _f, _g = props.size, size = _g === void 0 ? 'medium' : _g, rest = tslib_1.__rest(props, ["id", "children", "disabled", "error", "fullWidth", "label", "onChange", "placeholder", "required", "value", "containerStyle", "IconComponent", "variant", "size"]);
|
|
28
|
-
var htmlId = id.replace(/^#\/properties\//, '');
|
|
29
|
-
return (react_1["default"].createElement(__1.FormControl, { disabled: disabled, error: !!error, fullWidth: fullWidth, size: size, style: containerStyle, variant: variant },
|
|
30
|
-
react_1["default"].createElement(core_1.InputLabel, { shrink: true }, label),
|
|
31
|
-
react_1["default"].createElement(core_1.Select, tslib_1.__assign({ id: "select-" + htmlId, name: htmlId }, rest, { IconComponent: IconComponent, className: !value
|
|
32
|
-
? root + " " + classes.placeholderColor + " " + classes.selectFocus
|
|
33
|
-
: root + " " + classes.selectFocus, displayEmpty: true, onChange: onChange, renderValue: value !== '' || placeholder === ''
|
|
34
|
-
? undefined
|
|
35
|
-
: function () { return react_1["default"].createElement("div", { "aria-label": "None" }, placeholder); }, value: value }), children),
|
|
36
|
-
react_1["default"].createElement(__1.FormHelperText, null, error)));
|
|
37
|
-
}
|
|
38
|
-
exports.Select = Select;
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.Select = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var core_1 = require("@material-ui/core");
|
|
6
|
+
var ExpandMore_1 = tslib_1.__importDefault(require("@material-ui/icons/ExpandMore"));
|
|
7
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
8
|
+
var __1 = require("../");
|
|
9
|
+
var styles_1 = require("../TextField/styles");
|
|
10
|
+
var useStyles = core_1.makeStyles(function (theme) {
|
|
11
|
+
return core_1.createStyles({
|
|
12
|
+
placeholderColor: {
|
|
13
|
+
color: theme.palette.text.secondary
|
|
14
|
+
},
|
|
15
|
+
selectFocus: {
|
|
16
|
+
'& :focus': {
|
|
17
|
+
background: 'inherit'
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
});
|
|
22
|
+
function Select(props) {
|
|
23
|
+
var classes = useStyles(props);
|
|
24
|
+
var root = styles_1.useTextFieldStyles({
|
|
25
|
+
customBackgroundColor: props.customBackgroundColor
|
|
26
|
+
}).root;
|
|
27
|
+
var _a = props.id, id = _a === void 0 ? 'no-id' : _a, children = props.children, disabled = props.disabled, error = props.error, _b = props.fullWidth, fullWidth = _b === void 0 ? false : _b, label = props.label, onChange = props.onChange, placeholder = props.placeholder, _c = props.required, required = _c === void 0 ? false : _c, _d = props.value, value = _d === void 0 ? '' : _d, containerStyle = props.containerStyle, _e = props.IconComponent, IconComponent = _e === void 0 ? ExpandMore_1["default"] : _e, _f = props.variant, variant = _f === void 0 ? 'filled' : _f, _g = props.size, size = _g === void 0 ? 'medium' : _g, rest = tslib_1.__rest(props, ["id", "children", "disabled", "error", "fullWidth", "label", "onChange", "placeholder", "required", "value", "containerStyle", "IconComponent", "variant", "size"]);
|
|
28
|
+
var htmlId = id.replace(/^#\/properties\//, '');
|
|
29
|
+
return (react_1["default"].createElement(__1.FormControl, { disabled: disabled, error: !!error, fullWidth: fullWidth, size: size, style: containerStyle, variant: variant },
|
|
30
|
+
react_1["default"].createElement(core_1.InputLabel, { shrink: true }, label),
|
|
31
|
+
react_1["default"].createElement(core_1.Select, tslib_1.__assign({ id: "select-" + htmlId, name: htmlId }, rest, { IconComponent: IconComponent, className: !value
|
|
32
|
+
? root + " " + classes.placeholderColor + " " + classes.selectFocus
|
|
33
|
+
: root + " " + classes.selectFocus, displayEmpty: true, onChange: onChange, renderValue: value !== '' || placeholder === ''
|
|
34
|
+
? undefined
|
|
35
|
+
: function () { return react_1["default"].createElement("div", { "aria-label": "None" }, placeholder); }, value: value }), children),
|
|
36
|
+
react_1["default"].createElement(__1.FormHelperText, null, error)));
|
|
37
|
+
}
|
|
38
|
+
exports.Select = Select;
|
|
39
39
|
//# sourceMappingURL=Select.js.map
|
package/dist/Select/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Select } from './Select';
|
|
2
|
-
export * from './types';
|
|
1
|
+
export { Select } from './Select';
|
|
2
|
+
export * from './types';
|
package/dist/Select/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.__esModule = true;
|
|
3
|
-
exports.Select = void 0;
|
|
4
|
-
var tslib_1 = require("tslib");
|
|
5
|
-
var Select_1 = require("./Select");
|
|
6
|
-
tslib_1.__createBinding(exports, Select_1, "Select");
|
|
7
|
-
tslib_1.__exportStar(require("./types"), exports);
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.Select = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var Select_1 = require("./Select");
|
|
6
|
+
tslib_1.__createBinding(exports, Select_1, "Select");
|
|
7
|
+
tslib_1.__exportStar(require("./types"), exports);
|
|
8
8
|
//# sourceMappingURL=index.js.map
|
package/dist/Select/types.d.ts
CHANGED
|
@@ -1,76 +1,76 @@
|
|
|
1
|
-
import { SelectProps as MuiSelectProps, FormControlProps as MuiFormControlProps } from '@material-ui/core';
|
|
2
|
-
import { SelectInputProps } from '@material-ui/core/Select/SelectInput';
|
|
3
|
-
import { CSSProperties } from 'react';
|
|
4
|
-
export interface SelectProps extends Omit<MuiSelectProps, 'error'> {
|
|
5
|
-
/**
|
|
6
|
-
* The content of the select.
|
|
7
|
-
*/
|
|
8
|
-
children?: React.ReactNode;
|
|
9
|
-
/**
|
|
10
|
-
* If `true`, the select will be disabled.
|
|
11
|
-
*/
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* The id of the select.
|
|
15
|
-
*/
|
|
16
|
-
id?: string;
|
|
17
|
-
/**
|
|
18
|
-
* The text to be used as an error message.
|
|
19
|
-
* If set, the select style changes to error sftatus.
|
|
20
|
-
*/
|
|
21
|
-
error?: string;
|
|
22
|
-
/**
|
|
23
|
-
* If `true`, the input will take up the full width of its container.
|
|
24
|
-
*/
|
|
25
|
-
fullWidth?: boolean;
|
|
26
|
-
/**
|
|
27
|
-
* The text to be used in an enclosing label element.
|
|
28
|
-
* It works as a placeholder when the select is empty.
|
|
29
|
-
*/
|
|
30
|
-
label?: string;
|
|
31
|
-
/**
|
|
32
|
-
* The variant to use
|
|
33
|
-
*/
|
|
34
|
-
variant?: 'standard' | 'outlined' | 'filled';
|
|
35
|
-
/**
|
|
36
|
-
* Callback function fired when a menu item is selected.
|
|
37
|
-
* If not set, selected value will be assigned to the select.
|
|
38
|
-
*
|
|
39
|
-
* @param {object} event The event source of the callback.
|
|
40
|
-
* You can pull out the new value by accessing `event.target.value` (string).
|
|
41
|
-
* @document
|
|
42
|
-
*/
|
|
43
|
-
onChange?: SelectInputProps['onChange'];
|
|
44
|
-
/**
|
|
45
|
-
* The short hint displayed in the select before the user selects a value.
|
|
46
|
-
*/
|
|
47
|
-
placeholder?: string;
|
|
48
|
-
/**
|
|
49
|
-
* If `true`, the `input` element will be required.
|
|
50
|
-
*/
|
|
51
|
-
required?: boolean;
|
|
52
|
-
/**
|
|
53
|
-
* The selected value of the component.
|
|
54
|
-
*/
|
|
55
|
-
value?: unknown;
|
|
56
|
-
/**
|
|
57
|
-
* FormControl style which wraps the select
|
|
58
|
-
*/
|
|
59
|
-
containerStyle?: CSSProperties;
|
|
60
|
-
/**
|
|
61
|
-
* elements style
|
|
62
|
-
*/
|
|
63
|
-
style?: CSSProperties;
|
|
64
|
-
/**
|
|
65
|
-
* The icon that displays the arrow.
|
|
66
|
-
*/
|
|
67
|
-
IconComponent?: React.ElementType;
|
|
68
|
-
/**
|
|
69
|
-
* size of the select
|
|
70
|
-
*/
|
|
71
|
-
size?: MuiFormControlProps['size'];
|
|
72
|
-
/**
|
|
73
|
-
* non MUI prop to allow overwriting the default background color
|
|
74
|
-
*/
|
|
75
|
-
customBackgroundColor?: string;
|
|
76
|
-
}
|
|
1
|
+
import { SelectProps as MuiSelectProps, FormControlProps as MuiFormControlProps } from '@material-ui/core';
|
|
2
|
+
import { SelectInputProps } from '@material-ui/core/Select/SelectInput';
|
|
3
|
+
import { CSSProperties } from 'react';
|
|
4
|
+
export interface SelectProps extends Omit<MuiSelectProps, 'error'> {
|
|
5
|
+
/**
|
|
6
|
+
* The content of the select.
|
|
7
|
+
*/
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
/**
|
|
10
|
+
* If `true`, the select will be disabled.
|
|
11
|
+
*/
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* The id of the select.
|
|
15
|
+
*/
|
|
16
|
+
id?: string;
|
|
17
|
+
/**
|
|
18
|
+
* The text to be used as an error message.
|
|
19
|
+
* If set, the select style changes to error sftatus.
|
|
20
|
+
*/
|
|
21
|
+
error?: string;
|
|
22
|
+
/**
|
|
23
|
+
* If `true`, the input will take up the full width of its container.
|
|
24
|
+
*/
|
|
25
|
+
fullWidth?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* The text to be used in an enclosing label element.
|
|
28
|
+
* It works as a placeholder when the select is empty.
|
|
29
|
+
*/
|
|
30
|
+
label?: string;
|
|
31
|
+
/**
|
|
32
|
+
* The variant to use
|
|
33
|
+
*/
|
|
34
|
+
variant?: 'standard' | 'outlined' | 'filled';
|
|
35
|
+
/**
|
|
36
|
+
* Callback function fired when a menu item is selected.
|
|
37
|
+
* If not set, selected value will be assigned to the select.
|
|
38
|
+
*
|
|
39
|
+
* @param {object} event The event source of the callback.
|
|
40
|
+
* You can pull out the new value by accessing `event.target.value` (string).
|
|
41
|
+
* @document
|
|
42
|
+
*/
|
|
43
|
+
onChange?: SelectInputProps['onChange'];
|
|
44
|
+
/**
|
|
45
|
+
* The short hint displayed in the select before the user selects a value.
|
|
46
|
+
*/
|
|
47
|
+
placeholder?: string;
|
|
48
|
+
/**
|
|
49
|
+
* If `true`, the `input` element will be required.
|
|
50
|
+
*/
|
|
51
|
+
required?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* The selected value of the component.
|
|
54
|
+
*/
|
|
55
|
+
value?: unknown;
|
|
56
|
+
/**
|
|
57
|
+
* FormControl style which wraps the select
|
|
58
|
+
*/
|
|
59
|
+
containerStyle?: CSSProperties;
|
|
60
|
+
/**
|
|
61
|
+
* elements style
|
|
62
|
+
*/
|
|
63
|
+
style?: CSSProperties;
|
|
64
|
+
/**
|
|
65
|
+
* The icon that displays the arrow.
|
|
66
|
+
*/
|
|
67
|
+
IconComponent?: React.ElementType;
|
|
68
|
+
/**
|
|
69
|
+
* size of the select
|
|
70
|
+
*/
|
|
71
|
+
size?: MuiFormControlProps['size'];
|
|
72
|
+
/**
|
|
73
|
+
* non MUI prop to allow overwriting the default background color
|
|
74
|
+
*/
|
|
75
|
+
customBackgroundColor?: string;
|
|
76
|
+
}
|
package/dist/Select/types.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.__esModule = true;
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
3
|
//# sourceMappingURL=types.js.map
|
package/dist/Slide/Slide.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { SlideProps } from './types';
|
|
3
|
-
export declare function Slide(props: SlideProps): JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { SlideProps } from './types';
|
|
3
|
+
export declare function Slide(props: SlideProps): JSX.Element;
|
package/dist/Slide/Slide.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.__esModule = true;
|
|
3
|
-
exports.Slide = void 0;
|
|
4
|
-
var tslib_1 = require("tslib");
|
|
5
|
-
var Slide_1 = tslib_1.__importDefault(require("@material-ui/core/Slide"));
|
|
6
|
-
var react_1 = tslib_1.__importDefault(require("react"));
|
|
7
|
-
function Slide(props) {
|
|
8
|
-
var children = props.children, rest = tslib_1.__rest(props, ["children"]);
|
|
9
|
-
return react_1["default"].createElement(Slide_1["default"], tslib_1.__assign({}, rest), children);
|
|
10
|
-
}
|
|
11
|
-
exports.Slide = Slide;
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.Slide = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var Slide_1 = tslib_1.__importDefault(require("@material-ui/core/Slide"));
|
|
6
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
7
|
+
function Slide(props) {
|
|
8
|
+
var children = props.children, rest = tslib_1.__rest(props, ["children"]);
|
|
9
|
+
return react_1["default"].createElement(Slide_1["default"], tslib_1.__assign({}, rest), children);
|
|
10
|
+
}
|
|
11
|
+
exports.Slide = Slide;
|
|
12
12
|
//# sourceMappingURL=Slide.js.map
|
package/dist/Slide/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Slide } from './Slide';
|
|
2
|
-
export * from './types';
|
|
1
|
+
export { Slide } from './Slide';
|
|
2
|
+
export * from './types';
|
package/dist/Slide/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.__esModule = true;
|
|
3
|
-
exports.Slide = void 0;
|
|
4
|
-
var tslib_1 = require("tslib");
|
|
5
|
-
var Slide_1 = require("./Slide");
|
|
6
|
-
tslib_1.__createBinding(exports, Slide_1, "Slide");
|
|
7
|
-
tslib_1.__exportStar(require("./types"), exports);
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.Slide = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var Slide_1 = require("./Slide");
|
|
6
|
+
tslib_1.__createBinding(exports, Slide_1, "Slide");
|
|
7
|
+
tslib_1.__exportStar(require("./types"), exports);
|
|
8
8
|
//# sourceMappingURL=index.js.map
|
package/dist/Slide/types.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { SlideProps as MuiSlideProps } from '@material-ui/core';
|
|
2
|
-
export declare type SlideProps = Omit<MuiSlideProps, 'error'>;
|
|
1
|
+
import { SlideProps as MuiSlideProps } from '@material-ui/core';
|
|
2
|
+
export declare type SlideProps = Omit<MuiSlideProps, 'error'>;
|
package/dist/Slide/types.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.__esModule = true;
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
3
|
//# sourceMappingURL=types.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { SnackbarProps } from './types';
|
|
3
|
-
export declare function Snackbar(props: SnackbarProps): JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { SnackbarProps } from './types';
|
|
3
|
+
export declare function Snackbar(props: SnackbarProps): JSX.Element;
|