iguazio.dashboard-react-controls 1.8.2 → 1.8.4

package/dist/components/FormInput/FormInput.js

@@ -22,7 +22,7 @@ var _popout = require("../../images/popout.svg");
 var _warning = require("../../images/warning.svg");
 require("./formInput.scss");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["async", "className", "density", "disabled", "focused", "iconClass", "iconClick", "inputIcon", "invalidText", "label", "link", "name", "onBlur", "onChange", "pattern", "required", "suggestionList", "tip", "validationRules", "validator", "withoutBorder"];
+var _excluded = ["async", "className", "customRequiredLabel", "density", "disabled", "focused", "iconClass", "iconClick", "inputIcon", "invalidText", "label", "link", "name", "onBlur", "onChange", "onFocus", "pattern", "required", "suggestionList", "tip", "validationRules", "validator", "withoutBorder"];
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with
@@ -62,6 +62,7 @@ var FormInput = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var _ref2;
   var async = _ref.async,
     className = _ref.className,
+    customRequiredLabel = _ref.customRequiredLabel,
     density = _ref.density,
     disabled = _ref.disabled,
     focused = _ref.focused,
@@ -74,6 +75,7 @@ var FormInput = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     name = _ref.name,
     onBlur = _ref.onBlur,
     onChange = _ref.onChange,
+    onFocus = _ref.onFocus,
     pattern = _ref.pattern,
     required = _ref.required,
     suggestionList = _ref.suggestionList,
@@ -181,6 +183,7 @@ var FormInput = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   };
   var handleInputFocus = function handleInputFocus(event) {
     input.onFocus && input.onFocus(event);
+    onFocus && onFocus();
     setIsFocused(true);
   };
   var handleScroll = function handleScroll(event) {
@@ -207,7 +210,7 @@ var FormInput = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     if (required && valueToValidate.trim().length === 0) {
       validationError = {
         name: 'required',
-        label: 'This field is required'
+        label: customRequiredLabel || 'This field is required'
       };
     } else if (!(0, _lodash.isEmpty)(rules) && !async) {
       var _checkPatternsValidit = (0, _validation.checkPatternsValidity)(rules, valueToValidate),
@@ -422,6 +425,7 @@ var FormInput = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
 FormInput.defaultProps = {
   async: false,
   className: '',
+  customRequiredLabel: '',
   density: 'normal',
   disabled: false,
   focused: false,
@@ -454,6 +458,7 @@ FormInput.defaultProps = {
 FormInput.propTypes = {
   async: _propTypes.default.bool,
   className: _propTypes.default.string,
+  customRequiredLabel: _propTypes.default.string,
   density: _propTypes.default.oneOf(['dense', 'normal', 'medium', 'chunky']),
   disabled: _propTypes.default.bool,
   focused: _propTypes.default.bool,
@@ -468,6 +473,7 @@ FormInput.propTypes = {
   name: _propTypes.default.string.isRequired,
   onBlur: _propTypes.default.func,
   onChange: _propTypes.default.func,
+  onFocus: _propTypes.default.func,
   onKeyDown: _propTypes.default.func,
   pattern: _propTypes.default.string,
   placeholder: _propTypes.default.string,

package/dist/components/FormInput/InputNumberButtons/InputNumberButtons.js

@@ -40,12 +40,14 @@ var InputNumberButtons = function InputNumberButtons(_ref) {
     event.preventDefault();
     if (max && value >= max) return;
     var newValue = isCurrentValueEmpty() ? step : (0, _math.performFloatOperation)(value, step, '+');
+    newValue = max && newValue > max ? max : newValue;
     onChange(newValue);
   };
   var handleDecrease = function handleDecrease(event) {
     event.preventDefault();
     if (min && value <= min) return;
     var newValue = isCurrentValueEmpty() ? -step : (0, _math.performFloatOperation)(value, step, '-');
+    newValue = min && newValue < min ? min : newValue;
     onChange(newValue);
   };
   var isCurrentValueEmpty = function isCurrentValueEmpty() {

package/dist/utils/common.util.js

@@ -29,7 +29,7 @@ var openPopUp = function openPopUp(element, props) {
   return (0, _reactModalPromise.create)(element)(props);
 };
 exports.openPopUp = openPopUp;
-var openConfirmPopUp = function openConfirmPopUp(confirmHandler, message) {
+var openConfirmPopUp = function openConfirmPopUp(message, confirmHandler) {
   return openPopUp(_components.ConfirmDialog, {
     cancelButton: {
       label: 'Cancel',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "iguazio.dashboard-react-controls",
-    "version": "1.8.2",
+    "version": "1.8.4",
     "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",