@hipay/hipay-material-ui 3.8.0 → 3.9.0

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/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/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/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hipay/hipay-material-ui",
   "private": false,
-  "version": "3.8.0",
+  "version": "3.9.0",
   "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;