@hipay/hipay-material-ui 3.8.0 → 3.9.1

package/{HiExpansionPanelEditable/HiExpansionPanelEditable.js → HiAccordion/HiAccordion.js}

@@ -23,13 +23,13 @@ var _Accordion = _interopRequireDefault(require("@material-ui/core/Accordion"));
 
 var _AccordionDetails = _interopRequireDefault(require("@material-ui/core/AccordionDetails"));
 
-var _HiEditablePanelSummary = _interopRequireDefault(require("./HiEditablePanelSummary"));
+var _HiAccordionSummary = _interopRequireDefault(require("../HiAccordionSummary"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var HiExpansionPanelEditable = function HiExpansionPanelEditable(props) {
+var HiAccordion = function HiAccordion(props) {
   var _useState = (0, _react.useState)(true),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       isExpanded = _useState2[0],
@@ -53,7 +53,7 @@ var HiExpansionPanelEditable = function HiExpansionPanelEditable(props) {
     onChange: function onChange(e, exp) {
       return setExpanded(exp);
     }
-  }, /*#__PURE__*/_react.default.createElement(_HiEditablePanelSummary.default, {
+  }, /*#__PURE__*/_react.default.createElement(_HiAccordionSummary.default, {
     editable: props.editable,
     heading: props.heading,
     secondaryHeading: props.secondaryHeading,
@@ -71,12 +71,12 @@ var HiExpansionPanelEditable = function HiExpansionPanelEditable(props) {
   }, props.editContent)) : props.content)));
 };
 
-var StyledHiExpansionPanelEditable = (0, _styledComponents.default)(HiExpansionPanelEditable).withConfig({
-  displayName: "HiExpansionPanelEditable__StyledHiExpansionPanelEditable",
-  componentId: "sc-a4n3de-0"
-})(["max-width:688px;margin:auto;margin-top:32px;.expansionPanel{box-shadow:none;border:none;}.panelDetails{width:100%;padding:", ";.editCard{width:100%;overflow:visible;.content{width:100%;}}}"], function (_ref) {
+var StyledHiAccordion = (0, _styledComponents.default)(HiAccordion).withConfig({
+  displayName: "HiAccordion__StyledHiAccordion",
+  componentId: "sc-t8vs74-0"
+})(["max-width:688px;margin:auto;margin-top:32px;.expansionPanel{box-shadow:none;border:none;background-color:transparent;}.panelDetails{width:100%;padding:", ";.editCard{width:100%;overflow:visible;.content{width:100%;}}}"], function (_ref) {
   var editMode = _ref.editMode;
   return editMode ? '0 0 24px 0' : '8px 0 24px 0';
 });
-var _default = StyledHiExpansionPanelEditable;
+var _default = StyledHiAccordion;
 exports.default = _default;

package/HiAccordion/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _HiAccordion = _interopRequireDefault(require("./HiAccordion"));
+
+var _default = _HiAccordion.default;
+exports.default = _default;

package/HiAccordionActions/HiAccordionActions.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _HiButton = _interopRequireDefault(require("../HiButton"));
+
+var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
+
+var _Save = _interopRequireDefault(require("@material-ui/icons/Save"));
+
+var _ref = /*#__PURE__*/_react.default.createElement(_Save.default, {
+  fontSize: "small"
+});
+
+var _ref2 = /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
+  size: 24,
+  color: "primary",
+  className: "save-loading-progress"
+});
+
+var HiAccordionActions = function HiAccordionActions(props) {
+  var handleCancel = function handleCancel() {
+    props.onCancel && props.onCancel();
+  };
+
+  var handleSave = function handleSave() {
+    props.onSave && props.onSave();
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: props.className
+  }, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
+    id: "cancel-button",
+    variant: "contained",
+    color: "#EEEEEE",
+    onClick: handleCancel,
+    disabled: props.isSaving
+  }, props.cancelLabel), /*#__PURE__*/_react.default.createElement("div", {
+    className: "save-wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
+    variant: "contained",
+    color: "primary",
+    disabled: props.isSaving || props.disabled,
+    onClick: handleSave
+  }, _ref, /*#__PURE__*/_react.default.createElement("span", {
+    className: "save-text"
+  }, props.saveLabel)), props.isSaving && _ref2));
+};
+
+HiAccordionActions.defaultProps = {
+  disabled: false,
+  isSaving: false
+};
+var StyledHiAccordionActions = (0, _styledComponents.default)(HiAccordionActions).withConfig({
+  displayName: "HiAccordionActions__StyledHiAccordionActions",
+  componentId: "sc-sfgibt-0"
+})(["display:flex;position:sticky;bottom:0;background-color:#ffffff;padding:20px 0;margin-bottom:-24px;#cancel-button{margin-right:20px;}.save-wrapper{position:relative;.save-text{margin-left:6px;}.save-loading-progress{position:absolute;top:50%;left:50%;margin-left:-12px;margin-top:-12px;}}"]);
+var _default = StyledHiAccordionActions;
+exports.default = _default;

package/HiAccordionActions/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _HiAccordionActions = _interopRequireDefault(require("./HiAccordionActions"));
+
+var _default = _HiAccordionActions.default;
+exports.default = _default;

package/{HiExpansionPanelEditable/HiEditablePanelSummary.js → HiAccordionSummary/HiAccordionSummary.js}

@@ -19,17 +19,17 @@ var _Typography = _interopRequireDefault(require("@material-ui/core/Typography")
 
 var _MenuDown = _interopRequireDefault(require("mdi-material-ui/MenuDown"));
 
-var _HiButton = _interopRequireDefault(require("@hipay/hipay-material-ui/HiButton"));
-
 var _Edit = _interopRequireDefault(require("@material-ui/icons/Edit"));
 
+var _HiButton = _interopRequireDefault(require("../HiButton"));
+
 var _ref = /*#__PURE__*/_react.default.createElement(_MenuDown.default, null);
 
 var _ref2 = /*#__PURE__*/_react.default.createElement(_Edit.default, {
   fontSize: "small"
 });
 
-var HiEditablePanelSummary = function HiEditablePanelSummary(props) {
+var HiAccordionSummary = function HiAccordionSummary(props) {
   return /*#__PURE__*/_react.default.createElement(_AccordionSummary.default, {
     classes: {
       root: 'summary',
@@ -40,7 +40,8 @@ var HiEditablePanelSummary = function HiEditablePanelSummary(props) {
     }),
     expandIcon: props.editMode ? null : _ref
   }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "h2"
+    variant: "h2",
+    className: "heading"
   }, props.heading), !props.editMode && /*#__PURE__*/_react.default.createElement("div", {
     className: "secondary"
   }, !!props.secondaryHeading && /*#__PURE__*/_react.default.createElement(_Typography.default, {
@@ -56,17 +57,17 @@ var HiEditablePanelSummary = function HiEditablePanelSummary(props) {
   }, props.editLabel))));
 };
 
-HiEditablePanelSummary.defaultProps = {
+HiAccordionSummary.defaultProps = {
   editable: false,
   editMode: false,
   editDisabled: false
 };
-var StyledHiEditablePanelSummary = (0, _styledComponents.default)(HiEditablePanelSummary).withConfig({
-  displayName: "HiEditablePanelSummary__StyledHiEditablePanelSummary",
-  componentId: "sc-53fakz-0"
-})(["&.summary{border-bottom:1px solid #e3e6e7;height:48px;min-height:48px;padding:0;&.editMode{border-bottom:none;cursor:default;}.summaryContent{display:flex;justify-content:space-between;align-items:center;.secondary{display:flex;align-items:center;.secondaryHeading{color:", ";font-size:11px;}}}.saveLabel{margin-left:6px;}}"], function (_ref3) {
+var StyledHiAccordionSummary = (0, _styledComponents.default)(HiAccordionSummary).withConfig({
+  displayName: "HiAccordionSummary__StyledHiAccordionSummary",
+  componentId: "sc-x8gl70-0"
+})(["&.summary{border-bottom:1px solid #e3e6e7;height:48px;min-height:48px;padding:0;&.editMode{border-bottom:none;cursor:default;.heading{font-weight:bold;}}.summaryContent{display:flex;justify-content:space-between;align-items:center;.secondary{display:flex;align-items:center;.secondaryHeading{color:", ";font-size:11px;}}}.saveLabel{margin-left:6px;}}"], function (_ref3) {
   var theme = _ref3.theme;
   return theme.palette.neutral.light;
 });
-var _default = StyledHiEditablePanelSummary;
+var _default = StyledHiAccordionSummary;
 exports.default = _default;

package/HiAccordionSummary/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _HiAccordionSummary = _interopRequireDefault(require("./HiAccordionSummary"));
+
+var _default = _HiAccordionSummary.default;
+exports.default = _default;

package/HiAlertModal/HiAlertModal.js

@@ -98,7 +98,7 @@ var HiAlertModal = function HiAlertModal(props) {
 var StyledHiAlertModal = (0, _styledComponents.default)(HiAlertModal).withConfig({
   displayName: "HiAlertModal__StyledHiAlertModal",
   componentId: "sc-dmfyat-0"
-})([".dialog-paper{padding:32px;", "{width:560px;min-width:560px;padding:55px;}}text-align:center;.dialog-title{padding:0;margin-bottom:25px;h2{font-weight:300;}}.dialog-content{padding:0;margin-bottom:25px;}.dialog-actions{padding:0;justify-content:space-between;}.cancel-button{width:122px;}.submit-button{width:288px;.submit-text{margin-left:6px;}}", "{.dialog-actions{flex-direction:column-reverse;justify-content:center;flex-wrap:wrap;padding:0;}.submit-button{width:100%;margin-bottom:16px;}}"], function (_ref) {
+})([".dialog-paper{padding:32px;", "{width:560px;min-width:560px;padding:55px;}}text-align:center;.dialog-title{padding:0;margin-bottom:25px;h2{font-weight:300;}}.dialog-content{padding:0;margin-bottom:25px;white-space:pre-line;}.dialog-actions{padding:0;display:flex;justify-content:space-around;}.cancel-button{width:122px;}.submit-button{width:288px;.submit-text{margin-left:6px;}}", "{.dialog-actions{flex-direction:column-reverse;justify-content:center;flex-wrap:wrap;padding:0;}.submit-button{width:100%;margin-bottom:16px;margin-left:0;}.cancel-button{width:100%;}}"], function (_ref) {
   var theme = _ref.theme;
   return theme.breakpoints.up('sm');
 }, function (_ref2) {

package/HiCell/CellHiddenContent.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.useStyles = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styles = require("@material-ui/styles");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _icons = require("@material-ui/icons");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    root: {
+      display: 'flex',
+      justifyContent: 'flex-start',
+      width: '100%',
+      height: '100%'
+    },
+    label: {
+      marginLeft: 5
+    },
+    wrapper: {
+      display: 'inline-flex',
+      marginTop: 'auto',
+      marginBottom: 'auto'
+    },
+    icon: {
+      fontSize: 16,
+      color: theme.palette.primary.main,
+      '&$iconDisable': {
+        color: theme.palette.neutral.main
+      }
+    },
+    iconDisable: {}
+  };
+});
+exports.useStyles = useStyles;
+
+var CellHiddenContent = function CellHiddenContent(props) {
+  var _props$value = props.value,
+      value = _props$value === void 0 ? null : _props$value;
+  var classes = useStyles(props);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      display = _useState2[0],
+      setDisplay = _useState2[1];
+
+  var content = (0, _react.useMemo)(function () {
+    if (true === display) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.wrapper
+      }, /*#__PURE__*/_react.default.createElement(_icons.VisibilityOffRounded, {
+        className: classes.icon
+      }), /*#__PURE__*/_react.default.createElement("span", {
+        className: classes.label
+      }, value));
+    }
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.wrapper
+    }, /*#__PURE__*/_react.default.createElement(_icons.VisibilityRounded, {
+      className: (0, _classnames.default)(classes.icon, (0, _defineProperty2.default)({}, classes.iconDisable, null == value))
+    }));
+  }, [value, display]);
+
+  var handleClick = function handleClick(e) {
+    e.preventDefault();
+    e.stopPropagation();
+
+    if (null != value) {
+      setDisplay(!display);
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.root,
+    title: value,
+    onClick: handleClick
+  }, content);
+};
+
+var _default = CellHiddenContent;
+exports.default = _default;

package/HiPaymentMeans/HiPaymentMeans.js

@@ -544,7 +544,8 @@ var HiPaymentMeans = function HiPaymentMeans(props) {
       }, formatNumber), entity && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.labelMedium, classes.entityLabel)
       }, translations.entity ? translations.entity : "ENTITY"), /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)(classes.number, classes.entityNumber)
+        className: (0, _classnames.default)(classes.number, classes.entityNumber),
+        "data-name": "entity_number"
       }, entity)), /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.labelLarge, classes.userNameSepa),
         title: username,

package/HiSelect/HiSelect.js

@@ -345,7 +345,7 @@ var HiSelect = /*#__PURE__*/function (_React$PureComponent) {
             var item = _this.overlay.querySelector('li:not([tabindex^="-"])');
 
             if (selectedValue && typeof selectedValue === 'string') {
-              item = _this.overlay.getElementsByTagName('li')[selectedValue];
+              item = _this.overlay.getElementsByTagName('li').namedItem(selectedValue);
             } else if (selectedValue && typeof selectedValue === 'number') {
               item = _this.overlay.querySelector('li:not([tabindex^="-"])')[selectedValue - 1];
             }

package/HiTable/HiCellBuilder.js

@@ -45,6 +45,8 @@ var _CellPinToAction = _interopRequireDefault(require("../HiCell/CellPinToAction
 
 var cst = _interopRequireWildcard(require("./constants"));
 
+var _CellHiddenContent = _interopRequireDefault(require("../HiCell/CellHiddenContent"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -221,6 +223,11 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
                     onClick: datacell.onClick
                   });
 
+                case cst.TYPE_HIDDEN_CONTENT:
+                  return /*#__PURE__*/_react.default.createElement(_CellHiddenContent.default, {
+                    value: datacell.value
+                  });
+
                 case cst.TYPE_ACCOUNT_NUMBER:
                 case cst.TYPE_CUSTOMER_ACCOUNT_NUMBER:
                 default:

package/HiTable/constants.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ALIGN_RIGHT_TYPES = exports.DEFAULT_PADDING = exports.DEFAULT_VIEWS = exports.DEFAULT_WIDTHS = exports.FRAUD_RESULT_ASK_AUTHENTICATE = exports.FRAUD_RESULT_FORCE_AUTHENTICATE = exports.FRAUD_RESULT_PENDING = exports.FRAUD_RESULT_CHALLENGED = exports.FRAUD_RESULT_BLOCKED = exports.FRAUD_RESULT_ACCEPTED = exports.ELLIPSIS_RIGHT = exports.ELLIPSIS_NAME = exports.ELLIPSIS_MIDDLE = exports.ELLIPSIS_LEFT = exports.ELLIPSIS_AFTER_FIRST_WORD = exports.NO_EVOLUTION = exports.EVOLUTION_DOWN = exports.EVOLUTION_UP = exports.VIEWS = exports.TYPE_PIN_TO_ACTION = exports.TYPE_THIRD_PARTY_SECURITY = exports.TYPE_TEXT = exports.TYPE_COUNTRY = exports.TYPE_STATUS = exports.TYPE_SCORE = exports.TYPE_SENTINEL = exports.TYPE_RATE = exports.TYPE_NUMERIC = exports.TYPE_MONTH = exports.TYPE_IMAGE = exports.TYPE_ICON = exports.TYPE_DATE = exports.TYPE_CHECKBOX = exports.TYPE_ADDRESS = exports.TYPE_CUSTOMER_ACCOUNT_NUMBER = exports.TYPE_AMOUNT = exports.TYPE_ACCOUNT_NUMBER = exports.TYPE_ACCOUNT = exports.CELL_HEADER_HEIGHT_DENSE = exports.CELL_HEADER_HEIGHT = exports.CELL_HEIGHT_DENSE = exports.CELL_HEIGHT = exports.NB_ROWS_BACK_TO_TOP = exports.MAX_ROWS = void 0;
+exports.ALIGN_RIGHT_TYPES = exports.DEFAULT_PADDING = exports.DEFAULT_VIEWS = exports.DEFAULT_WIDTHS = exports.FRAUD_RESULT_ASK_AUTHENTICATE = exports.FRAUD_RESULT_FORCE_AUTHENTICATE = exports.FRAUD_RESULT_PENDING = exports.FRAUD_RESULT_CHALLENGED = exports.FRAUD_RESULT_BLOCKED = exports.FRAUD_RESULT_ACCEPTED = exports.ELLIPSIS_RIGHT = exports.ELLIPSIS_NAME = exports.ELLIPSIS_MIDDLE = exports.ELLIPSIS_LEFT = exports.ELLIPSIS_AFTER_FIRST_WORD = exports.NO_EVOLUTION = exports.EVOLUTION_DOWN = exports.EVOLUTION_UP = exports.VIEWS = exports.TYPE_HIDDEN_CONTENT = exports.TYPE_PIN_TO_ACTION = exports.TYPE_THIRD_PARTY_SECURITY = exports.TYPE_TEXT = exports.TYPE_COUNTRY = exports.TYPE_STATUS = exports.TYPE_SCORE = exports.TYPE_SENTINEL = exports.TYPE_RATE = exports.TYPE_NUMERIC = exports.TYPE_MONTH = exports.TYPE_IMAGE = exports.TYPE_ICON = exports.TYPE_DATE = exports.TYPE_CHECKBOX = exports.TYPE_ADDRESS = exports.TYPE_CUSTOMER_ACCOUNT_NUMBER = exports.TYPE_AMOUNT = exports.TYPE_ACCOUNT_NUMBER = exports.TYPE_ACCOUNT = exports.CELL_HEADER_HEIGHT_DENSE = exports.CELL_HEADER_HEIGHT = exports.CELL_HEIGHT_DENSE = exports.CELL_HEIGHT = exports.NB_ROWS_BACK_TO_TOP = exports.MAX_ROWS = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
@@ -72,11 +72,13 @@ exports.TYPE_TEXT = TYPE_TEXT;
 var TYPE_THIRD_PARTY_SECURITY = 'third_party_security';
 exports.TYPE_THIRD_PARTY_SECURITY = TYPE_THIRD_PARTY_SECURITY;
 var TYPE_PIN_TO_ACTION = 'pin_to_action';
+exports.TYPE_PIN_TO_ACTION = TYPE_PIN_TO_ACTION;
+var TYPE_HIDDEN_CONTENT = 'hidden_content';
 /**
  * Cell size [L] / [M] / [S]
  */
 
-exports.TYPE_PIN_TO_ACTION = TYPE_PIN_TO_ACTION;
+exports.TYPE_HIDDEN_CONTENT = TYPE_HIDDEN_CONTENT;
 var VIEWS = {
   LARGE: 'l',
   MEDIUM: 'm',

package/es/{HiExpansionPanelEditable/HiExpansionPanelEditable.js → HiAccordion/HiAccordion.js}

@@ -23,13 +23,13 @@ var _Accordion = _interopRequireDefault(require("@material-ui/core/Accordion"));
 
 var _AccordionDetails = _interopRequireDefault(require("@material-ui/core/AccordionDetails"));
 
-var _HiEditablePanelSummary = _interopRequireDefault(require("./HiEditablePanelSummary"));
+var _HiAccordionSummary = _interopRequireDefault(require("../HiAccordionSummary"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var HiExpansionPanelEditable = function HiExpansionPanelEditable(props) {
+var HiAccordion = function HiAccordion(props) {
   var _useState = (0, _react.useState)(true),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       isExpanded = _useState2[0],
@@ -53,7 +53,7 @@ var HiExpansionPanelEditable = function HiExpansionPanelEditable(props) {
     onChange: function onChange(e, exp) {
       return setExpanded(exp);
     }
-  }, /*#__PURE__*/_react.default.createElement(_HiEditablePanelSummary.default, {
+  }, /*#__PURE__*/_react.default.createElement(_HiAccordionSummary.default, {
     editable: props.editable,
     heading: props.heading,
     secondaryHeading: props.secondaryHeading,
@@ -71,12 +71,12 @@ var HiExpansionPanelEditable = function HiExpansionPanelEditable(props) {
   }, props.editContent)) : props.content)));
 };
 
-var StyledHiExpansionPanelEditable = (0, _styledComponents.default)(HiExpansionPanelEditable).withConfig({
-  displayName: "HiExpansionPanelEditable__StyledHiExpansionPanelEditable",
-  componentId: "sc-a4n3de-0"
-})(["max-width:688px;margin:auto;margin-top:32px;.expansionPanel{box-shadow:none;border:none;}.panelDetails{width:100%;padding:", ";.editCard{width:100%;overflow:visible;.content{width:100%;}}}"], function (_ref) {
+var StyledHiAccordion = (0, _styledComponents.default)(HiAccordion).withConfig({
+  displayName: "HiAccordion__StyledHiAccordion",
+  componentId: "sc-t8vs74-0"
+})(["max-width:688px;margin:auto;margin-top:32px;.expansionPanel{box-shadow:none;border:none;background-color:transparent;}.panelDetails{width:100%;padding:", ";.editCard{width:100%;overflow:visible;.content{width:100%;}}}"], function (_ref) {
   var editMode = _ref.editMode;
   return editMode ? '0 0 24px 0' : '8px 0 24px 0';
 });
-var _default = StyledHiExpansionPanelEditable;
+var _default = StyledHiAccordion;
 exports.default = _default;

package/es/HiAccordion/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _HiAccordion = _interopRequireDefault(require("./HiAccordion"));
+
+var _default = _HiAccordion.default;
+exports.default = _default;

package/es/HiAccordionActions/HiAccordionActions.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _HiButton = _interopRequireDefault(require("../HiButton"));
+
+var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
+
+var _Save = _interopRequireDefault(require("@material-ui/icons/Save"));
+
+var _ref = /*#__PURE__*/_react.default.createElement(_Save.default, {
+  fontSize: "small"
+});
+
+var _ref2 = /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
+  size: 24,
+  color: "primary",
+  className: "save-loading-progress"
+});
+
+var HiAccordionActions = function HiAccordionActions(props) {
+  var handleCancel = function handleCancel() {
+    props.onCancel && props.onCancel();
+  };
+
+  var handleSave = function handleSave() {
+    props.onSave && props.onSave();
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: props.className
+  }, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
+    id: "cancel-button",
+    variant: "contained",
+    color: "#EEEEEE",
+    onClick: handleCancel,
+    disabled: props.isSaving
+  }, props.cancelLabel), /*#__PURE__*/_react.default.createElement("div", {
+    className: "save-wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
+    variant: "contained",
+    color: "primary",
+    disabled: props.isSaving || props.disabled,
+    onClick: handleSave
+  }, _ref, /*#__PURE__*/_react.default.createElement("span", {
+    className: "save-text"
+  }, props.saveLabel)), props.isSaving && _ref2));
+};
+
+HiAccordionActions.defaultProps = {
+  disabled: false,
+  isSaving: false
+};
+var StyledHiAccordionActions = (0, _styledComponents.default)(HiAccordionActions).withConfig({
+  displayName: "HiAccordionActions__StyledHiAccordionActions",
+  componentId: "sc-sfgibt-0"
+})(["display:flex;position:sticky;bottom:0;background-color:#ffffff;padding:20px 0;margin-bottom:-24px;#cancel-button{margin-right:20px;}.save-wrapper{position:relative;.save-text{margin-left:6px;}.save-loading-progress{position:absolute;top:50%;left:50%;margin-left:-12px;margin-top:-12px;}}"]);
+var _default = StyledHiAccordionActions;
+exports.default = _default;

package/es/HiAccordionActions/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _HiAccordionActions = _interopRequireDefault(require("./HiAccordionActions"));
+
+var _default = _HiAccordionActions.default;
+exports.default = _default;

package/es/{HiExpansionPanelEditable/HiEditablePanelSummary.js → HiAccordionSummary/HiAccordionSummary.js}

@@ -19,17 +19,17 @@ var _Typography = _interopRequireDefault(require("@material-ui/core/Typography")
 
 var _MenuDown = _interopRequireDefault(require("mdi-material-ui/MenuDown"));
 
-var _HiButton = _interopRequireDefault(require("@hipay/hipay-material-ui/HiButton"));
-
 var _Edit = _interopRequireDefault(require("@material-ui/icons/Edit"));
 
+var _HiButton = _interopRequireDefault(require("../HiButton"));
+
 var _ref = /*#__PURE__*/_react.default.createElement(_MenuDown.default, null);
 
 var _ref2 = /*#__PURE__*/_react.default.createElement(_Edit.default, {
   fontSize: "small"
 });
 
-var HiEditablePanelSummary = function HiEditablePanelSummary(props) {
+var HiAccordionSummary = function HiAccordionSummary(props) {
   return /*#__PURE__*/_react.default.createElement(_AccordionSummary.default, {
     classes: {
       root: 'summary',
@@ -40,7 +40,8 @@ var HiEditablePanelSummary = function HiEditablePanelSummary(props) {
     }),
     expandIcon: props.editMode ? null : _ref
   }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "h2"
+    variant: "h2",
+    className: "heading"
   }, props.heading), !props.editMode && /*#__PURE__*/_react.default.createElement("div", {
     className: "secondary"
   }, !!props.secondaryHeading && /*#__PURE__*/_react.default.createElement(_Typography.default, {
@@ -56,17 +57,17 @@ var HiEditablePanelSummary = function HiEditablePanelSummary(props) {
   }, props.editLabel))));
 };
 
-HiEditablePanelSummary.defaultProps = {
+HiAccordionSummary.defaultProps = {
   editable: false,
   editMode: false,
   editDisabled: false
 };
-var StyledHiEditablePanelSummary = (0, _styledComponents.default)(HiEditablePanelSummary).withConfig({
-  displayName: "HiEditablePanelSummary__StyledHiEditablePanelSummary",
-  componentId: "sc-53fakz-0"
-})(["&.summary{border-bottom:1px solid #e3e6e7;height:48px;min-height:48px;padding:0;&.editMode{border-bottom:none;cursor:default;}.summaryContent{display:flex;justify-content:space-between;align-items:center;.secondary{display:flex;align-items:center;.secondaryHeading{color:", ";font-size:11px;}}}.saveLabel{margin-left:6px;}}"], function (_ref3) {
+var StyledHiAccordionSummary = (0, _styledComponents.default)(HiAccordionSummary).withConfig({
+  displayName: "HiAccordionSummary__StyledHiAccordionSummary",
+  componentId: "sc-x8gl70-0"
+})(["&.summary{border-bottom:1px solid #e3e6e7;height:48px;min-height:48px;padding:0;&.editMode{border-bottom:none;cursor:default;.heading{font-weight:bold;}}.summaryContent{display:flex;justify-content:space-between;align-items:center;.secondary{display:flex;align-items:center;.secondaryHeading{color:", ";font-size:11px;}}}.saveLabel{margin-left:6px;}}"], function (_ref3) {
   var theme = _ref3.theme;
   return theme.palette.neutral.light;
 });
-var _default = StyledHiEditablePanelSummary;
+var _default = StyledHiAccordionSummary;
 exports.default = _default;

package/es/HiAccordionSummary/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _HiAccordionSummary = _interopRequireDefault(require("./HiAccordionSummary"));
+
+var _default = _HiAccordionSummary.default;
+exports.default = _default;

package/es/HiAlertModal/HiAlertModal.js

@@ -98,7 +98,7 @@ var HiAlertModal = function HiAlertModal(props) {
 var StyledHiAlertModal = (0, _styledComponents.default)(HiAlertModal).withConfig({
   displayName: "HiAlertModal__StyledHiAlertModal",
   componentId: "sc-dmfyat-0"
-})([".dialog-paper{padding:32px;", "{width:560px;min-width:560px;padding:55px;}}text-align:center;.dialog-title{padding:0;margin-bottom:25px;h2{font-weight:300;}}.dialog-content{padding:0;margin-bottom:25px;}.dialog-actions{padding:0;justify-content:space-between;}.cancel-button{width:122px;}.submit-button{width:288px;.submit-text{margin-left:6px;}}", "{.dialog-actions{flex-direction:column-reverse;justify-content:center;flex-wrap:wrap;padding:0;}.submit-button{width:100%;margin-bottom:16px;}}"], function (_ref) {
+})([".dialog-paper{padding:32px;", "{width:560px;min-width:560px;padding:55px;}}text-align:center;.dialog-title{padding:0;margin-bottom:25px;h2{font-weight:300;}}.dialog-content{padding:0;margin-bottom:25px;white-space:pre-line;}.dialog-actions{padding:0;display:flex;justify-content:space-around;}.cancel-button{width:122px;}.submit-button{width:288px;.submit-text{margin-left:6px;}}", "{.dialog-actions{flex-direction:column-reverse;justify-content:center;flex-wrap:wrap;padding:0;}.submit-button{width:100%;margin-bottom:16px;margin-left:0;}.cancel-button{width:100%;}}"], function (_ref) {
   var theme = _ref.theme;
   return theme.breakpoints.up('sm');
 }, function (_ref2) {

package/es/HiCell/CellHiddenContent.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.useStyles = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styles = require("@material-ui/styles");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _icons = require("@material-ui/icons");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    root: {
+      display: 'flex',
+      justifyContent: 'flex-start',
+      width: '100%',
+      height: '100%'
+    },
+    label: {
+      marginLeft: 5
+    },
+    wrapper: {
+      display: 'inline-flex',
+      marginTop: 'auto',
+      marginBottom: 'auto'
+    },
+    icon: {
+      fontSize: 16,
+      color: theme.palette.primary.main,
+      '&$iconDisable': {
+        color: theme.palette.neutral.main
+      }
+    },
+    iconDisable: {}
+  };
+});
+exports.useStyles = useStyles;
+
+var CellHiddenContent = function CellHiddenContent(props) {
+  var _props$value = props.value,
+      value = _props$value === void 0 ? null : _props$value;
+  var classes = useStyles(props);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      display = _useState2[0],
+      setDisplay = _useState2[1];
+
+  var content = (0, _react.useMemo)(function () {
+    if (true === display) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.wrapper
+      }, /*#__PURE__*/_react.default.createElement(_icons.VisibilityOffRounded, {
+        className: classes.icon
+      }), /*#__PURE__*/_react.default.createElement("span", {
+        className: classes.label
+      }, value));
+    }
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.wrapper
+    }, /*#__PURE__*/_react.default.createElement(_icons.VisibilityRounded, {
+      className: (0, _classnames.default)(classes.icon, (0, _defineProperty2.default)({}, classes.iconDisable, null == value))
+    }));
+  }, [value, display]);
+
+  var handleClick = function handleClick(e) {
+    e.preventDefault();
+    e.stopPropagation();
+
+    if (null != value) {
+      setDisplay(!display);
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.root,
+    title: value,
+    onClick: handleClick
+  }, content);
+};
+
+var _default = CellHiddenContent;
+exports.default = _default;

package/es/HiPaymentMeans/HiPaymentMeans.js

@@ -544,7 +544,8 @@ var HiPaymentMeans = function HiPaymentMeans(props) {
       }, formatNumber), entity && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.labelMedium, classes.entityLabel)
       }, translations.entity ? translations.entity : "ENTITY"), /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)(classes.number, classes.entityNumber)
+        className: (0, _classnames.default)(classes.number, classes.entityNumber),
+        "data-name": "entity_number"
       }, entity)), /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.labelLarge, classes.userNameSepa),
         title: username,

package/es/HiSelect/HiSelect.js

@@ -345,7 +345,7 @@ var HiSelect = /*#__PURE__*/function (_React$PureComponent) {
             var item = _this.overlay.querySelector('li:not([tabindex^="-"])');
 
             if (selectedValue && typeof selectedValue === 'string') {
-              item = _this.overlay.getElementsByTagName('li')[selectedValue];
+              item = _this.overlay.getElementsByTagName('li').namedItem(selectedValue);
             } else if (selectedValue && typeof selectedValue === 'number') {
               item = _this.overlay.querySelector('li:not([tabindex^="-"])')[selectedValue - 1];
             }

package/es/HiTable/HiCellBuilder.js

@@ -45,6 +45,8 @@ var _CellPinToAction = _interopRequireDefault(require("../HiCell/CellPinToAction
 
 var cst = _interopRequireWildcard(require("./constants"));
 
+var _CellHiddenContent = _interopRequireDefault(require("../HiCell/CellHiddenContent"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -221,6 +223,11 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
                     onClick: datacell.onClick
                   });
 
+                case cst.TYPE_HIDDEN_CONTENT:
+                  return /*#__PURE__*/_react.default.createElement(_CellHiddenContent.default, {
+                    value: datacell.value
+                  });
+
                 case cst.TYPE_ACCOUNT_NUMBER:
                 case cst.TYPE_CUSTOMER_ACCOUNT_NUMBER:
                 default:

package/es/HiTable/constants.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ALIGN_RIGHT_TYPES = exports.DEFAULT_PADDING = exports.DEFAULT_VIEWS = exports.DEFAULT_WIDTHS = exports.FRAUD_RESULT_ASK_AUTHENTICATE = exports.FRAUD_RESULT_FORCE_AUTHENTICATE = exports.FRAUD_RESULT_PENDING = exports.FRAUD_RESULT_CHALLENGED = exports.FRAUD_RESULT_BLOCKED = exports.FRAUD_RESULT_ACCEPTED = exports.ELLIPSIS_RIGHT = exports.ELLIPSIS_NAME = exports.ELLIPSIS_MIDDLE = exports.ELLIPSIS_LEFT = exports.ELLIPSIS_AFTER_FIRST_WORD = exports.NO_EVOLUTION = exports.EVOLUTION_DOWN = exports.EVOLUTION_UP = exports.VIEWS = exports.TYPE_PIN_TO_ACTION = exports.TYPE_THIRD_PARTY_SECURITY = exports.TYPE_TEXT = exports.TYPE_COUNTRY = exports.TYPE_STATUS = exports.TYPE_SCORE = exports.TYPE_SENTINEL = exports.TYPE_RATE = exports.TYPE_NUMERIC = exports.TYPE_MONTH = exports.TYPE_IMAGE = exports.TYPE_ICON = exports.TYPE_DATE = exports.TYPE_CHECKBOX = exports.TYPE_ADDRESS = exports.TYPE_CUSTOMER_ACCOUNT_NUMBER = exports.TYPE_AMOUNT = exports.TYPE_ACCOUNT_NUMBER = exports.TYPE_ACCOUNT = exports.CELL_HEADER_HEIGHT_DENSE = exports.CELL_HEADER_HEIGHT = exports.CELL_HEIGHT_DENSE = exports.CELL_HEIGHT = exports.NB_ROWS_BACK_TO_TOP = exports.MAX_ROWS = void 0;
+exports.ALIGN_RIGHT_TYPES = exports.DEFAULT_PADDING = exports.DEFAULT_VIEWS = exports.DEFAULT_WIDTHS = exports.FRAUD_RESULT_ASK_AUTHENTICATE = exports.FRAUD_RESULT_FORCE_AUTHENTICATE = exports.FRAUD_RESULT_PENDING = exports.FRAUD_RESULT_CHALLENGED = exports.FRAUD_RESULT_BLOCKED = exports.FRAUD_RESULT_ACCEPTED = exports.ELLIPSIS_RIGHT = exports.ELLIPSIS_NAME = exports.ELLIPSIS_MIDDLE = exports.ELLIPSIS_LEFT = exports.ELLIPSIS_AFTER_FIRST_WORD = exports.NO_EVOLUTION = exports.EVOLUTION_DOWN = exports.EVOLUTION_UP = exports.VIEWS = exports.TYPE_HIDDEN_CONTENT = exports.TYPE_PIN_TO_ACTION = exports.TYPE_THIRD_PARTY_SECURITY = exports.TYPE_TEXT = exports.TYPE_COUNTRY = exports.TYPE_STATUS = exports.TYPE_SCORE = exports.TYPE_SENTINEL = exports.TYPE_RATE = exports.TYPE_NUMERIC = exports.TYPE_MONTH = exports.TYPE_IMAGE = exports.TYPE_ICON = exports.TYPE_DATE = exports.TYPE_CHECKBOX = exports.TYPE_ADDRESS = exports.TYPE_CUSTOMER_ACCOUNT_NUMBER = exports.TYPE_AMOUNT = exports.TYPE_ACCOUNT_NUMBER = exports.TYPE_ACCOUNT = exports.CELL_HEADER_HEIGHT_DENSE = exports.CELL_HEADER_HEIGHT = exports.CELL_HEIGHT_DENSE = exports.CELL_HEIGHT = exports.NB_ROWS_BACK_TO_TOP = exports.MAX_ROWS = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
@@ -72,11 +72,13 @@ exports.TYPE_TEXT = TYPE_TEXT;
 var TYPE_THIRD_PARTY_SECURITY = 'third_party_security';
 exports.TYPE_THIRD_PARTY_SECURITY = TYPE_THIRD_PARTY_SECURITY;
 var TYPE_PIN_TO_ACTION = 'pin_to_action';
+exports.TYPE_PIN_TO_ACTION = TYPE_PIN_TO_ACTION;
+var TYPE_HIDDEN_CONTENT = 'hidden_content';
 /**
  * Cell size [L] / [M] / [S]
  */
 
-exports.TYPE_PIN_TO_ACTION = TYPE_PIN_TO_ACTION;
+exports.TYPE_HIDDEN_CONTENT = TYPE_HIDDEN_CONTENT;
 var VIEWS = {
   LARGE: 'l',
   MEDIUM: 'm',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hipay/hipay-material-ui",
   "private": false,
-  "version": "3.8.0",
+  "version": "3.9.1",
   "description": "React components that implement Google's Material Design.",
   "repository": {
     "type": "git",

package/HiExpansionPanelEditable/HiEditablePanelActions.js

@@ -1,57 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _HiButton = _interopRequireDefault(require("@hipay/hipay-material-ui/HiButton"));
-
-var _Save = _interopRequireDefault(require("@material-ui/icons/Save"));
-
-var _ref = /*#__PURE__*/_react.default.createElement(_Save.default, {
-  fontSize: "small"
-});
-
-var HiEditablePanelActions = function HiEditablePanelActions(props) {
-  var handleCancel = function handleCancel() {
-    props.onCancel && props.onCancel();
-  };
-
-  var handleSave = function handleSave() {
-    props.onSave && props.onSave();
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: props.className
-  }, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
-    id: "cancelButton",
-    variant: "contained",
-    color: "#EEEEEE",
-    onClick: handleCancel
-  }, props.cancelLabel), /*#__PURE__*/_react.default.createElement(_HiButton.default, {
-    id: "saveButton",
-    variant: "contained",
-    color: "primary",
-    disabled: props.disabled,
-    onClick: handleSave
-  }, _ref, /*#__PURE__*/_react.default.createElement("span", {
-    className: "saveText"
-  }, props.saveLabel)));
-};
-
-HiEditablePanelActions.defaultProps = {
-  disabled: false
-};
-var StyledHiEditablePanelActions = (0, _styledComponents.default)(HiEditablePanelActions).withConfig({
-  displayName: "HiEditablePanelActions__StyledHiEditablePanelActions",
-  componentId: "sc-3j4fiw-0"
-})(["display:flex;position:sticky;bottom:0;background-color:#ffffff;padding:20px 0;margin-bottom:-24px;#cancelButton{margin-right:20px;}.saveText{margin-left:6px;}"]);
-var _default = StyledHiEditablePanelActions;
-exports.default = _default;

package/es/HiExpansionPanelEditable/HiEditablePanelActions.js

@@ -1,57 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _HiButton = _interopRequireDefault(require("@hipay/hipay-material-ui/HiButton"));
-
-var _Save = _interopRequireDefault(require("@material-ui/icons/Save"));
-
-var _ref = /*#__PURE__*/_react.default.createElement(_Save.default, {
-  fontSize: "small"
-});
-
-var HiEditablePanelActions = function HiEditablePanelActions(props) {
-  var handleCancel = function handleCancel() {
-    props.onCancel && props.onCancel();
-  };
-
-  var handleSave = function handleSave() {
-    props.onSave && props.onSave();
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: props.className
-  }, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
-    id: "cancelButton",
-    variant: "contained",
-    color: "#EEEEEE",
-    onClick: handleCancel
-  }, props.cancelLabel), /*#__PURE__*/_react.default.createElement(_HiButton.default, {
-    id: "saveButton",
-    variant: "contained",
-    color: "primary",
-    disabled: props.disabled,
-    onClick: handleSave
-  }, _ref, /*#__PURE__*/_react.default.createElement("span", {
-    className: "saveText"
-  }, props.saveLabel)));
-};
-
-HiEditablePanelActions.defaultProps = {
-  disabled: false
-};
-var StyledHiEditablePanelActions = (0, _styledComponents.default)(HiEditablePanelActions).withConfig({
-  displayName: "HiEditablePanelActions__StyledHiEditablePanelActions",
-  componentId: "sc-3j4fiw-0"
-})(["display:flex;position:sticky;bottom:0;background-color:#ffffff;padding:20px 0;margin-bottom:-24px;#cancelButton{margin-right:20px;}.saveText{margin-left:6px;}"]);
-var _default = StyledHiEditablePanelActions;
-exports.default = _default;