hrm_ui_lib 1.2.6 → 1.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/components/Alert/Alert.js +1 -1
  2. package/components/Avatar/AvatarGroup.js +1 -1
  3. package/components/Button/Button.js +1 -1
  4. package/components/ButtonIcon/ButtonIcon.js +1 -1
  5. package/components/Checkbox/Checkbox.js +1 -1
  6. package/components/Copy/Copy.js +1 -1
  7. package/components/DatePicker/CustomHeader/CustomHeader.js +1 -1
  8. package/components/DatePicker/RangeDatePicker.js +1 -1
  9. package/components/DatePicker/TimePicker.js +1 -1
  10. package/components/FileUpload/UploadItems.js +1 -1
  11. package/components/FormField/FormField.js +1 -1
  12. package/components/Input/Input.js +1 -1
  13. package/components/Modal/Modal.js +1 -1
  14. package/components/Modal/ModalConfirmation.js +1 -1
  15. package/components/Modal/index.js +1 -1
  16. package/components/Radio/RadioGroup.js +1 -1
  17. package/components/Select/ButtonSelect/ButtonSelect.js +1 -1
  18. package/components/Select/FilterSelect/FilterSelect.js +1 -1
  19. package/components/Select/MultiSelect/MultiBase/MultiBase.js +1 -1
  20. package/components/Select/MultiSelect/MultiSelect.js +1 -1
  21. package/components/Select/MultiSelect/MultiSelectGrouped/MultiSelectGrouped.js +1 -1
  22. package/components/Select/MultiSelect/MultiSelectWithTabs/MultiSelectWithTabs.js +1 -1
  23. package/components/Select/MultiSelect/OptionsWrapper.js +1 -1
  24. package/components/Select/NestedSelect/NestedSelect.js +1 -1
  25. package/components/Select/ProfileDropdown/index.js +1 -1
  26. package/components/Select/SharedComponents/Actions.js +1 -1
  27. package/components/Select/SharedComponents/Footer.js +1 -1
  28. package/components/SideSheet/Footer/Footer.js +1 -1
  29. package/components/SideSheet/SideSheet.js +1 -1
  30. package/components/SideSheet/index.js +1 -1
  31. package/components/Snackbar/Snackbar.js +1 -1
  32. package/components/Switcher/Switcher.js +1 -1
  33. package/components/Textarea/Textarea.js +1 -1
  34. package/consts/index.d.ts +1 -0
  35. package/consts/index.js +2 -1
  36. package/helperComponents/OptionItem/OptionItem.js +1 -1
  37. package/hooks/useGetIsMobile.d.ts +1 -0
  38. package/hooks/useGetIsMobile.js +47 -0
  39. package/index.js +1 -1
  40. package/package.json +1 -1
@@ -8,6 +8,7 @@ import { IconDismissFilled } from '../SVGIcons/IconDismissFilled.js';
8
8
  import { IconDynamicComponent } from '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
9
9
  import 'dayjs';
10
10
  import '../Checkbox/Checkbox.js';
11
+ import '../../consts/index.js';
11
12
  import '../../hooks/useScreenSize.js';
12
13
  import 'react-hook-form';
13
14
  import 'react-syntax-highlighter';
@@ -26,7 +27,6 @@ import '../../hooks/useGetElemPositions.js';
26
27
  import '../../hooks/useGetTooltipPosition.js';
27
28
  import '../Tooltip/types.js';
28
29
  import '../../hooks/useHideOnScroll.js';
29
- import '../../consts/index.js';
30
30
  import '../../hooks/useOnOutsideClick.js';
31
31
  import '../Link/Link.js';
32
32
  import '../SVGIcons/IconInfo.js';
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  import { Tooltip } from '../Tooltip/Tooltip.js';
3
3
  import { Avatar } from './Avatar.js';
4
4
  import { Positions } from '../Tooltip/types.js';
5
+ import '../../consts/index.js';
5
6
  import 'dayjs';
6
7
  import { useScreenSize } from '../../hooks/useScreenSize.js';
7
8
  import 'react-hook-form';
@@ -15,7 +16,6 @@ import '../../hooks/useGetElemSizes.js';
15
16
  import '../../hooks/useGetElemPositions.js';
16
17
  import '../../hooks/useGetTooltipPosition.js';
17
18
  import '../../hooks/useHideOnScroll.js';
18
- import '../../consts/index.js';
19
19
  import '../FileUpload/FileUpload.js';
20
20
  import '../../toConsumableArray-9ff4767e.js';
21
21
  import '../FileUpload/types.js';
@@ -6,6 +6,7 @@ import classNames from 'classnames';
6
6
  import 'dayjs';
7
7
  import { Loader } from '../../helperComponents/Loader/Loader.js';
8
8
  import '../Checkbox/Checkbox.js';
9
+ import '../../consts/index.js';
9
10
  import '../../hooks/useScreenSize.js';
10
11
  import 'react-hook-form';
11
12
  import 'react-syntax-highlighter';
@@ -19,7 +20,6 @@ import '../../hooks/useGetElemPositions.js';
19
20
  import '../../hooks/useGetTooltipPosition.js';
20
21
  import '../Tooltip/types.js';
21
22
  import '../../hooks/useHideOnScroll.js';
22
- import '../../consts/index.js';
23
23
  import '../../hooks/useOnOutsideClick.js';
24
24
  import '../Text/Text.js';
25
25
  import '../../utils/helpers.js';
@@ -5,6 +5,7 @@ import classNames from 'classnames';
5
5
  import 'dayjs';
6
6
  import { Loader } from '../../helperComponents/Loader/Loader.js';
7
7
  import '../Checkbox/Checkbox.js';
8
+ import '../../consts/index.js';
8
9
  import '../../hooks/useScreenSize.js';
9
10
  import 'react-hook-form';
10
11
  import 'react-syntax-highlighter';
@@ -18,7 +19,6 @@ import '../../hooks/useGetElemPositions.js';
18
19
  import '../../hooks/useGetTooltipPosition.js';
19
20
  import '../Tooltip/types.js';
20
21
  import '../../hooks/useHideOnScroll.js';
21
- import '../../consts/index.js';
22
22
  import '../../hooks/useOnOutsideClick.js';
23
23
  import '../Text/Text.js';
24
24
  import '../../utils/helpers.js';
@@ -8,6 +8,7 @@ import { Text } from '../Text/Text.js';
8
8
  import { IconInfo } from '../SVGIcons/IconInfo.js';
9
9
  import { IconDynamicComponent } from '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
10
10
  import 'dayjs';
11
+ import '../../consts/index.js';
11
12
  import '../../hooks/useScreenSize.js';
12
13
  import 'react-hook-form';
13
14
  import 'react-syntax-highlighter';
@@ -19,7 +20,6 @@ import '../../hooks/useGetElemPositions.js';
19
20
  import '../../hooks/useGetTooltipPosition.js';
20
21
  import '../Tooltip/types.js';
21
22
  import '../../hooks/useHideOnScroll.js';
22
- import '../../consts/index.js';
23
23
  import '../../hooks/useOnOutsideClick.js';
24
24
  import '../../utils/helpers.js';
25
25
  import '../../helperComponents/IconDynamicComponent/constants.js';
@@ -17,8 +17,8 @@ import '../../utils/helpers.js';
17
17
  import '../SVGIcons/IconInfo.js';
18
18
  import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
19
19
  import '../../helperComponents/IconDynamicComponent/constants.js';
20
- import '../../hooks/useScreenSize.js';
21
20
  import '../../consts/index.js';
21
+ import '../../hooks/useScreenSize.js';
22
22
  import 'react-hook-form';
23
23
  import 'react-syntax-highlighter';
24
24
  import '../../hooks/useGetTooltipStyles.js';
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import 'classnames';
3
+ import '../../../consts/index.js';
3
4
  import { noop, getYearOptions } from '../../../utils/helpers.js';
4
5
  import '../../../hooks/useScreenSize.js';
5
6
  import 'react-hook-form';
@@ -16,7 +17,6 @@ import 'react-window';
16
17
  import { ButtonSelect } from '../../Select/ButtonSelect/ButtonSelect.js';
17
18
  import 'dayjs';
18
19
  import '../../../slicedToArray-8dee6de5.js';
19
- import '../../../consts/index.js';
20
20
  import '../../../defineProperty-7e557874.js';
21
21
  import '../../../typeof-68583a77.js';
22
22
  import '../../../extends-33063980.js';
@@ -11,6 +11,7 @@ import { isSameDay } from '../../utils/helpers.js';
11
11
  import { Label } from '../../helperComponents/Label/Label.js';
12
12
  import 'classnames';
13
13
  import '../Checkbox/Checkbox.js';
14
+ import '../../consts/index.js';
14
15
  import '../../hooks/useScreenSize.js';
15
16
  import 'react-hook-form';
16
17
  import 'react-syntax-highlighter';
@@ -31,7 +32,6 @@ import '../../hooks/useGetElemPositions.js';
31
32
  import '../../hooks/useGetTooltipPosition.js';
32
33
  import '../Tooltip/types.js';
33
34
  import '../../hooks/useHideOnScroll.js';
34
- import '../../consts/index.js';
35
35
  import '../../hooks/useOnOutsideClick.js';
36
36
  import '../Link/Link.js';
37
37
  import '../SVGIcons/IconInfo.js';
@@ -8,6 +8,7 @@ import { Input } from '../Input/Input.js';
8
8
  import { Label } from '../../helperComponents/Label/Label.js';
9
9
  import 'classnames';
10
10
  import '../Checkbox/Checkbox.js';
11
+ import '../../consts/index.js';
11
12
  import '../../hooks/useScreenSize.js';
12
13
  import 'react-hook-form';
13
14
  import 'react-syntax-highlighter';
@@ -30,7 +31,6 @@ import '../../hooks/useGetElemPositions.js';
30
31
  import '../../hooks/useGetTooltipPosition.js';
31
32
  import '../Tooltip/types.js';
32
33
  import '../../hooks/useHideOnScroll.js';
33
- import '../../consts/index.js';
34
34
  import '../../hooks/useOnOutsideClick.js';
35
35
  import '../Link/Link.js';
36
36
  import '../SVGIcons/IconInfo.js';
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import { Text } from '../Text/Text.js';
3
+ import '../../consts/index.js';
3
4
  import { useFormProps } from '../../hooks/useFormProps.js';
4
5
  import { openFileInNewWindow } from '../../utils/helpers.js';
5
6
  import '../../hooks/useScreenSize.js';
@@ -13,7 +14,6 @@ import { IconDelete } from '../SVGIcons/IconDelete.js';
13
14
  import 'dayjs';
14
15
  import '../../context/types.js';
15
16
  import '../../slicedToArray-8dee6de5.js';
16
- import '../../consts/index.js';
17
17
  import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
18
18
  import '../../helperComponents/IconDynamicComponent/constants.js';
19
19
  import '../../defineProperty-7e557874.js';
@@ -5,6 +5,7 @@ import classNames from 'classnames';
5
5
  import 'dayjs';
6
6
  import { ErrorMessage as ErrorMessage$1 } from '../../helperComponents/ErrorMessage/ErrorMessage.js';
7
7
  import '../Checkbox/Checkbox.js';
8
+ import '../../consts/index.js';
8
9
  import { FormContext } from '../../context/types.js';
9
10
  import '../../hooks/useScreenSize.js';
10
11
  import { Controller } from 'react-hook-form';
@@ -23,7 +24,6 @@ import '../../hooks/useGetElemPositions.js';
23
24
  import '../../hooks/useGetTooltipPosition.js';
24
25
  import '../Tooltip/types.js';
25
26
  import '../../hooks/useHideOnScroll.js';
26
- import '../../consts/index.js';
27
27
  import '../../hooks/useOnOutsideClick.js';
28
28
  import '../Link/Link.js';
29
29
  import '../SVGIcons/IconInfo.js';
@@ -9,6 +9,7 @@ import { Label } from '../../helperComponents/Label/Label.js';
9
9
  import { ErrorMessage } from '../../helperComponents/ErrorMessage/ErrorMessage.js';
10
10
  import '../Checkbox/Checkbox.js';
11
11
  import { Text } from '../Text/Text.js';
12
+ import '../../consts/index.js';
12
13
  import 'dayjs';
13
14
  import '../../hooks/useScreenSize.js';
14
15
  import 'react-hook-form';
@@ -26,7 +27,6 @@ import '../../hooks/useGetElemPositions.js';
26
27
  import '../../hooks/useGetTooltipPosition.js';
27
28
  import '../Tooltip/types.js';
28
29
  import '../../hooks/useHideOnScroll.js';
29
- import '../../consts/index.js';
30
30
  import '../../hooks/useOnOutsideClick.js';
31
31
  import '../Link/Link.js';
32
32
  import '../SVGIcons/IconInfo.js';
@@ -5,6 +5,7 @@ import classNames from 'classnames';
5
5
  import { motion } from 'framer-motion';
6
6
  import { AnimatePresenceWrapper } from '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
7
7
  import { Positions } from '../Tooltip/types.js';
8
+ import '../../consts/index.js';
8
9
  import 'dayjs';
9
10
  import { useOnOutsideClick } from '../../hooks/useOnOutsideClick.js';
10
11
  import '../../hooks/useScreenSize.js';
@@ -15,7 +16,6 @@ import { Text } from '../Text/Text.js';
15
16
  import { IconDismiss } from '../SVGIcons/IconDismiss.js';
16
17
  import { ButtonIcon } from '../ButtonIcon/ButtonIcon.js';
17
18
  import { Tooltip } from '../Tooltip/Tooltip.js';
18
- import '../../consts/index.js';
19
19
  import '../../defineProperty-7e557874.js';
20
20
  import '../../typeof-68583a77.js';
21
21
  import '../../objectWithoutProperties-d06bc6e4.js';
@@ -4,6 +4,7 @@ import React, { useState, useId } from 'react';
4
4
  import classNames from 'classnames';
5
5
  import { motion } from 'framer-motion';
6
6
  import { AnimatePresenceWrapper } from '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
7
+ import '../../consts/index.js';
7
8
  import 'dayjs';
8
9
  import { useOnOutsideClick } from '../../hooks/useOnOutsideClick.js';
9
10
  import '../../hooks/useScreenSize.js';
@@ -11,7 +12,6 @@ import { useHideBodyScroll } from '../../hooks/useHideBodyScroll.js';
11
12
  import 'react-hook-form';
12
13
  import { Button } from '../Button/Button.js';
13
14
  import { Text } from '../Text/Text.js';
14
- import '../../consts/index.js';
15
15
  import '../../defineProperty-7e557874.js';
16
16
  import '../../typeof-68583a77.js';
17
17
  import '../../objectWithoutProperties-d06bc6e4.js';
@@ -7,10 +7,10 @@ import 'classnames';
7
7
  import 'framer-motion';
8
8
  import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
9
9
  import '../Tooltip/types.js';
10
+ import '../../consts/index.js';
10
11
  import 'dayjs';
11
12
  import '../../hooks/useOnOutsideClick.js';
12
13
  import '../../hooks/useScreenSize.js';
13
- import '../../consts/index.js';
14
14
  import '../../hooks/useHideBodyScroll.js';
15
15
  import 'react-hook-form';
16
16
  import '../Button/Button.js';
@@ -4,6 +4,7 @@ import { Label } from '../../helperComponents/Label/Label.js';
4
4
  import classNames from 'classnames';
5
5
  import 'dayjs';
6
6
  import '../Checkbox/Checkbox.js';
7
+ import '../../consts/index.js';
7
8
  import '../../hooks/useScreenSize.js';
8
9
  import 'react-hook-form';
9
10
  import 'react-syntax-highlighter';
@@ -20,7 +21,6 @@ import '../../hooks/useGetElemPositions.js';
20
21
  import '../../hooks/useGetTooltipPosition.js';
21
22
  import '../Tooltip/types.js';
22
23
  import '../../hooks/useHideOnScroll.js';
23
- import '../../consts/index.js';
24
24
  import '../../hooks/useOnOutsideClick.js';
25
25
  import '../Link/Link.js';
26
26
  import '../SVGIcons/IconInfo.js';
@@ -5,6 +5,7 @@ import 'dayjs';
5
5
  import { OptionItem } from '../../../helperComponents/OptionItem/OptionItem.js';
6
6
  import 'react-syntax-highlighter';
7
7
  import { useGetElemSizes } from '../../../hooks/useGetElemSizes.js';
8
+ import '../../../consts/index.js';
8
9
  import { useOnOutsideClick } from '../../../hooks/useOnOutsideClick.js';
9
10
  import '../../../hooks/useScreenSize.js';
10
11
  import 'react-hook-form';
@@ -33,7 +34,6 @@ import '../../../hooks/useGetElemPositions.js';
33
34
  import '../../../hooks/useGetTooltipPosition.js';
34
35
  import '../../Tooltip/types.js';
35
36
  import '../../../hooks/useHideOnScroll.js';
36
- import '../../../consts/index.js';
37
37
  import '../../Text/Text.js';
38
38
  import '../../../utils/helpers.js';
39
39
  import '../../Link/Link.js';
@@ -14,6 +14,7 @@ import { FilterGroupDropdownContent } from './FilterGroupDropdown.js';
14
14
  import { Footer } from '../SharedComponents/Footer.js';
15
15
  import 'classnames';
16
16
  import '../../Checkbox/Checkbox.js';
17
+ import '../../../consts/index.js';
17
18
  import 'react-syntax-highlighter';
18
19
  import 'framer-motion';
19
20
  import '../../Collapse/CollapseGroup/CollapseGroup.js';
@@ -22,7 +23,6 @@ import { Loading } from '../SharedComponents/Loading.js';
22
23
  import { Input } from '../../Input/Input.js';
23
24
  import { IconDismissFilled } from '../../SVGIcons/IconDismissFilled.js';
24
25
  import { IconSearchFilled } from '../../SVGIcons/IconSearchFilled.js';
25
- import '../../../consts/index.js';
26
26
  import '../../../helperComponents/OptionItem/OptionItem.js';
27
27
  import '../../Avatar/Avatar.js';
28
28
  import '../../FileUpload/FileUpload.js';
@@ -9,6 +9,7 @@ import { OptionItem } from '../../../../helperComponents/OptionItem/OptionItem.j
9
9
  import 'react-syntax-highlighter';
10
10
  import '../../../Checkbox/Checkbox.js';
11
11
  import 'react-dom';
12
+ import '../../../../consts/index.js';
12
13
  import '../../../../hooks/useScreenSize.js';
13
14
  import 'react-hook-form';
14
15
  import 'framer-motion';
@@ -33,7 +34,6 @@ import '../../../../hooks/useGetElemPositions.js';
33
34
  import '../../../../hooks/useGetTooltipPosition.js';
34
35
  import '../../../Tooltip/types.js';
35
36
  import '../../../../hooks/useHideOnScroll.js';
36
- import '../../../../consts/index.js';
37
37
  import '../../../../hooks/useOnOutsideClick.js';
38
38
  import '../../../Link/Link.js';
39
39
  import '../../../SVGIcons/IconInfo.js';
@@ -8,6 +8,7 @@ import { Footer } from '../SharedComponents/Footer.js';
8
8
  import 'classnames';
9
9
  import 'dayjs';
10
10
  import '../../Checkbox/Checkbox.js';
11
+ import '../../../consts/index.js';
11
12
  import { useOnOutsideClick } from '../../../hooks/useOnOutsideClick.js';
12
13
  import '../../../hooks/useScreenSize.js';
13
14
  import 'react-hook-form';
@@ -40,7 +41,6 @@ import '../../../hooks/useGetTooltipStyles.js';
40
41
  import '../../../hooks/useGetTooltipPosition.js';
41
42
  import '../../Tooltip/types.js';
42
43
  import '../../../hooks/useHideOnScroll.js';
43
- import '../../../consts/index.js';
44
44
  import '../../Link/Link.js';
45
45
  import '../../SVGIcons/IconInfo.js';
46
46
  import './MultiSelectGrouped/MultiSelectGrouped.js';
@@ -6,6 +6,7 @@ import { Text } from '../../../Text/Text.js';
6
6
  import { Divider } from '../../../Divider/Divider.js';
7
7
  import { Empty } from '../../../Empty/Empty.js';
8
8
  import { useGetElemSizes } from '../../../../hooks/useGetElemSizes.js';
9
+ import '../../../../consts/index.js';
9
10
  import 'dayjs';
10
11
  import '../../../../hooks/useScreenSize.js';
11
12
  import 'react-hook-form';
@@ -35,7 +36,6 @@ import '../../../../hooks/useGetElemPositions.js';
35
36
  import '../../../../hooks/useGetTooltipPosition.js';
36
37
  import '../../../Tooltip/types.js';
37
38
  import '../../../../hooks/useHideOnScroll.js';
38
- import '../../../../consts/index.js';
39
39
  import '../../../../hooks/useOnOutsideClick.js';
40
40
  import '../../../Link/Link.js';
41
41
  import '../../../SVGIcons/IconInfo.js';
@@ -6,6 +6,7 @@ import { Divider } from '../../../Divider/Divider.js';
6
6
  import { Empty } from '../../../Empty/Empty.js';
7
7
  import { Tab } from '../../../Tab/Tab.js';
8
8
  import { useGetElemSizes } from '../../../../hooks/useGetElemSizes.js';
9
+ import '../../../../consts/index.js';
9
10
  import 'dayjs';
10
11
  import '../../../../hooks/useScreenSize.js';
11
12
  import 'react-hook-form';
@@ -34,7 +35,6 @@ import '../../../../hooks/useGetElemPositions.js';
34
35
  import '../../../../hooks/useGetTooltipPosition.js';
35
36
  import '../../../Tooltip/types.js';
36
37
  import '../../../../hooks/useHideOnScroll.js';
37
- import '../../../../consts/index.js';
38
38
  import '../../../../hooks/useOnOutsideClick.js';
39
39
  import '../../../Link/Link.js';
40
40
  import '../../../SVGIcons/IconInfo.js';
@@ -7,6 +7,7 @@ import 'classnames';
7
7
  import { getStringWidth } from '../../../utils/helpers.js';
8
8
  import '../../Checkbox/Checkbox.js';
9
9
  import { useGetElemSizes } from '../../../hooks/useGetElemSizes.js';
10
+ import '../../../consts/index.js';
10
11
  import '../../../hooks/useScreenSize.js';
11
12
  import { useGetHasBottomSpace, useGetHasTopSpace } from '../../../hooks/useGetHasBottomSpace.js';
12
13
  import 'react-hook-form';
@@ -30,7 +31,6 @@ import '../../../hooks/useGetElemPositions.js';
30
31
  import '../../../hooks/useGetTooltipPosition.js';
31
32
  import '../../Tooltip/types.js';
32
33
  import '../../../hooks/useHideOnScroll.js';
33
- import '../../../consts/index.js';
34
34
  import '../../../hooks/useOnOutsideClick.js';
35
35
  import '../../Text/Text.js';
36
36
  import '../../Link/Link.js';
@@ -8,6 +8,7 @@ import { OptionItem } from '../../../helperComponents/OptionItem/OptionItem.js';
8
8
  import 'react-syntax-highlighter';
9
9
  import { useGetElemSizes } from '../../../hooks/useGetElemSizes.js';
10
10
  import { useGetElemPositions } from '../../../hooks/useGetElemPositions.js';
11
+ import '../../../consts/index.js';
11
12
  import { useOnOutsideClick } from '../../../hooks/useOnOutsideClick.js';
12
13
  import '../../../hooks/useScreenSize.js';
13
14
  import 'react-hook-form';
@@ -31,7 +32,6 @@ import '../../../hooks/useGetTooltipStyles.js';
31
32
  import '../../../hooks/useGetTooltipPosition.js';
32
33
  import '../../Tooltip/types.js';
33
34
  import '../../../hooks/useHideOnScroll.js';
34
- import '../../../consts/index.js';
35
35
  import '../../Link/Link.js';
36
36
  import '../../SVGIcons/IconInfo.js';
37
37
  import '../../SVGIcons/IconCheckmarkCircleFilled.js';
@@ -1,6 +1,7 @@
1
1
  import { _ as _slicedToArray } from '../../../slicedToArray-8dee6de5.js';
2
2
  import React, { useRef, useId } from 'react';
3
3
  import { Text } from '../../Text/Text.js';
4
+ import '../../../consts/index.js';
4
5
  import 'dayjs';
5
6
  import { useOnOutsideClick } from '../../../hooks/useOnOutsideClick.js';
6
7
  import '../../../hooks/useScreenSize.js';
@@ -8,7 +9,6 @@ import 'react-hook-form';
8
9
  import { Link } from '../../Link/Link.js';
9
10
  import 'classnames';
10
11
  import '../../../utils/helpers.js';
11
- import '../../../consts/index.js';
12
12
 
13
13
  var ProfileDropdown = function ProfileDropdown(props) {
14
14
  var menuRef = useRef(null);
@@ -3,6 +3,7 @@ import React, { useState } from 'react';
3
3
  import { Button } from '../../Button/Button.js';
4
4
  import { Menu } from '../../Menu/Menu.js';
5
5
  import 'react-dom';
6
+ import '../../../consts/index.js';
6
7
  import 'dayjs';
7
8
  import '../../../hooks/useScreenSize.js';
8
9
  import 'react-hook-form';
@@ -26,7 +27,6 @@ import '../../../hooks/useGetElemPositions.js';
26
27
  import '../../../hooks/useGetTooltipPosition.js';
27
28
  import '../../Tooltip/types.js';
28
29
  import '../../../hooks/useHideOnScroll.js';
29
- import '../../../consts/index.js';
30
30
  import '../../../hooks/useOnOutsideClick.js';
31
31
  import '../../Link/Link.js';
32
32
  import '../../../utils/helpers.js';
@@ -9,8 +9,8 @@ import '../../../objectWithoutProperties-d06bc6e4.js';
9
9
  import 'classnames';
10
10
  import 'dayjs';
11
11
  import '../../../helperComponents/Loader/Loader.js';
12
- import '../../../hooks/useScreenSize.js';
13
12
  import '../../../consts/index.js';
13
+ import '../../../hooks/useScreenSize.js';
14
14
  import 'react-hook-form';
15
15
  import 'react-syntax-highlighter';
16
16
  import '../../Button/consts.js';
@@ -9,8 +9,8 @@ import '../../../objectWithoutProperties-d06bc6e4.js';
9
9
  import 'classnames';
10
10
  import 'dayjs';
11
11
  import '../../../helperComponents/Loader/Loader.js';
12
- import '../../../hooks/useScreenSize.js';
13
12
  import '../../../consts/index.js';
13
+ import '../../../hooks/useScreenSize.js';
14
14
  import 'react-hook-form';
15
15
  import 'react-syntax-highlighter';
16
16
  import '../../Button/consts.js';
@@ -4,6 +4,7 @@ import { _ as _slicedToArray } from '../../slicedToArray-8dee6de5.js';
4
4
  import React, { useState, useRef, useId, useEffect, useCallback } from 'react';
5
5
  import { motion } from 'framer-motion';
6
6
  import classNames from 'classnames';
7
+ import '../../consts/index.js';
7
8
  import 'dayjs';
8
9
  import { useOnOutsideClick } from '../../hooks/useOnOutsideClick.js';
9
10
  import '../../hooks/useScreenSize.js';
@@ -17,7 +18,6 @@ import { Footer } from './Footer/Footer.js';
17
18
  import { IconCaretUp } from '../SVGIcons/IconCaretUp.js';
18
19
  import { IconDismissFilled } from '../SVGIcons/IconDismissFilled.js';
19
20
  import '../../typeof-68583a77.js';
20
- import '../../consts/index.js';
21
21
  import '../../objectWithoutProperties-d06bc6e4.js';
22
22
  import '../../helperComponents/Loader/Loader.js';
23
23
  import '../Checkbox/Checkbox.js';
@@ -6,10 +6,10 @@ import '../../slicedToArray-8dee6de5.js';
6
6
  import 'react';
7
7
  import 'framer-motion';
8
8
  import 'classnames';
9
+ import '../../consts/index.js';
9
10
  import 'dayjs';
10
11
  import '../../hooks/useOnOutsideClick.js';
11
12
  import '../../hooks/useScreenSize.js';
12
- import '../../consts/index.js';
13
13
  import '../../hooks/useHideBodyScroll.js';
14
14
  import 'react-hook-form';
15
15
  import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
@@ -8,6 +8,7 @@ import { IconDynamicComponent } from '../../helperComponents/IconDynamicComponen
8
8
  import 'dayjs';
9
9
  import 'classnames';
10
10
  import '../Checkbox/Checkbox.js';
11
+ import '../../consts/index.js';
11
12
  import '../../hooks/useScreenSize.js';
12
13
  import 'react-hook-form';
13
14
  import 'react-syntax-highlighter';
@@ -25,7 +26,6 @@ import '../../hooks/useGetElemPositions.js';
25
26
  import '../../hooks/useGetTooltipPosition.js';
26
27
  import '../Tooltip/types.js';
27
28
  import '../../hooks/useHideOnScroll.js';
28
- import '../../consts/index.js';
29
29
  import '../../hooks/useOnOutsideClick.js';
30
30
  import '../Link/Link.js';
31
31
  import '../SVGIcons/IconInfo.js';
@@ -3,6 +3,7 @@ import classNames from 'classnames';
3
3
  import { Label } from '../../helperComponents/Label/Label.js';
4
4
  import 'dayjs';
5
5
  import '../Checkbox/Checkbox.js';
6
+ import '../../consts/index.js';
6
7
  import '../../hooks/useScreenSize.js';
7
8
  import 'react-hook-form';
8
9
  import { IconCheckmark } from '../SVGIcons/IconCheckmark.js';
@@ -20,7 +21,6 @@ import '../../hooks/useGetElemPositions.js';
20
21
  import '../../hooks/useGetTooltipPosition.js';
21
22
  import '../Tooltip/types.js';
22
23
  import '../../hooks/useHideOnScroll.js';
23
- import '../../consts/index.js';
24
24
  import '../../hooks/useOnOutsideClick.js';
25
25
  import '../Link/Link.js';
26
26
  import '../SVGIcons/IconInfo.js';
@@ -6,6 +6,7 @@ import { ErrorMessage } from '../../helperComponents/ErrorMessage/ErrorMessage.j
6
6
  import '../Checkbox/Checkbox.js';
7
7
  import classNames from 'classnames';
8
8
  import { Text } from '../Text/Text.js';
9
+ import '../../consts/index.js';
9
10
  import 'dayjs';
10
11
  import '../../hooks/useScreenSize.js';
11
12
  import 'react-hook-form';
@@ -24,7 +25,6 @@ import '../../hooks/useGetElemPositions.js';
24
25
  import '../../hooks/useGetTooltipPosition.js';
25
26
  import '../Tooltip/types.js';
26
27
  import '../../hooks/useHideOnScroll.js';
27
- import '../../consts/index.js';
28
28
  import '../../hooks/useOnOutsideClick.js';
29
29
  import '../Link/Link.js';
30
30
  import '../SVGIcons/IconInfo.js';
package/consts/index.d.ts CHANGED
@@ -6,6 +6,7 @@ export declare const SCREEN_SIZES: {
6
6
  MEDIUM: number;
7
7
  LARGE: number;
8
8
  };
9
+ export declare const MOBILE_POINT: number;
9
10
  export declare enum FILE_UPLOAD_ERRORS {
10
11
  'size' = 0,
11
12
  'type' = 1
package/consts/index.js CHANGED
@@ -8,6 +8,7 @@ var SCREEN_SIZES = {
8
8
  MEDIUM: 992,
9
9
  LARGE: 1200
10
10
  };
11
+ var MOBILE_POINT = SCREEN_SIZES.SMALL;
11
12
  var FILE_UPLOAD_ERRORS = /*#__PURE__*/function (FILE_UPLOAD_ERRORS) {
12
13
  FILE_UPLOAD_ERRORS[FILE_UPLOAD_ERRORS["size"] = 0] = "size";
13
14
  FILE_UPLOAD_ERRORS[FILE_UPLOAD_ERRORS["type"] = 1] = "type";
@@ -59,4 +60,4 @@ var MONTHS = [{
59
60
  }];
60
61
  var DROPDOWN_AND_INPUT_GAP = 10;
61
62
 
62
- export { CARD_SELECT_TYPES, CUSTOM_SCROLL_MESSAGE, CUSTOM_SCROLL_NAME, DROPDOWN_AND_INPUT_GAP, FILE_UPLOAD_ERRORS, IMAGE_MIME_TYPE, IMAGE_MIME_TYPES, IMAGE_MIME_TYPES_FOR_PREVIEW, MONTHS, SCREEN_SIZES };
63
+ export { CARD_SELECT_TYPES, CUSTOM_SCROLL_MESSAGE, CUSTOM_SCROLL_NAME, DROPDOWN_AND_INPUT_GAP, FILE_UPLOAD_ERRORS, IMAGE_MIME_TYPE, IMAGE_MIME_TYPES, IMAGE_MIME_TYPES_FOR_PREVIEW, MOBILE_POINT, MONTHS, SCREEN_SIZES };
@@ -3,6 +3,7 @@ import React, { useCallback } from 'react';
3
3
  import { Checkbox } from '../../components/Checkbox/Checkbox.js';
4
4
  import { Avatar } from '../../components/Avatar/Avatar.js';
5
5
  import { Tooltip } from '../../components/Tooltip/Tooltip.js';
6
+ import '../../consts/index.js';
6
7
  import 'dayjs';
7
8
  import '../../hooks/useScreenSize.js';
8
9
  import 'react-hook-form';
@@ -18,7 +19,6 @@ import '../../hooks/useGetElemPositions.js';
18
19
  import '../../hooks/useGetTooltipPosition.js';
19
20
  import '../../components/Tooltip/types.js';
20
21
  import '../../hooks/useHideOnScroll.js';
21
- import '../../consts/index.js';
22
22
  import '../../hooks/useOnOutsideClick.js';
23
23
  import '../../components/Text/Text.js';
24
24
  import '../../utils/helpers.js';
@@ -0,0 +1 @@
1
+ export declare const useIsMobile: (size?: number) => boolean;
@@ -0,0 +1,47 @@
1
+ import { _ as _slicedToArray } from '../slicedToArray-8dee6de5.js';
2
+ import { useState, useRef, useEffect } from 'react';
3
+ import { MOBILE_POINT } from '../consts/index.js';
4
+
5
+ var useEventListener = function useEventListener(eventName, handler) {
6
+ var element = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : window;
7
+ var savedHandler = useRef(handler);
8
+ useEffect(function () {
9
+ savedHandler.current = handler;
10
+ }, [handler, savedHandler]);
11
+ useEffect(function () {
12
+ var isSupported = element && element.addEventListener;
13
+ if (!isSupported) return;
14
+ var eventListener = function eventListener(event) {
15
+ return savedHandler.current(event);
16
+ };
17
+ element.addEventListener(eventName, eventListener);
18
+ return function () {
19
+ element.removeEventListener(eventName, eventListener);
20
+ };
21
+ }, [eventName, element, savedHandler]);
22
+ };
23
+ var useWindowSize = function useWindowSize() {
24
+ var _useState = useState({
25
+ width: window.innerWidth,
26
+ height: window.innerHeight
27
+ }),
28
+ _useState2 = _slicedToArray(_useState, 2),
29
+ windowSize = _useState2[0],
30
+ setWindowSize = _useState2[1];
31
+ var handleResize = function handleResize() {
32
+ setWindowSize({
33
+ width: window.innerWidth,
34
+ height: window.innerHeight
35
+ });
36
+ };
37
+ useEventListener('resize', handleResize);
38
+ useEventListener('orientationchange', handleResize);
39
+ return windowSize;
40
+ };
41
+ var useIsMobile = function useIsMobile() {
42
+ var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MOBILE_POINT;
43
+ var windowSize = useWindowSize();
44
+ return windowSize.width <= size;
45
+ };
46
+
47
+ export { useIsMobile };
package/index.js CHANGED
@@ -346,6 +346,7 @@ export { IconYoutube } from './components/SVGIcons/IconYoutube.js';
346
346
  export { OptionItem } from './helperComponents/OptionItem/OptionItem.js';
347
347
  export { FormContext } from './context/types.js';
348
348
  import 'react';
349
+ import './consts/index.js';
349
350
  export { useFormProps } from './hooks/useFormProps.js';
350
351
  import './hooks/useScreenSize.js';
351
352
  export { useFieldArray } from 'react-hook-form';
@@ -369,7 +370,6 @@ import './hooks/useGetElemPositions.js';
369
370
  import './hooks/useGetTooltipPosition.js';
370
371
  import './components/Tooltip/types.js';
371
372
  import './hooks/useHideOnScroll.js';
372
- import './consts/index.js';
373
373
  import './hooks/useOnOutsideClick.js';
374
374
  import './toConsumableArray-9ff4767e.js';
375
375
  import './helperComponents/Label/Label.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hrm_ui_lib",
3
- "version": "1.2.6",
3
+ "version": "1.2.7",
4
4
  "description": "UI library for Dino",
5
5
  "main": "./index.js",
6
6
  "module": "./index.js",