@hipay/hipay-material-ui 3.8.0 → 3.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/{HiExpansionPanelEditable/HiExpansionPanelEditable.js → HiAccordion/HiAccordion.js} +8 -8
  2. package/HiAccordion/index.js +13 -0
  3. package/HiAccordionActions/HiAccordionActions.js +68 -0
  4. package/HiAccordionActions/index.js +13 -0
  5. package/{HiExpansionPanelEditable/HiEditablePanelSummary.js → HiAccordionSummary/HiAccordionSummary.js} +11 -10
  6. package/HiAccordionSummary/index.js +13 -0
  7. package/HiAlertModal/HiAlertModal.js +1 -1
  8. package/HiPaymentMeans/HiPaymentMeans.js +2 -1
  9. package/HiSelect/HiSelect.js +1 -1
  10. package/es/{HiExpansionPanelEditable/HiExpansionPanelEditable.js → HiAccordion/HiAccordion.js} +8 -8
  11. package/es/HiAccordion/index.js +13 -0
  12. package/es/HiAccordionActions/HiAccordionActions.js +68 -0
  13. package/es/HiAccordionActions/index.js +13 -0
  14. package/es/{HiExpansionPanelEditable/HiEditablePanelSummary.js → HiAccordionSummary/HiAccordionSummary.js} +11 -10
  15. package/es/HiAccordionSummary/index.js +13 -0
  16. package/es/HiAlertModal/HiAlertModal.js +1 -1
  17. package/es/HiPaymentMeans/HiPaymentMeans.js +2 -1
  18. package/es/HiSelect/HiSelect.js +1 -1
  19. package/package.json +1 -1
  20. package/HiExpansionPanelEditable/HiEditablePanelActions.js +0 -57
  21. package/es/HiExpansionPanelEditable/HiEditablePanelActions.js +0 -57
package/{HiExpansionPanelEditable/HiExpansionPanelEditable.js → HiAccordion/HiAccordion.js} RENAMED
@@ -23,13 +23,13 @@ var _Accordion = _interopRequireDefault(require("@material-ui/core/Accordion"));
23
23
 
24
24
  var _AccordionDetails = _interopRequireDefault(require("@material-ui/core/AccordionDetails"));
25
25
 
26
- var _HiEditablePanelSummary = _interopRequireDefault(require("./HiEditablePanelSummary"));
26
+ var _HiAccordionSummary = _interopRequireDefault(require("../HiAccordionSummary"));
27
27
 
28
28
  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); }
29
29
 
30
30
  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; }
31
31
 
32
- var HiExpansionPanelEditable = function HiExpansionPanelEditable(props) {
32
+ var HiAccordion = function HiAccordion(props) {
33
33
  var _useState = (0, _react.useState)(true),
34
34
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
35
35
  isExpanded = _useState2[0],
@@ -53,7 +53,7 @@ var HiExpansionPanelEditable = function HiExpansionPanelEditable(props) {
53
53
  onChange: function onChange(e, exp) {
54
54
  return setExpanded(exp);
55
55
  }
56
- }, /*#__PURE__*/_react.default.createElement(_HiEditablePanelSummary.default, {
56
+ }, /*#__PURE__*/_react.default.createElement(_HiAccordionSummary.default, {
57
57
  editable: props.editable,
58
58
  heading: props.heading,
59
59
  secondaryHeading: props.secondaryHeading,
@@ -71,12 +71,12 @@ var HiExpansionPanelEditable = function HiExpansionPanelEditable(props) {
71
71
  }, props.editContent)) : props.content)));
72
72
  };
73
73
 
74
- var StyledHiExpansionPanelEditable = (0, _styledComponents.default)(HiExpansionPanelEditable).withConfig({
75
- displayName: "HiExpansionPanelEditable__StyledHiExpansionPanelEditable",
76
- componentId: "sc-a4n3de-0"
77
- })(["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) {
74
+ var StyledHiAccordion = (0, _styledComponents.default)(HiAccordion).withConfig({
75
+ displayName: "HiAccordion__StyledHiAccordion",
76
+ componentId: "sc-t8vs74-0"
77
+ })(["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) {
78
78
  var editMode = _ref.editMode;
79
79
  return editMode ? '0 0 24px 0' : '8px 0 24px 0';
80
80
  });
81
- var _default = StyledHiExpansionPanelEditable;
81
+ var _default = StyledHiAccordion;
82
82
  exports.default = _default;
package/HiAccordion/index.js ADDED
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _HiAccordion = _interopRequireDefault(require("./HiAccordion"));
11
+
12
+ var _default = _HiAccordion.default;
13
+ exports.default = _default;
package/HiAccordionActions/HiAccordionActions.js ADDED
@@ -0,0 +1,68 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _styledComponents = _interopRequireDefault(require("styled-components"));
11
+
12
+ var _react = _interopRequireDefault(require("react"));
13
+
14
+ var _HiButton = _interopRequireDefault(require("../HiButton"));
15
+
16
+ var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
17
+
18
+ var _Save = _interopRequireDefault(require("@material-ui/icons/Save"));
19
+
20
+ var _ref = /*#__PURE__*/_react.default.createElement(_Save.default, {
21
+ fontSize: "small"
22
+ });
23
+
24
+ var _ref2 = /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
25
+ size: 24,
26
+ color: "primary",
27
+ className: "save-loading-progress"
28
+ });
29
+
30
+ var HiAccordionActions = function HiAccordionActions(props) {
31
+ var handleCancel = function handleCancel() {
32
+ props.onCancel && props.onCancel();
33
+ };
34
+
35
+ var handleSave = function handleSave() {
36
+ props.onSave && props.onSave();
37
+ };
38
+
39
+ return /*#__PURE__*/_react.default.createElement("div", {
40
+ className: props.className
41
+ }, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
42
+ id: "cancel-button",
43
+ variant: "contained",
44
+ color: "#EEEEEE",
45
+ onClick: handleCancel,
46
+ disabled: props.isSaving
47
+ }, props.cancelLabel), /*#__PURE__*/_react.default.createElement("div", {
48
+ className: "save-wrapper"
49
+ }, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
50
+ variant: "contained",
51
+ color: "primary",
52
+ disabled: props.isSaving || props.disabled,
53
+ onClick: handleSave
54
+ }, _ref, /*#__PURE__*/_react.default.createElement("span", {
55
+ className: "save-text"
56
+ }, props.saveLabel)), props.isSaving && _ref2));
57
+ };
58
+
59
+ HiAccordionActions.defaultProps = {
60
+ disabled: false,
61
+ isSaving: false
62
+ };
63
+ var StyledHiAccordionActions = (0, _styledComponents.default)(HiAccordionActions).withConfig({
64
+ displayName: "HiAccordionActions__StyledHiAccordionActions",
65
+ componentId: "sc-sfgibt-0"
66
+ })(["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;}}"]);
67
+ var _default = StyledHiAccordionActions;
68
+ exports.default = _default;
package/HiAccordionActions/index.js ADDED
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _HiAccordionActions = _interopRequireDefault(require("./HiAccordionActions"));
11
+
12
+ var _default = _HiAccordionActions.default;
13
+ exports.default = _default;
package/{HiExpansionPanelEditable/HiEditablePanelSummary.js → HiAccordionSummary/HiAccordionSummary.js} RENAMED
@@ -19,17 +19,17 @@ var _Typography = _interopRequireDefault(require("@material-ui/core/Typography")
19
19
 
20
20
  var _MenuDown = _interopRequireDefault(require("mdi-material-ui/MenuDown"));
21
21
 
22
- var _HiButton = _interopRequireDefault(require("@hipay/hipay-material-ui/HiButton"));
23
-
24
22
  var _Edit = _interopRequireDefault(require("@material-ui/icons/Edit"));
25
23
 
24
+ var _HiButton = _interopRequireDefault(require("../HiButton"));
25
+
26
26
  var _ref = /*#__PURE__*/_react.default.createElement(_MenuDown.default, null);
27
27
 
28
28
  var _ref2 = /*#__PURE__*/_react.default.createElement(_Edit.default, {
29
29
  fontSize: "small"
30
30
  });
31
31
 
32
- var HiEditablePanelSummary = function HiEditablePanelSummary(props) {
32
+ var HiAccordionSummary = function HiAccordionSummary(props) {
33
33
  return /*#__PURE__*/_react.default.createElement(_AccordionSummary.default, {
34
34
  classes: {
35
35
  root: 'summary',
@@ -40,7 +40,8 @@ var HiEditablePanelSummary = function HiEditablePanelSummary(props) {
40
40
  }),
41
41
  expandIcon: props.editMode ? null : _ref
42
42
  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
43
- variant: "h2"
43
+ variant: "h2",
44
+ className: "heading"
44
45
  }, props.heading), !props.editMode && /*#__PURE__*/_react.default.createElement("div", {
45
46
  className: "secondary"
46
47
  }, !!props.secondaryHeading && /*#__PURE__*/_react.default.createElement(_Typography.default, {
@@ -56,17 +57,17 @@ var HiEditablePanelSummary = function HiEditablePanelSummary(props) {
56
57
  }, props.editLabel))));
57
58
  };
58
59
 
59
- HiEditablePanelSummary.defaultProps = {
60
+ HiAccordionSummary.defaultProps = {
60
61
  editable: false,
61
62
  editMode: false,
62
63
  editDisabled: false
63
64
  };
64
- var StyledHiEditablePanelSummary = (0, _styledComponents.default)(HiEditablePanelSummary).withConfig({
65
- displayName: "HiEditablePanelSummary__StyledHiEditablePanelSummary",
66
- componentId: "sc-53fakz-0"
67
- })(["&.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) {
65
+ var StyledHiAccordionSummary = (0, _styledComponents.default)(HiAccordionSummary).withConfig({
66
+ displayName: "HiAccordionSummary__StyledHiAccordionSummary",
67
+ componentId: "sc-x8gl70-0"
68
+ })(["&.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) {
68
69
  var theme = _ref3.theme;
69
70
  return theme.palette.neutral.light;
70
71
  });
71
- var _default = StyledHiEditablePanelSummary;
72
+ var _default = StyledHiAccordionSummary;
72
73
  exports.default = _default;
package/HiAccordionSummary/index.js ADDED
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _HiAccordionSummary = _interopRequireDefault(require("./HiAccordionSummary"));
11
+
12
+ var _default = _HiAccordionSummary.default;
13
+ exports.default = _default;
package/HiAlertModal/HiAlertModal.js CHANGED
@@ -98,7 +98,7 @@ var HiAlertModal = function HiAlertModal(props) {
98
98
  var StyledHiAlertModal = (0, _styledComponents.default)(HiAlertModal).withConfig({
99
99
  displayName: "HiAlertModal__StyledHiAlertModal",
100
100
  componentId: "sc-dmfyat-0"
101
- })([".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) {
101
+ })([".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) {
102
102
  var theme = _ref.theme;
103
103
  return theme.breakpoints.up('sm');
104
104
  }, function (_ref2) {
package/HiPaymentMeans/HiPaymentMeans.js CHANGED
@@ -544,7 +544,8 @@ var HiPaymentMeans = function HiPaymentMeans(props) {
544
544
  }, formatNumber), entity && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
545
545
  className: (0, _classnames.default)(classes.labelMedium, classes.entityLabel)
546
546
  }, translations.entity ? translations.entity : "ENTITY"), /*#__PURE__*/_react.default.createElement("div", {
547
- className: (0, _classnames.default)(classes.number, classes.entityNumber)
547
+ className: (0, _classnames.default)(classes.number, classes.entityNumber),
548
+ "data-name": "entity_number"
548
549
  }, entity)), /*#__PURE__*/_react.default.createElement("div", {
549
550
  className: (0, _classnames.default)(classes.labelLarge, classes.userNameSepa),
550
551
  title: username,
package/HiSelect/HiSelect.js CHANGED
@@ -345,7 +345,7 @@ var HiSelect = /*#__PURE__*/function (_React$PureComponent) {
345
345
  var item = _this.overlay.querySelector('li:not([tabindex^="-"])');
346
346
 
347
347
  if (selectedValue && typeof selectedValue === 'string') {
348
- item = _this.overlay.getElementsByTagName('li')[selectedValue];
348
+ item = _this.overlay.getElementsByTagName('li').namedItem(selectedValue);
349
349
  } else if (selectedValue && typeof selectedValue === 'number') {
350
350
  item = _this.overlay.querySelector('li:not([tabindex^="-"])')[selectedValue - 1];
351
351
  }
package/es/{HiExpansionPanelEditable/HiExpansionPanelEditable.js → HiAccordion/HiAccordion.js} RENAMED
@@ -23,13 +23,13 @@ var _Accordion = _interopRequireDefault(require("@material-ui/core/Accordion"));
23
23
 
24
24
  var _AccordionDetails = _interopRequireDefault(require("@material-ui/core/AccordionDetails"));
25
25
 
26
- var _HiEditablePanelSummary = _interopRequireDefault(require("./HiEditablePanelSummary"));
26
+ var _HiAccordionSummary = _interopRequireDefault(require("../HiAccordionSummary"));
27
27
 
28
28
  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); }
29
29
 
30
30
  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; }
31
31
 
32
- var HiExpansionPanelEditable = function HiExpansionPanelEditable(props) {
32
+ var HiAccordion = function HiAccordion(props) {
33
33
  var _useState = (0, _react.useState)(true),
34
34
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
35
35
  isExpanded = _useState2[0],
@@ -53,7 +53,7 @@ var HiExpansionPanelEditable = function HiExpansionPanelEditable(props) {
53
53
  onChange: function onChange(e, exp) {
54
54
  return setExpanded(exp);
55
55
  }
56
- }, /*#__PURE__*/_react.default.createElement(_HiEditablePanelSummary.default, {
56
+ }, /*#__PURE__*/_react.default.createElement(_HiAccordionSummary.default, {
57
57
  editable: props.editable,
58
58
  heading: props.heading,
59
59
  secondaryHeading: props.secondaryHeading,
@@ -71,12 +71,12 @@ var HiExpansionPanelEditable = function HiExpansionPanelEditable(props) {
71
71
  }, props.editContent)) : props.content)));
72
72
  };
73
73
 
74
- var StyledHiExpansionPanelEditable = (0, _styledComponents.default)(HiExpansionPanelEditable).withConfig({
75
- displayName: "HiExpansionPanelEditable__StyledHiExpansionPanelEditable",
76
- componentId: "sc-a4n3de-0"
77
- })(["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) {
74
+ var StyledHiAccordion = (0, _styledComponents.default)(HiAccordion).withConfig({
75
+ displayName: "HiAccordion__StyledHiAccordion",
76
+ componentId: "sc-t8vs74-0"
77
+ })(["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) {
78
78
  var editMode = _ref.editMode;
79
79
  return editMode ? '0 0 24px 0' : '8px 0 24px 0';
80
80
  });
81
- var _default = StyledHiExpansionPanelEditable;
81
+ var _default = StyledHiAccordion;
82
82
  exports.default = _default;
package/es/HiAccordion/index.js ADDED
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _HiAccordion = _interopRequireDefault(require("./HiAccordion"));
11
+
12
+ var _default = _HiAccordion.default;
13
+ exports.default = _default;
package/es/HiAccordionActions/HiAccordionActions.js ADDED
@@ -0,0 +1,68 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _styledComponents = _interopRequireDefault(require("styled-components"));
11
+
12
+ var _react = _interopRequireDefault(require("react"));
13
+
14
+ var _HiButton = _interopRequireDefault(require("../HiButton"));
15
+
16
+ var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
17
+
18
+ var _Save = _interopRequireDefault(require("@material-ui/icons/Save"));
19
+
20
+ var _ref = /*#__PURE__*/_react.default.createElement(_Save.default, {
21
+ fontSize: "small"
22
+ });
23
+
24
+ var _ref2 = /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
25
+ size: 24,
26
+ color: "primary",
27
+ className: "save-loading-progress"
28
+ });
29
+
30
+ var HiAccordionActions = function HiAccordionActions(props) {
31
+ var handleCancel = function handleCancel() {
32
+ props.onCancel && props.onCancel();
33
+ };
34
+
35
+ var handleSave = function handleSave() {
36
+ props.onSave && props.onSave();
37
+ };
38
+
39
+ return /*#__PURE__*/_react.default.createElement("div", {
40
+ className: props.className
41
+ }, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
42
+ id: "cancel-button",
43
+ variant: "contained",
44
+ color: "#EEEEEE",
45
+ onClick: handleCancel,
46
+ disabled: props.isSaving
47
+ }, props.cancelLabel), /*#__PURE__*/_react.default.createElement("div", {
48
+ className: "save-wrapper"
49
+ }, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
50
+ variant: "contained",
51
+ color: "primary",
52
+ disabled: props.isSaving || props.disabled,
53
+ onClick: handleSave
54
+ }, _ref, /*#__PURE__*/_react.default.createElement("span", {
55
+ className: "save-text"
56
+ }, props.saveLabel)), props.isSaving && _ref2));
57
+ };
58
+
59
+ HiAccordionActions.defaultProps = {
60
+ disabled: false,
61
+ isSaving: false
62
+ };
63
+ var StyledHiAccordionActions = (0, _styledComponents.default)(HiAccordionActions).withConfig({
64
+ displayName: "HiAccordionActions__StyledHiAccordionActions",
65
+ componentId: "sc-sfgibt-0"
66
+ })(["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;}}"]);
67
+ var _default = StyledHiAccordionActions;
68
+ exports.default = _default;
package/es/HiAccordionActions/index.js ADDED
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _HiAccordionActions = _interopRequireDefault(require("./HiAccordionActions"));
11
+
12
+ var _default = _HiAccordionActions.default;
13
+ exports.default = _default;
package/es/{HiExpansionPanelEditable/HiEditablePanelSummary.js → HiAccordionSummary/HiAccordionSummary.js} RENAMED
@@ -19,17 +19,17 @@ var _Typography = _interopRequireDefault(require("@material-ui/core/Typography")
19
19
 
20
20
  var _MenuDown = _interopRequireDefault(require("mdi-material-ui/MenuDown"));
21
21
 
22
- var _HiButton = _interopRequireDefault(require("@hipay/hipay-material-ui/HiButton"));
23
-
24
22
  var _Edit = _interopRequireDefault(require("@material-ui/icons/Edit"));
25
23
 
24
+ var _HiButton = _interopRequireDefault(require("../HiButton"));
25
+
26
26
  var _ref = /*#__PURE__*/_react.default.createElement(_MenuDown.default, null);
27
27
 
28
28
  var _ref2 = /*#__PURE__*/_react.default.createElement(_Edit.default, {
29
29
  fontSize: "small"
30
30
  });
31
31
 
32
- var HiEditablePanelSummary = function HiEditablePanelSummary(props) {
32
+ var HiAccordionSummary = function HiAccordionSummary(props) {
33
33
  return /*#__PURE__*/_react.default.createElement(_AccordionSummary.default, {
34
34
  classes: {
35
35
  root: 'summary',
@@ -40,7 +40,8 @@ var HiEditablePanelSummary = function HiEditablePanelSummary(props) {
40
40
  }),
41
41
  expandIcon: props.editMode ? null : _ref
42
42
  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
43
- variant: "h2"
43
+ variant: "h2",
44
+ className: "heading"
44
45
  }, props.heading), !props.editMode && /*#__PURE__*/_react.default.createElement("div", {
45
46
  className: "secondary"
46
47
  }, !!props.secondaryHeading && /*#__PURE__*/_react.default.createElement(_Typography.default, {
@@ -56,17 +57,17 @@ var HiEditablePanelSummary = function HiEditablePanelSummary(props) {
56
57
  }, props.editLabel))));
57
58
  };
58
59
 
59
- HiEditablePanelSummary.defaultProps = {
60
+ HiAccordionSummary.defaultProps = {
60
61
  editable: false,
61
62
  editMode: false,
62
63
  editDisabled: false
63
64
  };
64
- var StyledHiEditablePanelSummary = (0, _styledComponents.default)(HiEditablePanelSummary).withConfig({
65
- displayName: "HiEditablePanelSummary__StyledHiEditablePanelSummary",
66
- componentId: "sc-53fakz-0"
67
- })(["&.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) {
65
+ var StyledHiAccordionSummary = (0, _styledComponents.default)(HiAccordionSummary).withConfig({
66
+ displayName: "HiAccordionSummary__StyledHiAccordionSummary",
67
+ componentId: "sc-x8gl70-0"
68
+ })(["&.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) {
68
69
  var theme = _ref3.theme;
69
70
  return theme.palette.neutral.light;
70
71
  });
71
- var _default = StyledHiEditablePanelSummary;
72
+ var _default = StyledHiAccordionSummary;
72
73
  exports.default = _default;
package/es/HiAccordionSummary/index.js ADDED
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _HiAccordionSummary = _interopRequireDefault(require("./HiAccordionSummary"));
11
+
12
+ var _default = _HiAccordionSummary.default;
13
+ exports.default = _default;
package/es/HiAlertModal/HiAlertModal.js CHANGED
@@ -98,7 +98,7 @@ var HiAlertModal = function HiAlertModal(props) {
98
98
  var StyledHiAlertModal = (0, _styledComponents.default)(HiAlertModal).withConfig({
99
99
  displayName: "HiAlertModal__StyledHiAlertModal",
100
100
  componentId: "sc-dmfyat-0"
101
- })([".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) {
101
+ })([".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) {
102
102
  var theme = _ref.theme;
103
103
  return theme.breakpoints.up('sm');
104
104
  }, function (_ref2) {
package/es/HiPaymentMeans/HiPaymentMeans.js CHANGED
@@ -544,7 +544,8 @@ var HiPaymentMeans = function HiPaymentMeans(props) {
544
544
  }, formatNumber), entity && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
545
545
  className: (0, _classnames.default)(classes.labelMedium, classes.entityLabel)
546
546
  }, translations.entity ? translations.entity : "ENTITY"), /*#__PURE__*/_react.default.createElement("div", {
547
- className: (0, _classnames.default)(classes.number, classes.entityNumber)
547
+ className: (0, _classnames.default)(classes.number, classes.entityNumber),
548
+ "data-name": "entity_number"
548
549
  }, entity)), /*#__PURE__*/_react.default.createElement("div", {
549
550
  className: (0, _classnames.default)(classes.labelLarge, classes.userNameSepa),
550
551
  title: username,
package/es/HiSelect/HiSelect.js CHANGED
@@ -345,7 +345,7 @@ var HiSelect = /*#__PURE__*/function (_React$PureComponent) {
345
345
  var item = _this.overlay.querySelector('li:not([tabindex^="-"])');
346
346
 
347
347
  if (selectedValue && typeof selectedValue === 'string') {
348
- item = _this.overlay.getElementsByTagName('li')[selectedValue];
348
+ item = _this.overlay.getElementsByTagName('li').namedItem(selectedValue);
349
349
  } else if (selectedValue && typeof selectedValue === 'number') {
350
350
  item = _this.overlay.querySelector('li:not([tabindex^="-"])')[selectedValue - 1];
351
351
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@hipay/hipay-material-ui",
3
3
  "private": false,
4
- "version": "3.8.0",
4
+ "version": "3.9.0",
5
5
  "description": "React components that implement Google's Material Design.",
6
6
  "repository": {
7
7
  "type": "git",
package/HiExpansionPanelEditable/HiEditablePanelActions.js DELETED
@@ -1,57 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var _styledComponents = _interopRequireDefault(require("styled-components"));
11
-
12
- var _react = _interopRequireDefault(require("react"));
13
-
14
- var _HiButton = _interopRequireDefault(require("@hipay/hipay-material-ui/HiButton"));
15
-
16
- var _Save = _interopRequireDefault(require("@material-ui/icons/Save"));
17
-
18
- var _ref = /*#__PURE__*/_react.default.createElement(_Save.default, {
19
- fontSize: "small"
20
- });
21
-
22
- var HiEditablePanelActions = function HiEditablePanelActions(props) {
23
- var handleCancel = function handleCancel() {
24
- props.onCancel && props.onCancel();
25
- };
26
-
27
- var handleSave = function handleSave() {
28
- props.onSave && props.onSave();
29
- };
30
-
31
- return /*#__PURE__*/_react.default.createElement("div", {
32
- className: props.className
33
- }, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
34
- id: "cancelButton",
35
- variant: "contained",
36
- color: "#EEEEEE",
37
- onClick: handleCancel
38
- }, props.cancelLabel), /*#__PURE__*/_react.default.createElement(_HiButton.default, {
39
- id: "saveButton",
40
- variant: "contained",
41
- color: "primary",
42
- disabled: props.disabled,
43
- onClick: handleSave
44
- }, _ref, /*#__PURE__*/_react.default.createElement("span", {
45
- className: "saveText"
46
- }, props.saveLabel)));
47
- };
48
-
49
- HiEditablePanelActions.defaultProps = {
50
- disabled: false
51
- };
52
- var StyledHiEditablePanelActions = (0, _styledComponents.default)(HiEditablePanelActions).withConfig({
53
- displayName: "HiEditablePanelActions__StyledHiEditablePanelActions",
54
- componentId: "sc-3j4fiw-0"
55
- })(["display:flex;position:sticky;bottom:0;background-color:#ffffff;padding:20px 0;margin-bottom:-24px;#cancelButton{margin-right:20px;}.saveText{margin-left:6px;}"]);
56
- var _default = StyledHiEditablePanelActions;
57
- exports.default = _default;
package/es/HiExpansionPanelEditable/HiEditablePanelActions.js DELETED
@@ -1,57 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var _styledComponents = _interopRequireDefault(require("styled-components"));
11
-
12
- var _react = _interopRequireDefault(require("react"));
13
-
14
- var _HiButton = _interopRequireDefault(require("@hipay/hipay-material-ui/HiButton"));
15
-
16
- var _Save = _interopRequireDefault(require("@material-ui/icons/Save"));
17
-
18
- var _ref = /*#__PURE__*/_react.default.createElement(_Save.default, {
19
- fontSize: "small"
20
- });
21
-
22
- var HiEditablePanelActions = function HiEditablePanelActions(props) {
23
- var handleCancel = function handleCancel() {
24
- props.onCancel && props.onCancel();
25
- };
26
-
27
- var handleSave = function handleSave() {
28
- props.onSave && props.onSave();
29
- };
30
-
31
- return /*#__PURE__*/_react.default.createElement("div", {
32
- className: props.className
33
- }, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
34
- id: "cancelButton",
35
- variant: "contained",
36
- color: "#EEEEEE",
37
- onClick: handleCancel
38
- }, props.cancelLabel), /*#__PURE__*/_react.default.createElement(_HiButton.default, {
39
- id: "saveButton",
40
- variant: "contained",
41
- color: "primary",
42
- disabled: props.disabled,
43
- onClick: handleSave
44
- }, _ref, /*#__PURE__*/_react.default.createElement("span", {
45
- className: "saveText"
46
- }, props.saveLabel)));
47
- };
48
-
49
- HiEditablePanelActions.defaultProps = {
50
- disabled: false
51
- };
52
- var StyledHiEditablePanelActions = (0, _styledComponents.default)(HiEditablePanelActions).withConfig({
53
- displayName: "HiEditablePanelActions__StyledHiEditablePanelActions",
54
- componentId: "sc-3j4fiw-0"
55
- })(["display:flex;position:sticky;bottom:0;background-color:#ffffff;padding:20px 0;margin-bottom:-24px;#cancelButton{margin-right:20px;}.saveText{margin-left:6px;}"]);
56
- var _default = StyledHiEditablePanelActions;
57
- exports.default = _default;