hrm_ui_lib 2.0.3 → 2.1.0-alpha.3

package/components/FormContainer/index.js

@@ -1,55 +1 @@
-export { FormContainer } from './FormContainer.js';
-import '@babel/runtime/helpers/extends';
-import 'react';
-import 'react-hook-form';
-import '@hookform/resolvers';
-import 'classnames';
-import '../../context/types.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '../../Alert-V_kH4Snn.js';
-import '../Alert/consts.js';
-import '../Text/Text.js';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
+import{FormContainer as e}from"./FormContainer.js";export{e as FormContainer};

package/components/FormContainer/types.d.ts

@@ -1,7 +1,6 @@
 import { ReactNode } from 'react';
-import { FormState } from 'react-hook-form';
+import { FormState, ValidationMode } from 'react-hook-form';
 import { AnyObjectSchema } from 'yup';
-import { ValidationMode } from 'react-hook-form/dist/types/form';
 import { TButtonPropTypes } from '../Button/types';
 export type TDirtyFields = Partial<Readonly<{
     [x: string]: unknown;
@@ -18,4 +17,5 @@ export interface FormPropTypes {
     mode?: keyof ValidationMode;
     reValidateMode?: 'onChange' | 'onSubmit' | 'onBlur' | undefined;
     formId?: string;
+    language?: string;
 }

package/components/FormContainer/types.js

@@ -1 +0,0 @@
-

package/components/FormField/FormField.js

@@ -1,115 +1,3 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React, { useContext } from 'react';
-import { ErrorMessage } from '@hookform/error-message';
-import classNames from 'classnames';
-import 'dayjs';
-import { ErrorMessage as ErrorMessage$1 } from '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../consts/index.js';
-import { FormContext } from '../../context/types.js';
-import '../../hooks/useScreenSize.js';
-import { Controller } from 'react-hook-form';
-import '../../Alert-V_kH4Snn.js';
-import 'react-syntax-highlighter';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '../../type/file-upload.js';
-import '../Alert/consts.js';
-import '../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var FormField = function FormField(props) {
-  var As = props.As,
-    name = props.name,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$dataId = props.dataId,
-    dataId = _props$dataId === void 0 ? '' : _props$dataId,
-    _props$hideErrorMessa = props.hideErrorMessage,
-    hideErrorMessage = _props$hideErrorMessa === void 0 ? false : _props$hideErrorMessa,
-    errorMessageIcon = props.errorMessageIcon;
-  var _useContext = useContext(FormContext),
-    register = _useContext.register,
-    errors = _useContext.errors,
-    setValue = _useContext.setValue,
-    control = _useContext.control;
-  if (!register) {
-    return null;
-  }
-  var registerOptions = register(name);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('form-container__field', className, name)
-  }, /*#__PURE__*/React.createElement(Controller, {
-    control: control,
-    name: name,
-    render: function render(_ref) {
-      var field = _ref.field,
-        fieldState = _ref.fieldState;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, As(_objectSpread(_objectSpread({
-        hasError: !!fieldState.error,
-        isValid: fieldState.isTouched && fieldState.isDirty && !fieldState.invalid,
-        dataId: dataId
-      }, registerOptions), {}, {
-        setFieldValue: function setFieldValue(data, name, options) {
-          return setValue(data, name, _objectSpread({
-            shouldValidate: true,
-            shouldDirty: true,
-            shouldTouch: true
-          }, options));
-        }
-      }, field)), !hideErrorMessage ? /*#__PURE__*/React.createElement(ErrorMessage, {
-        name: name,
-        errors: errors,
-        render: function render(_ref2) {
-          var message = _ref2.message;
-          return /*#__PURE__*/React.createElement(ErrorMessage$1, {
-            dataId: dataId,
-            message: message || '',
-            className: "full-width",
-            icon: errorMessageIcon
-          });
-        }
-      }) : null);
-    }
-  }));
-};
-
-export { FormField };
+import{jsx as s,jsxs as M,Fragment as V}from"react/jsx-runtime";import{useContext as N}from"react";import{ErrorMessage as C}from"@hookform/error-message";import{ErrorMessage as j}from"../../helperComponents/ErrorMessage/ErrorMessage.js";import{FormContext as v}from"../../context/types.js";import{Controller as y}from"react-hook-form";import D from"classnames";const b=r=>{const{As:e,name:o,className:a="",dataId:t="",hideErrorMessage:l=!1,errorMessageIcon:n,defaultValue:i}=r,{register:m,errors:d,setValue:u,control:c}=N(v);if(!m)return null;const f=m(o);/* @__PURE__ */
+return s("div",{className:D("form-container__field",a,o),children:/* @__PURE__ */s(y,{control:c,name:o,...i?{defaultValue:i}:{},render:({field:r,fieldState:a})=>{var i;/* @__PURE__ */
+return M(V,{children:[e({hasError:!!a.error,isValid:a.isTouched&&a.isDirty&&!a.invalid,dataId:t,...f,setFieldValue:(r,e,s)=>u(r,e,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0,...s}),...r}),l?null:/* @__PURE__ */s(C,{name:null!=(i=null==d?void 0:d[o])&&i.root?`${o}.root`:o,errors:d,render:({message:r})=>/* @__PURE__ */s(j,{dataId:t,message:r||"",className:"full-width",icon:n})})]})}})})};export{b as FormField};

package/components/FormField/index.js

@@ -1,56 +1 @@
-export { FormField } from './FormField.js';
-import '@babel/runtime/helpers/defineProperty';
-import 'react';
-import '@hookform/error-message';
-import 'classnames';
-import 'dayjs';
-import '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../context/types.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../Alert-V_kH4Snn.js';
-import '../Alert/consts.js';
-import '../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
+import{FormField as e}from"./FormField.js";export{e as FormField};

package/components/FormField/types.d.ts

@@ -5,4 +5,5 @@ export interface TFormFieldPropTypes {
     dataId?: string;
     hideErrorMessage?: boolean;
     errorMessageIcon?: string;
+    defaultValue?: any;
 }

package/components/FormField/types.js

@@ -1 +0,0 @@
-

package/components/Heading/Heading.js

@@ -1,29 +1,2 @@
-import React from 'react';
-import { noop } from '../../utils/helpers.js';
-import classNames from 'classnames';
-import 'dayjs';
-
-var Heading = function Heading(props) {
-  var children = props.children,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'small' : _props$size,
-    _props$lineHeight = props.lineHeight,
-    lineHeight = _props$lineHeight === void 0 ? 'large' : _props$lineHeight,
-    _props$type = props.type,
-    As = _props$type === void 0 ? 'h1' : _props$type,
-    _props$weight = props.weight,
-    weight = _props$weight === void 0 ? 'regular' : _props$weight,
-    _props$onClick = props.onClick,
-    onClick = _props$onClick === void 0 ? noop : _props$onClick,
-    _props$dataId = props.dataId,
-    dataId = _props$dataId === void 0 ? '' : _props$dataId;
-  return /*#__PURE__*/React.createElement(As, {
-    dataid: dataId,
-    onClick: onClick,
-    className: classNames('heading', size && "heading-".concat(size), weight, lineHeight && "lh-".concat(lineHeight), className)
-  }, children);
-};
-
-export { Heading };
+import{jsx as n}from"react/jsx-runtime";import{noop as d}from"../../utils/helpers.js";import c from"classnames";const f=e=>{const{children:a,className:s="",size:i="small",lineHeight:r="large",type:l="h1",weight:t="regular",onClick:o=d,dataId:m=""}=e;/* @__PURE__ */
+return n(l,{dataid:m,onClick:o,className:c("heading",i&&`heading-${i}`,t,r&&`lh-${r}`,s),children:a})};export{f as Heading};

package/components/Heading/index.js

@@ -1,5 +1 @@
-export { Heading } from './Heading.js';
-import 'react';
-import '../../utils/helpers.js';
-import 'dayjs';
-import 'classnames';
+import{Heading as r}from"./Heading.js";export{r as Heading};

package/components/Heading/types.js

@@ -1 +0,0 @@
-

package/components/Image/Image.js

@@ -1,33 +1 @@
-import React from 'react';
-
-var Image = function Image(props) {
-  var name = props.name,
-    _props$imagePath = props.imagePath,
-    imagePath = _props$imagePath === void 0 ? 'static/media/src/assets/images/image-placeholder.png' : _props$imagePath,
-    isBackgroundImage = props.isBackgroundImage,
-    backgroundSize = props.backgroundSize,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    isFullWidth = props.isFullWidth,
-    isFullHeight = props.isFullHeight,
-    ratio = props.ratio;
-  return isBackgroundImage ? /*#__PURE__*/React.createElement("div", {
-    className: "image image--bg ".concat(className),
-    style: {
-      backgroundImage: "".concat(imagePath ? "url(".concat(imagePath, ")") : ''),
-      backgroundSize: backgroundSize,
-      aspectRatio: ratio
-    }
-  }) : /*#__PURE__*/React.createElement("img", {
-    className: "image ".concat(className),
-    src: imagePath,
-    alt: name,
-    style: {
-      aspectRatio: ratio,
-      width: isFullWidth ? '100%' : '',
-      height: isFullHeight ? '100%' : ''
-    }
-  });
-};
-
-export { Image };
+import{jsx as i}from"react/jsx-runtime";const d=a=>{const{name:e,imagePath:s="static/media/src/assets/images/image-placeholder.png",isBackgroundImage:t,backgroundSize:g,className:m="",isFullWidth:c,isFullHeight:r,ratio:l}=a;return t?/* @__PURE__ */i("div",{className:`image image--bg ${m}`,style:{backgroundImage:""+(s?`url(${s})`:""),backgroundSize:g,aspectRatio:l}}):/* @__PURE__ */i("img",{className:`image ${m}`,src:s,alt:e,style:{aspectRatio:l,width:c?"100%":"",height:r?"100%":""}})};export{d as Image};

package/components/Image/index.js

@@ -1,2 +1 @@
-export { Image } from './Image.js';
-import 'react';
+import{Image as o}from"./Image.js";export{o as Image};

package/components/Image/types.js

@@ -1 +0,0 @@
-

package/components/Input/Input.js

@@ -1,243 +1,9 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _extends from '@babel/runtime/helpers/extends';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React, { useMemo } from 'react';
-import InputMask from 'react-input-mask';
-import classNames from 'classnames';
-import { NumericFormat } from 'react-number-format';
-import { Label } from '../../helperComponents/Label/Label.js';
-import { ErrorMessage } from '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import { Text } from '../Text/Text.js';
-import '../../consts/index.js';
-import 'dayjs';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../Alert-V_kH4Snn.js';
-import 'react-syntax-highlighter';
-import { IconCheckmarkCircleFilled } from '../SVGIcons/IconCheckmarkCircleFilled.js';
-import '../../utils/helpers.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '../../type/file-upload.js';
-import '../Alert/consts.js';
-import '../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-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", "handleBlurEvent"];
-var Input = /*#__PURE__*/React.forwardRef(function (_ref, _ref2) {
-  var datePlaceHolderText = _ref.datePlaceHolderText,
-    className = _ref.className,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    error = _ref.error,
-    hasError = _ref.hasError,
-    label = _ref.label,
-    mask = _ref.mask,
-    maskChar = _ref.maskChar,
-    maskPlaceholder = _ref.maskPlaceholder,
-    currentValue = _ref.currentValue,
-    name = _ref.name,
-    leftIconProps = _ref.leftIconProps,
-    rightIconProps = _ref.rightIconProps,
-    disabled = _ref.disabled,
-    required = _ref.required,
-    readonly = _ref.readonly,
-    placeholder = _ref.placeholder,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'text' : _ref$type,
-    helperText = _ref.helperText,
-    successMessage = _ref.successMessage,
-    maxCount = _ref.maxCount,
-    setFieldValue = _ref.setFieldValue,
-    handleChange = _ref.handleChange,
-    _ref$dataId = _ref.dataId,
-    dataId = _ref$dataId === void 0 ? '' : _ref$dataId,
-    isValid = _ref.isValid,
-    allowLeadingZeros = _ref.allowLeadingZeros,
-    _ref$thousandSeparato = _ref.thousandSeparator,
-    thousandSeparator = _ref$thousandSeparato === void 0 ? '' : _ref$thousandSeparato,
-    _ref$allowNegative = _ref.allowNegative,
-    allowNegative = _ref$allowNegative === void 0 ? false : _ref$allowNegative,
-    _ref$hideCounter = _ref.hideCounter,
-    hideCounter = _ref$hideCounter === void 0 ? false : _ref$hideCounter,
-    labelAddons = _ref.labelAddons,
-    _ref$witUpperCase = _ref.witUpperCase,
-    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;
-  var changeHandler = function changeHandler(event) {
-    var eventValue = event.target.value;
-    var valueWithoutSeparator = type === 'numeric' ? eventValue.replace(new RegExp(thousandSeparator, 'g'), '') : eventValue;
-    if (eventValue.length - 1 === maxCount) {
-      return;
-    }
-    if (onChange) {
-      onChange(event);
-    }
-    if (setFieldValue && name) {
-      setFieldValue(name, valueWithoutSeparator);
-    }
-    if (handleChange) {
-      handleChange(event, !witUpperCase ? valueWithoutSeparator : valueWithoutSeparator.toUpperCase());
-    }
-  };
-  var currentLength = useMemo(function () {
-    if (currentValue) {
-      return currentValue.length;
-    }
-    if (rest && rest.value && typeof rest.value === 'string') {
-      return rest.value.length;
-    }
-    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
-  React.createElement(InputMask, _extends({
-    name: name,
-    mask: mask
-    // @ts-ignore
-    ,
-    ref: function ref() {
-      return _ref2 && _ref2();
-    }
-  }, rest, {
-    placeholder: placeHolder,
-    onBlur: onBlurCallback,
-    onChange: changeHandler,
-    disabled: disabled,
-    "data-id": dataId,
-    className: "".concat(isErrorVisible ? 'with-error-styles' : '')
-  }, currentValue ? {
-    value: currentValue
-  } : {}, {
-    maskChar: maskChar,
-    maskPlaceholder: maskPlaceholder
-  })) : type === 'numeric' ?
-  /*#__PURE__*/
-  // @ts-ignore
-  React.createElement(NumericFormat, _extends({}, rest, {
-    name: name,
-    onChange: changeHandler,
-    placeholder: placeHolder,
-    readOnly: readonly,
-    allowLeadingZeros: allowLeadingZeros,
-    thousandSeparator: thousandSeparator,
-    allowNegative: allowNegative,
-    maxLength: maxCount,
-    inputMode: 'numeric',
-    disabled: disabled,
-    isAllowed: isAllowed,
-    onBlur: onBlurCallback
-  }, currentValue !== undefined ? {
-    value: currentValue
-  } : {})) :
-  /*#__PURE__*/
-  // @ts-ignore
-  React.createElement("input", _extends({
-    readOnly: readonly,
-    disabled: disabled,
-    name: name,
-    ref: _ref2,
-    type: type,
-    placeholder: placeHolder,
-    "data-id": dataId
-  }, rest, {
-    onBlur: onBlurCallback,
-    onChange: changeHandler
-  }, currentValue !== undefined ? {
-    value: currentValue
-  } : {}));
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames("input input--".concat(size), className, {
-      'input--icon-left': leftIconProps,
-      'input--icon-right': rightIconProps,
-      'input--invalid': isErrorVisible || !!error,
-      'input--valid': isValid,
-      'input--disabled': disabled
-    })
-  }, /*#__PURE__*/React.createElement(Label, {
-    text: label,
-    required: required,
-    disabled: disabled,
-    labelAddons: labelAddons,
-    dataId: dataId
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "input__inner"
-  }, input, leftIconProps !== null && leftIconProps !== void 0 && leftIconProps.Component ? /*#__PURE__*/React.createElement(leftIconProps.Component, _extends({
-    size: "small"
-  }, leftIconProps, {
-    className: classNames('input__icon', 'input__icon--left', _defineProperty({}, leftIconProps.className || '', !!leftIconProps.className))
-  })) : null, rightIconProps !== null && rightIconProps !== void 0 && rightIconProps.Component ? /*#__PURE__*/React.createElement(rightIconProps.Component, _extends({
-    size: "small"
-  }, rightIconProps, {
-    className: classNames('input__icon', 'input__icon--right', _defineProperty({}, rightIconProps.className || '', !!rightIconProps.className))
-  })) : null), error || successMessage || helperText || maxCount ? /*#__PURE__*/React.createElement("div", {
-    className: "input__message mt-8"
-  }, isErrorVisible && error ? /*#__PURE__*/React.createElement(ErrorMessage, {
-    message: error,
-    icon: "infoFilled",
-    dataId: dataId
-  }) : null, successMessage ? /*#__PURE__*/React.createElement(Text, {
-    size: "small",
-    type: "success",
-    className: "flexbox align-items--center"
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconCheckmarkCircleFilled, {
-    type: "success",
-    size: "xsmall"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "ml-4"
-  }, successMessage))) : null, helperText && !successMessage && !(isErrorVisible || error) ? /*#__PURE__*/React.createElement(Text, {
-    size: "small",
-    type: disabled ? 'disabled' : 'secondary'
-  }, helperText) : null, maxCount && !hideCounter && !hasError ? /*#__PURE__*/React.createElement(Text, {
-    size: "small",
-    type: disabled ? 'disabled' : 'secondary',
-    className: "input__counter"
-  }, "".concat(currentLength, "/").concat(maxCount)) : null) : null);
-});
-Input.displayName = 'FormInput';
-
-export { Input };
+import{jsx as l,jsxs as d,Fragment as E}from"react/jsx-runtime";import r,{useMemo as V}from"react";import I from"react-input-mask";import h from"classnames";import{NumericFormat as P}from"react-number-format";import{ErrorMessage as ii}from"../../helperComponents/ErrorMessage/ErrorMessage.js";import{Label as li}from"../../helperComponents/Label/Label.js";import{Text as k}from"../Text/Text.js";import ni from"../SVGIcons/IconCheckmarkCircleFilled.js";const mi=r.forwardRef(({datePlaceHolderText:e,className:a,size:s="medium",error:n,hasError:r,label:i,mask:o,maskChar:t,maskPlaceholder:m,currentValue:c,name:u,leftIconProps:p,rightIconProps:g,disabled:f,required:v,readonly:C,placeholder:N,type:x="text",helperText:b,successMessage:y,maxCount:_,setFieldValue:w,handleChange:j,dataId:z="",isValid:F,allowLeadingZeros:L,thousandSeparator:M="",allowNegative:B=!1,hideCounter:T=!1,labelAddons:A,witUpperCase:S=!1,isAllowed:$,onChange:q,handleBlurEvent:O,...R},U)=>{const Z=void 0!==r?r:!!n,G=i===N?"":N||e,H=e=>{const l=e.target.value,a="numeric"===x?l.replace(new RegExp(M,"g"),""):l;l.length-1!==_&&(q&&q(e),w&&u&&w(u,a),j&&j(e,S?a.toUpperCase():a))},D=V(()=>c?c.length:R&&R.value&&"string"==typeof R.value?R.value.length:0,[R,c]),J=e=>{var l;null==(l=null==R?void 0:R.onBlur)||l.call(R,e),null==O||O(e)},K=o?
+/* @__PURE__ */l(I,{name:u,mask:o,ref:()=>U&&U(),...R,placeholder:G,onBlur:J,onChange:H,disabled:f,"data-id":z,className:""+(Z?"with-error-styles":""),...c?{value:c}:{},maskChar:t,maskPlaceholder:m}):"numeric"===x?
+/* @__PURE__ */l(P,{...R,name:u,onChange:H,placeholder:G,readOnly:C,allowLeadingZeros:L,thousandSeparator:M,allowNegative:B,maxLength:_,inputMode:"numeric",disabled:f,isAllowed:$,onBlur:J,...void 0!==c?{value:c}:{}}):
+/* @__PURE__ */l("input",{readOnly:C,disabled:f,name:u,ref:U,type:x,placeholder:G,"data-id":z,...R,onBlur:J,onChange:H,...void 0!==c?{value:c}:{}});/* @__PURE__ */
+return d("div",{className:h(`input input--${s}`,a,{"input--icon-left":p,"input--icon-right":g,"input--invalid":Z||!!n,"input--valid":F,"input--disabled":f}),children:[
+/* @__PURE__ */l(li,{text:i,required:v,disabled:f,labelAddons:A,dataId:z}),
+/* @__PURE__ */d("div",{className:"input__inner",children:[K,null!=p&&p.Component?/* @__PURE__ */l(p.Component,{size:"small",...p,className:h("input__icon","input__icon--left",{[p.className||""]:!!p.className})}):null,null!=g&&g.Component?/* @__PURE__ */l(g.Component,{size:"small",...g,className:h("input__icon","input__icon--right",{[g.className||""]:!!g.className})}):null]}),n||y||b||_?/* @__PURE__ */d("div",{className:"input__message mt-8",children:[Z&&n?/* @__PURE__ */l(ii,{message:n,icon:"infoFilled",dataId:z}):null,y?/* @__PURE__ */l(k,{size:"small",type:"success",className:"flexbox align-items--center",children:/* @__PURE__ */d(E,{children:[
+/* @__PURE__ */l(ni,{type:"success",size:"xsmall"}),
+/* @__PURE__ */l("span",{className:"ml-4",children:y})]})}):null,!b||y||Z||n?null:/* @__PURE__ */l(k,{size:"small",type:f?"disabled":"secondary",children:b}),!_||T||r?null:/* @__PURE__ */l(k,{size:"small",type:f?"disabled":"secondary",className:"input__counter",children:`${D}/${_}`})]}):null]})});mi.displayName="FormInput";export{mi as Input};