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.
- package/components/Alert/Alert.js +1 -1
- package/components/Avatar/AvatarGroup.js +1 -1
- package/components/Button/Button.js +1 -1
- package/components/ButtonIcon/ButtonIcon.js +1 -1
- package/components/Checkbox/Checkbox.js +1 -1
- package/components/Copy/Copy.js +1 -1
- package/components/DatePicker/CustomHeader/CustomHeader.js +1 -1
- package/components/DatePicker/RangeDatePicker.js +1 -1
- package/components/DatePicker/TimePicker.js +1 -1
- package/components/FileUpload/UploadItems.js +1 -1
- package/components/FormField/FormField.js +1 -1
- package/components/Input/Input.js +1 -1
- package/components/Modal/Modal.js +1 -1
- package/components/Modal/ModalConfirmation.js +1 -1
- package/components/Modal/index.js +1 -1
- package/components/Radio/RadioGroup.js +1 -1
- package/components/Select/ButtonSelect/ButtonSelect.js +1 -1
- package/components/Select/FilterSelect/FilterSelect.js +1 -1
- package/components/Select/MultiSelect/MultiBase/MultiBase.js +1 -1
- package/components/Select/MultiSelect/MultiSelect.js +1 -1
- package/components/Select/MultiSelect/MultiSelectGrouped/MultiSelectGrouped.js +1 -1
- package/components/Select/MultiSelect/MultiSelectWithTabs/MultiSelectWithTabs.js +1 -1
- package/components/Select/MultiSelect/OptionsWrapper.js +1 -1
- package/components/Select/NestedSelect/NestedSelect.js +1 -1
- package/components/Select/ProfileDropdown/index.js +1 -1
- package/components/Select/SharedComponents/Actions.js +1 -1
- package/components/Select/SharedComponents/Footer.js +1 -1
- package/components/SideSheet/Footer/Footer.js +1 -1
- package/components/SideSheet/SideSheet.js +1 -1
- package/components/SideSheet/index.js +1 -1
- package/components/Snackbar/Snackbar.js +1 -1
- package/components/Switcher/Switcher.js +1 -1
- package/components/Textarea/Textarea.js +1 -1
- package/consts/index.d.ts +1 -0
- package/consts/index.js +2 -1
- package/helperComponents/OptionItem/OptionItem.js +1 -1
- package/hooks/useGetIsMobile.d.ts +1 -0
- package/hooks/useGetIsMobile.js +47 -0
- package/index.js +1 -1
- 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';
|
package/components/Copy/Copy.js
CHANGED
|
@@ -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
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';
|