@hipay/hipay-material-ui 2.0.0-beta.54 → 2.0.0-beta.55

package/es/HiDatePicker/HiDateRangeSelector.js

@@ -176,7 +176,6 @@ class HiDateRangeSelector extends React.Component {
       this.setState({
         containerWidth: findDOMNode(this.container).clientWidth - 5
       });
-      this.handleSelectChange('selectedPreset')(undefined, this.state.selectedPreset);
     }
   }
 
@@ -269,8 +268,8 @@ class HiDateRangeSelector extends React.Component {
         root: classes.dateRangePicker
       },
       id: idRange,
-      from: from,
-      to: to,
+      from: selectedPreset ? from : undefined,
+      to: selectedPreset ? to : undefined,
       enableTime: enableTime,
       onChange: onChange,
       toError: toError,
@@ -290,7 +289,6 @@ class HiDateRangeSelector extends React.Component {
 
 HiDateRangeSelector.defaultProps = {
   availableOptionKeys: ['cd', 'pd', 'cw', 'pw', 'cm', 'pm', 'cq', 'pq', 'cy', 'custom'],
-  defaultPreset: 'cd',
   enableTime: false,
   returnSelectValue: false,
   staticPosition: false,

package/es/HiSelect/HiSuggestSelect.js

@@ -6,6 +6,7 @@ import PropTypes from 'prop-types';
 import { findDOMNode } from 'react-dom';
 import Grow from '@material-ui/core/Grow';
 import Paper from '@material-ui/core/Paper';
+import classNames from 'classnames';
 import HiSelectableList from '../HiSelectableList';
 import HiInput from '../HiForm/HiInput';
 import { withStyles } from '../styles';
@@ -28,6 +29,9 @@ export const styles = theme => ({
     borderRadius: '0px 2px',
     maxHeight: 440,
     transition: 'none'
+  },
+  alignRight: {
+    right: 0
   }
 });
 
@@ -139,9 +143,10 @@ class HiSuggestSelect extends React.PureComponent {
       showMinLength,
       showNoResults,
       onSearch,
-      translations
+      translations,
+      align
     } = _this$props,
-          otherProps = _objectWithoutProperties(_this$props, ["classes", "id", "loading", "showMinLength", "showNoResults", "onSearch", "translations"]);
+          otherProps = _objectWithoutProperties(_this$props, ["classes", "id", "loading", "showMinLength", "showNoResults", "onSearch", "translations", "align"]);
 
     const {
       focused,
@@ -188,7 +193,9 @@ class HiSuggestSelect extends React.PureComponent {
       disablePortal: true,
       anchorEl: this.textInput,
       placement: "bottom-start",
-      className: classes.popper,
+      className: classNames(classes.popper, {
+        [classes.alignRight]: align === 'right'
+      }),
       open: true
     }, React.createElement(Grow, {
       in: open,
@@ -211,6 +218,7 @@ class HiSuggestSelect extends React.PureComponent {
 }
 
 HiSuggestSelect.defaultProps = {
+  align: 'left',
   showMinLength: false,
   showNoResults: false,
   translations: {
@@ -220,6 +228,11 @@ HiSuggestSelect.defaultProps = {
   options: []
 };
 HiSuggestSelect.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * Align popper on right or left of container
+   */
+  align: PropTypes.oneOf(['left', 'right']),
+
   /**
    * Useful to extend the style applied to components.
    */

package/es/HiSelectableList/HiSelectableListItem.js

@@ -109,7 +109,9 @@ export const styles = theme => ({
     textOverflow: 'ellipsis',
     textAlign: 'right',
     margin: '4px 12px 4px 8px',
-    alignSelf: 'center'
+    alignSelf: 'center',
+    minWidth: '40%',
+    maxWidth: '100%'
   }),
   checkbox: {
     marginTop: 3

package/es/HiTable/HiCellBuilder.js

@@ -2,16 +2,16 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import TableCell from '@material-ui/core/TableCell';
-import CellAddress from '@hipay/hipay-material-ui/HiCell/CellAddress';
-import CellDate from '@hipay/hipay-material-ui/HiCell/CellDate';
-import CellIcon from '@hipay/hipay-material-ui/HiCell/CellIcon';
-import CellImage from '@hipay/hipay-material-ui/HiCell/CellImage';
-import CellNumeric from '@hipay/hipay-material-ui/HiCell/CellNumeric';
-import CellSentinel from '@hipay/hipay-material-ui/HiCell/CellSentinel';
-import CellSentinelScore from '@hipay/hipay-material-ui/HiCell/CellSentinelScore';
-import CellText from '@hipay/hipay-material-ui/HiCell/CellText';
-import CellRate from '@hipay/hipay-material-ui/HiCell/CellRate';
-import CellPinToAction from '@hipay/hipay-material-ui/HiCell/CellPinToAction';
+import CellAddress from '../HiCell/CellAddress';
+import CellDate from '../HiCell/CellDate';
+import CellIcon from '../HiCell/CellIcon';
+import CellImage from '../HiCell/CellImage';
+import CellNumeric from '../HiCell/CellNumeric';
+import CellSentinel from '../HiCell/CellSentinel';
+import CellSentinelScore from '../HiCell/CellSentinelScore';
+import CellTextStyled from '../HiCell/CellTextStyled';
+import CellRate from '../HiCell/CellRate';
+import CellPinToAction from '../HiCell/CellPinToAction';
 import * as cst from './constants';
 
 class HiCellBuilder extends React.PureComponent {
@@ -57,7 +57,8 @@ class HiCellBuilder extends React.PureComponent {
               shortLabel: datacell.id,
               path: datacell.img,
               size: datacell.size,
-              view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
+              view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
+              fallbackImage: datacell.fallbackImage
             });
 
           case cst.TYPE_RATE:
@@ -121,7 +122,8 @@ class HiCellBuilder extends React.PureComponent {
           case cst.TYPE_SENTINEL_SCORE:
             return React.createElement(CellSentinelScore, {
               value: datacell.value,
-              result: datacell.result
+              result: datacell.result,
+              active: datacell.active
             });
 
           case cst.TYPE_PIN_TO_ACTION:
@@ -131,18 +133,13 @@ class HiCellBuilder extends React.PureComponent {
             });
 
           case cst.TYPE_ACCOUNT_NUMBER:
-            return React.createElement(CellText, {
-              label: datacell.value,
-              color: datacell.color,
-              ellipsis: datacell.ellipse
-            });
-
           default:
-            return React.createElement(CellText, {
-              label: datacell.value,
+            return React.createElement(CellTextStyled, {
+              active: datacell.active,
               color: datacell.color,
-              ellipsis: datacell.ellipse,
-              view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
+              label: datacell.label,
+              title: datacell.title,
+              value: datacell.value
             });
         }
       }

package/es/HiTable/HiTableHeader.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 // @inheritedComponent TableHeader
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -38,29 +39,34 @@ class HiTableHeader extends React.PureComponent {
         height: dense ? cst.CELL_HEADER_HEIGHT_DENSE : cst.CELL_HEADER_HEIGHT,
         whiteSpace: 'nowrap'
       }
-    }, Object.keys(columns).map(function (key) {
-      const column = columns[key];
+    }, Object.keys(columns).map(key => {
+      const {
+        colId,
+        type,
+        label,
+        smallLabel,
+        view
+      } = columns[key];
       return React.createElement(TableCell, {
-        key: column.colId,
-        sortDirection: orderBy === column.colId ? order : false,
+        key: colId,
+        sortDirection: orderBy === colId ? order : false,
         style: {
           border: 'none',
-          borderBottom: orderBy === column.colId ? 'solid 1px #00ADE9' : 'none',
+          borderBottom: orderBy === colId ? 'solid 1px #00ADE9' : 'none',
           paddingRight: '13px',
           paddingLeft: '13px'
         },
-        numeric: !!cst.ALIGN_RIGHT_TYPES.includes(column.type)
-      }, sortable ? React.createElement(Tooltip, {
-        title: "Sort",
-        enterDelay: 300
-      }, React.createElement(TableSortLabel, {
-        active: orderBy === column.colId,
+        numeric: cst.ALIGN_RIGHT_TYPES.includes(type)
+      }, React.createElement(TableSortLabel, _extends({}, sortable && {
+        active: orderBy === colId,
         direction: order,
-        onClick: this.createSortHandler(column.colId),
+        onClick: this.createSortHandler(colId)
+      }, {
         classes: {
           icon: classes.icon
-        }
-      }, column.label)) : column.label);
+        },
+        title: label
+      }), view === 's' ? smallLabel : label));
     }, this)));
   }
 

package/index.es.js

@@ -1,4 +1,4 @@
-/** @license HiPay-Material-UI v2.0.0-beta.53
+/** @license HiPay-Material-UI v2.0.0-beta.55
  *
  * 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.53
+/** @license HiPay-Material-UI v2.0.0-beta.55
  *
  * 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.54",
+  "version": "2.0.0-beta.55",
   "description": "React components that implement Google's Material Design.",
   "keywords": [
     "react",
@@ -72,4 +72,4 @@
   },
   "main": "./index.js",
   "module": "./index.es.js"
-}
+}