hrm_ui_lib 2.1.0 → 2.2.0

package/components/DatePicker/TimePicker/TimePickerDesktop.js

@@ -1,131 +1,45 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React, { useRef } from 'react';
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { 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-BslI0aA0.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
-      }
-    })
-  })));
+import { Input } from '../../Input';
+import { Label } from '../../../helperComponents';
+import { useImportFilesDynamically } from '../hooks';
+import IconClock from '../../SVGIcons/IconClock';
+export const TimePickerDesktop = (props) => {
+    const { value, currentTime, name, setFieldValue, label, size, dataId, changeHandler, required, format = 'HH:mm', locale = 'hy', placeholderText, hasError } = props, rest = __rest(props, ["value", "currentTime", "name", "setFieldValue", "label", "size", "dataId", "changeHandler", "required", "format", "locale", "placeholderText", "hasError"]);
+    const dateInitialValue = value !== undefined && Object.prototype.toString.call(value) === '[object Date]'
+        ? value
+        : currentTime;
+    const calendarRef = useRef(null);
+    useImportFilesDynamically(locale);
+    const onChange = (date) => {
+        if (changeHandler) {
+            changeHandler(date);
+        }
+        if (setFieldValue && name) {
+            setFieldValue(name, date);
+        }
+    };
+    const openDatepicker = () => {
+        var _a, _b;
+        if (calendarRef.current) {
+            const isOpen = (_a = calendarRef.current) === null || _a === void 0 ? void 0 : _a.isCalendarOpen();
+            (_b = calendarRef.current) === null || _b === void 0 ? void 0 : _b.setOpen(!isOpen);
+        }
+    };
+    return (_jsxs("div", { className: "picker-container input__inner", children: [_jsx(Label, { text: label, required: required, invalid: hasError }), _jsx(DatePicker, Object.assign({ selected: dayjs(dateInitialValue).isValid() ? dateInitialValue : null, locale: locale, showTimeSelect: true, showTimeSelectOnly: true, dateFormat: format, 
+                // @ts-ignore
+                ref: calendarRef }, rest, { onChange: onChange, customInput: _jsx(Input, { disabled: rest.disabled, dataId: dataId, size: size, placeholder: placeholderText, rightIconProps: { Component: IconClock, onClick: openDatepicker } }) }))] }));
 };
-
-export { TimePickerDesktop };

package/components/DatePicker/TimePicker/TimePickerMobile.js

@@ -1,127 +1,29 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useState } from 'react';
-import { Label } from '../../../helperComponents/Label/Label.js';
-import 'classnames';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Label } from '../../../helperComponents';
+import { Input } from '../../Input';
+import IconCalendarRight from '../../SVGIcons/IconCalendarRight';
 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-BslI0aA0.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
-  }));
+import { MobileModalContent } from './MobileModalContent';
+export const TimePickerMobile = (props) => {
+    const { value, currentTime, format = 'HH:mm', label, required, hasError, size, placeholderText, dataId, changeHandler, setFieldValue, modalOptions, name } = props;
+    const selectedTime = value !== undefined && Object.prototype.toString.call(value) === '[object Date]'
+        ? value
+        : currentTime;
+    const [isPickerOpen, setIsPickerOpen] = useState(false);
+    const openTimePicker = () => setIsPickerOpen(true);
+    const closeTimePicker = () => setIsPickerOpen(false);
+    const onChange = (date) => {
+        if (changeHandler) {
+            changeHandler(date);
+        }
+        if (setFieldValue && name) {
+            setFieldValue(name, date);
+        }
+    };
+    const onApply = (selectedTime) => {
+        onChange(selectedTime);
+        closeTimePicker();
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Label, { text: label, required: required, invalid: hasError }), _jsx(Input, { size: size, onClick: openTimePicker, dataId: dataId, readOnly: true, datePlaceHolderText: label ? '' : placeholderText, rightIconProps: { Component: IconCalendarRight, onClick: openTimePicker }, currentValue: selectedTime ? dayjs(selectedTime.toString()).format(format) : '' }), _jsx(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 };

package/components/DatePicker/TimePicker/consts.js

@@ -1,8 +1,5 @@
-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 } from './helpers';
+export const HOUR_LENGTH = 24;
+export const MINUTE_LENGTH = 60;
+export const HOUR_OPTIONS = createArray(HOUR_LENGTH);
+export const MINUTE_OPTIONS = createArray(MINUTE_LENGTH);

package/components/DatePicker/TimePicker/helpers.js

@@ -1,21 +1,11 @@
-var createArray = function createArray(length) {
-  var add = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  return Array.from({
-    length: length
-  }, function (_, i) {
-    var value = i + add;
+export const createArray = (length, add = 0) => Array.from({ length }, (_, i) => {
+    const value = i + add;
     return {
-      label: value.toString().padStart(2, '0'),
-      value: value.toString()
+        label: value.toString().padStart(2, '0'),
+        value: value.toString()
     };
-  });
-};
-var meridiemOptions = [{
-  label: 'AM',
-  value: 'AM'
-}, {
-  label: 'PM',
-  value: 'PM'
-}];
-
-export { createArray, meridiemOptions };
+});
+export const meridiemOptions = [
+    { label: 'AM', value: 'AM' },
+    { label: 'PM', value: 'PM' }
+];

package/components/DatePicker/TimePicker/index.js

@@ -1,70 +1 @@
-export { TimePicker } from './TimePicker.js';
-import 'react';
-import '../../../hooks/useGetIsMobile.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '../../../consts/index.js';
-import '@babel/runtime/helpers/defineProperty';
-import '../../../type/file-upload.js';
-import './TimePickerMobile.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 './TimePickerDesktop.js';
-import 'react-datepicker';
-import '../hooks.js';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '../../SVGIcons/IconClock.js';
+export * from './TimePicker';