hrm_ui_lib 1.6.2-alpha.1 → 1.6.2-alpha.2

package/stories/Textarea.stories.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { TTextAreaTypeProps } from '../components/Textarea/types';
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<TTextAreaTypeProps & React.RefAttributes<HTMLTextAreaElement>>;
-};
-export default _default;
-export declare const Textarea: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TTextAreaTypeProps>;
+import React from 'react';
+import { TTextAreaTypeProps } from '../components/Textarea/types';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<TTextAreaTypeProps & React.RefAttributes<HTMLTextAreaElement>>;
+};
+export default _default;
+export declare const Textarea: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TTextAreaTypeProps>;

package/stories/Tooltip.stories.d.ts

@@ -1,22 +1,22 @@
-import React from 'react';
-import { TTooltipProps } from '../components/Tooltip/types';
-declare const _default: {
-    title: string;
-    component: (props: TTooltipProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
-    argTypes: {
-        position: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-        size: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Tooltip: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TTooltipProps>;
+import React from 'react';
+import { TTooltipProps } from '../components/Tooltip/types';
+declare const _default: {
+    title: string;
+    component: (props: TTooltipProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+    argTypes: {
+        position: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        size: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Tooltip: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TTooltipProps>;

package/{toConsumableArray-1b36f9f7.js → toConsumableArray-baac311c.js}

@@ -1,4 +1,4 @@
-import { a as _arrayLikeToArray, b as _unsupportedIterableToArray } from './slicedToArray-85375d9c.js';
+import { a as _arrayLikeToArray, b as _unsupportedIterableToArray } from './slicedToArray-d33f7051.js';
 
 function _arrayWithoutHoles(r) {
   if (Array.isArray(r)) return _arrayLikeToArray(r);

package/type/file-upload.d.ts

@@ -1,5 +1,5 @@
-export declare enum FileTypeEnum {
-    PDF = "PDF",
-    IMAGE = "IMAGE",
-    DOC = "DOC"
-}
+export declare enum FileTypeEnum {
+    PDF = "PDF",
+    IMAGE = "IMAGE",
+    DOC = "DOC"
+}

package/type/index.d.ts

@@ -1,2 +1,2 @@
-export * from './locale';
-export * from './file-upload';
+export * from './locale';
+export * from './file-upload';

package/type/locale.d.ts

@@ -1,10 +1,10 @@
-export declare enum TranslationLocale {
-    'en-US' = "en",
-    'hy-AM' = "hy",
-    'ru-RU' = "ru"
-}
-export declare enum DayJSLocale {
-    'en-US' = "en",
-    'hy-AM' = "hy-am",
-    'ru-RU' = "ru"
-}
+export declare enum TranslationLocale {
+    'en-US' = "en",
+    'hy-AM' = "hy",
+    'ru-RU' = "ru"
+}
+export declare enum DayJSLocale {
+    'en-US' = "en",
+    'hy-AM' = "hy-am",
+    'ru-RU' = "ru"
+}

package/utils/helpers.d.ts

@@ -1,15 +1,15 @@
-export declare const noop: () => void;
-export declare const checkIsAllowedFileSize: (allowedSize: number, fileSize: number) => boolean;
-export declare const openFileInNewWindow: ({ e, file, handleFileClick }: {
-    e: TClickEventType;
-    file: File;
-    handleFileClick?: ((file: File) => void) | undefined;
-}) => void;
-export declare const getFormattedValues: (files: File[]) => FileReader[];
-export declare const uniqueFiles: (files: File[]) => File[];
-export declare const checkIsAllowedTypes: (allowedTypes: string, mimeType: string) => boolean;
-export declare const getStringWidth: (text: string, fontSize: number) => number;
-export declare const setTranslationValue: (translation: string, value: string | number) => string;
-export declare const getYearOptions: (startYear: number, lastYear: number) => TSelectOptions;
-export declare const isSameDay: (date1?: Date, date2?: Date) => boolean;
-export declare const generateDataTestId: (postfix: string, dataId?: string) => string;
+export declare const noop: () => void;
+export declare const checkIsAllowedFileSize: (allowedSize: number, fileSize: number) => boolean;
+export declare const openFileInNewWindow: ({ e, file, handleFileClick }: {
+    e: TClickEventType;
+    file: File;
+    handleFileClick?: ((file: File) => void) | undefined;
+}) => void;
+export declare const getFormattedValues: (files: File[]) => FileReader[];
+export declare const uniqueFiles: (files: File[]) => File[];
+export declare const checkIsAllowedTypes: (allowedTypes: string, mimeType: string) => boolean;
+export declare const getStringWidth: (text: string, fontSize: number) => number;
+export declare const setTranslationValue: (translation: string, value: string | number) => string;
+export declare const getYearOptions: (startYear: number, lastYear: number) => TSelectOptions;
+export declare const isSameDay: (date1?: Date, date2?: Date) => boolean;
+export declare const generateDataTestId: (postfix: string, dataId?: string) => string;

package/Button-d343412e.js

@@ -1,406 +0,0 @@
-import { _ as _extends } from './extends-70e55a04.js';
-import { _ as _defineProperty } from './defineProperty-92a0fd1f.js';
-import { _ as _objectWithoutProperties } from './objectWithoutProperties-8e4c84a3.js';
-import React, { useState, useId, useEffect, forwardRef, useRef, useMemo } from 'react';
-import classNames from 'classnames';
-import 'dayjs';
-import { Loader } from './helperComponents/Loader/Loader.js';
-import './consts/index.js';
-import './hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-dropzone';
-import { _ as _slicedToArray } from './slicedToArray-82271927.js';
-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 { Text } from './components/Text/Text.js';
-import { Tooltip } from './components/Tooltip/Tooltip.js';
-import { 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 { LITE_LOADER_TYPES, ICON_SIZE_MAPPING, ICON_TYPE_MAPPING } from './components/Button/consts.js';
-
-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: "".concat(dataId, "-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[size],
-    type: ICON_TYPE_MAPPING[iconProps.type || type],
-    className: "btn__icon"
-  }) : null, buttonText || children ? /*#__PURE__*/React.createElement("span", {
-    className: "btn__text"
-  }, buttonText || children) : null));
-};
-
-export { Button as B, Checkbox as C, Modal as M, Popover as P, MOBILE_ANIMATION as a, ModalContent as b, PopoverMobile as c };

package/components/FileUpload/DnDFileUpload/DnDFileUpload.d.ts

@@ -1,3 +0,0 @@
-import { ReactElement } from 'react';
-import { DnDFileUploadProps } from '../types';
-export declare const DnDFileUpload: ({ maxSize, accept, multiple, name, setFiles, setFieldValue, value, selectedFiles }: DnDFileUploadProps) => ReactElement;

package/components/FileUpload/DnDFileUpload/DnDFileUpload.js

@@ -1,84 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from 'react';
-import { ErrorCode, useDropzone } from 'react-dropzone';
-import IconUpload from '../../SVGIcons/IconUpload';
-import { Text } from '../../Text';
-import classnames from 'classnames';
-import { FileTypeEnum } from '../../../type';
-import { generateAreaContent } from './helpers';
-import { ErrorItem } from './ErrorItem';
-import { PreviewItem } from './PreviewItem';
-import { uniqueFiles as _uniqueFiles } from '../../../utils/helpers';
-export var DnDFileUpload = function (_a) {
-    var _b = _a.maxSize, maxSize = _b === void 0 ? 10 * 1024 * 1024 : _b, _c = _a.accept, accept = _c === void 0 ? [FileTypeEnum.IMAGE, FileTypeEnum.PDF, FileTypeEnum.DOC] : _c, _d = _a.multiple, multiple = _d === void 0 ? true : _d, name = _a.name, setFiles = _a.setFiles, setFieldValue = _a.setFieldValue, value = _a.value, selectedFiles = _a.selectedFiles;
-    var initialFiles = value || selectedFiles || [];
-    var _e = useState([]), errors = _e[0], setErrors = _e[1];
-    var areaContent = generateAreaContent({
-        accept: accept,
-        maxSize: maxSize
-    });
-    var onDrop = function (fileAccepted, fileRejections) {
-        if (!multiple && initialFiles.length > 0) {
-            setErrors([{ code: ErrorCode.TooManyFiles, message: '' }]);
-            return;
-        }
-        var newFiles = _uniqueFiles(__spreadArray(__spreadArray([], initialFiles, true), fileAccepted, true));
-        var errors = fileRejections.map(function (fileRejection) { return fileRejection.errors; }).flat();
-        setFiles === null || setFiles === void 0 ? void 0 : setFiles(newFiles);
-        updateInForm(newFiles);
-        setErrors(errors);
-    };
-    var _f = useDropzone({
-        onDrop: onDrop,
-        accept: areaContent.acceptTypes,
-        maxSize: maxSize,
-        maxFiles: multiple ? undefined : 1
-    }), getRootProps = _f.getRootProps, getInputProps = _f.getInputProps, isFocused = _f.isFocused, isDragActive = _f.isDragActive;
-    var removeFile = function (fileName) {
-        var newFiles = initialFiles.filter(function (file) { return file.name !== fileName; });
-        if (newFiles.length === 0) {
-            setErrors([]);
-        }
-        setFiles === null || setFiles === void 0 ? void 0 : setFiles(newFiles);
-        updateInForm(newFiles);
-    };
-    var removeError = function (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 (_jsxs("div", __assign({ className: "dnd-file-upload" }, { children: [_jsxs("div", __assign({}, getRootProps(), { className: classnames('dnd-file-upload__area', {
-                    'dnd-file-upload__area--focused': isFocused,
-                    'dnd-file-upload__area--active': isDragActive
-                }) }, { children: [_jsx(IconUpload, { className: "mb-20", size: "xlarge" }), _jsx("input", __assign({}, getInputProps(), { name: name })), _jsx(Text, __assign({ type: "primary", weight: "semibold", className: "mb-6" }, { children: "Choose a file or drag it here" })), _jsxs(Text, __assign({ size: "small" }, { children: [areaContent.acceptTypesMessage, ' ', areaContent.acceptTypes.length === 1 ? 'format' : 'formats', ", Maximum size up to", ' ', areaContent.maxSizeFormatted, "."] }))] })), _jsxs("div", __assign({ className: "dnd-file-upload__files" }, { children: [errors.map(function (_a, index) {
-                        var code = _a.code;
-                        return (_jsx(ErrorItem, { code: code, areaContent: areaContent, onRemove: function () { return removeError(index); } }, index));
-                    }), initialFiles.map(function (file, index) {
-                        return _jsx(PreviewItem, { file: file, onRemove: function () { return removeFile(file.name); } }, index);
-                    })] }))] })));
-};

package/components/FileUpload/DnDFileUpload/ErrorItem.d.ts

@@ -1,9 +0,0 @@
-import { ReactElement } from 'react';
-import { AreaContentDTO } from '../types';
-interface IErrorItemProps {
-    code: string;
-    areaContent: AreaContentDTO;
-    onRemove: () => void;
-}
-export declare const ErrorItem: ({ code, onRemove, areaContent }: IErrorItemProps) => ReactElement | null;
-export {};

package/components/FileUpload/DnDFileUpload/ErrorItem.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { ErrorCode } from 'react-dropzone';
-import { Alert } from '../../Alert';
-export var ErrorItem = function (_a) {
-    var code = _a.code, onRemove = _a.onRemove, areaContent = _a.areaContent;
-    var errorMessage = useMemo(function () {
-        if (code === ErrorCode.FileInvalidType) {
-            return "The file type should be ".concat(areaContent.acceptTypesMessage);
-        }
-        else if (code === ErrorCode.FileTooLarge) {
-            return "The file is too large (Max ".concat(areaContent.maxSizeFormatted, ")");
-        }
-        else if (code === ErrorCode.TooManyFiles) {
-            return 'Too many files. Please select one file.';
-        }
-        return '';
-    }, [code]);
-    return errorMessage ? (_jsx(Alert, { type: "error", text: errorMessage, closeIcon: true, onClose: onRemove })) : null;
-};