hrm_ui_lib 2.0.3 → 2.1.0-alpha.10

package/Alert-V_kH4Snn.js

@@ -1,751 +0,0 @@
-import _extends from '@babel/runtime/helpers/extends';
-import React, { 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';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import 'dayjs';
-import { Loader } from './helperComponents/Loader/Loader.js';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { FILE_ACCEPT_TYPE } from './consts/index.js';
-import './hooks/useScreenSize.js';
-import 'react-hook-form';
-import { ErrorCode, useDropzone } from 'react-dropzone';
-import { IconUpload } from './components/SVGIcons/IconUpload.js';
-import { FileTypeEnum } from './type/file-upload.js';
-import { FileUploadMode } from './components/FileUpload/types.js';
-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 { 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 'react-syntax-highlighter';
-import { Link } from './components/Link/Link.js';
-import { PopoverDesktop } from './components/Popover/PopoverDesktop.js';
-import { IconInfo } from './components/SVGIcons/IconInfo.js';
-import { IconDynamicComponent } from './helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '@babel/runtime/helpers/typeof';
-import { IconDismissFilled } from './components/SVGIcons/IconDismissFilled.js';
-import { IconDelete } from './components/SVGIcons/IconDelete.js';
-import { FilePreview } from './components/FileUpload/DropzoneFileUpload/FilePreview.js';
-import { IconArrowDownloadFilled } from './components/SVGIcons/IconArrowDownloadFilled.js';
-import { downloadFile } from './helpers/download-file.js';
-import { LITE_LOADER_TYPES, ICON_TYPE_MAPPING, ICON_SIZE_MAPPING } from './components/Button/consts.js';
-
-var shortenFileName = function shortenFileName(fileName, maxLength) {
-  // Regular expression to split the name into three parts: start, middle, and extension
-  var regex = /^(.{10}).*?(.{10}\.[^.]*)$/;
-
-  // If the file name length exceeds maxLength, shorten it
-  if (fileName.length > maxLength) {
-    return fileName.replace(regex, '$1...$2');
-  }
-
-  // If it's short enough, return as is
-  return fileName;
-};
-var formatFileSize = function formatFileSize(sizeInBytes) {
-  var fractionDigits = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  if (sizeInBytes < 1024) {
-    return "".concat(sizeInBytes, " B"); // Bytes
-  } else if (sizeInBytes < 1024 * 1024) {
-    return "".concat((sizeInBytes / 1024).toFixed(fractionDigits), " KB"); // Kilobytes
-  } else if (sizeInBytes < 1024 * 1024 * 1024) {
-    return "".concat((sizeInBytes / (1024 * 1024)).toFixed(fractionDigits), " MB"); // Megabytes
-  } else {
-    return "".concat((sizeInBytes / (1024 * 1024 * 1024)).toFixed(fractionDigits), " GB"); // Gigabytes
-  }
-};
-var generateAreaContent = function generateAreaContent(_ref) {
-  var allowedTypes = _ref.allowedTypes,
-    maxSize = _ref.maxSize,
-    locale = _ref.locale;
-  var acceptTypes = allowedTypes.map(function (type) {
-    return FILE_ACCEPT_TYPE[type];
-  }).flat();
-  var translation = getDropzoneLocale(locale);
-  var acceptTypesMessage = allowedTypes.length === 1 ? allowedTypes[0] : allowedTypes.reduce(function (acc, currentValue, _index, _arr) {
-    if (_index === _arr.length - 1) {
-      return "".concat(acc, " ").concat(translation.or, " ").concat(currentValue);
-    }
-    return acc ? "".concat(acc, ", ").concat(currentValue) : currentValue;
-  }, '');
-  return {
-    acceptTypes: acceptTypes,
-    maxSizeFormatted: formatFileSize(maxSize),
-    acceptTypesMessage: acceptTypesMessage
-  };
-};
-var getDropzoneLocale = function getDropzoneLocale(lang) {
-  var locale = lang || getTranslationLocale();
-  var translation = {
-    en: {
-      title: 'Choose a file or drop it here',
-      format: 'format',
-      formats: 'formats',
-      maxSize: 'Maximum size up to $1.',
-      fileInvalidType: 'The file type should be $1',
-      fileTooLarge: 'The file is too large (Max $1)',
-      tooManyFiles: 'Too many files. Please select one file.',
-      or: 'or'
-    },
-    ru: {
-      title: 'Выберите файл или перетащите его сюда',
-      format: 'формат',
-      formats: 'форматы',
-      maxSize: 'Максимальный размер до $1',
-      fileInvalidType: 'Тип файла должен быть $1',
-      fileTooLarge: 'Файл слишком большой (Максимум $1)',
-      tooManyFiles: 'Слишком много файлов. Пожалуйста, выберите один файл.',
-      or: 'или'
-    },
-    hy: {
-      title: 'Ընտրեք ֆայլ կամ քաշեք այն այստեղ',
-      format: 'ֆորմատ',
-      formats: 'ֆորմատներ',
-      maxSize: 'Առավելագույն չափը՝ մինչև $1',
-      fileInvalidType: 'Ֆայլի տեսակը պետք է լինի $1',
-      fileTooLarge: 'Ֆայլը չափազանց մեծ է (Առավելագույնը $1)',
-      tooManyFiles: 'Չափազանց շատ ֆայլեր։ Խնդրում ենք ընտրել միայն մեկ ֆայլ։',
-      or: 'կամ'
-    }
-  };
-  return translation[locale] || translation.en;
-};
-
-var ErrorItem = function ErrorItem(_ref) {
-  var code = _ref.code,
-    onRemove = _ref.onRemove,
-    areaContent = _ref.areaContent,
-    locale = _ref.locale;
-  var errorMessage = useMemo(function () {
-    var translation = getDropzoneLocale(locale);
-    if (code === ErrorCode.FileInvalidType) {
-      return translation.fileInvalidType.replace('$1', areaContent.acceptTypesMessage);
-    } else if (code === ErrorCode.FileTooLarge) {
-      return translation.fileTooLarge.replace('$1', areaContent.maxSizeFormatted);
-    } else if (code === ErrorCode.TooManyFiles) {
-      return translation.tooManyFiles;
-    }
-    return '';
-  }, [code]);
-  return errorMessage ? /*#__PURE__*/React.createElement(Alert, {
-    type: "error",
-    text: errorMessage,
-    closeIcon: true,
-    onClose: onRemove
-  }) : null;
-};
-
-var PreviewItem = function PreviewItem(_ref) {
-  var file = _ref.file,
-    onRemove = _ref.onRemove,
-    mode = _ref.mode;
-  var type = file.type.split('/')[0];
-  var preview = useMemo(function () {
-    return URL.createObjectURL(file);
-  }, [file.name]);
-  var handleItemClick = function handleItemClick() {
-    if (mode === FileUploadMode.view) {
-      window.open(preview, '_blank');
-    }
-  };
-  var onFileDownload = function onFileDownload(event) {
-    event.preventDefault();
-    event.stopPropagation();
-    downloadFile(preview, file.name);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('dz-file-upload__files--item', {
-      'dz-file-upload__files--item--view': mode === FileUploadMode.view
-    }),
-    onClick: handleItemClick
-  }, /*#__PURE__*/React.createElement("div", {
-    className: 'dz-file-upload__files--item__preview'
-  }, /*#__PURE__*/React.createElement(FilePreview, {
-    preview: preview,
-    type: type
-  })), /*#__PURE__*/React.createElement("div", {
-    className: 'dz-file-upload__files--item__info'
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "dz-file-upload__files--item__info-title"
-  }, /*#__PURE__*/React.createElement(Text, {
-    weight: "semibold"
-  }, shortenFileName(file.name, 40)), mode === FileUploadMode.attach && /*#__PURE__*/React.createElement(Button, {
-    size: "small",
-    type: "tertiary",
-    onClick: onRemove,
-    iconProps: {
-      Component: IconDelete
-    }
-  }), mode === FileUploadMode.view && /*#__PURE__*/React.createElement(Button, {
-    size: "small",
-    type: "tertiary",
-    onClick: onFileDownload,
-    iconProps: {
-      Component: IconArrowDownloadFilled
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "dz-file-upload__files--item__info-size"
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: "small"
-  }, formatFileSize(file.size)))));
-};
-
-var DropzoneFileUpload = /*#__PURE__*/forwardRef(function (_ref2, _ref) {
-  var _ref2$maxSize = _ref2.maxSize,
-    maxSize = _ref2$maxSize === void 0 ? 10 * 1024 * 1024 : _ref2$maxSize,
-    _ref2$allowedTypes = _ref2.allowedTypes,
-    allowedTypes = _ref2$allowedTypes === void 0 ? [FileTypeEnum.IMAGE, FileTypeEnum.PDF, FileTypeEnum.DOC] : _ref2$allowedTypes,
-    name = _ref2.name,
-    setFiles = _ref2.setFiles,
-    setFieldValue = _ref2.setFieldValue,
-    value = _ref2.value,
-    selectedFiles = _ref2.selectedFiles,
-    _ref2$maxFiles = _ref2.maxFiles,
-    maxFiles = _ref2$maxFiles === void 0 ? 1 : _ref2$maxFiles,
-    _ref2$mode = _ref2.mode,
-    mode = _ref2$mode === void 0 ? FileUploadMode.attach : _ref2$mode,
-    locale = _ref2.locale,
-    _ref2$multiple = _ref2.multiple,
-    multiple = _ref2$multiple === void 0 ? false : _ref2$multiple;
-  var initialFiles = value || selectedFiles || [];
-  var initialMaxFiles = initialFiles.length >= maxFiles ? 0 : maxFiles - initialFiles.length;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    errors = _useState2[0],
-    setErrors = _useState2[1];
-  var areaContent = generateAreaContent({
-    allowedTypes: allowedTypes,
-    maxSize: maxSize
-  });
-  var translation = getDropzoneLocale(locale);
-  var onDrop = function onDrop(fileAccepted, fileRejections) {
-    if (initialMaxFiles === 0 && !multiple) {
-      setErrors([{
-        code: ErrorCode.TooManyFiles,
-        message: ''
-      }]);
-      return;
-    }
-    var newFiles = uniqueFiles([].concat(_toConsumableArray(initialFiles), _toConsumableArray(fileAccepted)));
-    var errors = fileRejections.map(function (fileRejection) {
-      return fileRejection.errors;
-    }).flat();
-    setFiles === null || setFiles === void 0 || setFiles(newFiles);
-    updateInForm(newFiles);
-    setErrors(errors);
-  };
-  var _useDropzone = useDropzone({
-      onDrop: onDrop,
-      accept: areaContent.acceptTypes,
-      maxSize: maxSize,
-      maxFiles: multiple ? 0 : initialMaxFiles,
-      multiple: multiple
-    }),
-    getRootProps = _useDropzone.getRootProps,
-    getInputProps = _useDropzone.getInputProps,
-    isFocused = _useDropzone.isFocused,
-    isDragActive = _useDropzone.isDragActive;
-  var removeFile = function removeFile(fileName) {
-    var newFiles = initialFiles.filter(function (file) {
-      return file.name !== fileName;
-    });
-    if (newFiles.length === 0) {
-      setErrors([]);
-    }
-    setFiles === null || setFiles === void 0 || setFiles(newFiles);
-    updateInForm(newFiles);
-  };
-  var removeError = function removeError(index) {
-    setErrors(function (prevErrors) {
-      return prevErrors.filter(function (_error, i) {
-        return i !== index;
-      });
-    });
-  };
-  var updateInForm = useCallback(function (values) {
-    if (name && setFieldValue) {
-      setFieldValue(name, values);
-    }
-  }, [name, setFieldValue]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "dz-file-upload"
-  }, mode !== FileUploadMode.view ? /*#__PURE__*/React.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, {
-    className: "mb-20",
-    size: "xlarge"
-  }), /*#__PURE__*/React.createElement("input", _extends({}, getInputProps(), {
-    name: name
-  })), /*#__PURE__*/React.createElement(Text, {
-    type: "primary",
-    weight: "semibold",
-    className: "mb-6"
-  }, translation.title), /*#__PURE__*/React.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", {
-    className: "dz-file-upload__files"
-  }, errors.map(function (_ref3, index) {
-    var code = _ref3.code;
-    return /*#__PURE__*/React.createElement(ErrorItem, {
-      key: index,
-      code: code,
-      areaContent: areaContent,
-      onRemove: function onRemove() {
-        return removeError(index);
-      },
-      locale: locale
-    });
-  }), initialFiles.map(function (file, index) {
-    return /*#__PURE__*/React.createElement(PreviewItem, {
-      key: index,
-      file: file,
-      onRemove: function onRemove() {
-        return removeFile(file.name);
-      },
-      mode: mode
-    });
-  })));
-});
-DropzoneFileUpload.displayName = 'DropzoneFileUpload';
-
-var ModalContent = function ModalContent(_ref) {
-  var title = _ref.title,
-    subtitle = _ref.subtitle,
-    dataIdPrefix = _ref.dataIdPrefix,
-    closeIcon = _ref.closeIcon,
-    onClose = _ref.onClose,
-    children = _ref.children,
-    _ref$withFooter = _ref.withFooter,
-    withFooter = _ref$withFooter === void 0 ? true : _ref$withFooter,
-    confirmBtnTooltipText = _ref.confirmBtnTooltipText,
-    buttonProps = _ref.buttonProps,
-    onSubmit = _ref.onSubmit;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, title ? /*#__PURE__*/React.createElement("div", {
-    className: "modal__header"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
-    lineHeight: "large",
-    size: "large",
-    weight: 'bolder',
-    dataId: dataIdPrefix ? "".concat(dataIdPrefix, "-modal-title") : ''
-  }, title), subtitle ? /*#__PURE__*/React.createElement(Text, {
-    className: 'mt-12',
-    dataId: dataIdPrefix ? "".concat(dataIdPrefix, "-modal-title") : ''
-  }, subtitle) : null), closeIcon ? /*#__PURE__*/React.createElement(Button, {
-    className: 'modal__close ml-16',
-    dataId: dataIdPrefix ? "".concat(dataIdPrefix, "-modal-close-button") : '',
-    iconProps: {
-      Component: IconDismiss
-    },
-    onClick: onClose,
-    type: "tertiary"
-  }) : null) : null, /*#__PURE__*/React.createElement("div", {
-    className: "modal__content scrollbar scrollbar--vertical"
-  }, children), withFooter && buttonProps ? /*#__PURE__*/React.createElement("div", {
-    className: "modal__footer"
-  }, buttonProps.cancel && /*#__PURE__*/React.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, {
-    text: confirmBtnTooltipText,
-    id: 'confirm-btn-tooltip',
-    position: Positions.TOP_CENTER
-  }) : null, /*#__PURE__*/React.createElement(Button, _extends({
-    id: 'confirm-btn-tooltip',
-    className: 'modal__footer__btn',
-    type: "primary",
-    onClick: onSubmit ? onSubmit : noop,
-    dataId: dataIdPrefix ? "".concat(dataIdPrefix, "-modal-confirm-button") : ''
-  }, buttonProps.confirm))) : null);
-};
-
-var _excluded$2 = ["isOpen", "onClose", "className", "size", "closeOnOutsideClick", "isMobileFullScreen"];
-var DESKTOP_ANIMATION = {
-  initial: {
-    opacity: 0.5,
-    scale: 0.65
-  },
-  animate: {
-    opacity: 1,
-    scale: [0.95, 1]
-  },
-  exit: {
-    opacity: 0,
-    scale: 0.7,
-    transition: {
-      duration: 0.2
-    }
-  },
-  transition: {
-    duration: 0.4,
-    type: 'spring',
-    damping: 55,
-    stiffness: 700
-  }
-};
-var MOBILE_ANIMATION = function MOBILE_ANIMATION(isFullScreen) {
-  return {
-    initial: {
-      height: 0,
-      bottom: 0
-    },
-    animate: {
-      height: isFullScreen ? '100%' : 'auto',
-      bottom: 0
-    },
-    exit: {
-      height: 0,
-      bottom: 0
-    },
-    transition: {
-      duration: 0.3
-    }
-  };
-};
-var Modal = function Modal(props) {
-  var isOpen = props.isOpen,
-    onClose = props.onClose,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'medium' : _props$size,
-    _props$closeOnOutside = props.closeOnOutsideClick,
-    closeOnOutsideClick = _props$closeOnOutside === void 0 ? true : _props$closeOnOutside,
-    isMobileFullScreen = props.isMobileFullScreen,
-    rest = _objectWithoutProperties(props, _excluded$2);
-  var isMobile = useIsMobile();
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    containerRef = _useState2[0],
-    setContainerRef = _useState2[1];
-  useOnOutsideClick(containerRef, onClose, closeOnOutsideClick && isOpen, useId());
-  useHideBodyScroll(isOpen);
-  return /*#__PURE__*/React.createElement(AnimatePresenceWrapper, null, isOpen ? /*#__PURE__*/React.createElement(motion.div, {
-    className: classNames('modal', "modal--".concat(size), className),
-    initial: {
-      opacity: 0
-    },
-    animate: {
-      opacity: 1
-    },
-    exit: {
-      opacity: 0
-    },
-    transition: {
-      duration: isMobile ? 0 : 0.4
-    }
-  }, /*#__PURE__*/React.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, {
-    onClose: onClose
-  })))) : null);
-};
-
-var PopoverMobile = function PopoverMobile(props) {
-  var dataId = props.dataId,
-    text = props.text,
-    linkAddons = props.linkAddons,
-    mobileTitle = props.mobileTitle,
-    hideMessage = props.hideMessage,
-    _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, {
-    closeIcon: true,
-    title: mobileTitle,
-    onClose: hideMessage,
-    isOpen: clicked
-  }, clicked && /*#__PURE__*/React.createElement(React.Fragment, null, linkAddons ? /*#__PURE__*/React.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, {
-    dataId: dataId ? "".concat(dataId, "-popover-text") : '',
-    type: "primary",
-    weight: "regular",
-    lineHeight: "medium",
-    size: "small"
-  }, text))), children);
-};
-
-var _excluded$1 = ["elemRef", "id", "clicked"];
-var Popover = function Popover(props) {
-  var elemRef = props.elemRef,
-    id = props.id,
-    clicked = props.clicked,
-    rest = _objectWithoutProperties(props, _excluded$1);
-  var isMobile = useIsMobile();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isClicked = _useState2[0],
-    setIsClicked = _useState2[1];
-  var _useState3 = useState(elemRef || null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    parent = _useState4[0],
-    setElement = _useState4[1];
-  var showMessage = function showMessage() {
-    return setIsClicked(true);
-  };
-  var hideMessage = function hideMessage() {
-    return setIsClicked(false);
-  };
-  useEffect(function () {
-    if (parent) {
-      parent.addEventListener('click', showMessage);
-    }
-  }, [parent]);
-  useEffect(function () {
-    if (id) {
-      var element = document.getElementById(id.toString());
-      setElement(element);
-    }
-  }, [id]);
-  useEffect(function () {
-    if (clicked === false) {
-      setIsClicked(clicked);
-    }
-  }, [clicked]);
-  return isMobile ? /*#__PURE__*/React.createElement(PopoverMobile, _extends({}, rest, {
-    clicked: isClicked,
-    hideMessage: hideMessage
-  })) : /*#__PURE__*/React.createElement(PopoverDesktop, _extends({}, rest, {
-    parent: parent,
-    clicked: isClicked,
-    showMessage: showMessage,
-    hideMessage: hideMessage
-  }));
-};
-
-var Checkbox = /*#__PURE__*/forwardRef(function (props, ref) {
-  var label = props.label,
-    disabled = props.disabled,
-    _props$required = props.required,
-    required = _props$required === void 0 ? false : _props$required,
-    link = props.link,
-    name = props.name,
-    setFieldValue = props.setFieldValue,
-    selectedValue = props.selectedValue,
-    value = props.value,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$iconProps = props.iconProps,
-    iconProps = _props$iconProps === void 0 ? {
-      name: 'checkmark'
-    } : _props$iconProps,
-    _props$dataId = props.dataId,
-    dataId = _props$dataId === void 0 ? '' : _props$dataId,
-    onClick = props.onClick,
-    beforeLink = props.beforeLink,
-    afterLink = props.afterLink,
-    _props$helperText = props.helperText,
-    helperText = _props$helperText === void 0 ? '' : _props$helperText,
-    popoverAddons = props.popoverAddons,
-    isInvalid = props.isInvalid;
-  var localRef = useRef(null);
-  var inputRef = ref && Object.keys(ref).length ? ref : localRef;
-  var isChecked = !!value || selectedValue;
-  var changeHandler = function changeHandler() {
-    if (name && setFieldValue) {
-      setFieldValue(name, !isChecked, {
-        shouldValidate: !isChecked
-      });
-    }
-    if (onClick) {
-      onClick(!isChecked);
-    }
-  };
-  var checkboxLabelPopover = popoverAddons ? /*#__PURE__*/React.createElement(Popover, _extends({
-    id: "".concat(popoverAddons.id)
-  }, popoverAddons), /*#__PURE__*/React.createElement("div", {
-    id: "".concat(popoverAddons.id)
-  }, /*#__PURE__*/React.createElement(IconInfo, {
-    dataId: "".concat(dataId, "-icon"),
-    type: "information",
-    size: "xsmall",
-    className: 'ml-4 pointer',
-    onClick: function onClick(e) {
-      e.stopPropagation();
-      changeHandler();
-    }
-  }))) : null;
-  var checkboxLabel = useMemo(function () {
-    if (!label) {
-      return null;
-    }
-    if (typeof label !== 'string') {
-      return label;
-    }
-    if (!link) {
-      return /*#__PURE__*/React.createElement(Text, {
-        type: disabled ? 'disabled' : 'primary',
-        className: "controller__label"
-      }, /*#__PURE__*/React.createElement(React.Fragment, null, label, required && /*#__PURE__*/React.createElement("sup", null, "*")));
-    }
-    return /*#__PURE__*/React.createElement(Text, {
-      type: disabled ? 'disabled' : 'primary',
-      className: "controller__label"
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, beforeLink && /*#__PURE__*/React.createElement("span", {
-      className: "mr-4"
-    }, beforeLink), /*#__PURE__*/React.createElement(Link, {
-      dataId: dataId,
-      url: link,
-      target: "_blank"
-    }, label), afterLink && /*#__PURE__*/React.createElement("span", {
-      className: "ml-4"
-    }, afterLink), required && /*#__PURE__*/React.createElement("sup", null, "*")));
-  }, [label, link]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("label", {
-    className: classNames('controller', _defineProperty({
-      'controller--checkbox': true,
-      'controller--disabled': disabled,
-      'controller--error': isInvalid
-    }, className, !!className))
-  }, /*#__PURE__*/React.createElement("input", {
-    "data-id": dataId,
-    type: "checkbox",
-    ref: inputRef,
-    tabIndex: 0,
-    onChange: changeHandler,
-    checked: Boolean(isChecked),
-    disabled: disabled
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "controller__icon"
-  }, /*#__PURE__*/React.createElement(IconDynamicComponent, {
-    componentName: iconProps.name,
-    size: "xxsmall",
-    type: disabled ? 'disabled' : 'inverse',
-    className: "controller__mark"
-  })), checkboxLabel ? /*#__PURE__*/React.createElement("div", {
-    className: "controller__right"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flexbox"
-  }, checkboxLabel, checkboxLabelPopover), helperText ? /*#__PURE__*/React.createElement(Text, {
-    size: "small",
-    type: disabled ? 'disabled' : 'secondary'
-  }, helperText) : null) : null));
-});
-Checkbox.displayName = 'Checkbox';
-
-var _excluded = ["buttonText", "type", "size", "className", "iconProps", "buttonActionType", "disabled", "isLoading", "formId", "dataId", "onClick", "refHandler", "children"];
-var Button = function Button(props) {
-  var buttonText = props.buttonText,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'primary' : _props$type,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'large' : _props$size,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    iconProps = props.iconProps,
-    _props$buttonActionTy = props.buttonActionType,
-    buttonActionType = _props$buttonActionTy === void 0 ? 'button' : _props$buttonActionTy,
-    disabled = props.disabled,
-    isLoading = props.isLoading,
-    formId = props.formId,
-    _props$dataId = props.dataId,
-    dataId = _props$dataId === void 0 ? '' : _props$dataId,
-    onClick = props.onClick,
-    _props$refHandler = props.refHandler,
-    refHandler = _props$refHandler === void 0 ? null : _props$refHandler,
-    children = props.children,
-    rest = _objectWithoutProperties(props, _excluded);
-  var justIcon = !buttonText && !children && iconProps !== undefined;
-  var clickHandler = function clickHandler(e) {
-    if (disabled || isLoading) {
-      return;
-    }
-    onClick === null || onClick === void 0 || onClick(e);
-  };
-  return /*#__PURE__*/React.createElement("button", _extends({
-    ref: refHandler,
-    "data-id": dataId,
-    disabled: disabled,
-    type: buttonActionType,
-    className: classNames('btn', "btn--".concat(type), "btn--".concat(size), _defineProperty({
-      'btn--icon': justIcon
-    }, "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, {
-    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, {
-    size: ICON_SIZE_MAPPING[iconProps.size || size],
-    type: ICON_TYPE_MAPPING[iconProps.type || type],
-    className: "btn__icon"
-  }) : null, buttonText || children ? /*#__PURE__*/React.createElement("span", {
-    className: "btn__text"
-  }, buttonText || children) : null));
-};
-
-var Alert = function Alert(props) {
-  var buttonProps = props.buttonProps,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'information' : _props$type,
-    _props$position = props.position,
-    position = _props$position === void 0 ? 'inline' : _props$position,
-    text = props.text,
-    subtext = props.subtext,
-    closeIcon = props.closeIcon,
-    onClose = props.onClose,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('alert', "alert--".concat(type, " alert--").concat(position), className)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "alert__content"
-  }, /*#__PURE__*/React.createElement(IconDynamicComponent, {
-    componentName: ICONS_MAPPING[type],
-    size: "small",
-    type: TYPE_MAPPING[type]
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "alert__text pl-8"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
-    type: "primary",
-    size: "standard",
-    weight: "regular",
-    lineHeight: "large"
-  }, text), subtext ? /*#__PURE__*/React.createElement(Text, {
-    className: 'mt-4',
-    type: "secondary",
-    size: "small",
-    weight: "regular",
-    lineHeight: "large"
-  }, subtext) : null), buttonProps ? /*#__PURE__*/React.createElement("div", {
-    className: "alert__actions"
-  }, buttonProps.confirm && /*#__PURE__*/React.createElement(Button, _extends({
-    size: "medium",
-    type: "secondary"
-  }, buttonProps.confirm)), buttonProps.cancel && /*#__PURE__*/React.createElement(Button, _extends({
-    size: "medium",
-    type: "tertiary",
-    className: "ml-12"
-  }, buttonProps.cancel))) : null), closeIcon ? /*#__PURE__*/React.createElement(IconDismissFilled, {
-    type: TYPE_MAPPING[type],
-    size: "xsmall",
-    className: "ml-12 pointer",
-    onClick: onClose
-  }) : null));
-};
-
-export { Alert as A, Button as B, Checkbox as C, DropzoneFileUpload as D, ErrorItem as E, MOBILE_ANIMATION as M, Popover as P, Modal as a, getDropzoneLocale as b, PreviewItem as c, ModalContent as d, PopoverMobile as e, formatFileSize as f, generateAreaContent as g, shortenFileName as s };