@hipay/hipay-material-ui 2.0.0-beta.51 → 2.0.0-beta.52
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/HiCheckbox/HiCheckbox.js +3 -3
- package/HiColoredLabel/HiColoredLabel.js +3 -2
- package/HiSelectNew/HiNestedSelectContent.js +13 -75
- package/HiSelectableList/HiSelectableListItem.js +9 -4
- package/HiTable/HiTableRow.js +11 -4
- package/es/HiCheckbox/HiCheckbox.js +1 -1
- package/es/HiColoredLabel/HiColoredLabel.js +3 -2
- package/es/HiSelectNew/HiNestedSelectContent.js +5 -64
- package/es/HiSelectableList/HiSelectableListItem.js +5 -2
- package/es/HiTable/HiTableRow.js +10 -4
- package/es/styles/createPalette.js +9 -1
- package/index.es.js +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
- package/styles/createPalette.js +10 -1
- package/umd/hipay-material-ui.development.js +30 -15
- package/umd/hipay-material-ui.production.min.js +2 -2
@@ -1,4 +1,4 @@
|
|
1
|
-
/** @license HiPay-Material-UI v2.0.0-beta.
|
1
|
+
/** @license HiPay-Material-UI v2.0.0-beta.52
|
2
2
|
*
|
3
3
|
* This source code is licensed under the MIT license found in the
|
4
4
|
* LICENSE file in the root directory of this source tree.
|
@@ -1086,6 +1086,7 @@
|
|
1086
1086
|
} : _palette$positive,
|
1087
1087
|
_palette$negative = palette.negative,
|
1088
1088
|
negative = _palette$negative === void 0 ? {
|
1089
|
+
ultraLight: '#EA9494',
|
1089
1090
|
light: '#E66666',
|
1090
1091
|
main: '#D50000',
|
1091
1092
|
dark: '#A00000',
|
@@ -1100,6 +1101,7 @@
|
|
1100
1101
|
} : _palette$middle,
|
1101
1102
|
_palette$neutral = palette.neutral,
|
1102
1103
|
neutral = _palette$neutral === void 0 ? {
|
1104
|
+
ultraLight: '#8B8B8B',
|
1103
1105
|
light: '#838383',
|
1104
1106
|
main: '#737373',
|
1105
1107
|
dark: '#20272B',
|
@@ -1111,6 +1113,11 @@
|
|
1111
1113
|
main: red[500],
|
1112
1114
|
dark: red[700]
|
1113
1115
|
} : _palette$error,
|
1116
|
+
_palette$lookup = palette.lookup,
|
1117
|
+
lookup = _palette$lookup === void 0 ? {
|
1118
|
+
light: '#FFFF8D',
|
1119
|
+
main: '#EDED14'
|
1120
|
+
} : _palette$lookup,
|
1114
1121
|
_palette$type = palette.type,
|
1115
1122
|
type = _palette$type === void 0 ? 'light' : _palette$type,
|
1116
1123
|
_palette$contrastThre = palette.contrastThreshold,
|
@@ -1119,7 +1126,7 @@
|
|
1119
1126
|
tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset,
|
1120
1127
|
_palette$context = palette.context,
|
1121
1128
|
context = _palette$context === void 0 ? 'local' : _palette$context,
|
1122
|
-
other = objectWithoutProperties(palette, ["primary", "secondary", "positive", "negative", "middle", "neutral", "error", "type", "contrastThreshold", "tonalOffset", "context"]);
|
1129
|
+
other = objectWithoutProperties(palette, ["primary", "secondary", "positive", "negative", "middle", "neutral", "error", "lookup", "type", "contrastThreshold", "tonalOffset", "context"]);
|
1123
1130
|
|
1124
1131
|
function getContrastText(background) {
|
1125
1132
|
// Use the same logic as
|
@@ -1188,6 +1195,8 @@
|
|
1188
1195
|
neutral: neutral,
|
1189
1196
|
// The colors used to represent interface elements that the user should be made aware of.
|
1190
1197
|
error: error,
|
1198
|
+
// The colors used to represent form elements that have lookup state.
|
1199
|
+
lookup: lookup,
|
1191
1200
|
// The grey colors.
|
1192
1201
|
grey: grey,
|
1193
1202
|
// Used by `getContrastText()` to maximize the contrast between the background and
|
@@ -66090,8 +66099,8 @@
|
|
66090
66099
|
|
66091
66100
|
var HiCheckbox =
|
66092
66101
|
/*#__PURE__*/
|
66093
|
-
function (_React$
|
66094
|
-
inherits(HiCheckbox, _React$
|
66102
|
+
function (_React$PureComponent) {
|
66103
|
+
inherits(HiCheckbox, _React$PureComponent);
|
66095
66104
|
|
66096
66105
|
function HiCheckbox(props) {
|
66097
66106
|
var _this;
|
@@ -66178,7 +66187,7 @@
|
|
66178
66187
|
}]);
|
66179
66188
|
|
66180
66189
|
return HiCheckbox;
|
66181
|
-
}(React__default.
|
66190
|
+
}(React__default.PureComponent);
|
66182
66191
|
|
66183
66192
|
HiCheckbox.defaultProps = {
|
66184
66193
|
checked: false,
|
@@ -80415,6 +80424,9 @@
|
|
80415
80424
|
'&:hover, &:focus': {
|
80416
80425
|
backgroundColor: "".concat(theme.palette.action.hover, " !important")
|
80417
80426
|
}
|
80427
|
+
},
|
80428
|
+
clicableRow: {
|
80429
|
+
cursor: 'pointer'
|
80418
80430
|
}
|
80419
80431
|
};
|
80420
80432
|
};
|
@@ -80454,7 +80466,7 @@
|
|
80454
80466
|
locale = _this$props.locale,
|
80455
80467
|
rowdata = _this$props.rowdata;
|
80456
80468
|
return React__default.createElement(TableRow$4, {
|
80457
|
-
className: classes.row,
|
80469
|
+
className: classnames(classes.row, defineProperty({}, classes.clicableRow, this.props.onClick)),
|
80458
80470
|
hover: true,
|
80459
80471
|
onClick: function onClick(event) {
|
80460
80472
|
return _this2.handleClick(event, rowdata);
|
@@ -80471,10 +80483,10 @@
|
|
80471
80483
|
height: dense ? CELL_HEIGHT_DENSE : CELL_HEIGHT
|
80472
80484
|
},
|
80473
80485
|
tabIndex: 0
|
80474
|
-
}, Object.keys(columns).map(function (
|
80486
|
+
}, Object.keys(columns).map(function (column) {
|
80475
80487
|
return React__default.createElement(HiCellBuilder, {
|
80476
|
-
key: columns[
|
80477
|
-
column: columns[
|
80488
|
+
key: columns[column].colId,
|
80489
|
+
column: columns[column],
|
80478
80490
|
data: rowdata,
|
80479
80491
|
locale: locale
|
80480
80492
|
});
|
@@ -94066,14 +94078,15 @@
|
|
94066
94078
|
color = props.color,
|
94067
94079
|
active = props.active,
|
94068
94080
|
fontWeight = props.fontWeight,
|
94081
|
+
style = props.style,
|
94069
94082
|
theme = props.theme,
|
94070
|
-
other = objectWithoutProperties(props, ["classes", "className", "label", "color", "active", "fontWeight", "theme"]);
|
94083
|
+
other = objectWithoutProperties(props, ["classes", "className", "label", "color", "active", "fontWeight", "style", "theme"]);
|
94071
94084
|
|
94072
94085
|
var isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
|
94073
94086
|
var isHexColor = !isHiColor && /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(color);
|
94074
94087
|
return React__default.createElement("div", _extends_1({
|
94075
94088
|
className: classnames(classes.root, (_classNames = {}, defineProperty(_classNames, classes.color, !active), defineProperty(_classNames, classes.activeColor, active), defineProperty(_classNames, classes["activeColor".concat(capitalize(color))], active && isHiColor), defineProperty(_classNames, classes["color".concat(capitalize(color))], !active && isHiColor), _classNames), className),
|
94076
|
-
style: _extends_1({}, isHexColor && {
|
94089
|
+
style: _extends_1({}, style, isHexColor && {
|
94077
94090
|
backgroundColor: active ? color : fade(color, 0.08),
|
94078
94091
|
color: active ? theme.palette.getContrastText(color) : color
|
94079
94092
|
}, fontWeight && {
|
@@ -97966,6 +97979,8 @@
|
|
97966
97979
|
name: 'HmuiHiLoader'
|
97967
97980
|
})(HiLoader);
|
97968
97981
|
|
97982
|
+
var PureListSubheader = pure(ListSubheader$2);
|
97983
|
+
var PureListItem = pure(ListItem$2);
|
97969
97984
|
var styles$p = function styles(theme) {
|
97970
97985
|
return {
|
97971
97986
|
root: {
|
@@ -98088,8 +98103,8 @@
|
|
98088
98103
|
|
98089
98104
|
var HiSelectableListItem =
|
98090
98105
|
/*#__PURE__*/
|
98091
|
-
function (_React$
|
98092
|
-
inherits(HiSelectableListItem, _React$
|
98106
|
+
function (_React$PureComponent) {
|
98107
|
+
inherits(HiSelectableListItem, _React$PureComponent);
|
98093
98108
|
|
98094
98109
|
function HiSelectableListItem(props) {
|
98095
98110
|
var _this;
|
@@ -98207,7 +98222,7 @@
|
|
98207
98222
|
displayedIcon = icon;
|
98208
98223
|
}
|
98209
98224
|
|
98210
|
-
var ListItemComponentName = pinned ?
|
98225
|
+
var ListItemComponentName = pinned ? PureListSubheader : PureListItem;
|
98211
98226
|
return React__default.createElement(ListItemComponentName, _extends_1({
|
98212
98227
|
id: id,
|
98213
98228
|
tabIndex: disabled ? '-1' : 0,
|
@@ -98262,7 +98277,7 @@
|
|
98262
98277
|
}]);
|
98263
98278
|
|
98264
98279
|
return HiSelectableListItem;
|
98265
|
-
}(React__default.
|
98280
|
+
}(React__default.PureComponent);
|
98266
98281
|
|
98267
98282
|
HiSelectableListItem.defaultProps = {
|
98268
98283
|
centered: false,
|