iguazio.dashboard-react-controls 0.0.39 → 1.2.0

package/dist/components/FormTextarea/FormTextarea.js

@@ -1,95 +1,81 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactFinalForm = require("react-final-form");
-
 var _TextTooltipTemplate = _interopRequireDefault(require("../TooltipTemplate/TextTooltipTemplate"));
-
 var _Tip = _interopRequireDefault(require("../Tip/Tip"));
-
 var _Tooltip = _interopRequireDefault(require("../Tooltip/Tooltip"));
-
 var _invalid = require("../../images/invalid.svg");
-
 require("./formTextarea.scss");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["className", "disabled", "focused", "iconClass", "invalidText", "label", "maxLength", "name", "onBlur", "onChange", "required", "textAreaIcon", "tip", "withoutBorder"];
-
+/*
+Copyright 2022 Iguazio Systems Ltd.
+Licensed under the Apache License, Version 2.0 (the "License") with
+an addition restriction as set forth herein. You may not use this
+file except in compliance with the License. You may obtain a copy of
+the License at http://www.apache.org/licenses/LICENSE-2.0.
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+implied. See the License for the specific language governing
+permissions and limitations under the License.
+In addition, you may not use the software for any purposes that are
+illegal under applicable law, and the grant of the foregoing license
+under the Apache 2.0 license is conditioned upon your compliance with
+such restriction.
+*/
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var FormTextarea = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      disabled = _ref.disabled,
-      focused = _ref.focused,
-      iconClass = _ref.iconClass,
-      invalidText = _ref.invalidText,
-      label = _ref.label,
-      maxLength = _ref.maxLength,
-      name = _ref.name,
-      onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
-      required = _ref.required,
-      textAreaIcon = _ref.textAreaIcon,
-      tip = _ref.tip,
-      withoutBorder = _ref.withoutBorder,
-      textareaProps = _objectWithoutProperties(_ref, _excluded);
-
+    disabled = _ref.disabled,
+    focused = _ref.focused,
+    iconClass = _ref.iconClass,
+    invalidText = _ref.invalidText,
+    label = _ref.label,
+    maxLength = _ref.maxLength,
+    name = _ref.name,
+    onBlur = _ref.onBlur,
+    onChange = _ref.onChange,
+    required = _ref.required,
+    textAreaIcon = _ref.textAreaIcon,
+    tip = _ref.tip,
+    withoutBorder = _ref.withoutBorder,
+    textareaProps = _objectWithoutProperties(_ref, _excluded);
   var _useField = (0, _reactFinalForm.useField)(name),
-      input = _useField.input,
-      meta = _useField.meta;
-
+    input = _useField.input,
+    meta = _useField.meta;
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isInvalid = _useState2[0],
-      setIsInvalid = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isInvalid = _useState2[0],
+    setIsInvalid = _useState2[1];
   var _useState3 = (0, _react.useState)(input.value.length),
-      _useState4 = _slicedToArray(_useState3, 2),
-      textAreaCount = _useState4[0],
-      setTextAreaCount = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    textAreaCount = _useState4[0],
+    setTextAreaCount = _useState4[1];
   var textAreaRef = /*#__PURE__*/_react.default.createRef();
-
   var formFieldClassNames = (0, _classnames.default)('form-field-textarea', className);
   var labelClassNames = (0, _classnames.default)('form-field__label', disabled && 'form-field__label-disabled');
   var textAreaClassNames = (0, _classnames.default)('form-field__wrapper', disabled && 'form-field__wrapper-disabled', isInvalid && 'form-field__wrapper-invalid', withoutBorder && 'without-border');
@@ -101,26 +87,21 @@ var FormTextarea = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   (0, _react.useEffect)(function () {
     setIsInvalid(meta.invalid && (meta.validating || meta.modified || meta.submitFailed && meta.touched));
   }, [meta.invalid, meta.modified, meta.submitFailed, meta.touched, meta.validating]);
-
   var handleInputBlur = function handleInputBlur(event) {
     input.onBlur(event);
     onBlur && onBlur(event);
   };
-
   var handleInputChange = function handleInputChange(event) {
     input.onChange(event);
     setTextAreaCount(event.target.value.length);
     onChange && onChange(event.target.value);
   };
-
   var handleInputFocus = function handleInputFocus(event) {
     input.onFocus(event);
   };
-
   var validateField = function validateField(value) {
     var valueToValidate = value !== null && value !== void 0 ? value : '';
     var validationError = null;
-
     if (valueToValidate.startsWith(' ')) {
       validationError = {
         name: 'empty',
@@ -132,18 +113,15 @@ var FormTextarea = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
         label: 'This field is required'
       };
     }
-
     return validationError;
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
     validate: validateField,
     name: name,
     children: function children(_ref2) {
       var _meta$error$label, _meta$error;
-
       var input = _ref2.input,
-          meta = _ref2.meta;
+        meta = _ref2.meta;
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         ref: ref,
         className: formFieldClassNames,
@@ -200,7 +178,6 @@ var FormTextarea = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     }
   });
 });
-
 FormTextarea.defaultProps = {
   className: '',
   disabled: false,
@@ -233,7 +210,5 @@ FormTextarea.propTypes = {
   required: _propTypes.default.bool,
   tip: _propTypes.default.string
 };
-
 var _default = /*#__PURE__*/_react.default.memo(FormTextarea);
-
 exports.default = _default;

package/dist/components/Modal/Modal.js

@@ -4,31 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactTransitionGroup = require("react-transition-group");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Backdrop = _interopRequireDefault(require("../Backdrop/Backdrop"));
-
 var _RoundedIcon = _interopRequireDefault(require("../RoundedIcon/RoundedIcon"));
-
 var _constants = require("../../constants");
-
 var _types = require("../../types");
-
 var _close = require("../../images/close.svg");
-
 require("./Modal.scss");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with
@@ -45,15 +32,16 @@ illegal under applicable law, and the grant of the foregoing license
 under the Apache 2.0 license is conditioned upon your compliance with
 such restriction.
 */
+
 var Modal = function Modal(_ref) {
   var actions = _ref.actions,
-      children = _ref.children,
-      className = _ref.className,
-      onClose = _ref.onClose,
-      size = _ref.size,
-      show = _ref.show,
-      subTitle = _ref.subTitle,
-      title = _ref.title;
+    children = _ref.children,
+    className = _ref.className,
+    onClose = _ref.onClose,
+    size = _ref.size,
+    show = _ref.show,
+    subTitle = _ref.subTitle,
+    title = _ref.title;
   var modalClassNames = (0, _classnames.default)('modal', className, size && "modal-".concat(size));
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Backdrop.default, {
@@ -105,7 +93,6 @@ var Modal = function Modal(_ref) {
     })]
   });
 };
-
 Modal.defaultProps = {
   actions: [],
   show: false,

package/dist/components/Modal/Modal.scss

@@ -60,8 +60,8 @@
   &__header {
     position: relative;
     border-bottom: $primaryBorder;
-    height: 92px;
-    padding: 0 3rem;
+    min-height: 92px;
+    padding: 1rem 3rem;
     display: flex;
     align-items: center;
     justify-content: center;

package/dist/components/PopUpDialog/PopUpDialog.js

@@ -1,89 +1,75 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactDom = require("react-dom");
-
 var _RoundedIcon = _interopRequireDefault(require("../RoundedIcon/RoundedIcon"));
-
 var _Tooltip = _interopRequireDefault(require("../Tooltip/Tooltip"));
-
 var _TextTooltipTemplate = _interopRequireDefault(require("../TooltipTemplate/TextTooltipTemplate"));
-
 var _types = require("../../types");
-
 var _close = require("../../images/close.svg");
-
 require("./popUpDialog.scss");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /*
+                                                                      Copyright 2022 Iguazio Systems Ltd.
+                                                                      Licensed under the Apache License, Version 2.0 (the "License") with
+                                                                      an addition restriction as set forth herein. You may not use this
+                                                                      file except in compliance with the License. You may obtain a copy of
+                                                                      the License at http://www.apache.org/licenses/LICENSE-2.0.
+                                                                      Unless required by applicable law or agreed to in writing, software
+                                                                      distributed under the License is distributed on an "AS IS" BASIS,
+                                                                      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+                                                                      implied. See the License for the specific language governing
+                                                                      permissions and limitations under the License.
+                                                                      In addition, you may not use the software for any purposes that are
+                                                                      illegal under applicable law, and the grant of the foregoing license
+                                                                      under the Apache 2.0 license is conditioned upon your compliance with
+                                                                      such restriction.
+                                                                      */
 var PopUpDialog = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var _ref2;
-
   var children = _ref.children,
-      className = _ref.className,
-      closePopUp = _ref.closePopUp,
-      customPosition = _ref.customPosition,
-      headerIsHidden = _ref.headerIsHidden,
-      headerText = _ref.headerText,
-      style = _ref.style,
-      tooltipText = _ref.tooltipText;
+    className = _ref.className,
+    closePopUp = _ref.closePopUp,
+    customPosition = _ref.customPosition,
+    headerIsHidden = _ref.headerIsHidden,
+    headerText = _ref.headerText,
+    style = _ref.style,
+    tooltipText = _ref.tooltipText;
   var popUpOverlayRef = (0, _react.useRef)(null);
   (_ref2 = ref) !== null && _ref2 !== void 0 ? _ref2 : ref = popUpOverlayRef;
   var popUpClassNames = (0, _classnames.default)(className, 'pop-up-dialog__overlay', customPosition.element && 'custom-position');
   var calculateCustomPopUpPosition = (0, _react.useCallback)(function () {
     if (customPosition && customPosition.element) {
       var _ref3;
-
       var elementRect = customPosition.element.current.getBoundingClientRect();
       var popUpRect = (_ref3 = ref) === null || _ref3 === void 0 ? void 0 : _ref3.current.getBoundingClientRect();
-
       var _customPosition$posit = customPosition.position.split('-'),
-          _customPosition$posit2 = _slicedToArray(_customPosition$posit, 2),
-          verticalPosition = _customPosition$posit2[0],
-          horizontalPosition = _customPosition$posit2[1];
-
+        _customPosition$posit2 = _slicedToArray(_customPosition$posit, 2),
+        verticalPosition = _customPosition$posit2[0],
+        horizontalPosition = _customPosition$posit2[1];
       var leftPosition = horizontalPosition === 'left' ? elementRect.right - popUpRect.width : elementRect.left;
       var topPosition;
-
       if (verticalPosition === 'top') {
         topPosition = elementRect.top > popUpRect.height ? elementRect.top - popUpRect.height - 5 : 5;
       } else {
         topPosition = popUpRect.height + elementRect.bottom > window.innerHeight ? window.innerHeight - popUpRect.height - 5 : elementRect.bottom + 5;
       }
-
       ref.current.style.top = "".concat(topPosition, "px");
-
       if (style.left) {
         ref.current.style.left = "calc(".concat(leftPosition, "px + ").concat(style.left, ")");
       } else {
@@ -131,7 +117,6 @@ var PopUpDialog = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     })
   }), document.getElementById('overlay_container'));
 });
-
 PopUpDialog.defaultProps = {
   className: '',
   closePopUp: function closePopUp() {},

package/dist/components/RoundedIcon/RoundedIcon.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Tooltip = _interopRequireDefault(require("../Tooltip/Tooltip"));
-
 var _TextTooltipTemplate = _interopRequireDefault(require("../TooltipTemplate/TextTooltipTemplate"));
-
 require("./roundedIcon.scss");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with
@@ -37,14 +28,15 @@ illegal under applicable law, and the grant of the foregoing license
 under the Apache 2.0 license is conditioned upon your compliance with
 such restriction.
 */
+
 var RoundedIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      className = _ref.className,
-      disabled = _ref.disabled,
-      id = _ref.id,
-      isActive = _ref.isActive,
-      onClick = _ref.onClick,
-      tooltipText = _ref.tooltipText;
+    className = _ref.className,
+    disabled = _ref.disabled,
+    id = _ref.id,
+    isActive = _ref.isActive,
+    onClick = _ref.onClick,
+    tooltipText = _ref.tooltipText;
   var wrapperClassNames = (0, _classnames.default)('round-icon-cp', className);
   var IconClassNames = (0, _classnames.default)('round-icon-cp__circle', isActive && 'round-icon-cp__circle-active', disabled && 'round-icon-cp__circle-disabled');
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -65,7 +57,6 @@ var RoundedIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     })
   });
 });
-
 RoundedIcon.defaultProps = {
   className: '',
   disabled: false,
@@ -83,7 +74,5 @@ RoundedIcon.propTypes = {
   onClick: _propTypes.default.func,
   tooltipText: _propTypes.default.string
 };
-
 var _default = /*#__PURE__*/_react.default.memo(RoundedIcon);
-
 exports.default = _default;

package/dist/components/RoundedIcon/roundedIcon.scss

@@ -10,8 +10,8 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 30px;
-    height: 30px;
+    width: 36px;
+    height: 36px;
     padding: 4px;
 
     & > * {

package/dist/components/Tip/Tip.js

@@ -1,65 +1,57 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactTransitionGroup = require("react-transition-group");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactDom = require("react-dom");
-
 var _questionMark = require("../../images/question-mark.svg");
-
 var _tip = _interopRequireDefault(require("./tip.scss"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /*
+                                                                      Copyright 2022 Iguazio Systems Ltd.
+                                                                      Licensed under the Apache License, Version 2.0 (the "License") with
+                                                                      an addition restriction as set forth herein. You may not use this
+                                                                      file except in compliance with the License. You may obtain a copy of
+                                                                      the License at http://www.apache.org/licenses/LICENSE-2.0.
+                                                                      Unless required by applicable law or agreed to in writing, software
+                                                                      distributed under the License is distributed on an "AS IS" BASIS,
+                                                                      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+                                                                      implied. See the License for the specific language governing
+                                                                      permissions and limitations under the License.
+                                                                      In addition, you may not use the software for any purposes that are
+                                                                      illegal under applicable law, and the grant of the foregoing license
+                                                                      under the Apache 2.0 license is conditioned upon your compliance with
+                                                                      such restriction.
+                                                                      */
 var arrowOffset = parseInt(_tip.default.arrowoffset);
 var arrowLength = parseInt(_tip.default.arrowlength);
 var iconLength = parseInt(_tip.default.iconlength);
 var minTextLength = 40;
-
 var Tip = function Tip(_ref) {
   var className = _ref.className,
-      text = _ref.text;
-
+    text = _ref.text;
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isShow = _useState2[0],
-      setIsShow = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isShow = _useState2[0],
+    setIsShow = _useState2[1];
   var _useState3 = (0, _react.useState)('tip_top tip_left'),
-      _useState4 = _slicedToArray(_useState3, 2),
-      tipClassName = _useState4[0],
-      setTipClassName = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    tipClassName = _useState4[0],
+    setTipClassName = _useState4[1];
   var iconRef = (0, _react.useRef)();
   var tipBodyRef = (0, _react.useRef)();
   var tipContainerClassNames = (0, _classnames.default)(className, 'tip-container');
@@ -71,26 +63,20 @@ var Tip = function Tip(_ref) {
     var widthPosition = iconRect.left > tipRect.width - arrowOffset ? 'tip_left' : 'tip_right';
     var heightPosition = iconRect.top > tipRect.height + arrowLength ? 'tip_top' : 'tip_bottom';
     setTipClassName("".concat(heightPosition, " ").concat(widthPosition));
-
     if (widthPosition === 'tip_left') {
       var computedArrowOffset = arrowOffset + (iconLength + arrowLength) / 2;
       tipBodyRef.current.style.left = "".concat(iconRect.left - (tipRect.width - computedArrowOffset), "px");
     } else {
       var _computedArrowOffset = arrowOffset - (iconLength - arrowLength) / 2;
-
       tipBodyRef.current.style.left = "".concat(iconRect.left - _computedArrowOffset, "px");
     }
-
     tipBodyRef.current.style.top = heightPosition === 'tip_top' ? "".concat(iconRect.top - tipRect.height - arrowLength, "px") : "".concat(iconRect.bottom + arrowLength, "px");
   }, []);
-
   var handleMouseLeave = function handleMouseLeave() {
     setIsShow(false);
   };
-
   (0, _react.useEffect)(function () {
     var node = iconRef.current;
-
     if (iconRef.current) {
       node.addEventListener('mouseenter', handleMouseEnter);
       node.addEventListener('mouseleave', handleMouseLeave);
@@ -123,7 +109,6 @@ var Tip = function Tip(_ref) {
     }), document.getElementById('overlay_container'))]
   });
 };
-
 Tip.defaultProps = {
   className: ''
 };