hrm_ui_lib 2.0.0 → 2.0.1
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/README.md +1 -1
- package/assets/styles/styles.css +8 -484
- package/assets/styles/styles.scss +1 -1
- package/components/Alert/Alert.js +1 -1
- package/components/Alert/index.js +1 -1
- package/components/Avatar/Avatar.js +1 -1
- package/components/Avatar/AvatarGroup.js +1 -1
- package/components/Avatar/index.js +1 -1
- package/components/Button/Button.js +1 -1
- package/components/Button/index.js +1 -1
- package/components/Checkbox/Checkbox.js +1 -1
- package/components/Checkbox/index.js +1 -1
- package/components/Copy/Copy.js +1 -1
- package/components/Copy/index.js +1 -1
- package/components/Counter/Counter.js +1 -1
- package/components/Counter/index.js +1 -1
- package/components/DatePicker/CustomHeader/CustomHeader.js +1 -1
- package/components/DatePicker/RangeDatePicker/RangeDatePicker.js +1 -1
- package/components/DatePicker/RangeDatePicker/RangeDatePickerDesktop.js +1 -1
- package/components/DatePicker/RangeDatePicker/RangeDatePickerMobile.js +1 -1
- package/components/DatePicker/RangeDatePicker/index.js +1 -1
- package/components/DatePicker/SimpleDatePicker/SimpleDatePicker.js +1 -1
- package/components/DatePicker/SimpleDatePicker/SimpleDatePickerDesktop.js +1 -1
- package/components/DatePicker/SimpleDatePicker/SimpleDatePickerMobile.js +1 -1
- package/components/DatePicker/SimpleDatePicker/index.js +1 -1
- package/components/DatePicker/TimePicker/MobileModalContent.js +1 -1
- package/components/DatePicker/TimePicker/TimePicker.js +1 -1
- package/components/DatePicker/TimePicker/TimePickerDesktop.js +1 -1
- package/components/DatePicker/TimePicker/TimePickerMobile.js +1 -1
- package/components/DatePicker/TimePicker/index.js +1 -1
- package/components/DatePicker/index.js +1 -1
- package/components/Empty/Empty.js +1 -1
- package/components/Empty/index.js +1 -1
- package/components/FileUpload/DropzoneFileUpload/DropzoneFileUpload.js +1 -1
- package/components/FileUpload/DropzoneFileUpload/ErrorItem.js +1 -1
- package/components/FileUpload/DropzoneFileUpload/PreviewItem.js +1 -1
- package/components/FileUpload/DropzoneFileUpload/helpers.js +1 -1
- package/components/FileUpload/DropzoneFileUpload/index.js +1 -1
- package/components/FileUpload/FileUpload.js +1 -1
- package/components/FileUpload/UploadItems.js +1 -1
- package/components/FileUpload/index.js +1 -1
- package/components/FormContainer/FormContainer.js +1 -1
- package/components/FormContainer/index.js +1 -1
- package/components/FormField/FormField.js +1 -1
- package/components/FormField/index.js +1 -1
- package/components/Input/Input.js +1 -1
- package/components/Input/index.js +1 -1
- package/components/Menu/Menu.js +1 -1
- package/components/Menu/NestedMenu.js +1 -1
- package/components/Menu/index.js +1 -1
- package/components/Modal/Modal.js +1 -1
- package/components/Modal/ModalConfirmation.js +1 -1
- package/components/Modal/ModalContent.js +1 -1
- package/components/Modal/index.js +1 -1
- package/components/More/More.js +1 -1
- package/components/More/index.js +1 -1
- package/components/Popover/Popover.js +1 -1
- package/components/Popover/PopoverMobile.js +1 -1
- package/components/Popover/index.js +1 -1
- package/components/Radio/RadioGroup.js +1 -1
- package/components/Radio/index.js +1 -1
- package/components/SVGIcons/IconPersonArrowLeft.js +2 -2
- package/components/SVGIcons/IconPersonArrowLeftFilled.d.ts +4 -0
- package/components/SVGIcons/IconPersonArrowLeftFilled.js +29 -0
- package/components/SVGIcons/IconPersonArrowRight.js +2 -2
- package/components/SVGIcons/IconPersonArrowRightFilled.d.ts +4 -0
- package/components/SVGIcons/IconPersonArrowRightFilled.js +29 -0
- package/components/SVGIcons/IconPersonMinus.d.ts +4 -0
- package/components/SVGIcons/IconPersonMinus.js +29 -0
- package/components/SVGIcons/index.d.ts +3 -0
- package/components/SVGIcons/index.js +3 -0
- package/components/Select/ButtonSelect/ButtonSelect.js +1 -1
- package/components/Select/FilterSelect/FilterDropdown.js +1 -1
- package/components/Select/FilterSelect/FilterGroupDropdown.js +1 -1
- package/components/Select/FilterSelect/FilterSelect.js +1 -1
- package/components/Select/MultiSelect/MobileWrapper.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/Select/Select.js +1 -1
- package/components/Select/Select/SelectDesktop/index.js +1 -1
- package/components/Select/Select/SelectMobile/MobileTopContent.js +1 -1
- package/components/Select/Select/SelectMobile/index.js +1 -1
- package/components/Select/SharedComponents/Actions.js +1 -1
- package/components/Select/SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js +1 -1
- package/components/Select/SharedComponents/ContentTop.js +1 -1
- package/components/Select/SharedComponents/Footer.js +1 -1
- package/components/Select/SharedComponents/InputSelectWrapper/InputSelectWrapper.js +1 -1
- package/components/Select/SharedComponents/index.js +1 -1
- package/components/Select/index.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/Snackbar/index.js +1 -1
- package/components/Switcher/Switcher.js +1 -1
- package/components/Switcher/index.js +1 -1
- package/components/Table/Header.js +1 -1
- package/components/Table/IndeterminateCheckbox.js +1 -1
- package/components/Table/Row.js +1 -1
- package/components/Table/Table.js +1 -1
- package/components/Table/index.js +1 -1
- package/components/Table/utils.js +1 -1
- package/components/Textarea/Textarea.js +1 -1
- package/components/Textarea/index.js +1 -1
- package/helperComponents/GoToWebPage/GoToWebPage.js +1 -1
- package/helperComponents/OptionItem/OptionItem.js +1 -1
- package/helperComponents/OptionItem/index.js +1 -1
- package/helperComponents/index.js +1 -1
- package/helpers/check-authorization.js +1 -1
- package/helpers/index.js +1 -1
- package/index.d.ts +0 -4
- package/index.js +4 -12
- package/package.json +1 -1
- package/assets/images/ArCa.svg +0 -3
- package/assets/images/Avatar.png +0 -0
- package/assets/images/Mastercard.svg +0 -5
- package/assets/images/Visa.svg +0 -3
- package/assets/images/cards-img.png +0 -0
- package/assets/images/logo-closed.svg +0 -8
- package/assets/images/logo.svg +0 -14
- package/components/CardBody/CardBody.d.ts +0 -3
- package/components/CardBody/CardBody.js +0 -83
- package/components/CardBody/index.d.ts +0 -1
- package/components/CardBody/index.js +0 -54
- package/components/CardBody/types.d.ts +0 -11
- package/components/CardBody/types.js +0 -1
- package/components/CardSelect/CardSelect.d.ts +0 -3
- package/components/CardSelect/CardSelect.js +0 -142
- package/components/CardSelect/CardSelectGroup.d.ts +0 -3
- package/components/CardSelect/CardSelectGroup.js +0 -115
- package/components/CardSelect/components/CardAdditionalInfo.d.ts +0 -8
- package/components/CardSelect/components/CardAdditionalInfo.js +0 -35
- package/components/CardSelect/components/CardChips.d.ts +0 -8
- package/components/CardSelect/components/CardChips.js +0 -27
- package/components/CardSelect/components/CardDescription.d.ts +0 -7
- package/components/CardSelect/components/CardDescription.js +0 -16
- package/components/CardSelect/components/CardInput.d.ts +0 -8
- package/components/CardSelect/components/CardInput.js +0 -69
- package/components/CardSelect/components/index.d.ts +0 -4
- package/components/CardSelect/components/index.js +0 -67
- package/components/CardSelect/index.d.ts +0 -2
- package/components/CardSelect/index.js +0 -72
- package/components/CardSelect/types.d.ts +0 -37
- package/components/CardSelect/types.js +0 -1
- package/components/Cards/CardItem.d.ts +0 -3
- package/components/Cards/CardItem.js +0 -41
- package/components/Cards/index.d.ts +0 -1
- package/components/Cards/index.js +0 -8
- package/components/Cards/types.d.ts +0 -15
- package/components/Cards/types.js +0 -1
- package/components/ItemSelect/ItemSelect.d.ts +0 -3
- package/components/ItemSelect/ItemSelect.js +0 -107
- package/components/ItemSelect/ItemSelectGroup.d.ts +0 -3
- package/components/ItemSelect/ItemSelectGroup.js +0 -93
- package/components/ItemSelect/index.d.ts +0 -2
- package/components/ItemSelect/index.js +0 -58
- package/components/ItemSelect/types.d.ts +0 -23
- package/components/ItemSelect/types.js +0 -1
- package/components/SideNavigation/Block.d.ts +0 -3
- package/components/SideNavigation/Block.js +0 -21
- package/components/SideNavigation/NavigationItem/index.d.ts +0 -3
- package/components/SideNavigation/NavigationItem/index.js +0 -71
- package/components/SideNavigation/NavigationItem/types.d.ts +0 -24
- package/components/SideNavigation/NavigationItem/types.js +0 -11
- package/components/SideNavigation/SideNavigation.d.ts +0 -3
- package/components/SideNavigation/SideNavigation.js +0 -38
- package/components/SideNavigation/index.d.ts +0 -2
- package/components/SideNavigation/index.js +0 -16
- package/components/SideNavigation/types.d.ts +0 -17
- package/components/SideNavigation/types.js +0 -1
- /package/{Alert-CpcLdi-S.js → Alert-V_kH4Snn.js} +0 -0
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ItemSelect } from './ItemSelect.js';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
import '../Text/Text.js';
|
|
5
|
-
import '../../utils/helpers.js';
|
|
6
|
-
import 'dayjs';
|
|
7
|
-
import '../Image/Image.js';
|
|
8
|
-
import '../Radio/Radio.js';
|
|
9
|
-
import '../Radio/RadioGroup.js';
|
|
10
|
-
import '../../helperComponents/Label/Label.js';
|
|
11
|
-
import '@babel/runtime/helpers/extends';
|
|
12
|
-
import '@babel/runtime/helpers/slicedToArray';
|
|
13
|
-
import '@babel/runtime/helpers/toConsumableArray';
|
|
14
|
-
import '@babel/runtime/helpers/defineProperty';
|
|
15
|
-
import '@babel/runtime/helpers/objectWithoutProperties';
|
|
16
|
-
import '../../consts/index.js';
|
|
17
|
-
import '../../type/file-upload.js';
|
|
18
|
-
import '../../hooks/useScreenSize.js';
|
|
19
|
-
import 'react-hook-form';
|
|
20
|
-
import '../../Alert-CpcLdi-S.js';
|
|
21
|
-
import '../Alert/consts.js';
|
|
22
|
-
import '../../helperComponents/Loader/Loader.js';
|
|
23
|
-
import 'react-dropzone';
|
|
24
|
-
import '../SVGIcons/IconUpload.js';
|
|
25
|
-
import '../FileUpload/types.js';
|
|
26
|
-
import '../../helpers/format-date.js';
|
|
27
|
-
import '../../helpers/locale.js';
|
|
28
|
-
import '../../type/locale.js';
|
|
29
|
-
import '../../helpers/storage.js';
|
|
30
|
-
import 'react-toastify';
|
|
31
|
-
import '../../hooks/useGetIsMobile.js';
|
|
32
|
-
import 'framer-motion';
|
|
33
|
-
import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
|
|
34
|
-
import '../../hooks/useOnOutsideClick.js';
|
|
35
|
-
import '../../hooks/useHideBodyScroll.js';
|
|
36
|
-
import '../SVGIcons/IconDismiss.js';
|
|
37
|
-
import '../Tooltip/types.js';
|
|
38
|
-
import '../Tooltip/Tooltip.js';
|
|
39
|
-
import '../../hooks/useGetTooltipStyles.js';
|
|
40
|
-
import '../../hooks/useGetElemSizes.js';
|
|
41
|
-
import '../../hooks/useGetElemPositions.js';
|
|
42
|
-
import '../../hooks/useGetTooltipPosition.js';
|
|
43
|
-
import '../../hooks/useHideOnScroll.js';
|
|
44
|
-
import 'react-syntax-highlighter';
|
|
45
|
-
import '../Link/Link.js';
|
|
46
|
-
import '../Popover/PopoverDesktop.js';
|
|
47
|
-
import '../SVGIcons/IconInfo.js';
|
|
48
|
-
import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
|
|
49
|
-
import '../../helperComponents/IconDynamicComponent/constants.js';
|
|
50
|
-
import '@babel/runtime/helpers/typeof';
|
|
51
|
-
import '../SVGIcons/IconDismissFilled.js';
|
|
52
|
-
import '../SVGIcons/IconDelete.js';
|
|
53
|
-
import '../FileUpload/DropzoneFileUpload/FilePreview.js';
|
|
54
|
-
import '../Progress/Progress.js';
|
|
55
|
-
import '../SVGIcons/IconArrowDownloadFilled.js';
|
|
56
|
-
import '../../helpers/download-file.js';
|
|
57
|
-
import '../Button/consts.js';
|
|
58
|
-
|
|
59
|
-
var ItemSelectGroup = function ItemSelectGroup(props) {
|
|
60
|
-
var items = props.items,
|
|
61
|
-
name = props.name,
|
|
62
|
-
value = props.value,
|
|
63
|
-
isHorizontal = props.isHorizontal,
|
|
64
|
-
handleChange = props.handleChange,
|
|
65
|
-
className = props.className,
|
|
66
|
-
iconGroup = props.iconGroup;
|
|
67
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
68
|
-
className: classNames('item-select-group', {
|
|
69
|
-
'item-select-group--horizontal': isHorizontal
|
|
70
|
-
}, className)
|
|
71
|
-
}, items.map(function (_ref, index) {
|
|
72
|
-
var itemValue = _ref.value,
|
|
73
|
-
label = _ref.label,
|
|
74
|
-
image = _ref.image,
|
|
75
|
-
leftIconProps = _ref.leftIconProps,
|
|
76
|
-
id = _ref.id,
|
|
77
|
-
disabled = _ref.disabled;
|
|
78
|
-
return /*#__PURE__*/React.createElement(ItemSelect, {
|
|
79
|
-
name: name,
|
|
80
|
-
key: id || index,
|
|
81
|
-
label: label,
|
|
82
|
-
image: image,
|
|
83
|
-
icon: iconGroup,
|
|
84
|
-
leftIconProps: leftIconProps,
|
|
85
|
-
handleChange: handleChange,
|
|
86
|
-
itemValue: itemValue,
|
|
87
|
-
value: value,
|
|
88
|
-
disabled: disabled
|
|
89
|
-
});
|
|
90
|
-
}));
|
|
91
|
-
};
|
|
92
|
-
|
|
93
|
-
export { ItemSelectGroup };
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
export { ItemSelectGroup } from './ItemSelectGroup.js';
|
|
2
|
-
export { ItemSelect } from './ItemSelect.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'classnames';
|
|
5
|
-
import '../Text/Text.js';
|
|
6
|
-
import '../../utils/helpers.js';
|
|
7
|
-
import 'dayjs';
|
|
8
|
-
import '../Image/Image.js';
|
|
9
|
-
import '../Radio/Radio.js';
|
|
10
|
-
import '../Radio/RadioGroup.js';
|
|
11
|
-
import '../../helperComponents/Label/Label.js';
|
|
12
|
-
import '@babel/runtime/helpers/extends';
|
|
13
|
-
import '@babel/runtime/helpers/slicedToArray';
|
|
14
|
-
import '@babel/runtime/helpers/toConsumableArray';
|
|
15
|
-
import '@babel/runtime/helpers/defineProperty';
|
|
16
|
-
import '@babel/runtime/helpers/objectWithoutProperties';
|
|
17
|
-
import '../../consts/index.js';
|
|
18
|
-
import '../../type/file-upload.js';
|
|
19
|
-
import '../../hooks/useScreenSize.js';
|
|
20
|
-
import 'react-hook-form';
|
|
21
|
-
import '../../Alert-CpcLdi-S.js';
|
|
22
|
-
import '../Alert/consts.js';
|
|
23
|
-
import '../../helperComponents/Loader/Loader.js';
|
|
24
|
-
import 'react-dropzone';
|
|
25
|
-
import '../SVGIcons/IconUpload.js';
|
|
26
|
-
import '../FileUpload/types.js';
|
|
27
|
-
import '../../helpers/format-date.js';
|
|
28
|
-
import '../../helpers/locale.js';
|
|
29
|
-
import '../../type/locale.js';
|
|
30
|
-
import '../../helpers/storage.js';
|
|
31
|
-
import 'react-toastify';
|
|
32
|
-
import '../../hooks/useGetIsMobile.js';
|
|
33
|
-
import 'framer-motion';
|
|
34
|
-
import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
|
|
35
|
-
import '../../hooks/useOnOutsideClick.js';
|
|
36
|
-
import '../../hooks/useHideBodyScroll.js';
|
|
37
|
-
import '../SVGIcons/IconDismiss.js';
|
|
38
|
-
import '../Tooltip/types.js';
|
|
39
|
-
import '../Tooltip/Tooltip.js';
|
|
40
|
-
import '../../hooks/useGetTooltipStyles.js';
|
|
41
|
-
import '../../hooks/useGetElemSizes.js';
|
|
42
|
-
import '../../hooks/useGetElemPositions.js';
|
|
43
|
-
import '../../hooks/useGetTooltipPosition.js';
|
|
44
|
-
import '../../hooks/useHideOnScroll.js';
|
|
45
|
-
import 'react-syntax-highlighter';
|
|
46
|
-
import '../Link/Link.js';
|
|
47
|
-
import '../Popover/PopoverDesktop.js';
|
|
48
|
-
import '../SVGIcons/IconInfo.js';
|
|
49
|
-
import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
|
|
50
|
-
import '../../helperComponents/IconDynamicComponent/constants.js';
|
|
51
|
-
import '@babel/runtime/helpers/typeof';
|
|
52
|
-
import '../SVGIcons/IconDismissFilled.js';
|
|
53
|
-
import '../SVGIcons/IconDelete.js';
|
|
54
|
-
import '../FileUpload/DropzoneFileUpload/FilePreview.js';
|
|
55
|
-
import '../Progress/Progress.js';
|
|
56
|
-
import '../SVGIcons/IconArrowDownloadFilled.js';
|
|
57
|
-
import '../../helpers/download-file.js';
|
|
58
|
-
import '../Button/consts.js';
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
2
|
-
export interface TItemSelectProps extends IFormCompProps {
|
|
3
|
-
id?: number | string;
|
|
4
|
-
image?: string;
|
|
5
|
-
label: string;
|
|
6
|
-
leftIconProps?: ReactElement;
|
|
7
|
-
className?: string;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
handleItemSelectValue?: (isChecked: boolean) => void;
|
|
10
|
-
value?: number | string;
|
|
11
|
-
handleChange?: (selected: number | string) => void;
|
|
12
|
-
isSelected?: boolean;
|
|
13
|
-
itemValue?: number | string;
|
|
14
|
-
icon?: TSelectIconProps;
|
|
15
|
-
}
|
|
16
|
-
export interface TItemSelectGroupProps extends IFormCompProps {
|
|
17
|
-
isHorizontal?: boolean;
|
|
18
|
-
className?: string;
|
|
19
|
-
items: TItemSelectProps[];
|
|
20
|
-
iconGroup?: TSelectIconProps;
|
|
21
|
-
handleChange?: (selected: number | string) => void;
|
|
22
|
-
value: number | string;
|
|
23
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Text } from '../Text/Text.js';
|
|
3
|
-
import 'classnames';
|
|
4
|
-
import '../../utils/helpers.js';
|
|
5
|
-
import 'dayjs';
|
|
6
|
-
|
|
7
|
-
var Block = function Block(props) {
|
|
8
|
-
var children = props.children,
|
|
9
|
-
label = props.label,
|
|
10
|
-
open = props.open;
|
|
11
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
12
|
-
className: "side--navigation--block"
|
|
13
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
14
|
-
className: "side--navigation--block--label"
|
|
15
|
-
}, open && /*#__PURE__*/React.createElement(Text, {
|
|
16
|
-
size: "standard",
|
|
17
|
-
type: "tertiary"
|
|
18
|
-
}, label)), children);
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { Block };
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
|
-
import React, { useState } from 'react';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
import { NavigationItemTypes } from './types.js';
|
|
5
|
-
import { Badge } from '../../Badge/Badge.js';
|
|
6
|
-
import { IconArrowDown } from '../../SVGIcons/IconArrowDown.js';
|
|
7
|
-
import { IconDynamicComponent } from '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
|
|
8
|
-
import '../../Text/Text.js';
|
|
9
|
-
import '../../../utils/helpers.js';
|
|
10
|
-
import 'dayjs';
|
|
11
|
-
import '@babel/runtime/helpers/defineProperty';
|
|
12
|
-
import '../../../helperComponents/IconDynamicComponent/constants.js';
|
|
13
|
-
|
|
14
|
-
var NavigationItem = function NavigationItem(props) {
|
|
15
|
-
var As = props.As,
|
|
16
|
-
type = props.type,
|
|
17
|
-
isOpen = props.isOpen,
|
|
18
|
-
iconName = props.iconName,
|
|
19
|
-
showBadge = props.showBadge,
|
|
20
|
-
_props$expandable = props.expandable,
|
|
21
|
-
expandable = _props$expandable === void 0 ? false : _props$expandable,
|
|
22
|
-
_props$showAction = props.showAction,
|
|
23
|
-
showAction = _props$showAction === void 0 ? false : _props$showAction,
|
|
24
|
-
actionElm = props.actionElm,
|
|
25
|
-
_props$active = props.active,
|
|
26
|
-
active = _props$active === void 0 ? false : _props$active,
|
|
27
|
-
badgeContent = props.badgeContent,
|
|
28
|
-
_props$expandIconProp = props.expandIconProps,
|
|
29
|
-
expandIconProps = _props$expandIconProp === void 0 ? {
|
|
30
|
-
Component: IconArrowDown,
|
|
31
|
-
size: 'medium'
|
|
32
|
-
} : _props$expandIconProp,
|
|
33
|
-
children = props.children;
|
|
34
|
-
var _useState = useState(false),
|
|
35
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
36
|
-
childOpen = _useState2[0],
|
|
37
|
-
setChildOpen = _useState2[1];
|
|
38
|
-
var displayNavigationItem = function displayNavigationItem() {
|
|
39
|
-
if (type === NavigationItemTypes.BLOCK_HEADER && !isOpen) {
|
|
40
|
-
return null;
|
|
41
|
-
}
|
|
42
|
-
return As();
|
|
43
|
-
};
|
|
44
|
-
var displayHeader = isOpen && type === NavigationItemTypes.BLOCK_HEADER && showAction && actionElm && actionElm;
|
|
45
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
46
|
-
className: classNames('navigation--wrapper', "navigation--wrapper--".concat(type)),
|
|
47
|
-
onClick: function onClick() {
|
|
48
|
-
return setChildOpen(!childOpen);
|
|
49
|
-
}
|
|
50
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
51
|
-
className: classNames('navigation--item', "navigation--item--".concat(type), expandable && 'expandable', active && 'active')
|
|
52
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
53
|
-
className: "navigation--item--wrapper"
|
|
54
|
-
}, !isOpen && type === NavigationItemTypes.BLOCK_HEADER && As(), displayHeader, /*#__PURE__*/React.createElement("div", {
|
|
55
|
-
className: classNames('navigation--item--as--wrapper', isOpen ? 'open' : 'close')
|
|
56
|
-
}, displayNavigationItem()), !isOpen && type === NavigationItemTypes.SUB && As(), type === NavigationItemTypes.USER && iconName && isOpen && /*#__PURE__*/React.createElement(IconDynamicComponent, {
|
|
57
|
-
componentName: iconName
|
|
58
|
-
})), showBadge && badgeContent && isOpen && /*#__PURE__*/React.createElement(Badge, {
|
|
59
|
-
type: "primary",
|
|
60
|
-
text: badgeContent,
|
|
61
|
-
size: "small"
|
|
62
|
-
}), expandable && isOpen && /*#__PURE__*/React.createElement("div", {
|
|
63
|
-
className: classNames('navigation--item--expandable--icon', childOpen && 'open')
|
|
64
|
-
}, expandIconProps.Component && /*#__PURE__*/React.createElement(expandIconProps.Component, {
|
|
65
|
-
size: expandIconProps.size || 'small'
|
|
66
|
-
}))), children && /*#__PURE__*/React.createElement("div", {
|
|
67
|
-
className: classNames('navigation--items--child', childOpen && 'active', !isOpen && 'isOpen')
|
|
68
|
-
}, children)));
|
|
69
|
-
};
|
|
70
|
-
|
|
71
|
-
export { NavigationItem };
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { ISVGIconProps } from '../../SVGIcons/types';
|
|
3
|
-
export declare enum NavigationItemTypes {
|
|
4
|
-
MAIN = "main",
|
|
5
|
-
SUB = "sub",
|
|
6
|
-
BLOCK_HEADER = "block-header",
|
|
7
|
-
USER = "user",
|
|
8
|
-
PRODUCT = "product",
|
|
9
|
-
ACTION = "action"
|
|
10
|
-
}
|
|
11
|
-
export interface TNavigationLinkPropTypes {
|
|
12
|
-
As: () => React.ReactElement;
|
|
13
|
-
expandIconProps?: ISVGIconProps;
|
|
14
|
-
type: NavigationItemTypes;
|
|
15
|
-
isOpen: boolean;
|
|
16
|
-
iconName?: string;
|
|
17
|
-
showBadge?: boolean;
|
|
18
|
-
expandable?: boolean;
|
|
19
|
-
showAction?: boolean;
|
|
20
|
-
actionElm?: React.ReactElement;
|
|
21
|
-
active?: boolean;
|
|
22
|
-
badgeContent?: string;
|
|
23
|
-
children?: ReactNode;
|
|
24
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
var NavigationItemTypes = /*#__PURE__*/function (NavigationItemTypes) {
|
|
2
|
-
NavigationItemTypes["MAIN"] = "main";
|
|
3
|
-
NavigationItemTypes["SUB"] = "sub";
|
|
4
|
-
NavigationItemTypes["BLOCK_HEADER"] = "block-header";
|
|
5
|
-
NavigationItemTypes["USER"] = "user";
|
|
6
|
-
NavigationItemTypes["PRODUCT"] = "product";
|
|
7
|
-
NavigationItemTypes["ACTION"] = "action";
|
|
8
|
-
return NavigationItemTypes;
|
|
9
|
-
}({});
|
|
10
|
-
|
|
11
|
-
export { NavigationItemTypes };
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import { IconChevronRight } from '../SVGIcons/IconChevronRight.js';
|
|
4
|
-
import { IconChevronLeft } from '../SVGIcons/IconChevronLeft.js';
|
|
5
|
-
import '@babel/runtime/helpers/defineProperty';
|
|
6
|
-
|
|
7
|
-
var SideNavigation = function SideNavigation(props) {
|
|
8
|
-
var children = props.children,
|
|
9
|
-
open = props.open,
|
|
10
|
-
setOpen = props.setOpen,
|
|
11
|
-
_props$sidebarOpenIco = props.sidebarOpenIconProps,
|
|
12
|
-
sidebarOpenIconProps = _props$sidebarOpenIco === void 0 ? {
|
|
13
|
-
Component: IconChevronRight,
|
|
14
|
-
size: 'medium'
|
|
15
|
-
} : _props$sidebarOpenIco,
|
|
16
|
-
_props$sidebarCloseIc = props.sidebarCloseIconProps,
|
|
17
|
-
sidebarCloseIconProps = _props$sidebarCloseIc === void 0 ? {
|
|
18
|
-
Component: IconChevronLeft,
|
|
19
|
-
size: 'medium'
|
|
20
|
-
} : _props$sidebarCloseIc;
|
|
21
|
-
var handleToggleOpen = function handleToggleOpen() {
|
|
22
|
-
setOpen(!open);
|
|
23
|
-
};
|
|
24
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
25
|
-
className: classNames('side--navigation', open ? 'open' : 'close')
|
|
26
|
-
}, children, /*#__PURE__*/React.createElement("div", {
|
|
27
|
-
className: "collapse",
|
|
28
|
-
onClick: handleToggleOpen
|
|
29
|
-
}, open ? /*#__PURE__*/React.createElement(React.Fragment, null, sidebarOpenIconProps.Component && /*#__PURE__*/React.createElement(sidebarOpenIconProps.Component, {
|
|
30
|
-
type: "inverse",
|
|
31
|
-
size: sidebarOpenIconProps.size
|
|
32
|
-
})) : /*#__PURE__*/React.createElement(React.Fragment, null, sidebarCloseIconProps.Component && /*#__PURE__*/React.createElement(sidebarCloseIconProps.Component, {
|
|
33
|
-
type: "inverse",
|
|
34
|
-
size: sidebarCloseIconProps.size
|
|
35
|
-
}))));
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
export { SideNavigation };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export { SideNavigation } from './SideNavigation.js';
|
|
2
|
-
export { NavigationItem } from './NavigationItem/index.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'classnames';
|
|
5
|
-
import '../SVGIcons/IconChevronRight.js';
|
|
6
|
-
import '@babel/runtime/helpers/defineProperty';
|
|
7
|
-
import '../SVGIcons/IconChevronLeft.js';
|
|
8
|
-
import '@babel/runtime/helpers/slicedToArray';
|
|
9
|
-
import './NavigationItem/types.js';
|
|
10
|
-
import '../Badge/Badge.js';
|
|
11
|
-
import '../Text/Text.js';
|
|
12
|
-
import '../../utils/helpers.js';
|
|
13
|
-
import 'dayjs';
|
|
14
|
-
import '../SVGIcons/IconArrowDown.js';
|
|
15
|
-
import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
|
|
16
|
-
import '../../helperComponents/IconDynamicComponent/constants.js';
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { ISVGIconProps } from '../SVGIcons/types';
|
|
3
|
-
export interface TSideNavigationPropTypes {
|
|
4
|
-
actionElm: React.ReactElement;
|
|
5
|
-
showAction: boolean;
|
|
6
|
-
children: ReactNode;
|
|
7
|
-
showToggleIcon?: boolean;
|
|
8
|
-
open: boolean;
|
|
9
|
-
setOpen: (arg: boolean) => void;
|
|
10
|
-
sidebarOpenIconProps?: ISVGIconProps;
|
|
11
|
-
sidebarCloseIconProps?: ISVGIconProps;
|
|
12
|
-
}
|
|
13
|
-
export interface TBlock {
|
|
14
|
-
children: ReactNode;
|
|
15
|
-
label?: string;
|
|
16
|
-
open?: boolean;
|
|
17
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
File without changes
|