hrm_ui_lib 2.0.1 → 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/components/SVGIcons/IconFood.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { ISVGIconProps } from './types';
+export declare const IconFood: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconFood;

package/components/SVGIcons/IconFood.js

@@ -0,0 +1,29 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import React from 'react';
+import classNames from 'classnames';
+
+var IconFood = function IconFood(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M18.25 3.25C18.6297 3.25 18.9435 3.53215 18.9932 3.89823L19 4V20C19 20.4142 18.6642 20.75 18.25 20.75C17.8703 20.75 17.5565 20.4678 17.5068 20.1018L17.5 20V15H15.25C14.8703 15 14.5565 14.7178 14.5068 14.3518L14.5 14.25V7C14.5 4.92893 16.1789 3.25 18.25 3.25ZM12.25 3.25C12.6297 3.25 12.9435 3.53215 12.9932 3.89823L13 4V8C13 9.95258 11.6009 11.5784 9.7506 11.9297L9.75 20C9.75 20.4142 9.41421 20.75 9 20.75C8.6203 20.75 8.30651 20.4678 8.25685 20.1018L8.25 20L8.25039 11.9299C6.46566 11.5915 5.10054 10.0675 5.00531 8.20795L5 8V4C5 3.58579 5.33579 3.25 5.75 3.25C6.1297 3.25 6.44349 3.53215 6.49315 3.89823L6.5 4V8C6.5 9.11957 7.23593 10.0672 8.25042 10.3857L8.25 4C8.25 3.58579 8.58579 3.25 9 3.25C9.3797 3.25 9.69349 3.53215 9.74315 3.89823L9.75 4L9.75057 10.3854C10.7082 10.0843 11.4174 9.22253 11.4933 8.18486L11.5 8V4C11.5 3.58579 11.8358 3.25 12.25 3.25ZM17.5 13.5V4.87803C16.6775 5.16874 16.0745 5.9241 16.0064 6.82871L16 7V13.5H17.5V4.87803V13.5Z",
+    fill: "#0E121B"
+  }));
+};
+
+export { IconFood, IconFood as default };

package/components/SVGIcons/IconFoodFilled.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { ISVGIconProps } from './types';
+export declare const IconFoodFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconFoodFilled;

package/components/SVGIcons/IconFoodFilled.js

@@ -0,0 +1,29 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import React from 'react';
+import classNames from 'classnames';
+
+var IconFoodFilled = function IconFoodFilled(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M18 3C18.5128 3 18.9355 3.38604 18.9933 3.88338L19 4V20C19 20.5523 18.5523 21 18 21C17.4872 21 17.0645 20.614 17.0067 20.1166L17 20V15H16C15.4872 15 15.0645 14.614 15.0067 14.1166L15 14V8C15 5.79086 16.5 3 18 3ZM12 3C12.5128 3 12.9355 3.38604 12.9933 3.88338L13 4V9C13 10.8636 11.7256 12.4295 10.0008 12.8738L10 20C10 20.5523 9.55228 21 9 21C8.48716 21 8.06449 20.614 8.00673 20.1166L8 20L8.00024 12.874C6.33879 12.4465 5.09505 10.9784 5.0052 9.20584L5 9V4C5 3.44772 5.44772 3 6 3C6.51284 3 6.93551 3.38604 6.99327 3.88338L7 4V9C7 9.74025 7.40217 10.3866 7.99993 10.7324L8 4C8 3.44772 8.44772 3 9 3C9.51284 3 9.93551 3.38604 9.99327 3.88338L10 4L10.0011 10.7318C10.5523 10.4125 10.937 9.83745 10.993 9.16897L11 9V4C11 3.44772 11.4477 3 12 3Z",
+    fill: "#0E121B"
+  }));
+};
+
+export { IconFoodFilled, IconFoodFilled as default };

package/components/SVGIcons/index.d.ts

@@ -158,6 +158,8 @@ export * from './IconFlag';
 export * from './IconFlagFilled';
 export * from './IconFolderLink';
 export * from './IconFolderLinkFilled';
+export * from './IconFood';
+export * from './IconFoodFilled';
 export * from './IconGb';
 export * from './IconGlobe';
 export * from './IconGlobeFilled';

package/components/SVGIcons/index.js

@@ -158,6 +158,8 @@ export { IconFlag } from './IconFlag.js';
 export { IconFlagFilled } from './IconFlagFilled.js';
 export { IconFolderLink } from './IconFolderLink.js';
 export { IconFolderLinkFilled } from './IconFolderLinkFilled.js';
+export { IconFood } from './IconFood.js';
+export { IconFoodFilled } from './IconFoodFilled.js';
 export { IconGb } from './IconGb.js';
 export { IconGlobe } from './IconGlobe.js';
 export { IconGlobeFilled } from './IconGlobeFilled.js';

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/index.js

@@ -206,6 +206,8 @@ export { IconFlag } from './components/SVGIcons/IconFlag.js';
 export { IconFlagFilled } from './components/SVGIcons/IconFlagFilled.js';
 export { IconFolderLink } from './components/SVGIcons/IconFolderLink.js';
 export { IconFolderLinkFilled } from './components/SVGIcons/IconFolderLinkFilled.js';
+export { IconFood } from './components/SVGIcons/IconFood.js';
+export { IconFoodFilled } from './components/SVGIcons/IconFoodFilled.js';
 export { IconGb } from './components/SVGIcons/IconGb.js';
 export { IconGlobe } from './components/SVGIcons/IconGlobe.js';
 export { IconGlobeFilled } from './components/SVGIcons/IconGlobeFilled.js';

package/package.json

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