@widergy/energy-ui 2.6.0 → 2.6.1

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 (6) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/components/UTModal/index.js +35 -35
  3. package/dist/components/UTModal/styles.module.scss +2 -1
  4. package/dist/components/UTModal/theme.js +2 -8
  5. package/dist/index.js +7 -0
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## [2.6.1](https://github.com/widergy/energy-ui/compare/v2.6.0...v2.6.1) (2023-09-01)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * added missing import ([#371](https://github.com/widergy/energy-ui/issues/371)) ([81aab33](https://github.com/widergy/energy-ui/commit/81aab3385149393de141f32a3f5b372818ee8647))
7
+
1
8
  # [2.6.0](https://github.com/widergy/energy-ui/compare/v2.5.4...v2.6.0) (2023-08-31)
2
9
 
3
10
 
package/dist/components/UTModal/index.js CHANGED
@@ -21,35 +21,30 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
21
21
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
22
22
  var UTModal = function UTModal(_ref) {
23
23
  var _status$, _status$2;
24
- var acceptButton = _ref.acceptButton,
25
- cancelButton = _ref.cancelButton,
26
- CustomActions = _ref.CustomActions,
24
+ var cancelAction = _ref.cancelAction,
27
25
  children = _ref.children,
28
26
  themeClasses = _ref.classes,
29
27
  classNames = _ref.classNames,
30
- handleClose = _ref.handleClose,
28
+ description = _ref.description,
29
+ handleClickAway = _ref.handleClickAway,
31
30
  isOpen = _ref.isOpen,
31
+ primaryAction = _ref.primaryAction,
32
+ removeBodyPadding = _ref.removeBodyPadding,
33
+ secondaryAction = _ref.secondaryAction,
32
34
  size = _ref.size,
33
35
  status = _ref.status,
34
- subtitle = _ref.subtitle,
35
- title = _ref.title,
36
- _ref$useBodyPadding = _ref.useBodyPadding,
37
- useBodyPadding = _ref$useBodyPadding === void 0 ? true : _ref$useBodyPadding,
38
- _ref$withClickAway = _ref.withClickAway,
39
- withClickAway = _ref$withClickAway === void 0 ? true : _ref$withClickAway;
36
+ title = _ref.title;
40
37
  var dialogRef = (0, _react.useRef)(null);
41
38
  (0, _react.useEffect)(function () {
42
39
  if (isOpen) dialogRef.current.showModal();else dialogRef.current.close();
43
40
  }, [isOpen]);
44
41
  var onClickDialog = function onClickDialog(event) {
45
- return withClickAway && handleClose && event.target.tagName === 'DIALOG' && handleClose();
42
+ return handleClickAway && event.target.tagName === 'DIALOG' && handleClickAway();
46
43
  };
47
44
  var classes = (0, _react.useMemo)(function () {
48
45
  return (0, _classesUtils.mergeClasses)(themeClasses, classNames);
49
46
  }, [classNames]);
50
47
  var StatusIcon = _constants.STATUS_ICONS[status];
51
- var hasDefaultActions = !(0, _object.objectIsEmpty)(acceptButton) || !(0, _object.objectIsEmpty)(cancelButton);
52
- var hasActions = hasDefaultActions || CustomActions;
53
48
  return /*#__PURE__*/_react.default.createElement("dialog", {
54
49
  className: "".concat(_stylesModule.default.container, " ").concat(size ? _stylesModule.default["container".concat(size[0].toUpperCase()).concat(size.toLowerCase().slice(1))] : _stylesModule.default.containerM),
55
50
  onClick: onClickDialog,
@@ -62,43 +57,48 @@ var UTModal = function UTModal(_ref) {
62
57
  className: _stylesModule.default.header
63
58
  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
64
59
  variant: "title3",
65
- className: classes.title
66
- }, title), subtitle && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
67
- className: classes.subtitle
68
- }, subtitle)), children && /*#__PURE__*/_react.default.createElement("div", {
69
- className: "".concat(_stylesModule.default.body, " ").concat(useBodyPadding && _stylesModule.default.bodyPadding)
70
- }, children), hasActions && /*#__PURE__*/_react.default.createElement("div", {
71
- className: "".concat(_stylesModule.default.actions, " ").concat(CustomActions && _stylesModule.default.withCustomActions, " ").concat(classes.actions)
72
- }, CustomActions && /*#__PURE__*/_react.default.createElement(CustomActions, null), hasDefaultActions && /*#__PURE__*/_react.default.createElement("div", {
60
+ weight: "medium"
61
+ }, title), description && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
62
+ colorTheme: "gray"
63
+ }, description)), children && /*#__PURE__*/_react.default.createElement("div", {
64
+ className: "".concat(_stylesModule.default.body, " ").concat(!removeBodyPadding && _stylesModule.default.bodyPadding)
65
+ }, children), /*#__PURE__*/_react.default.createElement("div", {
66
+ className: "\n ".concat(_stylesModule.default.actions, "\n ").concat(classes.actions, "\n ").concat(!(0, _object.objectIsEmpty)(secondaryAction) && _stylesModule.default.withCustomActions, "\n ")
67
+ }, !(0, _object.objectIsEmpty)(secondaryAction) && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
68
+ colorTheme: "secondary",
69
+ variant: "semitransparent"
70
+ }, secondaryAction), secondaryAction.label)), /*#__PURE__*/_react.default.createElement("div", {
73
71
  className: _stylesModule.default.defaultActions
74
- }, !(0, _object.objectIsEmpty)(cancelButton) && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
72
+ }, !(0, _object.objectIsEmpty)(cancelAction) && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
75
73
  colorTheme: "secondary",
76
74
  variant: "text"
77
- }, cancelButton), cancelButton.label || _constants.CANCEL_BUTTON_TEXT), !(0, _object.objectIsEmpty)(acceptButton) && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
75
+ }, cancelAction), cancelAction.label || _constants.CANCEL_BUTTON_TEXT), !(0, _object.objectIsEmpty)(primaryAction) && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
78
76
  colorTheme: "primary",
79
77
  variant: "filled"
80
- }, acceptButton), acceptButton.label || _constants.ACCEPT_BUTTON_TEXT)))));
78
+ }, primaryAction), primaryAction.label || _constants.ACCEPT_BUTTON_TEXT)))));
81
79
  };
82
80
  UTModal.propTypes = {
83
- acceptButton: (0, _propTypes.shape)({
84
- label: _propTypes.string,
85
- onClick: _propTypes.func
86
- }),
87
- cancelButton: (0, _propTypes.shape)({
81
+ cancelAction: (0, _propTypes.shape)({
88
82
  label: _propTypes.string,
89
83
  onClick: _propTypes.func
90
84
  }),
91
85
  classes: (0, _propTypes.objectOf)(_propTypes.string),
92
86
  classNames: (0, _propTypes.objectOf)(_propTypes.string),
93
- CustomActions: _propTypes.node,
94
- handleClose: _propTypes.func,
87
+ description: _propTypes.string,
88
+ handleClickAway: _propTypes.func,
95
89
  isOpen: _propTypes.bool,
90
+ primaryAction: (0, _propTypes.shape)({
91
+ label: _propTypes.string,
92
+ onClick: _propTypes.func
93
+ }),
94
+ removeBodyPadding: _propTypes.bool,
95
+ secondaryAction: (0, _propTypes.shape)({
96
+ label: _propTypes.string,
97
+ onClick: _propTypes.func
98
+ }),
96
99
  size: _propTypes.string,
97
100
  status: _propTypes.string,
98
- subtitle: _propTypes.string,
99
- title: _propTypes.string,
100
- useBodyPadding: _propTypes.bool,
101
- withClickAway: _propTypes.bool
101
+ title: _propTypes.string
102
102
  };
103
103
  var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTModal);
104
104
  exports.default = _default;
package/dist/components/UTModal/styles.module.scss CHANGED
@@ -55,7 +55,8 @@ $icon-size: 56px;
55
55
 
56
56
  .actions {
57
57
  align-items: center;
58
- border-top: solid 1px;
58
+ border-top-style: solid;
59
+ border-top-width: 1px;
59
60
  display: flex;
60
61
  flex-direction: row;
61
62
  grid-gap: 16px;
package/dist/components/UTModal/theme.js CHANGED
@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.retrieveStyle = void 0;
7
7
  var retrieveStyle = function retrieveStyle(_ref) {
8
- var _theme$UTModal$contai;
8
+ var _theme$UTModal;
9
9
  var theme = _ref.theme;
10
10
  return {
11
11
  container: {
12
12
  backgroundColor: theme.Palette.light['01'],
13
- boxShadow: ((_theme$UTModal$contai = theme.UTModal.container) === null || _theme$UTModal$contai === void 0 ? void 0 : _theme$UTModal$contai.boxShadow) || '0 3px 6px rgba(228, 230, 234, 0.9)'
13
+ boxShadow: ((_theme$UTModal = theme.UTModal) === null || _theme$UTModal === void 0 || (_theme$UTModal = _theme$UTModal.container) === null || _theme$UTModal === void 0 ? void 0 : _theme$UTModal.boxShadow) || '0 3px 6px rgba(228, 230, 234, 0.9)'
14
14
  },
15
15
  statusInfo: {
16
16
  backgroundColor: theme.Palette.information['04']
@@ -36,12 +36,6 @@ var retrieveStyle = function retrieveStyle(_ref) {
36
36
  iconError: {
37
37
  backgroundColor: theme.Palette.error['02']
38
38
  },
39
- title: {
40
- color: theme.Palette.dark['05']
41
- },
42
- subtitle: {
43
- color: theme.Palette.gray['04']
44
- },
45
39
  actions: {
46
40
  borderTopColor: theme.Palette.light['04']
47
41
  }
package/dist/index.js CHANGED
@@ -183,6 +183,12 @@ Object.defineProperty(exports, "UTMenu", {
183
183
  return _UTMenu.default;
184
184
  }
185
185
  });
186
+ Object.defineProperty(exports, "UTModal", {
187
+ enumerable: true,
188
+ get: function get() {
189
+ return _UTModal.default;
190
+ }
191
+ });
186
192
  Object.defineProperty(exports, "UTPagination", {
187
193
  enumerable: true,
188
194
  get: function get() {
@@ -376,6 +382,7 @@ var _UTList = _interopRequireDefault(require("./components/UTList"));
376
382
  var _UTLoading = _interopRequireDefault(require("./components/UTLoading"));
377
383
  var _UTMap = _interopRequireDefault(require("./components/UTMap"));
378
384
  var _UTMenu = _interopRequireDefault(require("./components/UTMenu"));
385
+ var _UTModal = _interopRequireDefault(require("./components/UTModal"));
379
386
  var _UTPagination = _interopRequireDefault(require("./components/UTPagination"));
380
387
  var _UTPanel = _interopRequireDefault(require("./components/UTPanel"));
381
388
  var _UTPasswordField = _interopRequireDefault(require("./components/UTPasswordField"));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widergy/energy-ui",
3
- "version": "2.6.0",
3
+ "version": "2.6.1",
4
4
  "description": "Widergy Web Components",
5
5
  "author": "widergy",
6
6
  "license": "MIT",