hrm_ui_lib 2.1.0 → 2.2.0

package/components/DatePicker/SimpleDatePicker/SimpleDatePickerMobile.js

@@ -1,210 +1,48 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-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";
+// @ts-nocheck
 import React from 'react';
-import { Input } from '../../Input/Input.js';
-import { IconCalendarRight } from '../../SVGIcons/IconCalendarRight.js';
+import { Input } from '../../Input';
+import IconCalendarRight from '../../SVGIcons/IconCalendarRight';
 import dayjs from 'dayjs';
-import { useImportFilesDynamically } from '../hooks.js';
-import { a as Modal } from '../../../Alert-BslI0aA0.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 { useImportFilesDynamically } from '../hooks';
+import { Modal } from '../../Modal';
+import { CustomHeader } from '../CustomHeader/CustomHeader';
 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
-      }));
-    }
-  }))));
+import { Label } from '../../../helperComponents';
+export const SimpleDatePickerMobile = (props) => {
+    const { size, dataId, helperText, label, placeholderText, format = 'M/D/YYYY', value, currentDate, minDate, maxDate, locale = 'hy', dataIdPrefix, modalOptions, name, changeHandler, setFieldValue, required, hasError } = props, rest = __rest(props, ["size", "dataId", "helperText", "label", "placeholderText", "format", "value", "currentDate", "minDate", "maxDate", "locale", "dataIdPrefix", "modalOptions", "name", "changeHandler", "setFieldValue", "required", "hasError"]);
+    const startYear = minDate ? minDate.getFullYear() : 1900;
+    const endYear = maxDate ? maxDate.getFullYear() : new Date().getFullYear() + 5;
+    const [isCalendarOpen, setIsCalendarOpen] = React.useState(false);
+    useImportFilesDynamically(locale);
+    const selectedDate = value !== undefined && Object.prototype.toString.call(value) === '[object Date]'
+        ? value
+        : currentDate;
+    const openDatepicker = () => {
+        setIsCalendarOpen(true);
+    };
+    const closeDatepicker = () => {
+        setIsCalendarOpen(false);
+    };
+    const onChange = (date) => {
+        if (setFieldValue && name) {
+            setFieldValue(name, date);
+        }
+        if (changeHandler) {
+            changeHandler(date);
+        }
+        closeDatepicker();
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Label, { text: label, required: required, invalid: hasError }), _jsx(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) : '' }), _jsx(Modal, { isOpen: isCalendarOpen, title: modalOptions === null || modalOptions === void 0 ? void 0 : modalOptions.title, onClose: closeDatepicker, withFooter: false, closeIcon: true, children: _jsx(DatePicker, Object.assign({ minDate: minDate, maxDate: maxDate, selected: dayjs(selectedDate).isValid() ? selectedDate : null, locale: locale, inline: true }, rest, { onChange: onChange, renderCustomHeader: (props) => (_jsx(CustomHeader, Object.assign({}, props, { locale: locale, startYear: startYear, endYear: endYear, dataPrefix: dataIdPrefix, isMobile: true }))) })) })] }));
 };
-
-export { SimpleDatePickerMobile };

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-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';
-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';
+export * from './SimpleDatePicker';

package/components/DatePicker/TimePicker/MobileModalContent.js

@@ -1,124 +1,34 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useMemo, useRef, useCallback, useEffect, useState } from 'react';
-import { a as Modal } from '../../../Alert-BslI0aA0.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);
-    }
-  }))));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Modal } from '../../Modal';
+import { HOUR_OPTIONS, MINUTE_OPTIONS } from './consts';
+import { WheelPicker, WheelPickerWrapper } from '@ncdai/react-wheel-picker';
+import '@ncdai/react-wheel-picker/style.css';
+export const MobileModalContent = ({ onApply, isOpen, mobileTitle, modalApplyButtonText = 'Apply', closeTimePicker, dateInitialValue = new Date() }) => {
+    const [selectedHour, setSelectedHour] = useState(`${dateInitialValue.getHours()}`);
+    const [selectedMinute, setSelectedMinute] = useState(`${dateInitialValue.getMinutes()}`);
+    const applyDate = () => {
+        const selectedDate = new Date();
+        selectedDate.setHours(+selectedHour, +selectedMinute, 0);
+        onApply(selectedDate);
+    };
+    return (_jsx(Modal, { isOpen: isOpen, title: mobileTitle, onClose: closeTimePicker, className: "time-picker-mobile", buttonProps: {
+            confirm: {
+                buttonText: modalApplyButtonText,
+                onClick: applyDate,
+                className: 'time_apply_button'
+            }
+        }, closeIcon: true, children: _jsx("div", { className: "mobile_time_picker", children: _jsxs(WheelPickerWrapper, { className: "mobile_time_picker-wheel-picker", children: [_jsx(WheelPicker, { value: `${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: (hour) => {
+                            setSelectedHour(hour);
+                        } }), _jsx(WheelPicker, { value: `${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: (minute) => {
+                            setSelectedMinute(minute);
+                        } })] }) }) }));
 };
-
-export { MobileModalContent };

package/components/DatePicker/TimePicker/TimePicker.js

@@ -1,76 +1,8 @@
-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-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 '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);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useIsMobile } from '../../../hooks/useGetIsMobile';
+import { TimePickerMobile } from './TimePickerMobile';
+import { TimePickerDesktop } from './TimePickerDesktop';
+export const TimePicker = (props) => {
+    const isMobile = useIsMobile();
+    return isMobile ? _jsx(TimePickerMobile, Object.assign({}, props)) : _jsx(TimePickerDesktop, Object.assign({}, props));
 };
-
-export { TimePicker };