@hipay/hipay-material-ui 2.0.0-beta.51 → 2.0.0-beta.52

package/umd/hipay-material-ui.development.js

@@ -1,4 +1,4 @@
-/** @license HiPay-Material-UI v2.0.0-beta.51
+/** @license HiPay-Material-UI v2.0.0-beta.52
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -1086,6 +1086,7 @@
               } : _palette$positive,
                   _palette$negative = palette.negative,
                   negative = _palette$negative === void 0 ? {
+                ultraLight: '#EA9494',
                 light: '#E66666',
                 main: '#D50000',
                 dark: '#A00000',
@@ -1100,6 +1101,7 @@
               } : _palette$middle,
                   _palette$neutral = palette.neutral,
                   neutral = _palette$neutral === void 0 ? {
+                ultraLight: '#8B8B8B',
                 light: '#838383',
                 main: '#737373',
                 dark: '#20272B',
@@ -1111,6 +1113,11 @@
                 main: red[500],
                 dark: red[700]
               } : _palette$error,
+                  _palette$lookup = palette.lookup,
+                  lookup = _palette$lookup === void 0 ? {
+                light: '#FFFF8D',
+                main: '#EDED14'
+              } : _palette$lookup,
                   _palette$type = palette.type,
                   type = _palette$type === void 0 ? 'light' : _palette$type,
                   _palette$contrastThre = palette.contrastThreshold,
@@ -1119,7 +1126,7 @@
                   tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset,
                   _palette$context = palette.context,
                   context = _palette$context === void 0 ? 'local' : _palette$context,
-                  other = objectWithoutProperties(palette, ["primary", "secondary", "positive", "negative", "middle", "neutral", "error", "type", "contrastThreshold", "tonalOffset", "context"]);
+                  other = objectWithoutProperties(palette, ["primary", "secondary", "positive", "negative", "middle", "neutral", "error", "lookup", "type", "contrastThreshold", "tonalOffset", "context"]);
 
               function getContrastText(background) {
                 // Use the same logic as
@@ -1188,6 +1195,8 @@
                 neutral: neutral,
                 // The colors used to represent interface elements that the user should be made aware of.
                 error: error,
+                // The colors used to represent form elements that have lookup state.
+                lookup: lookup,
                 // The grey colors.
                 grey: grey,
                 // Used by `getContrastText()` to maximize the contrast between the background and
@@ -66090,8 +66099,8 @@
 
             var HiCheckbox =
             /*#__PURE__*/
-            function (_React$Component) {
-              inherits(HiCheckbox, _React$Component);
+            function (_React$PureComponent) {
+              inherits(HiCheckbox, _React$PureComponent);
 
               function HiCheckbox(props) {
                 var _this;
@@ -66178,7 +66187,7 @@
               }]);
 
               return HiCheckbox;
-            }(React__default.Component);
+            }(React__default.PureComponent);
 
             HiCheckbox.defaultProps = {
               checked: false,
@@ -80415,6 +80424,9 @@
                   '&:hover, &:focus': {
                     backgroundColor: "".concat(theme.palette.action.hover, " !important")
                   }
+                },
+                clicableRow: {
+                  cursor: 'pointer'
                 }
               };
             };
@@ -80454,7 +80466,7 @@
                       locale = _this$props.locale,
                       rowdata = _this$props.rowdata;
                   return React__default.createElement(TableRow$4, {
-                    className: classes.row,
+                    className: classnames(classes.row, defineProperty({}, classes.clicableRow, this.props.onClick)),
                     hover: true,
                     onClick: function onClick(event) {
                       return _this2.handleClick(event, rowdata);
@@ -80471,10 +80483,10 @@
                       height: dense ? CELL_HEIGHT_DENSE : CELL_HEIGHT
                     },
                     tabIndex: 0
-                  }, Object.keys(columns).map(function (key) {
+                  }, Object.keys(columns).map(function (column) {
                     return React__default.createElement(HiCellBuilder, {
-                      key: columns[key].colId,
-                      column: columns[key],
+                      key: columns[column].colId,
+                      column: columns[column],
                       data: rowdata,
                       locale: locale
                     });
@@ -94066,14 +94078,15 @@
                   color = props.color,
                   active = props.active,
                   fontWeight = props.fontWeight,
+                  style = props.style,
                   theme = props.theme,
-                  other = objectWithoutProperties(props, ["classes", "className", "label", "color", "active", "fontWeight", "theme"]);
+                  other = objectWithoutProperties(props, ["classes", "className", "label", "color", "active", "fontWeight", "style", "theme"]);
 
               var isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
               var isHexColor = !isHiColor && /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(color);
               return React__default.createElement("div", _extends_1({
                 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),
-                style: _extends_1({}, isHexColor && {
+                style: _extends_1({}, style, isHexColor && {
                   backgroundColor: active ? color : fade(color, 0.08),
                   color: active ? theme.palette.getContrastText(color) : color
                 }, fontWeight && {
@@ -97966,6 +97979,8 @@
               name: 'HmuiHiLoader'
             })(HiLoader);
 
+            var PureListSubheader = pure(ListSubheader$2);
+            var PureListItem = pure(ListItem$2);
             var styles$p = function styles(theme) {
               return {
                 root: {
@@ -98088,8 +98103,8 @@
 
             var HiSelectableListItem =
             /*#__PURE__*/
-            function (_React$Component) {
-              inherits(HiSelectableListItem, _React$Component);
+            function (_React$PureComponent) {
+              inherits(HiSelectableListItem, _React$PureComponent);
 
               function HiSelectableListItem(props) {
                 var _this;
@@ -98207,7 +98222,7 @@
                     displayedIcon = icon;
                   }
 
-                  var ListItemComponentName = pinned ? ListSubheader$2 : ListItem$2;
+                  var ListItemComponentName = pinned ? PureListSubheader : PureListItem;
                   return React__default.createElement(ListItemComponentName, _extends_1({
                     id: id,
                     tabIndex: disabled ? '-1' : 0,
@@ -98262,7 +98277,7 @@
               }]);
 
               return HiSelectableListItem;
-            }(React__default.Component);
+            }(React__default.PureComponent);
 
             HiSelectableListItem.defaultProps = {
               centered: false,