hrm_ui_lib 2.0.3 → 2.1.0-alpha.10

package/components/DatePicker/SimpleDatePicker/index.js

@@ -1,123 +1 @@
-export { SimpleDatePicker } from './SimpleDatePicker.js';
-import 'react';
-import './SimpleDatePickerDesktop.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 '../../../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';
-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';
-import './SimpleDatePickerMobile.js';
+import{SimpleDatePicker as i}from"./SimpleDatePicker.js";export{i as SimpleDatePicker};

package/components/DatePicker/TimePicker/MobileModalContent.js

@@ -1,124 +1,4 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useMemo, useRef, useCallback, useEffect, useState } from 'react';
-import { a as Modal } from '../../../Alert-V_kH4Snn.js';
-import '@babel/runtime/helpers/extends';
-import 'classnames';
-import 'framer-motion';
-import '../../../consts/index.js';
-import 'dayjs';
-import '../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/toConsumableArray';
-import 'react-syntax-highlighter';
-import { HOUR_OPTIONS, MINUTE_OPTIONS } from './consts.js';
-import '../../Alert/consts.js';
-import '../../Text/Text.js';
-import '../../../utils/helpers.js';
-import '../../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../../SVGIcons/IconUpload.js';
-import '../../../type/file-upload.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 '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../helperComponents/IconDynamicComponent/constants.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 './helpers.js';
-
-function at(l){let g=React.useRef(l);return React.useEffect(()=>{g.current=l;}),React.useMemo(()=>(...b)=>{var h;return (h=g.current)==null?void 0:h.call(g,...b)},[])}function St({defaultProp:l,onChange:g}){let b=React.useState(l),[h]=b,i=React.useRef(h),v=at(g);return React.useEffect(()=>{i.current!==h&&(v(h),i.current=h);},[h,i,v]),b}function ct({prop:l,defaultProp:g,onChange:b=()=>{}}){let[h,i]=St({defaultProp:g,onChange:b}),v=l!==void 0,R=v?l:h,I=at(b),u=React.useCallback(T=>{if(v){let s=typeof T=="function"?T(l):T;s!==l&&I(s);}else i(T);},[v,l,i,I]);return [R,u]}var lt=.3,kt=30,Et=l=>Math.pow(l-1,3)+1,B=(l,g,b)=>Math.max(g,Math.min(l,b)),Ot=({className:l,children:g})=>React.createElement("div",{className:l,"data-rwp-wrapper":true},g),zt=({defaultValue:l,value:g,onValueChange:b,options:h,infinite:i=false,visibleCount:v=20,dragSensitivity:R=3,optionItemHeight:I=30,classNames:u})=>{var nt,rt;let[T=(rt=(nt=h[0])==null?void 0:nt.value)!=null?rt:"",j]=ct({defaultProp:l,prop:g,onChange:b}),s=useMemo(()=>{if(!i)return h;let t=[],n=Math.ceil(v/2);if(h.length===0)return t;for(;t.length<n;)t.push(...h);return t},[v,h,i]),d=I,X=d*.5,M=360/v,L=d/Math.tan(M*Math.PI/180),ut=Math.round(L*2+d*.25),S=v>>2,G=R*10,ht=10,p=useRef(null),W=useRef(null),H=useRef(null),m=useRef(0),Z=useRef(0),D=useRef(false),K=useRef(0),O=useRef({startY:0,yList:[],touchScroll:0,isClick:true}),z=useRef(null),dt=useMemo(()=>{let t=(e,r,o)=>React.createElement("li",{key:r,className:u==null?void 0:u.optionItem,"data-slot":"option-item","data-rwp-option":true,"data-index":r,style:{top:-X,height:d,lineHeight:`${d}px`,transform:`rotateX(${o}deg) translateZ(${L}px)`,visibility:"hidden"}},e.label),n=s.map((e,r)=>t(e,r,-M*r));if(i)for(let e=0;e<S;++e){let r=-e-1,o=e+s.length;n.unshift(t(s[s.length-e-1],r,M*(e+1))),n.push(t(s[e],o,-M*o));}return n},[d,X,i,M,s,S,L,u==null?void 0:u.optionItem]),gt=useMemo(()=>{let t=(e,r)=>React.createElement("li",{key:r,className:u==null?void 0:u.highlightItem,"data-slot":"highlight-item","data-rwp-highlight-item":true,style:{height:d}},e.label),n=s.map((e,r)=>t(e,r));if(i){let e=s[0],r=s[s.length-1];n.unshift(t(r,"infinite-start")),n.push(t(e,"infinite-end"));}return n},[u==null?void 0:u.highlightItem,d,i,s]),ft=useMemo(()=>{let t=0,n=Math.PI/180,e=[];for(let r=S-1;r>=-S+1;--r){let o=r*M,c=d*Math.cos(o*n),a=t;t+=c,e.push([a,t]);}return e},[M,d,S]),P=t=>(t%s.length+s.length)%s.length,C=t=>{let n=i?P(t):t;if(W.current){let e=`translateZ(${-L}px) rotateX(${M*n}deg)`;W.current.style.transform=e,W.current.childNodes.forEach(r=>{let o=r,c=Math.abs(Number(o.dataset.index)-n);o.style.visibility=c>S?"hidden":"visible";});}return H.current&&(H.current.style.transform=`translateY(${-n*d}px)`),n},x=()=>{cancelAnimationFrame(Z.current);},_=(t,n,e,r)=>{if(t===n||e===0){C(t);return}let o=performance.now(),c=n-t,a=f=>{let w=(f-o)/1e3;if(w<e){let $=Et(w/e);m.current=C(t+$*c),Z.current=requestAnimationFrame(a);}else x(),m.current=C(n),r==null||r();};requestAnimationFrame(a);},Y=t=>{let n=P(t)|0,e=i?n:Math.min(Math.max(n,0),s.length-1);if(!i&&e!==t)return;m.current=C(e);let r=s[m.current];j(r.value);},pt=t=>{let n=s.findIndex(e=>e.value===t);if(n===-1){console.error("Invalid value selected:",t);return}x(),Y(n);},J=t=>{let n=m.current,e=n+t;i?e=Math.round(e):e=B(Math.round(e),0,s.length-1);let r=Math.abs(e-n);if(r===0)return;let o=Math.sqrt(r/5);x(),_(n,e,o,()=>{Y(m.current);});},mt=t=>{let n=p.current;if(!n){console.error("Container reference is not set.");return}let{top:e}=n.getBoundingClientRect(),r=t-e,o=ft.findIndex(([a,f])=>r>=a&&r<=f);if(o===-1){console.error("No item found for click position:",r);return}let c=(S-o-1)*-1;J(c);},bt=t=>{var n,e;try{let r=(t instanceof MouseEvent?t.clientY:(e=(n=t.touches)==null?void 0:n[0])==null?void 0:e.clientY)||0,o=O.current;o.isClick&&Math.abs(r-o.startY)>5&&(o.isClick=!1),o.yList.push([r,Date.now()]),o.yList.length>5&&o.yList.shift();let c=(o.startY-r)/d,a=m.current+c;if(i)a=P(a);else {let f=s.length;a<0?a*=lt:a>f&&(a=f+(a-f)*lt);}o.touchScroll=C(a);}catch(r){console.error("Error in updateScrollDuringDrag:",r);}},Q=t=>{!D.current&&!p.current.contains(t.target)&&t.target!==p.current||(t.cancelable&&t.preventDefault(),s.length&&bt(t));},V=t=>{var n,e,r;try{D.current=!0;let o=new AbortController,{signal:c}=o;z.current=o;let a={signal:c,passive:!1};(n=p.current)==null||n.addEventListener("touchmove",Q,a),document.addEventListener("mousemove",Q,a);let f=(t instanceof MouseEvent?t.clientY:(r=(e=t.touches)==null?void 0:e[0])==null?void 0:r.clientY)||0,w=O.current;w.startY=f,w.yList=[[f,Date.now()]],w.touchScroll=m.current,w.isClick=!0,x();}catch(o){console.error("Error in initiateDragGesture:",o);}},F=useCallback(t=>{let n=D.current,e=p.current.contains(t.target)||t.target===p.current;(n||e)&&t.cancelable&&(t.preventDefault(),s.length&&V(t));},[V]),vt=t=>{let n=m.current,e=n,r=t>0?-G:G,o=0;if(i){o=Math.abs(t/r);let c=t*o+.5*r*o*o;e=Math.round(n+c);}else if(n<0||n>s.length-1){let c=B(n,0,s.length-1),a=n-c;r=ht,o=Math.sqrt(Math.abs(a/r)),t=r*o,t=n>0?-t:t,e=c;}else {o=Math.abs(t/r);let c=t*o+.5*r*o*o;e=Math.round(n+c),e=B(e,0,s.length-1);let a=e-n;o=Math.sqrt(Math.abs(a/r));}_(n,e,o,()=>{Y(m.current);}),Y(m.current);},N=()=>{var t,n,e,r;try{(t=z.current)==null||t.abort(),z.current=null;let o=O.current;if(o.isClick){mt(o.startY);return}let c=o.yList,a=0;if(c.length>1){let f=c.length,[w,$]=(n=c[f-2])!=null?n:[0,0],[wt,yt]=(e=c[f-1])!=null?e:[0,0],ot=yt-$;if(ot>0){let st=(w-wt)/d*1e3/ot,Mt=kt,Tt=st>0?1:-1;a=Math.min(Math.abs(st),Mt)*Tt;}}m.current=(r=o.touchScroll)!=null?r:m.current,vt(a);}catch(o){console.error("Error in finalizeDragAndStartInertiaScroll:",o);}finally{D.current=false;}},U=useCallback(t=>{if(!s.length)return;let n=D.current,e=p.current.contains(t.target)||t.target===p.current;(n||e)&&t.cancelable&&(t.preventDefault(),N());},[N]),tt=t=>{t.preventDefault();let n=Date.now();if(n-K.current<100)return;let e=Math.sign(t.deltaY);e&&(K.current=n,J(e));},et=useCallback(t=>{if(!s.length||!p.current)return;let n=D.current,e=p.current.contains(t.target)||t.target===p.current;(n||e)&&t.cancelable&&(t.preventDefault(),tt(t));},[tt]);return useEffect(()=>{let t=p.current;if(!t)return;let n=new AbortController,{signal:e}=n,r={signal:e,passive:false};return t.addEventListener("touchstart",F,r),t.addEventListener("touchend",U,r),t.addEventListener("wheel",et,r),document.addEventListener("mousedown",F,r),document.addEventListener("mouseup",U,r),()=>n.abort()},[U,F,et]),useEffect(()=>{pt(T);},[T,g,s]),React.createElement("div",{ref:p,"data-rwp":true,style:{height:ut}},React.createElement("ul",{ref:W,"data-rwp-options":true},dt),React.createElement("div",{className:u==null?void 0:u.highlightWrapper,"data-rwp-highlight-wrapper":true,"data-slot":"highlight-wrapper",style:{height:d,lineHeight:`${d}px`}},React.createElement("ul",{ref:H,"data-rwp-highlight-list":true,style:{top:i?-d:void 0}},gt)))};
-
-var MobileModalContent = function MobileModalContent(_ref) {
-  var onApply = _ref.onApply,
-    isOpen = _ref.isOpen,
-    mobileTitle = _ref.mobileTitle,
-    _ref$modalApplyButton = _ref.modalApplyButtonText,
-    modalApplyButtonText = _ref$modalApplyButton === void 0 ? 'Apply' : _ref$modalApplyButton,
-    closeTimePicker = _ref.closeTimePicker,
-    _ref$dateInitialValue = _ref.dateInitialValue,
-    dateInitialValue = _ref$dateInitialValue === void 0 ? new Date() : _ref$dateInitialValue;
-  var _useState = useState("".concat(dateInitialValue.getHours())),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedHour = _useState2[0],
-    setSelectedHour = _useState2[1];
-  var _useState3 = useState("".concat(dateInitialValue.getMinutes())),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedMinute = _useState4[0],
-    setSelectedMinute = _useState4[1];
-  var applyDate = function applyDate() {
-    var selectedDate = new Date();
-    selectedDate.setHours(+selectedHour, +selectedMinute, 0);
-    onApply(selectedDate);
-  };
-  return /*#__PURE__*/React.createElement(Modal, {
-    isOpen: isOpen,
-    title: mobileTitle,
-    onClose: closeTimePicker,
-    className: "time-picker-mobile",
-    buttonProps: {
-      confirm: {
-        buttonText: modalApplyButtonText,
-        onClick: applyDate,
-        className: 'time_apply_button'
-      }
-    },
-    closeIcon: true
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "mobile_time_picker"
-  }, /*#__PURE__*/React.createElement(Ot, {
-    className: "mobile_time_picker-wheel-picker"
-  }, /*#__PURE__*/React.createElement(zt, {
-    value: "".concat(selectedHour),
-    options: HOUR_OPTIONS,
-    infinite: true,
-    classNames: {
-      optionItem: 'mobile_time_picker-wheel-picker-item mobile_time_picker-wheel-picker-item__hour',
-      highlightWrapper: 'mobile_time_picker-wheel-picker-highlight',
-      highlightItem: 'mobile_time_picker-wheel-picker-highlight-item__hour'
-    },
-    onValueChange: function onValueChange(hour) {
-      setSelectedHour(hour);
-    }
-  }), /*#__PURE__*/React.createElement(zt, {
-    value: "".concat(selectedMinute),
-    options: MINUTE_OPTIONS,
-    infinite: true,
-    classNames: {
-      optionItem: 'mobile_time_picker-wheel-picker-item mobile_time_picker-wheel-picker-item__minute',
-      highlightWrapper: 'mobile_time_picker-wheel-picker-highlight',
-      highlightItem: 'mobile_time_picker-wheel-picker-highlight-item__minute'
-    },
-    onValueChange: function onValueChange(minute) {
-      setSelectedMinute(minute);
-    }
-  }))));
-};
-
-export { MobileModalContent };
+import{jsx as i,jsxs as k}from"react/jsx-runtime";import{useState as m}from"react";import{Modal as u}from"../../Modal/Modal.js";import"classnames";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"dayjs";import{HOUR_OPTIONS as g,MINUTE_OPTIONS as b}from"./consts.js";import{WheelPickerWrapper as w,WheelPicker as l}from"@ncdai/react-wheel-picker";import"@ncdai/react-wheel-picker/style.css";const y=({onApply:e,isOpen:t,mobileTitle:o,modalApplyButtonText:r="Apply",closeTimePicker:s,dateInitialValue:p=/* @__PURE__ */new Date})=>{const[c,a]=m(`${p.getHours()}`),[n,h]=m(`${p.getMinutes()}`);/* @__PURE__ */
+return i(u,{isOpen:t,title:o,onClose:s,className:"time-picker-mobile",buttonProps:{confirm:{buttonText:r,onClick:()=>{const i=/* @__PURE__ */new Date;i.setHours(+c,+n,0),e(i)},className:"time_apply_button"}},closeIcon:!0,children:/* @__PURE__ */i("div",{className:"mobile_time_picker",children:/* @__PURE__ */k(w,{className:"mobile_time_picker-wheel-picker",children:[
+/* @__PURE__ */i(l,{value:`${c}`,options:g,infinite:!0,classNames:{optionItem:"mobile_time_picker-wheel-picker-item mobile_time_picker-wheel-picker-item__hour",highlightWrapper:"mobile_time_picker-wheel-picker-highlight",highlightItem:"mobile_time_picker-wheel-picker-highlight-item__hour"},onValueChange:e=>{a(e)}}),
+/* @__PURE__ */i(l,{value:`${n}`,options:b,infinite:!0,classNames:{optionItem:"mobile_time_picker-wheel-picker-item mobile_time_picker-wheel-picker-item__minute",highlightWrapper:"mobile_time_picker-wheel-picker-highlight",highlightItem:"mobile_time_picker-wheel-picker-highlight-item__minute"},onValueChange:e=>{h(e)}})]})})})};export{y as MobileModalContent};

package/components/DatePicker/TimePicker/TimePicker.js

@@ -1,76 +1 @@
-import React from 'react';
-import { useIsMobile } from '../../../hooks/useGetIsMobile.js';
-import { TimePickerMobile } from './TimePickerMobile.js';
-import { TimePickerDesktop } from './TimePickerDesktop.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '../../../consts/index.js';
-import '@babel/runtime/helpers/defineProperty';
-import '../../../type/file-upload.js';
-import '../../../helperComponents/Label/Label.js';
-import '../../Text/Text.js';
-import 'classnames';
-import '../../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../helperComponents/IconDynamicComponent/constants.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 '../../Input/Input.js';
-import 'react-input-mask';
-import 'react-number-format';
-import '../../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../SVGIcons/IconCheckmarkCircleFilled.js';
-import '../../SVGIcons/IconCalendarRight.js';
-import './MobileModalContent.js';
-import './consts.js';
-import './helpers.js';
-import 'react-datepicker';
-import '../hooks.js';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '../../SVGIcons/IconClock.js';
-
-var TimePicker = function TimePicker(props) {
-  var isMobile = useIsMobile();
-  return isMobile ? /*#__PURE__*/React.createElement(TimePickerMobile, props) : /*#__PURE__*/React.createElement(TimePickerDesktop, props);
-};
-
-export { TimePicker };
+import{jsx as o}from"react/jsx-runtime";import{useIsMobile as e}from"../../../hooks/useGetIsMobile.js";import{TimePickerMobile as r}from"./TimePickerMobile.js";import{TimePickerDesktop as m}from"./TimePickerDesktop.js";const k=i=>e()?/* @__PURE__ */o(r,{...i}):/* @__PURE__ */o(m,{...i});export{k as TimePicker};

package/components/DatePicker/TimePicker/TimePickerDesktop.js

@@ -1,131 +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 { useImportFilesDynamically } from '../hooks.js';
-import { IconClock } from '../../SVGIcons/IconClock.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 '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-
-var _excluded = ["value", "currentTime", "name", "setFieldValue", "label", "size", "dataId", "changeHandler", "required", "format", "locale", "placeholderText", "hasError"];
-var TimePickerDesktop = function TimePickerDesktop(props) {
-  var value = props.value,
-    currentTime = props.currentTime,
-    name = props.name,
-    setFieldValue = props.setFieldValue,
-    label = props.label,
-    size = props.size,
-    dataId = props.dataId,
-    changeHandler = props.changeHandler,
-    required = props.required,
-    _props$format = props.format,
-    format = _props$format === void 0 ? 'HH:mm' : _props$format,
-    _props$locale = props.locale,
-    locale = _props$locale === void 0 ? 'hy' : _props$locale,
-    placeholderText = props.placeholderText,
-    hasError = props.hasError,
-    rest = _objectWithoutProperties(props, _excluded);
-  var dateInitialValue = value !== undefined && Object.prototype.toString.call(value) === '[object Date]' ? value : currentTime;
-  var calendarRef = useRef(null);
-  useImportFilesDynamically(locale);
-  var onChange = function onChange(date) {
-    if (changeHandler) {
-      changeHandler(date);
-    }
-    if (setFieldValue && name) {
-      setFieldValue(name, date);
-    }
-  };
-  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({
-    selected: dayjs(dateInitialValue).isValid() ? dateInitialValue : null,
-    locale: locale,
-    showTimeSelect: true,
-    showTimeSelectOnly: true,
-    dateFormat: format
-    // @ts-ignore
-    ,
-    ref: calendarRef
-  }, rest, {
-    onChange: onChange,
-    customInput: /*#__PURE__*/React.createElement(Input, {
-      disabled: rest.disabled,
-      dataId: dataId,
-      size: size,
-      placeholder: placeholderText,
-      rightIconProps: {
-        Component: IconClock,
-        onClick: openDatepicker
-      }
-    })
-  })));
-};
-
-export { TimePickerDesktop };
+import{jsxs as S,jsx as a}from"react/jsx-runtime";import{useState as x,useRef as w}from"react";import b from"dayjs";import F from"react-datepicker";import{Input as N}from"../../Input/Input.js";import{Label as P}from"../../../helperComponents/Label/Label.js";import{useImportFilesDynamically as V}from"../hooks.js";import _ from"../../SVGIcons/IconClock.js";const J=e=>{const{value:t,currentTime:r,name:o,setFieldValue:n,label:s,size:l,dataId:i,changeHandler:c,required:m,format:u="HH:mm",locale:d="hy",hasError:p,...f}=e,[h,j]=x(),I=void 0!==t&&"[object Date]"===Object.prototype.toString.call(t)?t:r,v=w(null);V(d);const g=e=>{j(e?b(e).format("HH:mm"):""),c&&c(e),n&&o&&n(o,e)};/* @__PURE__ */
+return S("div",{className:"picker-container input__inner",children:[
+/* @__PURE__ */a(P,{text:s,required:m,invalid:p}),
+/* @__PURE__ */a(F,{selected:b(I).isValid()?I:null,locale:d,showTimeSelect:!0,showTimeSelectOnly:!0,dateFormat:u,ref:v,...f,onChange:g,customInput:/* @__PURE__ */a(N,{handleChange:e=>{j(e.target.value)},handleBlurEvent:()=>{const e=/* @__PURE__ */new Date;if(e.setHours(0,0),!h||h.includes(":")&&":"!==h[2])return void g(e);const t=h.replace(":","");if(4===t.length){const r=Number(t.slice(0,2)),a=Number(t.slice(2,4));r<24&&a<60&&e.setHours(r,a)}g(e)},disabled:f.disabled,dataId:i,size:l,rightIconProps:{Component:_,onClick:()=>{var e,t;if(v.current){const r=null==(e=v.current)?void 0:e.isCalendarOpen();null==(t=v.current)||t.setOpen(!r)}}}})})]})};export{J as TimePickerDesktop};

package/components/DatePicker/TimePicker/TimePickerMobile.js

@@ -1,127 +1,5 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useState } from 'react';
-import { Label } from '../../../helperComponents/Label/Label.js';
-import 'classnames';
-import dayjs from 'dayjs';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../../consts/index.js';
-import '../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../../Alert-V_kH4Snn.js';
-import 'react-syntax-highlighter';
-import { Input } from '../../Input/Input.js';
-import { IconCalendarRight } from '../../SVGIcons/IconCalendarRight.js';
-import { MobileModalContent } from './MobileModalContent.js';
-import '../../Text/Text.js';
-import '../../../utils/helpers.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 '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../helperComponents/IconDynamicComponent/constants.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 'react-input-mask';
-import 'react-number-format';
-import '../../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../SVGIcons/IconCheckmarkCircleFilled.js';
-import './consts.js';
-import './helpers.js';
-
-var TimePickerMobile = function TimePickerMobile(props) {
-  var value = props.value,
-    currentTime = props.currentTime,
-    _props$format = props.format,
-    format = _props$format === void 0 ? 'HH:mm' : _props$format,
-    label = props.label,
-    required = props.required,
-    hasError = props.hasError,
-    size = props.size,
-    placeholderText = props.placeholderText,
-    dataId = props.dataId,
-    changeHandler = props.changeHandler,
-    setFieldValue = props.setFieldValue,
-    modalOptions = props.modalOptions,
-    name = props.name;
-  var selectedTime = value !== undefined && Object.prototype.toString.call(value) === '[object Date]' ? value : currentTime;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isPickerOpen = _useState2[0],
-    setIsPickerOpen = _useState2[1];
-  var openTimePicker = function openTimePicker() {
-    return setIsPickerOpen(true);
-  };
-  var closeTimePicker = function closeTimePicker() {
-    return setIsPickerOpen(false);
-  };
-  var onChange = function onChange(date) {
-    if (changeHandler) {
-      changeHandler(date);
-    }
-    if (setFieldValue && name) {
-      setFieldValue(name, date);
-    }
-  };
-  var onApply = function onApply(selectedTime) {
-    onChange(selectedTime);
-    closeTimePicker();
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Label, {
-    text: label,
-    required: required,
-    invalid: hasError
-  }), /*#__PURE__*/React.createElement(Input, {
-    size: size,
-    onClick: openTimePicker,
-    dataId: dataId,
-    readOnly: true,
-    datePlaceHolderText: label ? '' : placeholderText,
-    rightIconProps: {
-      Component: IconCalendarRight,
-      onClick: openTimePicker
-    },
-    currentValue: selectedTime ? dayjs(selectedTime.toString()).format(format) : ''
-  }), /*#__PURE__*/React.createElement(MobileModalContent, {
-    dateInitialValue: selectedTime,
-    onApply: onApply,
-    mobileTitle: modalOptions === null || modalOptions === void 0 ? void 0 : modalOptions.title,
-    isOpen: isPickerOpen,
-    closeTimePicker: closeTimePicker,
-    modalApplyButtonText: modalOptions === null || modalOptions === void 0 ? void 0 : modalOptions.btnConfirmText
-  }));
-};
-
-export { TimePickerMobile };
+import{jsxs as I,Fragment as j,jsx as i}from"react/jsx-runtime";import{useState as y}from"react";import{Label as H}from"../../../helperComponents/Label/Label.js";import{Input as v}from"../../Input/Input.js";import M from"../../SVGIcons/IconCalendarRight.js";import S from"dayjs";import{MobileModalContent as V}from"./MobileModalContent.js";const E=e=>{const{value:t,currentTime:o,format:r="HH:mm",label:a,required:l,hasError:n,size:m,placeholderText:s,dataId:d,changeHandler:p,setFieldValue:c,modalOptions:u,name:b}=e,f=void 0!==t&&"[object Date]"===Object.prototype.toString.call(t)?t:o,[x,C]=y(!1),T=()=>C(!0),h=()=>C(!1);/* @__PURE__ */
+return I(j,{children:[
+/* @__PURE__ */i(H,{text:a,required:l,invalid:n}),
+/* @__PURE__ */i(v,{size:m,onClick:T,dataId:d,readOnly:!0,datePlaceHolderText:a?"":s,rightIconProps:{Component:M,onClick:T},currentValue:f?S(f.toString()).format(r):""}),
+/* @__PURE__ */i(V,{dateInitialValue:f,onApply:e=>{(e=>{p&&p(e),c&&b&&c(b,e)})(e),h()},mobileTitle:null==u?void 0:u.title,isOpen:x,closeTimePicker:h,modalApplyButtonText:null==u?void 0:u.btnConfirmText})]})};export{E as TimePickerMobile};

package/components/DatePicker/TimePicker/consts.js

@@ -1,8 +1 @@
-import { createArray } from './helpers.js';
-
-var HOUR_LENGTH = 24;
-var MINUTE_LENGTH = 60;
-var HOUR_OPTIONS = createArray(HOUR_LENGTH);
-var MINUTE_OPTIONS = createArray(MINUTE_LENGTH);
-
-export { HOUR_LENGTH, HOUR_OPTIONS, MINUTE_LENGTH, MINUTE_OPTIONS };
+import{createArray as o}from"./helpers.js";const t=24,r=60,O=o(t),T=o(r);export{t as HOUR_LENGTH,O as HOUR_OPTIONS,r as MINUTE_LENGTH,T as MINUTE_OPTIONS};