hrm_ui_lib 2.1.0 → 2.2.0

package/components/Text/Text.js

@@ -1,36 +1,7 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-import { noop } from '../../utils/helpers.js';
-import 'dayjs';
-
-var Text = function Text(props) {
-  var children = props.children,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'primary' : _props$type,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'standard' : _props$size,
-    _props$weight = props.weight,
-    weight = _props$weight === void 0 ? 'regular' : _props$weight,
-    _props$lineHeight = props.lineHeight,
-    lineHeight = _props$lineHeight === void 0 ? 'medium' : _props$lineHeight,
-    _props$as = props.as,
-    As = _props$as === void 0 ? 'p' : _props$as,
-    _props$dataId = props.dataId,
-    dataId = _props$dataId === void 0 ? '' : _props$dataId,
-    _props$onClick = props.onClick,
-    onClick = _props$onClick === void 0 ? noop : _props$onClick,
-    _props$id = props.id,
-    id = _props$id === void 0 ? '' : _props$id,
-    title = props.title;
-  return /*#__PURE__*/React.createElement(As, {
-    id: id,
-    title: title,
-    "data-id": dataId,
-    onClick: onClick,
-    className: classNames('body', size && "body-".concat(size), type && "color-".concat(type), weight, lineHeight && "lh-".concat(lineHeight), className)
-  }, children);
+import { noop } from '../../utils/helpers';
+export const Text = (props) => {
+    const { children, className = '', type = 'primary', size = 'standard', weight = 'regular', lineHeight = 'medium', as: As = 'p', dataId = '', onClick = noop, id = '', title } = props;
+    return (_jsx(As, { id: id, title: title, "data-id": dataId, onClick: onClick, className: classNames('body', size && `body-${size}`, type && `color-${type}`, weight, lineHeight && `lh-${lineHeight}`, className), children: children }));
 };
-
-export { Text };

package/components/Text/index.js

@@ -1,5 +1 @@
-export { Text } from './Text.js';
-import 'react';
-import 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
+export * from './Text';

package/components/Text/types.js

@@ -1 +1 @@
-
+export {};

package/components/Textarea/Textarea.js

@@ -1,144 +1,40 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useMemo } from 'react';
-import { Label } from '../../helperComponents/Label/Label.js';
-import { ErrorMessage } from '../../helperComponents/ErrorMessage/ErrorMessage.js';
+import { ErrorMessage, Label } from '../../helperComponents';
+import { Text } from '../Text';
 import classNames from 'classnames';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/defineProperty';
-import { Text } from '../Text/Text.js';
-import '../../consts/index.js';
-import 'dayjs';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../Alert-BslI0aA0.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 = ["className", "error", "hasError", "label", "disabled", "currentValue", "changeHandler", "placeHolder", "onChange", "required", "maxCount", "helperText", "successMessage", "dataId", "labelAddons", "isValid", "setFieldValue"];
-var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    error = _ref.error,
-    hasError = _ref.hasError,
-    label = _ref.label,
-    disabled = _ref.disabled,
-    currentValue = _ref.currentValue,
-    changeHandler = _ref.changeHandler,
-    placeHolder = _ref.placeHolder,
-    onChange = _ref.onChange,
-    _ref$required = _ref.required,
-    required = _ref$required === void 0 ? false : _ref$required,
-    maxCount = _ref.maxCount,
-    helperText = _ref.helperText,
-    successMessage = _ref.successMessage,
-    _ref$dataId = _ref.dataId,
-    dataId = _ref$dataId === void 0 ? '' : _ref$dataId,
-    labelAddons = _ref.labelAddons;
-    _ref.isValid;
-    _ref.setFieldValue;
-    var rest = _objectWithoutProperties(_ref, _excluded);
-  // const isErrorVisible = hasError !== undefined ? hasError : !!error
-
-  var handleChange = function handleChange(event) {
-    if (changeHandler) {
-      changeHandler(event);
-    }
-    if (onChange) {
-      onChange(event);
-    }
-  };
-  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]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('textarea', className, {
-      'textarea--invalid': hasError
-    })
-  }, /*#__PURE__*/React.createElement(Label, {
-    text: label,
-    required: required,
-    disabled: disabled,
-    labelAddons: labelAddons
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "textarea__inner"
-  }, /*#__PURE__*/React.createElement("textarea", _extends({
-    "data-id": dataId,
-    disabled: disabled,
-    ref: ref,
-    placeholder: placeHolder
-  }, rest, {
-    onChange: handleChange
-  }, currentValue ? {
-    value: currentValue
-  } : {}))), error || successMessage || helperText || maxCount ? /*#__PURE__*/React.createElement("div", {
-    className: "textarea__message mt-8"
-  }, error && /*#__PURE__*/React.createElement(ErrorMessage, {
-    message: error,
-    icon: "infoFilled",
-    dataId: dataId
-  }), 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 ? /*#__PURE__*/React.createElement(Text, {
-    size: "small",
-    type: disabled ? 'disabled' : 'secondary'
-  }, helperText) : null, maxCount ? /*#__PURE__*/React.createElement(Text, {
-    size: "small",
-    type: disabled ? 'disabled' : 'secondary',
-    className: "textarea__counter"
-  }, "".concat(currentLength, "/").concat(maxCount)) : null) : null);
+import IconCheckmarkCircleFilled from '../SVGIcons/IconCheckmarkCircleFilled';
+export const Textarea = React.forwardRef((_a, ref) => {
+    // const isErrorVisible = hasError !== undefined ? hasError : !!error
+    var { className, error, hasError, label, disabled, currentValue, changeHandler, placeHolder, onChange, required = false, maxCount, helperText, successMessage, dataId = '', labelAddons, isValid, setFieldValue } = _a, rest = __rest(_a, ["className", "error", "hasError", "label", "disabled", "currentValue", "changeHandler", "placeHolder", "onChange", "required", "maxCount", "helperText", "successMessage", "dataId", "labelAddons", "isValid", "setFieldValue"]);
+    const handleChange = (event) => {
+        if (changeHandler) {
+            changeHandler(event);
+        }
+        if (onChange) {
+            onChange(event);
+        }
+    };
+    const currentLength = useMemo(() => {
+        if (currentValue) {
+            return currentValue.length;
+        }
+        if (rest && rest.value && typeof rest.value === 'string') {
+            return rest.value.length;
+        }
+        return 0;
+    }, [rest, currentValue]);
+    return (_jsxs("div", { className: classNames('textarea', className, { 'textarea--invalid': hasError }), children: [_jsx(Label, { text: label, required: required, disabled: disabled, labelAddons: labelAddons }), _jsx("div", { className: "textarea__inner", children: _jsx("textarea", Object.assign({ "data-id": dataId, disabled: disabled, ref: ref, placeholder: placeHolder }, rest, { onChange: handleChange }, (currentValue ? { value: currentValue } : {}))) }), error || successMessage || helperText || maxCount ? (_jsxs("div", { className: "textarea__message mt-8", children: [error && _jsx(ErrorMessage, { message: error, icon: "infoFilled", dataId: dataId }), successMessage ? (_jsx(Text, { size: "small", type: "success", className: "flexbox align-items--center", children: _jsxs(_Fragment, { children: [_jsx(IconCheckmarkCircleFilled, { type: "success", size: "xsmall" }), _jsx("span", { className: "ml-4", children: successMessage })] }) })) : null, helperText && !successMessage ? (_jsx(Text, { size: "small", type: disabled ? 'disabled' : 'secondary', children: helperText })) : null, maxCount ? (_jsx(Text, { size: "small", type: disabled ? 'disabled' : 'secondary', className: "textarea__counter", children: `${currentLength}/${maxCount}` })) : null] })) : null] }));
 });
 Textarea.displayName = 'Textarea';
-
-export { Textarea };

package/components/Textarea/index.js

@@ -1,56 +1 @@
-export { Textarea } from './Textarea.js';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'react';
-import '../../helperComponents/Label/Label.js';
-import '../Text/Text.js';
-import 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/defineProperty';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../Alert-BslI0aA0.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 '../SVGIcons/IconCheckmarkCircleFilled.js';
+export * from './Textarea';

package/components/Textarea/types.js

@@ -1 +1 @@
-
+export {};

package/components/Tooltip/Tooltip.js

@@ -1,103 +1,53 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useRef, useState, useEffect } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
-import { Text } from '../Text/Text.js';
-import { useGetTooltipStyles } from '../../hooks/useGetTooltipStyles.js';
-import { useHideOnScroll } from '../../hooks/useHideOnScroll.js';
-import 'dayjs';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import { Positions } from './types.js';
-import '../../utils/helpers.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../consts/index.js';
-import '@babel/runtime/helpers/defineProperty';
-import '../../type/file-upload.js';
-
-var Tooltip = function Tooltip(props) {
-  var tooltipRef = useRef(null);
-  var _props$size = props.size,
-    size = _props$size === void 0 ? 'large' : _props$size,
-    text = props.text,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$position = props.position,
-    position = _props$position === void 0 ? Positions.BOTTOM_LEFT : _props$position,
-    _props$dataId = props.dataId,
-    dataId = _props$dataId === void 0 ? '' : _props$dataId,
-    id = props.id,
-    elemRef = props.elemRef,
-    _props$hovered = props.hovered,
-    hovered = _props$hovered === void 0 ? false : _props$hovered;
-  var _useState = useState(hovered),
-    _useState2 = _slicedToArray(_useState, 2),
-    isHovered = _useState2[0],
-    setIsHovered = _useState2[1];
-  var _useState3 = useState(elemRef || null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    parent = _useState4[0],
-    setElement = _useState4[1];
-  var _useState5 = useState(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    toolTipCurrentWidth = _useState6[0],
-    setToolTipCurrentWidth = _useState6[1];
-  useEffect(function () {
-    if (id) {
-      var element = document.getElementById(id.toString());
-      setElement(element);
-    }
-  }, [id]);
-  var onMouseEnter = function onMouseEnter() {
-    setIsHovered(true);
-  };
-  var onMouseLeave = function onMouseLeave() {
-    return setIsHovered(false);
-  };
-  useHideOnScroll(onMouseLeave);
-  var _useGetTooltipStyles = useGetTooltipStyles({
-      elemRef: parent,
-      tooltipRef: tooltipRef.current,
-      initialPosition: position,
-      toolTipCurrentWidth: toolTipCurrentWidth
-    }),
-    tooltipStyles = _useGetTooltipStyles.tooltipStyles,
-    tooltipPosition = _useGetTooltipStyles.tooltipPosition;
-  useEffect(function () {
-    if (parent) {
-      parent.addEventListener('mouseenter', onMouseEnter);
-      parent.addEventListener('mouseleave', onMouseLeave);
-    }
-    return function () {
-      parent === null || parent === void 0 || parent.removeEventListener('mouseenter', onMouseEnter);
-      parent === null || parent === void 0 || parent.removeEventListener('mouseleave', onMouseLeave);
+import { Text } from '../Text';
+import { useGetTooltipStyles, useHideOnScroll } from '../../hooks';
+import { Positions } from './types';
+export const Tooltip = (props) => {
+    const tooltipRef = useRef(null);
+    const { size = 'large', text, className = '', position = Positions.BOTTOM_LEFT, dataId = '', id, elemRef, hovered = false } = props;
+    const [isHovered, setIsHovered] = useState(hovered);
+    const [parent, setElement] = useState(elemRef || null);
+    const [toolTipCurrentWidth, setToolTipCurrentWidth] = useState(0);
+    useEffect(() => {
+        if (id) {
+            const element = document.getElementById(id.toString());
+            setElement(element);
+        }
+    }, [id]);
+    const onMouseEnter = () => {
+        setIsHovered(true);
     };
-  }, [parent]);
-  useEffect(function () {
-    if (isHovered) {
-      var _tooltipRef$current;
-      setToolTipCurrentWidth((tooltipRef === null || tooltipRef === void 0 || (_tooltipRef$current = tooltipRef.current) === null || _tooltipRef$current === void 0 ? void 0 : _tooltipRef$current.clientWidth) || 0);
-    } else {
-      setToolTipCurrentWidth(0);
+    const onMouseLeave = () => setIsHovered(false);
+    useHideOnScroll(onMouseLeave);
+    const { tooltipStyles, tooltipPosition } = useGetTooltipStyles({
+        elemRef: parent,
+        tooltipRef: tooltipRef.current,
+        initialPosition: position,
+        toolTipCurrentWidth: toolTipCurrentWidth
+    });
+    useEffect(() => {
+        if (parent) {
+            parent.addEventListener('mouseenter', onMouseEnter);
+            parent.addEventListener('mouseleave', onMouseLeave);
+        }
+        return () => {
+            parent === null || parent === void 0 ? void 0 : parent.removeEventListener('mouseenter', onMouseEnter);
+            parent === null || parent === void 0 ? void 0 : parent.removeEventListener('mouseleave', onMouseLeave);
+        };
+    }, [parent]);
+    useEffect(() => {
+        var _a;
+        if (isHovered) {
+            setToolTipCurrentWidth(((_a = tooltipRef === null || tooltipRef === void 0 ? void 0 : tooltipRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0);
+        }
+        else {
+            setToolTipCurrentWidth(0);
+        }
+    }, [isHovered]);
+    if (!isHovered) {
+        return null;
     }
-  }, [isHovered]);
-  if (!isHovered) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    style: tooltipStyles,
-    "data-id": dataId,
-    className: classNames("tooltip tooltip--".concat(size, " tooltip--").concat(tooltipPosition), className),
-    ref: tooltipRef
-  }, /*#__PURE__*/React.createElement(Text, {
-    dataId: "".concat(dataId, "-text"),
-    className: "tooltip__inner",
-    type: "primary",
-    weight: "regular",
-    lineHeight: "small",
-    size: "".concat(size == 'small' ? 'xsmall' : 'small')
-  }, text));
+    return (_jsx("div", { style: tooltipStyles, "data-id": dataId, className: classNames(`tooltip tooltip--${size} tooltip--${tooltipPosition}`, className), ref: tooltipRef, children: _jsx(Text, { dataId: `${dataId}-text`, className: "tooltip__inner", type: "primary", weight: "regular", lineHeight: "small", size: `${size == 'small' ? 'xsmall' : 'small'}`, children: text }) }));
 };
-
-export { Tooltip };

package/components/Tooltip/index.js

@@ -1,18 +1 @@
-export { Tooltip } from './Tooltip.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import 'classnames';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import './types.js';
-import '../../hooks/useHideOnScroll.js';
-import '../../consts/index.js';
-import '@babel/runtime/helpers/defineProperty';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
+export * from './Tooltip';

package/components/Tooltip/types.js

@@ -1,13 +1,11 @@
-var Positions = /*#__PURE__*/function (Positions) {
-  Positions["BOTTOM_LEFT"] = "bottom-left";
-  Positions["BOTTOM_RIGHT"] = "bottom-right";
-  Positions["TOP_LEFT"] = "top-left";
-  Positions["TOP_RIGHT"] = "top-right";
-  Positions["MIDDLE_LEFT"] = "middle-left";
-  Positions["MIDDLE_RIGHT"] = "middle-right";
-  Positions["BOTTOM_CENTER"] = "bottom-center";
-  Positions["TOP_CENTER"] = "top-center";
-  return Positions;
-}({});
-
-export { Positions };
+export var Positions;
+(function (Positions) {
+    Positions["BOTTOM_LEFT"] = "bottom-left";
+    Positions["BOTTOM_RIGHT"] = "bottom-right";
+    Positions["TOP_LEFT"] = "top-left";
+    Positions["TOP_RIGHT"] = "top-right";
+    Positions["MIDDLE_LEFT"] = "middle-left";
+    Positions["MIDDLE_RIGHT"] = "middle-right";
+    Positions["BOTTOM_CENTER"] = "bottom-center";
+    Positions["TOP_CENTER"] = "top-center";
+})(Positions || (Positions = {}));

package/consts/index.js

@@ -1,67 +1,88 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { FileTypeEnum } from '../type/file-upload.js';
-
-var IMAGE_MIME_TYPES = ['image/jpeg', 'image/png', 'application/pdf'];
-var IMAGE_MIME_TYPES_FOR_PREVIEW = ['image/jpeg', 'image/jpg', 'image/png', 'image/heic', 'image/heif', 'application/pdf'];
-var IMAGE_MIME_TYPE = ['.jpeg', '.jpg', '.png', '.heic', '.heif', '.pdf'];
-
+import { FileTypeEnum } from '../type';
+export const IMAGE_MIME_TYPES = ['image/jpeg', 'image/png', 'application/pdf'];
+export const IMAGE_MIME_TYPES_FOR_PREVIEW = [
+    'image/jpeg',
+    'image/jpg',
+    'image/png',
+    'image/heic',
+    'image/heif',
+    'application/pdf'
+];
+export const IMAGE_MIME_TYPE = ['.jpeg', '.jpg', '.png', '.heic', '.heif', '.pdf'];
 //TODO as a result of discussion with the designers, it was decided to add temporary constants , in the next stage we should correct that
-var SCREEN_SIZES = {
-  SMALL: 768,
-  MEDIUM: 992,
-  LARGE: 1200
+export const SCREEN_SIZES = {
+    SMALL: 768,
+    MEDIUM: 992,
+    LARGE: 1200
+};
+export const MOBILE_POINT = SCREEN_SIZES.SMALL;
+export var FILE_UPLOAD_ERRORS;
+(function (FILE_UPLOAD_ERRORS) {
+    FILE_UPLOAD_ERRORS[FILE_UPLOAD_ERRORS["size"] = 0] = "size";
+    FILE_UPLOAD_ERRORS[FILE_UPLOAD_ERRORS["type"] = 1] = "type";
+})(FILE_UPLOAD_ERRORS || (FILE_UPLOAD_ERRORS = {}));
+export var CARD_SELECT_TYPES;
+(function (CARD_SELECT_TYPES) {
+    CARD_SELECT_TYPES["cardRadio"] = "cardRadio";
+    CARD_SELECT_TYPES["card"] = "card";
+})(CARD_SELECT_TYPES || (CARD_SELECT_TYPES = {}));
+export const CUSTOM_SCROLL_MESSAGE = 'Custom scroll event has fired';
+export const CUSTOM_SCROLL_NAME = 'CUSTOM_SCROLL_EVENT';
+export const MONTHS = [
+    {
+        label: 'January',
+        value: 0
+    },
+    {
+        label: 'February',
+        value: 1
+    },
+    {
+        label: 'March',
+        value: 2
+    },
+    {
+        label: 'April',
+        value: 3
+    },
+    {
+        label: 'May',
+        value: 4
+    },
+    {
+        label: 'June',
+        value: 5
+    },
+    {
+        label: 'July',
+        value: 6
+    },
+    {
+        label: 'August',
+        value: 7
+    },
+    {
+        label: 'September',
+        value: 8
+    },
+    {
+        label: 'October',
+        value: 9
+    },
+    {
+        label: 'November',
+        value: 10
+    },
+    {
+        label: 'December',
+        value: 11
+    }
+];
+export const DROPDOWN_AND_INPUT_GAP = 10;
+export const FILE_ACCEPT_TYPE = {
+    [FileTypeEnum.PDF]: ['application/pdf'],
+    [FileTypeEnum.IMAGE]: ['image/jpeg', 'image/png'],
+    [FileTypeEnum.DOC]: [
+        '.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document'
+    ]
 };
-var MOBILE_POINT = SCREEN_SIZES.SMALL;
-var FILE_UPLOAD_ERRORS = /*#__PURE__*/function (FILE_UPLOAD_ERRORS) {
-  FILE_UPLOAD_ERRORS[FILE_UPLOAD_ERRORS["size"] = 0] = "size";
-  FILE_UPLOAD_ERRORS[FILE_UPLOAD_ERRORS["type"] = 1] = "type";
-  return FILE_UPLOAD_ERRORS;
-}({});
-var CARD_SELECT_TYPES = /*#__PURE__*/function (CARD_SELECT_TYPES) {
-  CARD_SELECT_TYPES["cardRadio"] = "cardRadio";
-  CARD_SELECT_TYPES["card"] = "card";
-  return CARD_SELECT_TYPES;
-}({});
-var CUSTOM_SCROLL_MESSAGE = 'Custom scroll event has fired';
-var CUSTOM_SCROLL_NAME = 'CUSTOM_SCROLL_EVENT';
-var MONTHS = [{
-  label: 'January',
-  value: 0
-}, {
-  label: 'February',
-  value: 1
-}, {
-  label: 'March',
-  value: 2
-}, {
-  label: 'April',
-  value: 3
-}, {
-  label: 'May',
-  value: 4
-}, {
-  label: 'June',
-  value: 5
-}, {
-  label: 'July',
-  value: 6
-}, {
-  label: 'August',
-  value: 7
-}, {
-  label: 'September',
-  value: 8
-}, {
-  label: 'October',
-  value: 9
-}, {
-  label: 'November',
-  value: 10
-}, {
-  label: 'December',
-  value: 11
-}];
-var DROPDOWN_AND_INPUT_GAP = 10;
-var FILE_ACCEPT_TYPE = _defineProperty(_defineProperty(_defineProperty({}, FileTypeEnum.PDF, ['application/pdf']), FileTypeEnum.IMAGE, ['image/jpeg', 'image/png']), FileTypeEnum.DOC, ['.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document']);
-
-export { CARD_SELECT_TYPES, CUSTOM_SCROLL_MESSAGE, CUSTOM_SCROLL_NAME, DROPDOWN_AND_INPUT_GAP, FILE_ACCEPT_TYPE, FILE_UPLOAD_ERRORS, IMAGE_MIME_TYPE, IMAGE_MIME_TYPES, IMAGE_MIME_TYPES_FOR_PREVIEW, MOBILE_POINT, MONTHS, SCREEN_SIZES };