@hipay/hipay-material-ui 3.7.6 → 3.7.7

package/HiCell/CellDate.js

@@ -33,7 +33,10 @@ var styles = {
     overflow: 'hidden',
     textOverflow: 'ellipsis',
     whiteSpace: 'pre',
-    width: '100%'
+    width: '100%',
+    textAlign: function textAlign(props) {
+      return props.align === 'right' ? 'right' : 'left';
+    }
   }
 };
 /**

package/HiCell/CellTextStyled.js

@@ -86,6 +86,9 @@ var CellTextStyled = function CellTextStyled(_ref) {
     styleRoot = (0, _objectSpread2.default)({}, styleRoot, {
       textAlign: 'right'
     });
+    styleColorLabel = (0, _objectSpread2.default)({}, styleColorLabel, {
+      justifyContent: 'flex-end'
+    });
   } else {
     styleRoot = (0, _objectSpread2.default)({}, styleRoot, {
       textAlign: 'left'

package/HiTable/HiCellBuilder.js

@@ -165,6 +165,7 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
                 case cst.TYPE_DATE:
                 case cst.TYPE_MONTH:
                   return /*#__PURE__*/_react.default.createElement(_CellDate.default, {
+                    align: cell.align,
                     date: datacell.date,
                     displayTime: datacell.displayTime,
                     formatShort: datacell.formatShort,

package/HiTable/HiTableRow.js

@@ -120,7 +120,7 @@ var HiTableRow = /*#__PURE__*/function (_React$PureComponent) {
           height: dense ? cst.CELL_HEIGHT_DENSE : cst.CELL_HEIGHT
         },
         tabIndex: 0,
-        dataId: rowdata.rowId
+        "data-id": rowdata.rowId
       }, Object.keys(columns).map(function (column) {
         return /*#__PURE__*/_react.default.createElement(_HiCellBuilder.default, {
           key: columns[column].colId,

package/es/HiCell/CellDate.js

@@ -33,7 +33,10 @@ var styles = {
     overflow: 'hidden',
     textOverflow: 'ellipsis',
     whiteSpace: 'pre',
-    width: '100%'
+    width: '100%',
+    textAlign: function textAlign(props) {
+      return props.align === 'right' ? 'right' : 'left';
+    }
   }
 };
 /**

package/es/HiCell/CellTextStyled.js

@@ -86,6 +86,9 @@ var CellTextStyled = function CellTextStyled(_ref) {
     styleRoot = (0, _objectSpread2.default)({}, styleRoot, {
       textAlign: 'right'
     });
+    styleColorLabel = (0, _objectSpread2.default)({}, styleColorLabel, {
+      justifyContent: 'flex-end'
+    });
   } else {
     styleRoot = (0, _objectSpread2.default)({}, styleRoot, {
       textAlign: 'left'

package/es/HiTable/HiCellBuilder.js

@@ -165,6 +165,7 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
                 case cst.TYPE_DATE:
                 case cst.TYPE_MONTH:
                   return /*#__PURE__*/_react.default.createElement(_CellDate.default, {
+                    align: cell.align,
                     date: datacell.date,
                     displayTime: datacell.displayTime,
                     formatShort: datacell.formatShort,

package/es/HiTable/HiTableRow.js

@@ -120,7 +120,7 @@ var HiTableRow = /*#__PURE__*/function (_React$PureComponent) {
           height: dense ? cst.CELL_HEIGHT_DENSE : cst.CELL_HEIGHT
         },
         tabIndex: 0,
-        dataId: rowdata.rowId
+        "data-id": rowdata.rowId
       }, Object.keys(columns).map(function (column) {
         return /*#__PURE__*/_react.default.createElement(_HiCellBuilder.default, {
           key: columns[column].colId,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hipay/hipay-material-ui",
   "private": false,
-  "version": "3.7.6",
+  "version": "3.7.7",
   "description": "React components that implement Google's Material Design.",
   "repository": {
     "type": "git",
@@ -69,4 +69,4 @@
   },
   "main": "./index.js",
   "module": "./esm/index.js"
-}
+}