hrm_ui_lib 2.4.13 → 2.4.15

package/{Alert-ZfoErb1N.js → Alert-J0vpQBbX.js}

@@ -1,5 +1,5 @@
 import _extends from '@babel/runtime/helpers/extends';
-import React, { useMemo, forwardRef, useState, useCallback, useId, useEffect, useRef } from 'react';
+import React__default, { useMemo, forwardRef, useState, useCallback, useId, useEffect, useRef } from 'react';
 import { TYPE_MAPPING, ICONS_MAPPING } from './components/Alert/consts.js';
 import classNames from 'classnames';
 import { Text } from './components/Text/Text.js';
@@ -20,14 +20,14 @@ import './helpers/format-date.js';
 import { getTranslationLocale } from './helpers/locale.js';
 import 'react-toastify';
 import { useIsMobile } from './hooks/useGetIsMobile.js';
-import { motion } from 'framer-motion';
-import { AnimatePresenceWrapper } from './helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
+import { A as AnimatePresenceWrapper } from './AnimatePresenceWrapper-B3VV4GfQ.js';
 import { useOnOutsideClick } from './hooks/useOnOutsideClick.js';
 import { useHideBodyScroll } from './hooks/useHideBodyScroll.js';
 import { IconDismiss } from './components/SVGIcons/IconDismiss.js';
 import { Positions } from './components/Tooltip/types.js';
 import { Tooltip } from './components/Tooltip/Tooltip.js';
 import { uniqueFiles, noop } from './utils/helpers.js';
+import { m as motion } from './proxy-CVuPfbZr.js';
 import 'react-syntax-highlighter';
 import { Link } from './components/Link/Link.js';
 import { PopoverDesktop } from './components/Popover/PopoverDesktop.js';
@@ -138,7 +138,7 @@ var ErrorItem = function ErrorItem(_ref) {
     }
     return '';
   }, [code]);
-  return errorMessage ? /*#__PURE__*/React.createElement(Alert, {
+  return errorMessage ? /*#__PURE__*/React__default.createElement(Alert, {
     type: "error",
     text: errorMessage,
     closeIcon: true,
@@ -164,39 +164,39 @@ var PreviewItem = function PreviewItem(_ref) {
     event.stopPropagation();
     downloadFile(preview, file.name);
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: classNames('dz-file-upload__files--item', {
       'dz-file-upload__files--item--view': mode === FileUploadMode.view
     }),
     onClick: handleItemClick
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: 'dz-file-upload__files--item__preview'
-  }, /*#__PURE__*/React.createElement(FilePreview, {
+  }, /*#__PURE__*/React__default.createElement(FilePreview, {
     preview: preview,
     type: type
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React__default.createElement("div", {
     className: 'dz-file-upload__files--item__info'
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "dz-file-upload__files--item__info-title"
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     weight: "semibold"
-  }, shortenFileName(file.name, 40)), mode === FileUploadMode.attach && /*#__PURE__*/React.createElement(Button, {
+  }, shortenFileName(file.name, 40)), mode === FileUploadMode.attach && /*#__PURE__*/React__default.createElement(Button, {
     size: "small",
     type: "tertiary",
     onClick: onRemove,
     iconProps: {
       Component: IconDelete
     }
-  }), mode === FileUploadMode.view && /*#__PURE__*/React.createElement(Button, {
+  }), mode === FileUploadMode.view && /*#__PURE__*/React__default.createElement(Button, {
     size: "small",
     type: "tertiary",
     onClick: onFileDownload,
     iconProps: {
       Component: IconArrowDownloadFilled
     }
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React__default.createElement("div", {
     className: "dz-file-upload__files--item__info-size"
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     size: "small"
   }, formatFileSize(file.size)))));
 };
@@ -278,29 +278,29 @@ var DropzoneFileUpload = /*#__PURE__*/forwardRef(function (_ref2, _ref) {
       setFieldValue(name, values);
     }
   }, [name, setFieldValue]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "dz-file-upload"
-  }, mode !== FileUploadMode.view ? /*#__PURE__*/React.createElement("div", _extends({}, getRootProps(), {
+  }, mode !== FileUploadMode.view ? /*#__PURE__*/React__default.createElement("div", _extends({}, getRootProps(), {
     className: classNames('dz-file-upload__area', {
       'dz-file-upload__area--focused': isFocused,
       'dz-file-upload__area--active': isDragActive
     })
-  }), /*#__PURE__*/React.createElement(IconUpload, {
+  }), /*#__PURE__*/React__default.createElement(IconUpload, {
     className: "mb-20",
     size: "xlarge"
-  }), /*#__PURE__*/React.createElement("input", _extends({}, getInputProps(), {
+  }), /*#__PURE__*/React__default.createElement("input", _extends({}, getInputProps(), {
     name: name
-  })), /*#__PURE__*/React.createElement(Text, {
+  })), /*#__PURE__*/React__default.createElement(Text, {
     type: "primary",
     weight: "semibold",
     className: "mb-6"
-  }, translation.title), /*#__PURE__*/React.createElement(Text, {
+  }, translation.title), /*#__PURE__*/React__default.createElement(Text, {
     size: "small"
-  }, "".concat(areaContent.acceptTypesMessage, " ").concat((allowedTypes === null || allowedTypes === void 0 ? void 0 : allowedTypes.length) === 1 ? translation.format : translation.formats, ", ").concat(translation.maxSize.replace('$1', areaContent.maxSizeFormatted)))) : null, /*#__PURE__*/React.createElement("div", {
+  }, "".concat(areaContent.acceptTypesMessage, " ").concat((allowedTypes === null || allowedTypes === void 0 ? void 0 : allowedTypes.length) === 1 ? translation.format : translation.formats, ", ").concat(translation.maxSize.replace('$1', areaContent.maxSizeFormatted)))) : null, /*#__PURE__*/React__default.createElement("div", {
     className: "dz-file-upload__files"
   }, errors.map(function (_ref3, index) {
     var code = _ref3.code;
-    return /*#__PURE__*/React.createElement(ErrorItem, {
+    return /*#__PURE__*/React__default.createElement(ErrorItem, {
       key: index,
       code: code,
       areaContent: areaContent,
@@ -310,7 +310,7 @@ var DropzoneFileUpload = /*#__PURE__*/forwardRef(function (_ref2, _ref) {
       locale: locale
     });
   }), initialFiles.map(function (file, index) {
-    return /*#__PURE__*/React.createElement(PreviewItem, {
+    return /*#__PURE__*/React__default.createElement(PreviewItem, {
       key: index,
       file: file,
       onRemove: function onRemove() {
@@ -334,17 +334,17 @@ var ModalContent = function ModalContent(_ref) {
     confirmBtnTooltipText = _ref.confirmBtnTooltipText,
     buttonProps = _ref.buttonProps,
     onSubmit = _ref.onSubmit;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, title ? /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, title ? /*#__PURE__*/React__default.createElement("div", {
     className: "modal__header"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Text, {
     lineHeight: "large",
     size: "large",
     weight: 'bolder',
     dataId: dataIdPrefix ? "".concat(dataIdPrefix, "-modal-title") : ''
-  }, title), subtitle ? /*#__PURE__*/React.createElement(Text, {
+  }, title), subtitle ? /*#__PURE__*/React__default.createElement(Text, {
     className: 'mt-12',
     dataId: dataIdPrefix ? "".concat(dataIdPrefix, "-modal-title") : ''
-  }, subtitle) : null), closeIcon ? /*#__PURE__*/React.createElement(Button, {
+  }, subtitle) : null), closeIcon ? /*#__PURE__*/React__default.createElement(Button, {
     className: 'modal__close ml-16',
     dataId: dataIdPrefix ? "".concat(dataIdPrefix, "-modal-close-button") : '',
     iconProps: {
@@ -352,20 +352,20 @@ var ModalContent = function ModalContent(_ref) {
     },
     onClick: onClose,
     type: "tertiary"
-  }) : null) : null, /*#__PURE__*/React.createElement("div", {
+  }) : null) : null, /*#__PURE__*/React__default.createElement("div", {
     className: "modal__content scrollbar scrollbar--vertical"
-  }, children), withFooter && buttonProps ? /*#__PURE__*/React.createElement("div", {
+  }, children), withFooter && buttonProps ? /*#__PURE__*/React__default.createElement("div", {
     className: "modal__footer"
-  }, buttonProps.cancel && /*#__PURE__*/React.createElement(Button, _extends({
+  }, buttonProps.cancel && /*#__PURE__*/React__default.createElement(Button, _extends({
     type: "tertiary",
     className: "modal__footer__btn mr-16",
     onClick: onClose,
     dataId: dataIdPrefix ? "".concat(dataIdPrefix, "-modal-cancel-button") : ''
-  }, buttonProps.cancel || {})), confirmBtnTooltipText ? /*#__PURE__*/React.createElement(Tooltip, {
+  }, buttonProps.cancel || {})), confirmBtnTooltipText ? /*#__PURE__*/React__default.createElement(Tooltip, {
     text: confirmBtnTooltipText,
     id: 'confirm-btn-tooltip',
     position: Positions.TOP_CENTER
-  }) : null, /*#__PURE__*/React.createElement(Button, _extends({
+  }) : null, /*#__PURE__*/React__default.createElement(Button, _extends({
     id: 'confirm-btn-tooltip',
     className: 'modal__footer__btn',
     type: "primary",
@@ -435,7 +435,7 @@ var Modal = function Modal(props) {
     setContainerRef = _useState2[1];
   useOnOutsideClick(containerRef, onClose, closeOnOutsideClick && isOpen, useId());
   useHideBodyScroll(isOpen);
-  return /*#__PURE__*/React.createElement(AnimatePresenceWrapper, null, isOpen ? /*#__PURE__*/React.createElement(motion.div, {
+  return /*#__PURE__*/React__default.createElement(AnimatePresenceWrapper, null, isOpen ? /*#__PURE__*/React__default.createElement(motion.div, {
     className: classNames('modal', "modal--".concat(size), className),
     initial: {
       opacity: 0
@@ -449,12 +449,12 @@ var Modal = function Modal(props) {
     transition: {
       duration: isMobile ? 0 : 0.4
     }
-  }, /*#__PURE__*/React.createElement(motion.div, _extends({
+  }, /*#__PURE__*/React__default.createElement(motion.div, _extends({
     className: classNames('modal__container', {
       modal__container_fullScreen: isMobile && isMobileFullScreen
     }),
     ref: setContainerRef
-  }, isMobile ? MOBILE_ANIMATION(isMobileFullScreen) : DESKTOP_ANIMATION), /*#__PURE__*/React.createElement(ModalContent, _extends({}, rest, {
+  }, isMobile ? MOBILE_ANIMATION(isMobileFullScreen) : DESKTOP_ANIMATION), /*#__PURE__*/React__default.createElement(ModalContent, _extends({}, rest, {
     onClose: onClose
   })))) : null);
 };
@@ -468,19 +468,19 @@ var PopoverMobile = function PopoverMobile(props) {
     _props$clicked = props.clicked,
     clicked = _props$clicked === void 0 ? false : _props$clicked,
     children = props.children;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Modal, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Modal, {
     closeIcon: true,
     title: mobileTitle,
     onClose: hideMessage,
     isOpen: clicked
-  }, clicked && /*#__PURE__*/React.createElement(React.Fragment, null, linkAddons ? /*#__PURE__*/React.createElement(Link, {
+  }, clicked && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, linkAddons ? /*#__PURE__*/React__default.createElement(Link, {
     dataId: linkAddons.dataId,
     url: linkAddons.url,
     beforeLink: linkAddons.beforeLink,
     afterLink: linkAddons.afterLink,
     target: linkAddons.target,
     className: 'popover__link'
-  }, text) : /*#__PURE__*/React.createElement(Text, {
+  }, text) : /*#__PURE__*/React__default.createElement(Text, {
     dataId: dataId ? "".concat(dataId, "-popover-text") : '',
     type: "primary",
     weight: "regular",
@@ -526,10 +526,10 @@ var Popover = function Popover(props) {
       setIsClicked(clicked);
     }
   }, [clicked]);
-  return isMobile ? /*#__PURE__*/React.createElement(PopoverMobile, _extends({}, rest, {
+  return isMobile ? /*#__PURE__*/React__default.createElement(PopoverMobile, _extends({}, rest, {
     clicked: isClicked,
     hideMessage: hideMessage
-  })) : /*#__PURE__*/React.createElement(PopoverDesktop, _extends({}, rest, {
+  })) : /*#__PURE__*/React__default.createElement(PopoverDesktop, _extends({}, rest, {
     parent: parent,
     clicked: isClicked,
     showMessage: showMessage,
@@ -575,11 +575,11 @@ var Checkbox = /*#__PURE__*/forwardRef(function (props, ref) {
       onClick(!isChecked);
     }
   };
-  var checkboxLabelPopover = popoverAddons ? /*#__PURE__*/React.createElement(Popover, _extends({
+  var checkboxLabelPopover = popoverAddons ? /*#__PURE__*/React__default.createElement(Popover, _extends({
     id: "".concat(popoverAddons.id)
-  }, popoverAddons), /*#__PURE__*/React.createElement("div", {
+  }, popoverAddons), /*#__PURE__*/React__default.createElement("div", {
     id: "".concat(popoverAddons.id)
-  }, /*#__PURE__*/React.createElement(IconInfo, {
+  }, /*#__PURE__*/React__default.createElement(IconInfo, {
     dataId: "".concat(dataId, "-icon"),
     type: "information",
     size: "xsmall",
@@ -597,31 +597,31 @@ var Checkbox = /*#__PURE__*/forwardRef(function (props, ref) {
       return label;
     }
     if (!link) {
-      return /*#__PURE__*/React.createElement(Text, {
+      return /*#__PURE__*/React__default.createElement(Text, {
         type: disabled ? 'disabled' : 'primary',
         className: "controller__label"
-      }, /*#__PURE__*/React.createElement(React.Fragment, null, label, required && /*#__PURE__*/React.createElement("sup", null, "*")));
+      }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, label, required && /*#__PURE__*/React__default.createElement("sup", null, "*")));
     }
-    return /*#__PURE__*/React.createElement(Text, {
+    return /*#__PURE__*/React__default.createElement(Text, {
       type: disabled ? 'disabled' : 'primary',
       className: "controller__label"
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, beforeLink && /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, beforeLink && /*#__PURE__*/React__default.createElement("span", {
       className: "mr-4"
-    }, beforeLink), /*#__PURE__*/React.createElement(Link, {
+    }, beforeLink), /*#__PURE__*/React__default.createElement(Link, {
       dataId: dataId,
       url: link,
       target: "_blank"
-    }, label), afterLink && /*#__PURE__*/React.createElement("span", {
+    }, label), afterLink && /*#__PURE__*/React__default.createElement("span", {
       className: "ml-4"
-    }, afterLink), required && /*#__PURE__*/React.createElement("sup", null, "*")));
+    }, afterLink), required && /*#__PURE__*/React__default.createElement("sup", null, "*")));
   }, [label, link]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("label", {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("label", {
     className: classNames('controller', _defineProperty({
       'controller--checkbox': true,
       'controller--disabled': disabled,
       'controller--error': isInvalid
     }, className, !!className))
-  }, /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/React__default.createElement("input", {
     "data-id": dataId,
     type: "checkbox",
     ref: inputRef,
@@ -629,18 +629,18 @@ var Checkbox = /*#__PURE__*/forwardRef(function (props, ref) {
     onChange: changeHandler,
     checked: Boolean(isChecked),
     disabled: disabled
-  }), /*#__PURE__*/React.createElement("span", {
+  }), /*#__PURE__*/React__default.createElement("span", {
     className: "controller__icon"
-  }, /*#__PURE__*/React.createElement(IconDynamicComponent, {
+  }, /*#__PURE__*/React__default.createElement(IconDynamicComponent, {
     componentName: iconProps.name,
     size: "xxsmall",
     type: disabled ? 'disabled' : 'inverse',
     className: "controller__mark"
-  })), checkboxLabel ? /*#__PURE__*/React.createElement("div", {
+  })), checkboxLabel ? /*#__PURE__*/React__default.createElement("div", {
     className: "controller__right"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "flexbox"
-  }, checkboxLabel, checkboxLabelPopover), helperText ? /*#__PURE__*/React.createElement(Text, {
+  }, checkboxLabel, checkboxLabelPopover), helperText ? /*#__PURE__*/React__default.createElement(Text, {
     size: "small",
     type: disabled ? 'disabled' : 'secondary'
   }, helperText) : null) : null));
@@ -676,7 +676,7 @@ var Button = function Button(props) {
     }
     onClick === null || onClick === void 0 || onClick(e);
   };
-  return /*#__PURE__*/React.createElement("button", _extends({
+  return /*#__PURE__*/React__default.createElement("button", _extends({
     ref: refHandler,
     "data-id": dataId,
     disabled: disabled,
@@ -686,14 +686,14 @@ var Button = function Button(props) {
     }, "btn--icon-".concat((iconProps === null || iconProps === void 0 ? void 0 : iconProps.alignment) || 'left'), !isLoading && !justIcon && (iconProps === null || iconProps === void 0 ? void 0 : iconProps.Component)), className),
     onClick: clickHandler,
     form: formId
-  }, rest), isLoading ? /*#__PURE__*/React.createElement(Loader, {
+  }, rest), isLoading ? /*#__PURE__*/React__default.createElement(Loader, {
     size: size,
     type: LITE_LOADER_TYPES.indexOf(type) === -1 ? 'dark' : 'lite'
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, iconProps !== null && iconProps !== void 0 && iconProps.Component ? /*#__PURE__*/React.createElement(iconProps.Component, {
+  }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, iconProps !== null && iconProps !== void 0 && iconProps.Component ? /*#__PURE__*/React__default.createElement(iconProps.Component, {
     size: ICON_SIZE_MAPPING[iconProps.size || size],
     type: ICON_TYPE_MAPPING[iconProps.type || type],
     className: "btn__icon"
-  }) : null, buttonText || children ? /*#__PURE__*/React.createElement("span", {
+  }) : null, buttonText || children ? /*#__PURE__*/React__default.createElement("span", {
     className: "btn__text"
   }, buttonText || children) : null));
 };
@@ -710,37 +710,37 @@ var Alert = function Alert(props) {
     onClose = props.onClose,
     _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: classNames('alert', "alert--".concat(type, " alert--").concat(position), className)
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "alert__content"
-  }, /*#__PURE__*/React.createElement(IconDynamicComponent, {
+  }, /*#__PURE__*/React__default.createElement(IconDynamicComponent, {
     componentName: ICONS_MAPPING[type],
     size: "small",
     type: TYPE_MAPPING[type]
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "alert__text pl-8"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Text, {
     type: "primary",
     size: "standard",
     weight: "regular",
     lineHeight: "large"
-  }, text), subtext ? /*#__PURE__*/React.createElement(Text, {
+  }, text), subtext ? /*#__PURE__*/React__default.createElement(Text, {
     className: 'mt-4',
     type: "secondary",
     size: "small",
     weight: "regular",
     lineHeight: "large"
-  }, subtext) : null), buttonProps ? /*#__PURE__*/React.createElement("div", {
+  }, subtext) : null), buttonProps ? /*#__PURE__*/React__default.createElement("div", {
     className: "alert__actions"
-  }, buttonProps.confirm && /*#__PURE__*/React.createElement(Button, _extends({
+  }, buttonProps.confirm && /*#__PURE__*/React__default.createElement(Button, _extends({
     size: "medium",
     type: "secondary"
-  }, buttonProps.confirm)), buttonProps.cancel && /*#__PURE__*/React.createElement(Button, _extends({
+  }, buttonProps.confirm)), buttonProps.cancel && /*#__PURE__*/React__default.createElement(Button, _extends({
     size: "medium",
     type: "tertiary",
     className: "ml-12"
-  }, buttonProps.cancel))) : null), closeIcon ? /*#__PURE__*/React.createElement(IconDismissFilled, {
+  }, buttonProps.cancel))) : null), closeIcon ? /*#__PURE__*/React__default.createElement(IconDismissFilled, {
     type: TYPE_MAPPING[type],
     size: "xsmall",
     className: "ml-12 pointer",