@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.
@@ -1,4 +1,4 @@
1
- /** @license HiPay-Material-UI v2.0.0-beta.51
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$Component) {
66094
- inherits(HiCheckbox, _React$Component);
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.Component);
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 (key) {
80486
+ }, Object.keys(columns).map(function (column) {
80475
80487
  return React__default.createElement(HiCellBuilder, {
80476
- key: columns[key].colId,
80477
- column: columns[key],
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$Component) {
98092
- inherits(HiSelectableListItem, _React$Component);
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 ? ListSubheader$2 : ListItem$2;
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.Component);
98280
+ }(React__default.PureComponent);
98266
98281
 
98267
98282
  HiSelectableListItem.defaultProps = {
98268
98283
  centered: false,