@hipay/hipay-material-ui 2.0.0-beta.69 → 2.0.0-beta.70

package/es/HiSelect/HiSelectInput.js

@@ -93,8 +93,9 @@ export const styles = theme => ({
     overflow: 'hidden',
     textOverflow: 'ellipsis'
   }, theme.typography.b1, {
-    display: 'inline-flex',
-    width: '100%'
+    display: 'inline-block',
+    width: '100%',
+    maxWidth: 500
   }),
   placeholder: {
     color: theme.palette.grey[400]

package/es/HiSelect/HiSuggestSelect.js

@@ -161,9 +161,10 @@ class HiSuggestSelect extends React.PureComponent {
       showNoResults,
       onSearch,
       translations,
-      align
+      align,
+      inputClasses
     } = _this$props,
-          otherProps = _objectWithoutProperties(_this$props, ["classes", "id", "loading", "showMinLength", "showNoResults", "onSearch", "translations", "align"]);
+          otherProps = _objectWithoutProperties(_this$props, ["classes", "id", "loading", "showMinLength", "showNoResults", "onSearch", "translations", "align", "inputClasses"]);
 
     const {
       focused,
@@ -205,7 +206,8 @@ class HiSuggestSelect extends React.PureComponent {
       onChange: onSearch,
       onKeyDown: this.handleKeyDownSearch,
       onBlur: this.handleBlur,
-      onFocus: this.handleFocus
+      onFocus: this.handleFocus,
+      classes: inputClasses
     })), open && React.createElement(Popper, {
       disablePortal: true,
       anchorEl: this.textInput,
@@ -260,6 +262,11 @@ HiSuggestSelect.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   id: PropTypes.string,
 
+  /**
+   * Object that contains the style for Input component
+   */
+  inputClasses: PropTypes.object,
+
   /**
    * Passe une ref callback au composant input
    */

package/es/HiTable/HiCellBuilder.js

@@ -100,6 +100,7 @@ class HiCellBuilder extends React.PureComponent {
                 color: datacell.color,
                 icon: datacell.icon,
                 label: datacell.label,
+                onClick: datacell.handleClick,
                 view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
                 size: cell.size
               });
@@ -144,6 +145,8 @@ class HiCellBuilder extends React.PureComponent {
                 active: datacell.active,
                 color: datacell.color,
                 label: datacell.label,
+                isButton: datacell.isButton,
+                onClick: datacell.handleClick,
                 title: cell.title ? cell.title(datacell, cell) : datacell.title,
                 value: datacell.value
               });
@@ -157,22 +160,24 @@ class HiCellBuilder extends React.PureComponent {
 
   render() {
     const {
+      className,
       column,
       data,
       locale
     } = this.props;
     return React.createElement(TableCell, {
-      style: {
-        border: 'none',
-        paddingRight: '13px',
-        paddingLeft: '13px'
-      }
+      className: className
     }, this.createCell(column, data, locale));
   }
 
 }
 
 HiCellBuilder.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * Override TableCell style
+   */
+  className: PropTypes.object,
+
   /**
    * Propriétés de la colonne
    */

package/es/HiTable/HiTableHeader.js

@@ -7,14 +7,21 @@ import TableHead from '@material-ui/core/TableHead';
 import TableRow from '@material-ui/core/TableRow';
 import TableSortLabel from '@material-ui/core/TableSortLabel';
 import * as cst from './constants';
-const styles = {
+
+const styles = theme => ({
+  head: {
+    cursor: 'inherit',
+    borderBottom: `solid 1px ${theme.palette.divider}`
+  },
+  cell: {
+    border: 'none',
+    paddingRight: '13px',
+    paddingLeft: '13px'
+  },
   icon: {
     color: '#00ADE9'
-  },
-  headerRoot: {
-    cursor: 'inherit'
   }
-};
+});
 
 class HiTableHeader extends React.PureComponent {
   constructor(...args) {
@@ -34,7 +41,9 @@ class HiTableHeader extends React.PureComponent {
       sortable,
       dense
     } = this.props;
-    return React.createElement(TableHead, null, React.createElement(TableRow, {
+    return React.createElement(TableHead, {
+      className: classes.head
+    }, React.createElement(TableRow, {
       style: {
         height: dense ? cst.CELL_HEADER_HEIGHT_DENSE : cst.CELL_HEADER_HEIGHT,
         whiteSpace: 'nowrap'
@@ -51,13 +60,8 @@ class HiTableHeader extends React.PureComponent {
       const finalLabel = view === 's' ? smallLabel : label;
       return React.createElement(TableCell, {
         key: colId,
+        className: classes.cell,
         sortDirection: orderBy === colId ? order : false,
-        style: {
-          border: 'none',
-          borderBottom: orderBy === colId ? 'solid 1px #00ADE9' : 'none',
-          paddingRight: '13px',
-          paddingLeft: '13px'
-        },
         numeric: cst.ALIGN_RIGHT_TYPES.includes(type),
         title: headerTooltip
       }, sortable ? React.createElement(TableSortLabel, {

package/es/HiTable/HiTableRow.js

@@ -12,15 +12,18 @@ export const styles = theme => ({
     '&:last-child': {
       borderBottom: 'solid 1px #E4E7E8'
     },
-    '&:first-child': {
-      borderTop: 'solid 1px #E4E7E8'
-    },
     '&:hover, &:focus': {
       backgroundColor: `${theme.palette.action.hover} !important`
     }
   },
   clickableRow: {
     cursor: 'pointer'
+  },
+  cell: {
+    border: 'none',
+    padding: '0px 13px',
+    minHeight: '32px',
+    maxHeight: '40px'
   }
 });
 
@@ -65,6 +68,7 @@ class HiTableRow extends React.PureComponent {
     }, Object.keys(columns).map(column => {
       return React.createElement(HiCellBuilder, {
         key: columns[column].colId,
+        className: classes.cell,
         column: columns[column],
         data: rowdata,
         locale: locale

package/es/hi-svg-icons/HiActivity.js

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import React from 'react';
+import pure from 'recompose/pure';
+import { withStyles } from '../styles';
+/**
+ * @ignore - internal component.
+ */
+
+const HiActivity = pure(props => {
+  const {
+    classes,
+    color = props.theme.palette.neutral.main,
+    theme
+  } = props,
+        other = _objectWithoutProperties(props, ["classes", "color", "theme"]);
+
+  return React.createElement("svg", _extends({
+    viewBox: "0 0 22.75 20.75"
+  }, other), React.createElement("circle", {
+    cx: "9",
+    cy: "11.05",
+    r: "9",
+    opacity: 0.16,
+    fill: color
+  }), React.createElement("g", null, React.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M7.33,1.41A7.75,7.75,0,0,0,5.64,3.94,7.91,7.91,0,0,0,5,7.05a7.91,7.91,0,0,0,2.3,5.65L5.92,14.11A10.06,10.06,0,0,1,3.79,11,9.73,9.73,0,0,1,3,7.05a9.72,9.72,0,0,1,.77-3.89A10.06,10.06,0,0,1,5.92,0ZM14,11.06v4h1a1,1,0,0,1,1,1h7v2H16a1,1,0,0,1-1,1H11a1,1,0,0,1-1-1H3V16h7a1,1,0,0,1,1-1h1v-4ZM10.19,4.22A3.84,3.84,0,0,0,9.06,7.05a3.84,3.84,0,0,0,1.13,2.84L8.78,11.3A6.36,6.36,0,0,1,7.47,9.38,5.84,5.84,0,0,1,7,7.05a6,6,0,0,1,.47-2.34,5.62,5.62,0,0,1,1.31-1.9Zm4.22,1.4A2,2,0,0,1,15,7a2,2,0,0,1-.56,1.43,2,2,0,0,1-2.82,0A2,2,0,0,1,11,7a2,2,0,0,1,3.38-1.41Zm4.12-.91A6,6,0,0,1,19,7.05a5.84,5.84,0,0,1-.47,2.33,6.36,6.36,0,0,1-1.31,1.92L15.81,9.89a3.84,3.84,0,0,0,1.13-2.84,3.84,3.84,0,0,0-1.13-2.83l1.41-1.41A5.62,5.62,0,0,1,18.53,4.71Zm3.68-1.55A9.72,9.72,0,0,1,23,7.05a9.73,9.73,0,0,1-.77,3.9,10.06,10.06,0,0,1-2.13,3.16L18.67,12.7A7.91,7.91,0,0,0,21,7.05a7.91,7.91,0,0,0-.61-3.11,7.75,7.75,0,0,0-1.69-2.53L20.08,0A10.06,10.06,0,0,1,22.21,3.16Z",
+    fill: color
+  })));
+});
+HiActivity.muiName = 'SvgIcon';
+export default withStyles({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiActivity);

package/es/hi-svg-icons/HiPermission.js

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import React from 'react';
+import pure from 'recompose/pure';
+import { withStyles } from '../styles';
+/**
+ * @ignore - internal component.
+ */
+
+const HiPermission = pure(props => {
+  const {
+    classes,
+    color = props.theme.palette.neutral.main,
+    theme
+  } = props,
+        other = _objectWithoutProperties(props, ["classes", "color", "theme"]);
+
+  return React.createElement("svg", _extends({
+    viewBox: "0 0 22.98 20.05"
+  }, other), React.createElement("circle", {
+    cx: "9",
+    cy: "11.75",
+    r: "9",
+    opacity: 0.16,
+    fill: color
+  }), React.createElement("g", null, React.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M11.24,2a6.69,6.69,0,0,1,9.52,0,6.5,6.5,0,0,1,2,4.76,6.5,6.5,0,0,1-2,4.76,6.5,6.5,0,0,1-4.76,2,6.66,6.66,0,0,1-3-.75V15H10.75v2.25H8.5V19.5H3.25V14l.19-.28,5.9-5.86a10.31,10.31,0,0,1-.09-1.08A6.5,6.5,0,0,1,11.24,2ZM19.7,3.05a5.19,5.19,0,0,0-7.4,0,5,5,0,0,0-1.55,3.7A9,9,0,0,0,10.89,8l0,.37-.28.28-5.91,6V18H7V15.75H9.25V13.5H11.5V11.25h1.78l.19.09a5.19,5.19,0,0,0,6.23-.89,5,5,0,0,0,1.55-3.7A5,5,0,0,0,19.7,3.05ZM16.45,4.2a1.45,1.45,0,0,1,2.1,0,1.45,1.45,0,0,1,0,2.1,1.45,1.45,0,0,1-2.1,0,1.45,1.45,0,0,1,0-2.1Z",
+    fill: color
+  })));
+});
+HiPermission.muiName = 'SvgIcon';
+export default withStyles({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiPermission);

package/es/hi-svg-icons/index.js

@@ -12,4 +12,6 @@ export { default as HiSizeMedium } from './HiSizeMedium';
 export { default as HiSizeSmall } from './HiSizeSmall';
 export { default as HiTransaction } from './HiTransaction';
 export { default as HiUser } from './HiUser';
-export { default as HiWidget } from './HiWidget';
+export { default as HiWidget } from './HiWidget';
+export { default as HiActivity } from './HiActivity';
+export { default as HiPermission } from './HiPermission';

package/hi-svg-icons/HiActivity.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _styles = require("../styles");
+
+/**
+ * @ignore - internal component.
+ */
+var HiActivity = (0, _pure.default)(function (props) {
+  var classes = props.classes,
+      _props$color = props.color,
+      color = _props$color === void 0 ? props.theme.palette.neutral.main : _props$color,
+      theme = props.theme,
+      other = (0, _objectWithoutProperties2.default)(props, ["classes", "color", "theme"]);
+  return _react.default.createElement("svg", (0, _extends2.default)({
+    viewBox: "0 0 22.75 20.75"
+  }, other), _react.default.createElement("circle", {
+    cx: "9",
+    cy: "11.05",
+    r: "9",
+    opacity: 0.16,
+    fill: color
+  }), _react.default.createElement("g", null, _react.default.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M7.33,1.41A7.75,7.75,0,0,0,5.64,3.94,7.91,7.91,0,0,0,5,7.05a7.91,7.91,0,0,0,2.3,5.65L5.92,14.11A10.06,10.06,0,0,1,3.79,11,9.73,9.73,0,0,1,3,7.05a9.72,9.72,0,0,1,.77-3.89A10.06,10.06,0,0,1,5.92,0ZM14,11.06v4h1a1,1,0,0,1,1,1h7v2H16a1,1,0,0,1-1,1H11a1,1,0,0,1-1-1H3V16h7a1,1,0,0,1,1-1h1v-4ZM10.19,4.22A3.84,3.84,0,0,0,9.06,7.05a3.84,3.84,0,0,0,1.13,2.84L8.78,11.3A6.36,6.36,0,0,1,7.47,9.38,5.84,5.84,0,0,1,7,7.05a6,6,0,0,1,.47-2.34,5.62,5.62,0,0,1,1.31-1.9Zm4.22,1.4A2,2,0,0,1,15,7a2,2,0,0,1-.56,1.43,2,2,0,0,1-2.82,0A2,2,0,0,1,11,7a2,2,0,0,1,3.38-1.41Zm4.12-.91A6,6,0,0,1,19,7.05a5.84,5.84,0,0,1-.47,2.33,6.36,6.36,0,0,1-1.31,1.92L15.81,9.89a3.84,3.84,0,0,0,1.13-2.84,3.84,3.84,0,0,0-1.13-2.83l1.41-1.41A5.62,5.62,0,0,1,18.53,4.71Zm3.68-1.55A9.72,9.72,0,0,1,23,7.05a9.73,9.73,0,0,1-.77,3.9,10.06,10.06,0,0,1-2.13,3.16L18.67,12.7A7.91,7.91,0,0,0,21,7.05a7.91,7.91,0,0,0-.61-3.11,7.75,7.75,0,0,0-1.69-2.53L20.08,0A10.06,10.06,0,0,1,22.21,3.16Z",
+    fill: color
+  })));
+});
+HiActivity.muiName = 'SvgIcon';
+
+var _default = (0, _styles.withStyles)({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiActivity);
+
+exports.default = _default;

package/hi-svg-icons/HiPermission.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _styles = require("../styles");
+
+/**
+ * @ignore - internal component.
+ */
+var HiPermission = (0, _pure.default)(function (props) {
+  var classes = props.classes,
+      _props$color = props.color,
+      color = _props$color === void 0 ? props.theme.palette.neutral.main : _props$color,
+      theme = props.theme,
+      other = (0, _objectWithoutProperties2.default)(props, ["classes", "color", "theme"]);
+  return _react.default.createElement("svg", (0, _extends2.default)({
+    viewBox: "0 0 22.98 20.05"
+  }, other), _react.default.createElement("circle", {
+    cx: "9",
+    cy: "11.75",
+    r: "9",
+    opacity: 0.16,
+    fill: color
+  }), _react.default.createElement("g", null, _react.default.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M11.24,2a6.69,6.69,0,0,1,9.52,0,6.5,6.5,0,0,1,2,4.76,6.5,6.5,0,0,1-2,4.76,6.5,6.5,0,0,1-4.76,2,6.66,6.66,0,0,1-3-.75V15H10.75v2.25H8.5V19.5H3.25V14l.19-.28,5.9-5.86a10.31,10.31,0,0,1-.09-1.08A6.5,6.5,0,0,1,11.24,2ZM19.7,3.05a5.19,5.19,0,0,0-7.4,0,5,5,0,0,0-1.55,3.7A9,9,0,0,0,10.89,8l0,.37-.28.28-5.91,6V18H7V15.75H9.25V13.5H11.5V11.25h1.78l.19.09a5.19,5.19,0,0,0,6.23-.89,5,5,0,0,0,1.55-3.7A5,5,0,0,0,19.7,3.05ZM16.45,4.2a1.45,1.45,0,0,1,2.1,0,1.45,1.45,0,0,1,0,2.1,1.45,1.45,0,0,1-2.1,0,1.45,1.45,0,0,1,0-2.1Z",
+    fill: color
+  })));
+});
+HiPermission.muiName = 'SvgIcon';
+
+var _default = (0, _styles.withStyles)({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiPermission);
+
+exports.default = _default;

package/hi-svg-icons/index.js

@@ -95,6 +95,18 @@ Object.defineProperty(exports, "HiWidget", {
     return _HiWidget.default;
   }
 });
+Object.defineProperty(exports, "HiActivity", {
+  enumerable: true,
+  get: function get() {
+    return _HiActivity.default;
+  }
+});
+Object.defineProperty(exports, "HiPermission", {
+  enumerable: true,
+  get: function get() {
+    return _HiPermission.default;
+  }
+});
 
 var _HiAccount = _interopRequireDefault(require("./HiAccount"));
 
@@ -124,4 +136,8 @@ var _HiTransaction = _interopRequireDefault(require("./HiTransaction"));
 
 var _HiUser = _interopRequireDefault(require("./HiUser"));
 
-var _HiWidget = _interopRequireDefault(require("./HiWidget"));
+var _HiWidget = _interopRequireDefault(require("./HiWidget"));
+
+var _HiActivity = _interopRequireDefault(require("./HiActivity"));
+
+var _HiPermission = _interopRequireDefault(require("./HiPermission"));

package/index.es.js

@@ -1,4 +1,4 @@
-/** @license HiPay-Material-UI v2.0.0-beta.69
+/** @license HiPay-Material-UI v2.0.0-beta.70
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/index.js

@@ -1,4 +1,4 @@
-/** @license HiPay-Material-UI v2.0.0-beta.69
+/** @license HiPay-Material-UI v2.0.0-beta.70
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -2,7 +2,7 @@
   "name": "@hipay/hipay-material-ui",
   "private": false,
   "author": "HiPay PSYCHE Team",
-  "version": "2.0.0-beta.69",
+  "version": "2.0.0-beta.70",
   "description": "React components that implement Google's Material Design.",
   "keywords": [
     "react",