hrm_ui_lib 2.0.2 → 2.0.3

package/components/FormContainer/FormContainer.js

@@ -120,7 +120,10 @@ var FormContainer = function FormContainer(props) {
       setError: setError,
       dirtyFields: dirtyFields,
       getFieldState: getFieldState,
-      unregister: unregister
+      unregister: unregister,
+      onSubmit: function onSubmit() {
+        return handleSubmit(customSubmit)();
+      }
     }
   }, /*#__PURE__*/React.createElement(React.Fragment, null, children, buttonConfigs && /*#__PURE__*/React.createElement("div", {
     className: "form-container__buttons"

package/components/Input/Input.js

@@ -56,7 +56,7 @@ import '../SVGIcons/IconArrowDownloadFilled.js';
 import '../../helpers/download-file.js';
 import '../Button/consts.js';
 
-var _excluded = ["datePlaceHolderText", "className", "size", "error", "hasError", "label", "mask", "maskChar", "maskPlaceholder", "currentValue", "name", "leftIconProps", "rightIconProps", "disabled", "required", "readonly", "placeholder", "type", "helperText", "successMessage", "maxCount", "setFieldValue", "handleChange", "dataId", "isValid", "allowLeadingZeros", "thousandSeparator", "allowNegative", "hideCounter", "labelAddons", "witUpperCase", "isAllowed", "onChange"];
+var _excluded = ["datePlaceHolderText", "className", "size", "error", "hasError", "label", "mask", "maskChar", "maskPlaceholder", "currentValue", "name", "leftIconProps", "rightIconProps", "disabled", "required", "readonly", "placeholder", "type", "helperText", "successMessage", "maxCount", "setFieldValue", "handleChange", "dataId", "isValid", "allowLeadingZeros", "thousandSeparator", "allowNegative", "hideCounter", "labelAddons", "witUpperCase", "isAllowed", "onChange", "handleBlurEvent"];
 var Input = /*#__PURE__*/React.forwardRef(function (_ref, _ref2) {
   var datePlaceHolderText = _ref.datePlaceHolderText,
     className = _ref.className,
@@ -98,6 +98,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, _ref2) {
     witUpperCase = _ref$witUpperCase === void 0 ? false : _ref$witUpperCase,
     isAllowed = _ref.isAllowed,
     onChange = _ref.onChange,
+    handleBlurEvent = _ref.handleBlurEvent,
     rest = _objectWithoutProperties(_ref, _excluded);
   var isErrorVisible = hasError !== undefined ? hasError : !!error;
   var placeHolder = label === placeholder ? '' : placeholder || datePlaceHolderText;
@@ -126,6 +127,11 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, _ref2) {
     }
     return 0;
   }, [rest, currentValue]);
+  var onBlurCallback = function onBlurCallback(e) {
+    var _rest$onBlur;
+    rest === null || rest === void 0 || (_rest$onBlur = rest.onBlur) === null || _rest$onBlur === void 0 || _rest$onBlur.call(rest, e);
+    handleBlurEvent === null || handleBlurEvent === void 0 || handleBlurEvent(e);
+  };
   var input = mask ?
   /*#__PURE__*/
   // @ts-ignore
@@ -139,6 +145,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, _ref2) {
     }
   }, rest, {
     placeholder: placeHolder,
+    onBlur: onBlurCallback,
     onChange: changeHandler,
     disabled: disabled,
     "data-id": dataId,
@@ -162,7 +169,8 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, _ref2) {
     maxLength: maxCount,
     inputMode: 'numeric',
     disabled: disabled,
-    isAllowed: isAllowed
+    isAllowed: isAllowed,
+    onBlur: onBlurCallback
   }, currentValue !== undefined ? {
     value: currentValue
   } : {})) :
@@ -177,6 +185,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, _ref2) {
     placeholder: placeHolder,
     "data-id": dataId
   }, rest, {
+    onBlur: onBlurCallback,
     onChange: changeHandler
   }, currentValue !== undefined ? {
     value: currentValue

package/components/Input/types.d.ts

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes, ReactElement, RefObject } from 'react';
+import { InputHTMLAttributes, ReactElement, RefObject, FocusEvent } from 'react';
 import { ISVGIconProps } from '../SVGIcons/types';
 export interface InputCustomProps extends IFormCompProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'onFocus' | 'value' | 'onChange' | 'autoComplete'> {
     mask?: string;
@@ -24,6 +24,7 @@ export interface InputCustomProps extends IFormCompProps, Omit<InputHTMLAttribut
     successMessage?: string;
     maxCount?: number;
     onFocus?: (event: TClickEventType) => void;
+    handleBlurEvent?: (e: FocusEvent<HTMLInputElement>) => void;
     hideCounter?: boolean;
     allowNegative?: boolean;
     currencySymbol?: string;

package/context/types.d.ts

@@ -16,5 +16,6 @@ export type TFormContextProps = {
     trigger?: UseFormTrigger<TFormData>;
     getFieldState?: UseFormGetFieldState<TFormData>;
     unregister?: UseFormUnregister<TFormData>;
+    onSubmit?: () => void;
 };
 export declare const FormContext: import("react").Context<TFormContextProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hrm_ui_lib",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "UI library for Dino",
   "main": "./index.js",
   "module": "./index.js",