iguazio.dashboard-react-controls 2.0.6 → 2.0.8

package/dist/components/ConfirmDialog/ConfirmDialog.js

@@ -33,6 +33,7 @@ such restriction.
 const ConfirmDialog = _ref => {
   let {
     cancelButton,
+    children,
     className,
     closePopUp,
     confirmButton,
@@ -66,17 +67,22 @@ const ConfirmDialog = _ref => {
       children: [message && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: messageClassNames,
         children: message
+      }), children && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "confirm-dialog__body",
+        children: children
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "confirm-dialog__btn-container",
         children: [cancelButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
           className: "pop-up-dialog__btn_cancel",
           label: cancelButton.label,
           onClick: handleCancelDialog,
-          variant: cancelButton.variant
+          variant: cancelButton.variant,
+          disabled: cancelButton.disabled
         }), confirmButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
           label: confirmButton.label,
           onClick: handleConfirmDialog,
-          variant: confirmButton.variant
+          variant: confirmButton.variant,
+          disabled: confirmButton.disabled
         })]
       })]
     })

package/dist/components/ConfirmDialog/confirmDialog.scss

@@ -16,4 +16,8 @@
     justify-content: flex-end;
     margin-top: 20px;
   }
+
+  &__body {
+    margin: 20px 0;
+  }
 }

package/dist/components/FormRadio/FormRadio.js

@@ -8,6 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactFinalForm = require("react-final-form");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _Tooltip = _interopRequireDefault(require("../Tooltip/Tooltip"));
+var _TextTooltipTemplate = _interopRequireDefault(require("../TooltipTemplate/TextTooltipTemplate"));
 require("./FormRadio.scss");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -34,6 +36,7 @@ const FormRadio = _ref => {
     name,
     label,
     readOnly,
+    tooltip,
     ...inputProps
   } = _ref;
   const formFieldClassNames = (0, _classnames.default)('form-field-radio', readOnly && 'form-field-radio_readonly', className);
@@ -56,7 +59,16 @@ const FormRadio = _ref => {
           ...inputProps,
           checked: input.checked,
           id: name + inputProps.value
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+        }), tooltip ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+          className: "label",
+          template: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextTooltipTemplate.default, {
+            text: tooltip
+          }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+            htmlFor: name + inputProps.value,
+            children: label
+          })
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
           htmlFor: name + inputProps.value,
           children: label
         })]

package/dist/images/alert-yellow.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.66669 8.33337H7.33335V5.00004H8.66669V8.33337ZM8.66669 11H7.33335V9.66671H8.66669V11ZM0.666687 13H15.3334L8.00002 0.333374L0.666687 13Z" fill="#F98B0A"/>
+</svg>

package/dist/scss/mixins.scss

@@ -1126,7 +1126,7 @@
     pointer-events: none;
     opacity: 0.5;
 
-    ~ label {
+    ~ label, ~ .label {
       pointer-events: none;
       opacity: 0.5;
     }
@@ -1165,7 +1165,7 @@
       border-color: currentColor;
     }
 
-    ~ label {
+    ~ label, ~ .label {
       color: $spunPearl;
       cursor: not-allowed;
     }
@@ -1192,7 +1192,7 @@
     }
   }
 
-  ~ label {
+  ~ label, ~ .label {
     display: flex;
     flex: 1;
     align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "iguazio.dashboard-react-controls",
-    "version": "2.0.6",
+    "version": "2.0.8",
     "description": "Collection of resources (such as CSS styles, fonts and images) and ReactJS 17.x components to share among different Iguazio React repos.",
     "main": "dist/index.js",
     "module": "dist/index.js",