hrm_ui_lib 2.0.3 → 2.1.0-alpha.10

package/components/DatePicker/SimpleDatePicker/SimpleDatePicker.js

@@ -1,130 +1 @@
-import React, { forwardRef } from 'react';
-import { SimpleDatePickerDesktop } from './SimpleDatePickerDesktop.js';
-import { useIsMobile } from '../../../hooks/useGetIsMobile.js';
-import { SimpleDatePickerMobile } from './SimpleDatePickerMobile.js';
-import '@babel/runtime/helpers/extends';
-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 '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../../consts/index.js';
-import '../../../type/file-upload.js';
-import '../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../../Alert-V_kH4Snn.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 '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';
-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/IconCaretUpFilled.js';
-import '../../SVGIcons/IconCaretDownFilled.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';
-import '../hooks.js';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '../../SVGIcons/IconCalendarRight.js';
-
-var SimpleDatePicker = /*#__PURE__*/forwardRef(function (props, _ref) {
-  var isMobile = useIsMobile();
-  return isMobile ? /*#__PURE__*/React.createElement(SimpleDatePickerMobile, props) : /*#__PURE__*/React.createElement(SimpleDatePickerDesktop, props);
-});
-SimpleDatePicker.displayName = 'SimpleDatePicker';
-
-export { SimpleDatePicker };
+import{jsx as i}from"react/jsx-runtime";import{forwardRef as r}from"react";import{SimpleDatePickerDesktop as o}from"./SimpleDatePickerDesktop.js";import{useIsMobile as m}from"../../../hooks/useGetIsMobile.js";import{SimpleDatePickerMobile as t}from"./SimpleDatePickerMobile.js";const p=r((e,r)=>m()?/* @__PURE__ */i(t,{...e}):/* @__PURE__ */i(o,{...e}));p.displayName="SimpleDatePicker";export{p as SimpleDatePicker};

package/components/DatePicker/SimpleDatePicker/SimpleDatePickerDesktop.js

@@ -1,205 +1,4 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React, { useRef } from 'react';
-import dayjs from 'dayjs';
-import DatePicker from 'react-datepicker';
-import { Input } from '../../Input/Input.js';
-import { Label } from '../../../helperComponents/Label/Label.js';
-import 'classnames';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/defineProperty';
-import '../../../consts/index.js';
-import '../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../../Alert-V_kH4Snn.js';
-import 'react-syntax-highlighter';
-import { CustomHeader } from '../CustomHeader/CustomHeader.js';
-import { useImportFilesDynamically } from '../hooks.js';
-import { IconCalendarRight } from '../../SVGIcons/IconCalendarRight.js';
-import 'react-input-mask';
-import 'react-number-format';
-import '../../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../Text/Text.js';
-import '../../../utils/helpers.js';
-import '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../helperComponents/IconDynamicComponent/constants.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 '../../../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';
-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/IconCaretUpFilled.js';
-import '../../SVGIcons/IconCaretDownFilled.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';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-
-var _excluded = ["value", "currentDate", "setFieldValue", "name", "label", "size", "locale", "changeHandler", "format", "required", "dataId", "hasError", "placeholderText", "minDate", "maxDate", "dataIdPrefix", "helperText", "inline"];
-var SimpleDatePickerDesktop = function SimpleDatePickerDesktop(props) {
-  var value = props.value,
-    currentDate = props.currentDate,
-    setFieldValue = props.setFieldValue,
-    name = props.name,
-    label = props.label,
-    size = props.size,
-    _props$locale = props.locale,
-    locale = _props$locale === void 0 ? 'hy' : _props$locale,
-    changeHandler = props.changeHandler,
-    _props$format = props.format,
-    format = _props$format === void 0 ? 'M/D/YYYY' : _props$format,
-    _props$required = props.required,
-    required = _props$required === void 0 ? false : _props$required,
-    dataId = props.dataId,
-    hasError = props.hasError,
-    placeholderText = props.placeholderText,
-    minDate = props.minDate,
-    maxDate = props.maxDate,
-    dataIdPrefix = props.dataIdPrefix,
-    helperText = props.helperText,
-    inline = props.inline,
-    rest = _objectWithoutProperties(props, _excluded);
-  var startYear = minDate ? minDate.getFullYear() : 1900;
-  var endYear = maxDate ? maxDate.getFullYear() : new Date().getFullYear() + 5;
-  var calendarRef = useRef(null);
-  useImportFilesDynamically(locale);
-  var selectedDate = value !== undefined && Object.prototype.toString.call(value) === '[object Date]' ? value : currentDate;
-  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);
-    }
-  };
-  var onChange = function onChange(date) {
-    if (setFieldValue && name) {
-      setFieldValue(name, date);
-    }
-    if (changeHandler) {
-      changeHandler(date);
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "picker-container"
-  }, /*#__PURE__*/React.createElement(Label, {
-    text: label,
-    required: required,
-    invalid: hasError
-  }), /*#__PURE__*/React.createElement(DatePicker, _extends({
-    minDate: minDate,
-    maxDate: maxDate,
-    selected: dayjs(selectedDate).isValid() ? selectedDate : null,
-    locale: locale
-    // @ts-ignore
-    ,
-    ref: calendarRef,
-    customInput: /*#__PURE__*/React.createElement(Input, {
-      size: size,
-      dataId: dataId,
-      helperText: helperText,
-      datePlaceHolderText: label ? '' : placeholderText,
-      rightIconProps: {
-        Component: IconCalendarRight,
-        onClick: openDatepicker
-      },
-      currentValue: selectedDate ? dayjs(selectedDate.toString()).format(format) : ''
-    }),
-    inline: inline
-  }, rest, {
-    onChange: onChange,
-    renderCustomHeader: function renderCustomHeader(props) {
-      return /*#__PURE__*/React.createElement(CustomHeader, _extends({}, props, {
-        locale: locale,
-        startYear: startYear,
-        endYear: endYear,
-        dataPrefix: dataIdPrefix
-      }));
-    }
-  })));
-};
-
-export { SimpleDatePickerDesktop };
+import{jsxs as R,jsx as a}from"react/jsx-runtime";import{useRef as S}from"react";import u from"dayjs";import T from"react-datepicker";import{Input as V}from"../../Input/Input.js";import{Label as q}from"../../../helperComponents/Label/Label.js";import{CustomHeader as w}from"../CustomHeader/CustomHeader.js";import{useImportFilesDynamically as z}from"../hooks.js";import E from"../../SVGIcons/IconCalendarRight.js";const U=e=>{const{value:r,currentDate:t,setFieldValue:o,name:l,label:n,size:s,locale:i="hy",changeHandler:m,format:c="M/D/YYYY",required:d=!1,dataId:p,hasError:f,placeholderText:x,minDate:h,maxDate:j,dataIdPrefix:D,helperText:I,inline:C,...g}=e,Y=h?h.getFullYear():1900,b=j?j.getFullYear():/* @__PURE__ */(new Date).getFullYear()+5,k=S(null);z(i);const v=void 0!==r&&"[object Date]"===Object.prototype.toString.call(r)?r:t;/* @__PURE__ */
+return R("div",{className:"picker-container",children:[
+/* @__PURE__ */a(q,{text:n,required:d,invalid:f}),
+/* @__PURE__ */a(T,{minDate:h,maxDate:j,selected:u(v).isValid()?v:null,locale:i,ref:k,customInput:/* @__PURE__ */a(V,{size:s,dataId:p,helperText:I,datePlaceHolderText:n?"":x,rightIconProps:{Component:E,onClick:()=>{var e,a;if(k.current){const r=null==(e=k.current)?void 0:e.isCalendarOpen();null==(a=k.current)||a.setOpen(!r)}}},currentValue:v?u(v.toString()).format(c):""}),inline:C,...g,onChange:e=>{o&&l&&o(l,e),m&&m(e)},renderCustomHeader:e=>/* @__PURE__ */a(w,{...e,locale:i,startYear:Y,endYear:b,dataPrefix:D})})]})};export{U as SimpleDatePickerDesktop};

package/components/DatePicker/SimpleDatePicker/SimpleDatePickerMobile.js

@@ -1,210 +1,5 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React from 'react';
-import { Input } from '../../Input/Input.js';
-import { IconCalendarRight } from '../../SVGIcons/IconCalendarRight.js';
-import dayjs from 'dayjs';
-import { useImportFilesDynamically } from '../hooks.js';
-import { a as Modal } from '../../../Alert-V_kH4Snn.js';
-import 'classnames';
-import 'framer-motion';
-import '../../../consts/index.js';
-import '../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '@babel/runtime/helpers/defineProperty';
-import { Label } from '../../../helperComponents/Label/Label.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import 'react-syntax-highlighter';
-import { CustomHeader } from '../CustomHeader/CustomHeader.js';
-import DatePicker from 'react-datepicker';
-import 'react-input-mask';
-import 'react-number-format';
-import '../../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../Text/Text.js';
-import '../../../utils/helpers.js';
-import '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../helperComponents/IconDynamicComponent/constants.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 '../../../helpers/locale.js';
-import '../../../type/locale.js';
-import '../../../helpers/storage.js';
-import 'react-toastify';
-import '../../../hooks/useGetIsMobile.js';
-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';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-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/IconCaretUpFilled.js';
-import '../../SVGIcons/IconCaretDownFilled.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 _excluded = ["size", "dataId", "helperText", "label", "placeholderText", "format", "value", "currentDate", "minDate", "maxDate", "locale", "dataIdPrefix", "modalOptions", "name", "changeHandler", "setFieldValue", "required", "hasError"];
-var SimpleDatePickerMobile = function SimpleDatePickerMobile(props) {
-  var size = props.size,
-    dataId = props.dataId,
-    helperText = props.helperText,
-    label = props.label,
-    placeholderText = props.placeholderText,
-    _props$format = props.format,
-    format = _props$format === void 0 ? 'M/D/YYYY' : _props$format,
-    value = props.value,
-    currentDate = props.currentDate,
-    minDate = props.minDate,
-    maxDate = props.maxDate,
-    _props$locale = props.locale,
-    locale = _props$locale === void 0 ? 'hy' : _props$locale,
-    dataIdPrefix = props.dataIdPrefix,
-    modalOptions = props.modalOptions,
-    name = props.name,
-    changeHandler = props.changeHandler,
-    setFieldValue = props.setFieldValue,
-    required = props.required,
-    hasError = props.hasError,
-    rest = _objectWithoutProperties(props, _excluded);
-  var startYear = minDate ? minDate.getFullYear() : 1900;
-  var endYear = maxDate ? maxDate.getFullYear() : new Date().getFullYear() + 5;
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    isCalendarOpen = _React$useState2[0],
-    setIsCalendarOpen = _React$useState2[1];
-  useImportFilesDynamically(locale);
-  var selectedDate = value !== undefined && Object.prototype.toString.call(value) === '[object Date]' ? value : currentDate;
-  var openDatepicker = function openDatepicker() {
-    setIsCalendarOpen(true);
-  };
-  var closeDatepicker = function closeDatepicker() {
-    setIsCalendarOpen(false);
-  };
-  var onChange = function onChange(date) {
-    if (setFieldValue && name) {
-      setFieldValue(name, date);
-    }
-    if (changeHandler) {
-      changeHandler(date);
-    }
-    closeDatepicker();
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Label, {
-    text: label,
-    required: required,
-    invalid: hasError
-  }), /*#__PURE__*/React.createElement(Input, {
-    size: size,
-    onClick: openDatepicker,
-    dataId: dataId,
-    readOnly: true,
-    helperText: helperText,
-    datePlaceHolderText: label ? '' : placeholderText,
-    rightIconProps: {
-      Component: IconCalendarRight,
-      onClick: openDatepicker
-    },
-    currentValue: selectedDate ? dayjs(selectedDate.toString()).format(format) : ''
-  }), /*#__PURE__*/React.createElement(Modal, {
-    isOpen: isCalendarOpen,
-    title: modalOptions === null || modalOptions === void 0 ? void 0 : modalOptions.title,
-    onClose: closeDatepicker,
-    withFooter: false,
-    closeIcon: true
-  }, /*#__PURE__*/React.createElement(DatePicker, _extends({
-    minDate: minDate,
-    maxDate: maxDate,
-    selected: dayjs(selectedDate).isValid() ? selectedDate : null,
-    locale: locale,
-    inline: true
-  }, rest, {
-    onChange: onChange,
-    renderCustomHeader: function renderCustomHeader(props) {
-      return /*#__PURE__*/React.createElement(CustomHeader, _extends({}, props, {
-        locale: locale,
-        startYear: startYear,
-        endYear: endYear,
-        dataPrefix: dataIdPrefix,
-        isMobile: true
-      }));
-    }
-  }))));
-};
-
-export { SimpleDatePickerMobile };
+import{jsxs as S,Fragment as v,jsx as e}from"react/jsx-runtime";import T from"react";import{Input as V}from"../../Input/Input.js";import w from"../../SVGIcons/IconCalendarRight.js";import D from"dayjs";import{useImportFilesDynamically as R}from"../hooks.js";import{Modal as q}from"../../Modal/Modal.js";import"classnames";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import{CustomHeader as z}from"../CustomHeader/CustomHeader.js";import E from"react-datepicker";import{Label as L}from"../../../helperComponents/Label/Label.js";const re=t=>{const{size:r,dataId:o,helperText:a,label:l,placeholderText:s,format:i="M/D/YYYY",value:n,currentDate:m,minDate:d,maxDate:c,locale:p="hy",dataIdPrefix:u,modalOptions:h,name:f,changeHandler:j,setFieldValue:x,required:C,hasError:I,...g}=t,Y=d?d.getFullYear():1900,b=c?c.getFullYear():/* @__PURE__ */(new Date).getFullYear()+5,[k,y]=T.useState(!1);R(p);const F=void 0!==n&&"[object Date]"===Object.prototype.toString.call(n)?n:m,H=()=>{y(!0)},M=()=>{y(!1)};/* @__PURE__ */
+return S(v,{children:[
+/* @__PURE__ */e(L,{text:l,required:C,invalid:I}),
+/* @__PURE__ */e(V,{size:r,onClick:H,dataId:o,readOnly:!0,helperText:a,datePlaceHolderText:l?"":s,rightIconProps:{Component:w,onClick:H},currentValue:F?D(F.toString()).format(i):""}),
+/* @__PURE__ */e(q,{isOpen:k,title:null==h?void 0:h.title,onClose:M,withFooter:!1,closeIcon:!0,children:/* @__PURE__ */e(E,{minDate:d,maxDate:c,selected:D(F).isValid()?F:null,locale:p,inline:!0,...g,onChange:e=>{x&&f&&x(f,e),j&&j(e),M()},renderCustomHeader:t=>/* @__PURE__ */e(z,{...t,locale:p,startYear:Y,endYear:b,dataPrefix:u,isMobile:!0})})})]})};export{re as SimpleDatePickerMobile};