hrm_ui_lib 2.0.0-alpha.23 → 2.0.0-alpha.25

package/components/DatePicker/CustomHeader/CustomHeader.js

@@ -1,194 +1,7 @@
-import React from 'react';
-import '../../Select/Select/Select.js';
-import '../../Select/MultiSelect/MultiSelect.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/slicedToArray';
-import '../../Input/Input.js';
-import 'classnames';
-import { noop, getYearOptions } from '../../../utils/helpers.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/defineProperty';
-import '../../../consts/index.js';
-import '../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../../Alert-C_U8td2x.js';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import { ButtonSelect } from '../../Select/ButtonSelect/ButtonSelect.js';
-import { IconChevronLeft } from '../../SVGIcons/IconChevronLeft.js';
-import { IconChevronRight } from '../../SVGIcons/IconChevronRight.js';
-import { generateMonthOptions } from './helpers.js';
-import '../../../hooks/useGetIsMobile.js';
-import '../../../type/file-upload.js';
-import '../../Select/Select/SelectDesktop/index.js';
-import 'react-window';
-import '../../Text/Text.js';
-import 'dayjs';
-import '../../../helperComponents/OptionItem/OptionItem.js';
-import '../../Avatar/Avatar.js';
-import '../../FileUpload/FileUpload.js';
-import '../../FileUpload/types.js';
-import '../../../helperComponents/Label/Label.js';
-import '../../FileUpload/UploadItems.js';
-import '../../../hooks/useFormProps.js';
-import '../../../context/types.js';
-import '../../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../IconDynamicComponent/IconDynamicComponent.js';
-import '../../SVGIcons/IconDelete.js';
-import '../../Alert/consts.js';
-import '../../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../../SVGIcons/IconUpload.js';
-import '../../../helpers/format-date.js';
-import 'dayjs/plugin/utc';
-import '../../../helpers/locale.js';
-import '../../../type/locale.js';
-import '../../../helpers/storage.js';
-import 'react-toastify';
-import 'motion/react';
-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 'react-toastify/dist/ReactToastify.css';
-import '@babel/runtime/helpers/typeof';
-import '../../SVGIcons/IconDismissFilled.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/IconEditFilled.js';
-import '../../SVGIcons/IconEdit.js';
-import '../../SVGIcons/IconAttach.js';
-import '../../SVGIcons/IconCheckmark.js';
-import '../../../hooks/useGetHasBottomSpace.js';
-import '../../../hooks/useChangePositionsOnScroll.js';
-import '../../Empty/Empty.js';
-import '../../Image/Image.js';
-import 'react-dom';
-import '../../Collapse/CollapseGroup/CollapseGroup.js';
-import '../../Collapse/CollapseItem/CollapseItem.js';
-import '../../Divider/Divider.js';
-import '../../SVGIcons/IconChevronDown.js';
-import '../../Select/SharedComponents/ContentTop.js';
-import '../../Select/SharedComponents/Actions.js';
-import '../../Menu/Menu.js';
-import '../../SVGIcons/IconMore.js';
-import '../../SVGIcons/IconSearchFilled.js';
-import '../../SVGIcons/IconSelectAllOff.js';
-import '../../Select/SharedComponents/Loading.js';
-import '../../Select/constants.js';
-import '../../Select/Select/helpers.js';
-import '../../Select/Select/SelectMobile/index.js';
-import '../../Select/Select/SelectMobile/MobileTopContent.js';
-import '../../SVGIcons/IconChevronUp.js';
-import '../../Select/localization.js';
-import '../../Select/MultiSelect/OptionsWrapper.js';
-import '../../Select/MultiSelect/MultiSelectGrouped/MultiSelectGrouped.js';
-import '../../SVGIcons/IconCaretDownFilled.js';
-import '../../SVGIcons/IconCaretUpFilled.js';
-import '../../Select/MultiSelect/MultiBase/MultiBase.js';
-import '../../Select/MultiSelect/MultiSelectWithTabs/MultiSelectWithTabs.js';
-import '../../Tab/Tab.js';
-import '../../Tab/TabItem.js';
-import '../../Badge/Badge.js';
-import '../../Select/SharedComponents/Footer.js';
-import '../../Select/SharedComponents/InputSelectWrapper/InputSelectWrapper.js';
-import '../../Select/MultiSelect/MobileWrapper.js';
-import '../../Select/MultiSelect/DesktopWrapper.js';
-import '../../Select/SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js';
-import '../../Select/SharedComponents/ButtonSelectWrapper/Button/Button.js';
-import 'react-input-mask';
-import 'react-number-format';
-import '../../SVGIcons/IconCheckmarkCircleFilled.js';
-import '../localization.js';
-
-var CustomHeader = function CustomHeader(props) {
-  var date = props.date,
-    dataPrefix = props.dataPrefix,
-    changeYear = props.changeYear,
-    changeMonth = props.changeMonth,
-    decreaseMonth = props.decreaseMonth,
-    increaseMonth = props.increaseMonth,
-    startYear = props.startYear,
-    endYear = props.endYear,
-    prevMonthButtonDisabled = props.prevMonthButtonDisabled,
-    nextMonthButtonDisabled = props.nextMonthButtonDisabled,
-    locale = props.locale,
-    _props$isMobile = props.isMobile,
-    isMobile = _props$isMobile === void 0 ? false : _props$isMobile;
-  var months = generateMonthOptions(locale);
-  var getMonthLabel = function getMonthLabel(month) {
-    var selectMonth = months.find(function (item) {
-      return item.value === month;
-    });
-    return selectMonth === null || selectMonth === void 0 ? void 0 : selectMonth.label.toString();
-  };
-  var month = date === null || date === void 0 ? void 0 : date.getMonth();
-  var year = date === null || date === void 0 ? void 0 : date.getFullYear();
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flexbox custom_header_container"
-  }, /*#__PURE__*/React.createElement(IconChevronLeft, {
-    size: "small",
-    className: "cursor-pointer",
-    dataId: dataPrefix ? "".concat(dataPrefix, "-prev-month-button") : '',
-    onClick: prevMonthButtonDisabled ? noop : decreaseMonth,
-    type: prevMonthButtonDisabled ? 'disabled' : 'primary'
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "selects_container"
-  }, /*#__PURE__*/React.createElement(ButtonSelect, {
-    size: "small",
-    type: "tertiary",
-    className: "date_picker_select",
-    offsets: isMobile ? {} : {
-      top: 42,
-      left: 48
-    },
-    placeHolder: getMonthLabel(month),
-    dataId: dataPrefix ? "".concat(dataPrefix, "-month-select") : '',
-    options: months,
-    selectedItem: month,
-    setSelectedItem: function setSelectedItem(m) {
-      return changeMonth(m);
-    },
-    dropdownWidth: 150,
-    isRequiredField: true
-  }), /*#__PURE__*/React.createElement(ButtonSelect, {
-    type: "tertiary",
-    className: "date_picker_select",
-    offsets: isMobile ? {} : {
-      top: 42,
-      left: 138
-    },
-    placeHolder: year.toString(),
-    dataId: dataPrefix ? "".concat(dataPrefix, "-year-select") : '',
-    size: "small",
-    options: getYearOptions(startYear, endYear),
-    selectedItem: year,
-    setSelectedItem: function setSelectedItem(y) {
-      return changeYear(y);
-    },
-    dropdownWidth: 100,
-    isRequiredField: true
-  })), /*#__PURE__*/React.createElement(IconChevronRight, {
-    size: "small",
-    className: "cursor-pointer",
-    dataId: dataPrefix ? "".concat(dataPrefix, "-next-month-button") : '',
-    onClick: nextMonthButtonDisabled ? noop : increaseMonth,
-    type: nextMonthButtonDisabled ? 'disabled' : 'primary'
-  }));
-};
-
-export { CustomHeader };
+import{jsxs as p,jsx as r}from"react/jsx-runtime";import"../../Select/Select/Select.js";import"../../Select/MultiSelect/MultiSelect.js";import"react";import"../../Input/Input.js";import"classnames";import{noop as d,getYearOptions as N}from"../../../utils/helpers.js";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"../../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import"../../Checkbox/Checkbox.js";import{ButtonSelect as h}from"../../Select/ButtonSelect/ButtonSelect.js";import C from"../../SVGIcons/IconChevronLeft.js";import S from"../../SVGIcons/IconChevronRight.js";import{generateMonthOptions as Y}from"./helpers.js";const G=e=>{const{date:t,dataPrefix:o,changeYear:s,changeMonth:l,decreaseMonth:a,increaseMonth:i,startYear:n,endYear:c,prevMonthButtonDisabled:m,nextMonthButtonDisabled:u,locale:f,isMobile:j=!1}=e,I=Y(f),x=null==t?void 0:t.getMonth(),b=null==t?void 0:t.getFullYear();/* @__PURE__ */
+return p("div",{className:"flexbox custom_header_container",children:[
+/* @__PURE__ */r(C,{size:"small",className:"cursor-pointer",dataId:o?`${o}-prev-month-button`:"",onClick:m?d:a,type:m?"disabled":"primary"}),
+/* @__PURE__ */p("div",{className:"selects_container",children:[
+/* @__PURE__ */r(h,{size:"small",type:"tertiary",className:"date_picker_select",offsets:j?{}:{top:42,left:48},placeHolder:(e=>{const t=I.find(t=>t.value===e);return null==t?void 0:t.label.toString()})(x),dataId:o?`${o}-month-select`:"",options:I,selectedItem:x,setSelectedItem:e=>l(e),dropdownWidth:150,isRequiredField:!0}),
+/* @__PURE__ */r(h,{type:"tertiary",className:"date_picker_select",offsets:j?{}:{top:42,left:138},placeHolder:b.toString(),dataId:o?`${o}-year-select`:"",size:"small",options:N(n,c),selectedItem:b,setSelectedItem:e=>s(e),dropdownWidth:100,isRequiredField:!0})]}),
+/* @__PURE__ */r(S,{size:"small",className:"cursor-pointer",dataId:o?`${o}-next-month-button`:"",onClick:u?d:i,type:u?"disabled":"primary"})]})};export{G as CustomHeader};

package/components/DatePicker/CustomHeader/helpers.js

@@ -1,17 +1 @@
-import { MONTHS } from '../localization.js';
-
-var generateMonthOptions = function generateMonthOptions() {
-  var locale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'hy';
-  var defaultLocale = locale;
-  if (!MONTHS[locale]) {
-    defaultLocale = 'hy';
-  }
-  return MONTHS[defaultLocale].map(function (month, index) {
-    return {
-      label: month,
-      value: index
-    };
-  });
-};
-
-export { generateMonthOptions };
+import{MONTHS as o}from"../localization.js";const l=(t="hy")=>{let a=t;return o[t]||(a="hy"),o[a].map((o,t)=>({label:o,value:t}))};export{l as generateMonthOptions};

package/components/DatePicker/RangeDatePicker/RangeDatePicker.js

@@ -1,138 +1 @@
-import React from 'react';
-import { RangeDatePickerDesktop } from './RangeDatePickerDesktop.js';
-import { useIsMobile } from '../../../hooks/useGetIsMobile.js';
-import { RangeDatePickerMobile } from './RangeDatePickerMobile.js';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'dayjs';
-import 'react-datepicker';
-import '../../Input/Input.js';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-input-mask';
-import 'classnames';
-import 'react-number-format';
-import '../../../helperComponents/Label/Label.js';
-import '../../Text/Text.js';
-import '../../../utils/helpers.js';
-import '../../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../IconDynamicComponent/IconDynamicComponent.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../../consts/index.js';
-import '../../../type/file-upload.js';
-import '../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../../Alert-C_U8td2x.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 'dayjs/plugin/utc';
-import '../../../helpers/locale.js';
-import '../../../type/locale.js';
-import '../../../helpers/storage.js';
-import 'react-toastify';
-import 'motion/react';
-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 'react-syntax-highlighter/dist/esm/styles/prism';
-import '../../Link/Link.js';
-import '../../Popover/PopoverDesktop.js';
-import '../../SVGIcons/IconInfo.js';
-import 'react-toastify/dist/ReactToastify.css';
-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';
-import '../types.js';
-import '../hooks.js';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import 'date-fns/locale/hy';
-import 'date-fns/locale/en-GB';
-import 'date-fns/locale/ru';
-import 'dayjs/locale/hy-am';
-import 'dayjs/locale/ru';
-import 'dayjs/locale/en';
-import '../../SVGIcons/IconCalendarRight.js';
-import '../CustomHeader/CustomHeader.js';
-import '../../Select/Select/Select.js';
-import '../../Select/Select/SelectDesktop/index.js';
-import 'react-window';
-import '../../../helperComponents/OptionItem/OptionItem.js';
-import '../../Avatar/Avatar.js';
-import '../../FileUpload/FileUpload.js';
-import '../../FileUpload/UploadItems.js';
-import '../../../hooks/useFormProps.js';
-import '../../../context/types.js';
-import '../../SVGIcons/IconEditFilled.js';
-import '../../SVGIcons/IconEdit.js';
-import '../../SVGIcons/IconAttach.js';
-import '../../SVGIcons/IconCheckmark.js';
-import '../../../hooks/useGetHasBottomSpace.js';
-import '../../../hooks/useChangePositionsOnScroll.js';
-import '../../Empty/Empty.js';
-import '../../Image/Image.js';
-import 'react-dom';
-import '../../Collapse/CollapseGroup/CollapseGroup.js';
-import '../../Collapse/CollapseItem/CollapseItem.js';
-import '../../SVGIcons/IconChevronRight.js';
-import '../../Divider/Divider.js';
-import '../../SVGIcons/IconChevronDown.js';
-import '../../Select/SharedComponents/ContentTop.js';
-import '../../Select/SharedComponents/Actions.js';
-import '../../Menu/Menu.js';
-import '../../SVGIcons/IconMore.js';
-import '../../SVGIcons/IconSearchFilled.js';
-import '../../SVGIcons/IconSelectAllOff.js';
-import '../../SVGIcons/IconChevronLeft.js';
-import '../../Select/SharedComponents/Loading.js';
-import '../../Select/constants.js';
-import '../../Select/Select/helpers.js';
-import '../../Select/Select/SelectMobile/index.js';
-import '../../Select/Select/SelectMobile/MobileTopContent.js';
-import '../../SVGIcons/IconChevronUp.js';
-import '../../Select/localization.js';
-import '../../Select/MultiSelect/MultiSelect.js';
-import '../../Select/MultiSelect/OptionsWrapper.js';
-import '../../Select/MultiSelect/MultiSelectGrouped/MultiSelectGrouped.js';
-import '../../SVGIcons/IconCaretDownFilled.js';
-import '../../SVGIcons/IconCaretUpFilled.js';
-import '../../Select/MultiSelect/MultiBase/MultiBase.js';
-import '../../Select/MultiSelect/MultiSelectWithTabs/MultiSelectWithTabs.js';
-import '../../Tab/Tab.js';
-import '../../Tab/TabItem.js';
-import '../../Badge/Badge.js';
-import '../../Select/SharedComponents/Footer.js';
-import '../../Select/SharedComponents/InputSelectWrapper/InputSelectWrapper.js';
-import '../../Select/MultiSelect/MobileWrapper.js';
-import '../../Select/MultiSelect/DesktopWrapper.js';
-import '../../Select/SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js';
-import '../../Select/SharedComponents/ButtonSelectWrapper/Button/Button.js';
-import '../../Select/ButtonSelect/ButtonSelect.js';
-import '../CustomHeader/helpers.js';
-import '../localization.js';
-
-var RangeDatePicker = function RangeDatePicker(props) {
-  var isMobile = useIsMobile();
-  return isMobile ? /*#__PURE__*/React.createElement(RangeDatePickerMobile, props) : /*#__PURE__*/React.createElement(RangeDatePickerDesktop, props);
-};
-
-export { RangeDatePicker };
+import{jsx as o}from"react/jsx-runtime";import{RangeDatePickerDesktop as i}from"./RangeDatePickerDesktop.js";import{useIsMobile as r}from"../../../hooks/useGetIsMobile.js";import{RangeDatePickerMobile as t}from"./RangeDatePickerMobile.js";const b=e=>r()?/* @__PURE__ */o(t,{...e}):/* @__PURE__ */o(i,{...e});export{b as RangeDatePicker};

package/components/DatePicker/RangeDatePicker/RangeDatePickerDesktop.js

@@ -1,185 +1,4 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React, { forwardRef, useState, useRef, useEffect } from 'react';
-import dayjs from 'dayjs';
-import DatePicker from 'react-datepicker';
-import { Input } from '../../Input/Input.js';
-import { DateFormat } from '../types.js';
-import { useImportFilesDynamically } from '../hooks.js';
-import { isSameDay } from '../../../utils/helpers.js';
-import { Label } from '../../../helperComponents/Label/Label.js';
-import 'classnames';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/defineProperty';
-import '../../../consts/index.js';
-import '../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../../Alert-C_U8td2x.js';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import { IconCalendarRight } from '../../SVGIcons/IconCalendarRight.js';
-import 'react-input-mask';
-import 'react-number-format';
-import '../../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../Text/Text.js';
-import '../../IconDynamicComponent/IconDynamicComponent.js';
-import '../../SVGIcons/IconCheckmarkCircleFilled.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 'dayjs/plugin/utc';
-import '../../../helpers/locale.js';
-import '../../../type/locale.js';
-import '../../../helpers/storage.js';
-import 'react-toastify';
-import '../../../hooks/useGetIsMobile.js';
-import 'motion/react';
-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 'react-toastify/dist/ReactToastify.css';
-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 '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import 'date-fns/locale/hy';
-import 'date-fns/locale/en-GB';
-import 'date-fns/locale/ru';
-import 'dayjs/locale/hy-am';
-import 'dayjs/locale/ru';
-import 'dayjs/locale/en';
-
-var _excluded = ["value", "currentDates", "setFieldValue", "name", "changeHandler", "dataId", "format", "maxDate", "minDate", "locale", "disabled", "placeholderText", "label", "hasError", "required"];
-var RangeDatePickerDesktop = /*#__PURE__*/forwardRef(function (props, _ref) {
-  var value = props.value,
-    _props$currentDates = props.currentDates,
-    currentDates = _props$currentDates === void 0 ? [] : _props$currentDates,
-    setFieldValue = props.setFieldValue,
-    name = props.name,
-    changeHandler = props.changeHandler,
-    dataId = props.dataId,
-    _props$format = props.format,
-    format = _props$format === void 0 ? DateFormat.LongDate : _props$format,
-    maxDate = props.maxDate,
-    minDate = props.minDate,
-    _props$locale = props.locale,
-    locale = _props$locale === void 0 ? 'hy' : _props$locale,
-    disabled = props.disabled,
-    placeholderText = props.placeholderText,
-    label = props.label,
-    hasError = props.hasError,
-    required = props.required,
-    rest = _objectWithoutProperties(props, _excluded);
-  useImportFilesDynamically(locale);
-  var dateInitialValue = value !== undefined && Array.isArray(value) ? value : currentDates;
-  var _useState = useState(dateInitialValue),
-    _useState2 = _slicedToArray(_useState, 2),
-    rangeArray = _useState2[0],
-    setRangeDate = _useState2[1];
-  var calendarRef = useRef(null);
-  var onChange = function onChange(date) {
-    if (date && Array.isArray(date)) {
-      setRangeDate(date);
-      if (changeHandler) {
-        changeHandler(date);
-      }
-      if (setFieldValue && name) {
-        setFieldValue(name, date);
-      }
-    }
-  };
-  useEffect(function () {
-    setRangeDate(dateInitialValue);
-  }, [dateInitialValue]);
-  if (!Array.isArray(rangeArray)) {
-    return null;
-  }
-  var formatDate = function formatDate(date) {
-    return date ? dayjs(date).format(format) : '';
-  };
-  var checkRange = function checkRange() {
-    var _rangeArray = _slicedToArray(rangeArray, 2),
-      startDate = _rangeArray[0],
-      endDate = _rangeArray[1];
-    if (!startDate || !endDate) {
-      onChange([null, null]);
-    }
-  };
-  var renderCurrentSelectedDate = function renderCurrentSelectedDate(rangeArray) {
-    var _rangeArray2 = _slicedToArray(rangeArray, 2),
-      startDate = _rangeArray2[0],
-      endDate = _rangeArray2[1];
-    var startDateFormatted = formatDate(startDate);
-    var endDateFormatted = formatDate(endDate);
-    if (isSameDay(startDate, endDate) || !rangeArray[1]) {
-      return startDateFormatted;
-    }
-    return "".concat(startDateFormatted, " - ").concat(endDateFormatted);
-  };
-  var openDatepicker = function openDatepicker() {
-    if (calendarRef.current) {
-      var _calendarRef$current, _calendarRef$current2;
-      var isOpen = (_calendarRef$current = calendarRef.current) === null || _calendarRef$current === void 0 ? void 0 : _calendarRef$current.isCalendarOpen();
-      (_calendarRef$current2 = calendarRef.current) === null || _calendarRef$current2 === void 0 || _calendarRef$current2.setOpen(!isOpen);
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "picker-container input__inner"
-  }, /*#__PURE__*/React.createElement(Label, {
-    text: label,
-    required: required,
-    invalid: hasError
-  }), /*#__PURE__*/React.createElement(DatePicker, _extends({}, rest, {
-    locale: locale,
-    minDate: minDate,
-    maxDate: maxDate,
-    startDate: rangeArray[0],
-    endDate: rangeArray[1],
-    selectsRange: true,
-    disabled: disabled,
-    onChange: onChange,
-    onClickOutside: checkRange
-    // @ts-ignore
-    ,
-    ref: calendarRef,
-    customInput: /*#__PURE__*/React.createElement("div", {
-      className: "date-picker_input-container"
-    }, /*#__PURE__*/React.createElement(Input, {
-      dataId: dataId,
-      disabled: disabled,
-      placeholder: placeholderText
-      // @ts-ignore
-      ,
-      currentValue: renderCurrentSelectedDate(rangeArray),
-      rightIconProps: {
-        Component: IconCalendarRight,
-        onClick: openDatepicker
-      }
-    }))
-  })));
-});
-RangeDatePickerDesktop.displayName = 'RangeDatePickerDesktop';
-
-export { RangeDatePickerDesktop };
+import{jsxs as N,jsx as o}from"react/jsx-runtime";import{forwardRef as S,useState as V,useRef as E,useEffect as L}from"react";import $ from"dayjs";import q from"react-datepicker";import{Input as w}from"../../Input/Input.js";import{DateFormat as H}from"../types.js";import{useImportFilesDynamically as T}from"../hooks.js";import{isSameDay as z}from"../../../utils/helpers.js";import{Label as B}from"../../../helperComponents/Label/Label.js";import G from"../../SVGIcons/IconCalendarRight.js";const J=S((e,r)=>{const{value:a,currentDates:t=[],setFieldValue:s,name:n,changeHandler:i,dataId:l,format:c=H.LongDate,maxDate:m,minDate:p,locale:u="hy",disabled:d,placeholderText:f,label:D,hasError:h,required:y,...j}=e;T(u);const k=void 0!==a&&Array.isArray(a)?a:t,[I,g]=V(k),x=E(null),b=e=>{e&&Array.isArray(e)&&(g(e),i&&i(e),s&&n&&s(n,e))};if(L(()=>{g(k)},[k]),!Array.isArray(I))return null;const v=e=>e?$(e).format(c):"";/* @__PURE__ */
+return N("div",{className:"picker-container input__inner",children:[
+/* @__PURE__ */o(B,{text:D,required:y,invalid:h}),
+/* @__PURE__ */o(q,{...j,locale:u,minDate:p,maxDate:m,startDate:I[0],endDate:I[1],selectsRange:!0,disabled:d,onChange:b,onClickOutside:()=>{const[e,r]=I;(!e||!r)&&b([null,null])},ref:x,customInput:/* @__PURE__ */o("div",{className:"date-picker_input-container",children:/* @__PURE__ */o(w,{dataId:l,disabled:d,placeholder:f,currentValue:(e=>{const[r,a]=e,t=v(r),s=v(a);return z(r,a)||!e[1]?t:`${t} - ${s}`})(I),rightIconProps:{Component:G,onClick:()=>{var e,r;if(x.current){const a=null==(e=x.current)?void 0:e.isCalendarOpen();null==(r=x.current)||r.setOpen(!a)}}}})})})]})});J.displayName="RangeDatePickerDesktop";export{J as RangeDatePickerDesktop};