iguazio.dashboard-react-controls 2.0.6 → 2.0.7

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.
@@ -33,6 +33,7 @@ such restriction.
33
33
  const ConfirmDialog = _ref => {
34
34
  let {
35
35
  cancelButton,
36
+ children,
36
37
  className,
37
38
  closePopUp,
38
39
  confirmButton,
@@ -66,17 +67,22 @@ const ConfirmDialog = _ref => {
66
67
  children: [message && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
67
68
  className: messageClassNames,
68
69
  children: message
70
+ }), children && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
71
+ className: "confirm-dialog__body",
72
+ children: children
69
73
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
70
74
  className: "confirm-dialog__btn-container",
71
75
  children: [cancelButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
72
76
  className: "pop-up-dialog__btn_cancel",
73
77
  label: cancelButton.label,
74
78
  onClick: handleCancelDialog,
75
- variant: cancelButton.variant
79
+ variant: cancelButton.variant,
80
+ disabled: cancelButton.disabled
76
81
  }), confirmButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
77
82
  label: confirmButton.label,
78
83
  onClick: handleConfirmDialog,
79
- variant: confirmButton.variant
84
+ variant: confirmButton.variant,
85
+ disabled: confirmButton.disabled
80
86
  })]
81
87
  })]
82
88
  })
@@ -16,4 +16,8 @@
16
16
  justify-content: flex-end;
17
17
  margin-top: 20px;
18
18
  }
19
+
20
+ &__body {
21
+ margin: 20px 0;
22
+ }
19
23
  }
@@ -8,6 +8,8 @@ var _react = _interopRequireDefault(require("react"));
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
  var _reactFinalForm = require("react-final-form");
10
10
  var _classnames = _interopRequireDefault(require("classnames"));
11
+ var _Tooltip = _interopRequireDefault(require("../Tooltip/Tooltip"));
12
+ var _TextTooltipTemplate = _interopRequireDefault(require("../TooltipTemplate/TextTooltipTemplate"));
11
13
  require("./FormRadio.scss");
12
14
  var _jsxRuntime = require("react/jsx-runtime");
13
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -34,6 +36,7 @@ const FormRadio = _ref => {
34
36
  name,
35
37
  label,
36
38
  readOnly,
39
+ tooltip,
37
40
  ...inputProps
38
41
  } = _ref;
39
42
  const formFieldClassNames = (0, _classnames.default)('form-field-radio', readOnly && 'form-field-radio_readonly', className);
@@ -56,7 +59,16 @@ const FormRadio = _ref => {
56
59
  ...inputProps,
57
60
  checked: input.checked,
58
61
  id: name + inputProps.value
59
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
62
+ }), tooltip ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
63
+ className: "label",
64
+ template: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextTooltipTemplate.default, {
65
+ text: tooltip
66
+ }),
67
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
68
+ htmlFor: name + inputProps.value,
69
+ children: label
70
+ })
71
+ }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
60
72
  htmlFor: name + inputProps.value,
61
73
  children: label
62
74
  })]
@@ -1126,7 +1126,7 @@
1126
1126
  pointer-events: none;
1127
1127
  opacity: 0.5;
1128
1128
 
1129
- ~ label {
1129
+ ~ label, ~ .label {
1130
1130
  pointer-events: none;
1131
1131
  opacity: 0.5;
1132
1132
  }
@@ -1165,7 +1165,7 @@
1165
1165
  border-color: currentColor;
1166
1166
  }
1167
1167
 
1168
- ~ label {
1168
+ ~ label, ~ .label {
1169
1169
  color: $spunPearl;
1170
1170
  cursor: not-allowed;
1171
1171
  }
@@ -1192,7 +1192,7 @@
1192
1192
  }
1193
1193
  }
1194
1194
 
1195
- ~ label {
1195
+ ~ label, ~ .label {
1196
1196
  display: flex;
1197
1197
  flex: 1;
1198
1198
  align-items: center;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "iguazio.dashboard-react-controls",
3
- "version": "2.0.6",
3
+ "version": "2.0.7",
4
4
  "description": "Collection of resources (such as CSS styles, fonts and images) and ReactJS 17.x components to share among different Iguazio React repos.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",