@expressms/smartapp-ui 2.8.1 → 2.8.2-alpha.10
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/build/main/assets/storybook/index.d.ts +2 -0
- package/build/main/components/Charts/ChartBar/ChartBar.d.ts +4 -0
- package/build/main/components/Charts/ChartLine/ChartLine.d.ts +4 -0
- package/build/main/components/Charts/ChartPie/ChartPie.d.ts +4 -0
- package/build/main/components/Charts/index.d.ts +3 -0
- package/build/main/components/CustomSelect/CustomSelect.d.ts +12 -0
- package/build/main/{/321/201omponents → components}/CustomSelect/types.d.ts +1 -0
- package/build/main/components/DraggablePopup/DraggablePopup.d.ts +4 -0
- package/build/main/components/DraggablePopup/index.d.ts +1 -0
- package/build/main/components/DraggablePopup/types.d.ts +60 -0
- package/build/main/{/321/201omponents → components}/ListItem/types.d.ts +2 -1
- package/build/main/{/321/201omponents → components}/Loader/Loader.d.ts +1 -1
- package/build/main/{/321/201omponents → components}/Loader/types.d.ts +2 -0
- package/build/main/components/Modal/Modal.d.ts +4 -0
- package/build/main/{/321/201omponents → components}/Modal/types.d.ts +11 -5
- package/build/main/{/321/201omponents → components}/ScrollBar/ScrollBar.d.ts +1 -1
- package/build/main/{/321/201omponents → components}/ScrollBar/types.d.ts +1 -0
- package/build/main/components/Skeleton/Skeleton.d.ts +4 -0
- package/build/main/components/Skeleton/index.d.ts +1 -0
- package/build/main/{/321/201omponents → components}/UserDropdown/helpers.d.ts +0 -1
- package/build/main/constants/constants.d.ts +6 -1
- package/build/main/hooks/useModal.d.ts +0 -1
- package/build/main/index.d.ts +34 -3
- package/package.json +66 -58
- package/build/main/assets/icons/arrow-back.svg +0 -3
- package/build/main/assets/icons/arrow-down.svg +0 -3
- package/build/main/assets/icons/arrow-up.svg +0 -3
- package/build/main/assets/icons/attachment-loader.svg +0 -3
- package/build/main/assets/icons/button-loader.svg +0 -3
- package/build/main/assets/icons/cancel-cross.svg +0 -3
- package/build/main/assets/icons/check-mark.svg +0 -4
- package/build/main/assets/icons/clear.svg +0 -3
- package/build/main/assets/icons/close-stories.svg +0 -4
- package/build/main/assets/icons/close.svg +0 -10
- package/build/main/assets/icons/contact-info.svg +0 -12
- package/build/main/assets/icons/corporate-user.svg +0 -10
- package/build/main/assets/icons/crown.svg +0 -5
- package/build/main/assets/icons/delete-chip.svg +0 -3
- package/build/main/assets/icons/download.svg +0 -4
- package/build/main/assets/icons/error.svg +0 -5
- package/build/main/assets/icons/external-link.svg +0 -3
- package/build/main/assets/icons/eye-off.svg +0 -10
- package/build/main/assets/icons/eye.svg +0 -10
- package/build/main/assets/icons/file.svg +0 -3
- package/build/main/assets/icons/info.svg +0 -5
- package/build/main/assets/icons/loader.svg +0 -3
- package/build/main/assets/icons/logout.svg +0 -4
- package/build/main/assets/icons/magnifying-glass.svg +0 -3
- package/build/main/assets/icons/mail.svg +0 -3
- package/build/main/assets/icons/my-contact-user.svg +0 -10
- package/build/main/assets/icons/notification-close.svg +0 -3
- package/build/main/assets/icons/notification-error.svg +0 -3
- package/build/main/assets/icons/notification-failure.svg +0 -3
- package/build/main/assets/icons/notification-info.svg +0 -5
- package/build/main/assets/icons/notification-success.svg +0 -4
- package/build/main/assets/icons/notification-warning.svg +0 -5
- package/build/main/assets/icons/order.svg +0 -6
- package/build/main/assets/icons/plus.svg +0 -4
- package/build/main/assets/icons/private.svg +0 -12
- package/build/main/assets/icons/refresh.svg +0 -3
- package/build/main/assets/icons/story-loader.svg +0 -3
- package/build/main/assets/icons/tick.svg +0 -10
- package/build/main/assets/icons/trash.svg +0 -3
- package/build/main/assets/icons/unread-mails.svg +0 -4
- package/build/main/assets/storybook/index.js +0 -19
- package/build/main/assets/storybook/index.js.map +0 -1
- package/build/main/constants/constants.js +0 -154
- package/build/main/constants/constants.js.map +0 -1
- package/build/main/constants/index.js +0 -3
- package/build/main/constants/index.js.map +0 -1
- package/build/main/constants/types.js +0 -2
- package/build/main/constants/types.js.map +0 -1
- package/build/main/helpers/index.js +0 -89
- package/build/main/helpers/index.js.map +0 -1
- package/build/main/hooks/useModal.js +0 -60
- package/build/main/hooks/useModal.js.map +0 -1
- package/build/main/index.js +0 -4
- package/build/main/index.js.map +0 -1
- package/build/main/styles/index.js +0 -2
- package/build/main/styles/index.js.map +0 -1
- package/build/main/styles/main.js +0 -0
- package/build/main/styles/styles.scss +0 -14
- package/build/main//321/201omponents/ActionModal/ActionModal.js +0 -55
- package/build/main//321/201omponents/ActionModal/ActionModal.js.map +0 -1
- package/build/main//321/201omponents/ActionModal/index.js +0 -2
- package/build/main//321/201omponents/ActionModal/index.js.map +0 -1
- package/build/main//321/201omponents/ActionModal/types.js +0 -2
- package/build/main//321/201omponents/ActionModal/types.js.map +0 -1
- package/build/main//321/201omponents/AttachedFile/AttachedFile.js +0 -60
- package/build/main//321/201omponents/AttachedFile/AttachedFile.js.map +0 -1
- package/build/main//321/201omponents/AttachedFile/index.js +0 -2
- package/build/main//321/201omponents/AttachedFile/index.js.map +0 -1
- package/build/main//321/201omponents/AttachedFile/types.js +0 -2
- package/build/main//321/201omponents/AttachedFile/types.js.map +0 -1
- package/build/main//321/201omponents/Avatar/Avatar.js +0 -131
- package/build/main//321/201omponents/Avatar/Avatar.js.map +0 -1
- package/build/main//321/201omponents/Avatar/index.js +0 -2
- package/build/main//321/201omponents/Avatar/index.js.map +0 -1
- package/build/main//321/201omponents/Avatar/types.js +0 -9
- package/build/main//321/201omponents/Avatar/types.js.map +0 -1
- package/build/main//321/201omponents/Button/Button.js +0 -57
- package/build/main//321/201omponents/Button/Button.js.map +0 -1
- package/build/main//321/201omponents/Button/index.js +0 -2
- package/build/main//321/201omponents/Button/index.js.map +0 -1
- package/build/main//321/201omponents/Button/types.js +0 -11
- package/build/main//321/201omponents/Button/types.js.map +0 -1
- package/build/main//321/201omponents/CachedImage/CachedImage.js +0 -59
- package/build/main//321/201omponents/CachedImage/CachedImage.js.map +0 -1
- package/build/main//321/201omponents/CachedImage/helpers.js +0 -40
- package/build/main//321/201omponents/CachedImage/helpers.js.map +0 -1
- package/build/main//321/201omponents/CachedImage/index.js +0 -2
- package/build/main//321/201omponents/CachedImage/index.js.map +0 -1
- package/build/main//321/201omponents/CachedImage/types.js +0 -2
- package/build/main//321/201omponents/CachedImage/types.js.map +0 -1
- package/build/main//321/201omponents/Calendar/Calendar.js +0 -48
- package/build/main//321/201omponents/Calendar/Calendar.js.map +0 -1
- package/build/main//321/201omponents/Calendar/index.js +0 -2
- package/build/main//321/201omponents/Calendar/index.js.map +0 -1
- package/build/main//321/201omponents/Calendar/types.js +0 -2
- package/build/main//321/201omponents/Calendar/types.js.map +0 -1
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.d.ts +0 -3
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.js +0 -45
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.js.map +0 -1
- package/build/main//321/201omponents/Charts/ChartLegend/ChartLegend.js +0 -71
- package/build/main//321/201omponents/Charts/ChartLegend/ChartLegend.js.map +0 -1
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.d.ts +0 -3
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.js +0 -40
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.js.map +0 -1
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.d.ts +0 -3
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.js +0 -62
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.js.map +0 -1
- package/build/main//321/201omponents/Charts/colors.js +0 -4
- package/build/main//321/201omponents/Charts/colors.js.map +0 -1
- package/build/main//321/201omponents/Charts/constants.js +0 -43
- package/build/main//321/201omponents/Charts/constants.js.map +0 -1
- package/build/main//321/201omponents/Charts/helpers.js +0 -73
- package/build/main//321/201omponents/Charts/helpers.js.map +0 -1
- package/build/main//321/201omponents/Charts/index.d.ts +0 -3
- package/build/main//321/201omponents/Charts/index.js +0 -4
- package/build/main//321/201omponents/Charts/index.js.map +0 -1
- package/build/main//321/201omponents/Charts/types.js +0 -2
- package/build/main//321/201omponents/Charts/types.js.map +0 -1
- package/build/main//321/201omponents/Charts/useEvents.js +0 -45
- package/build/main//321/201omponents/Charts/useEvents.js.map +0 -1
- package/build/main//321/201omponents/Charts/usePieEvents.js +0 -57
- package/build/main//321/201omponents/Charts/usePieEvents.js.map +0 -1
- package/build/main//321/201omponents/Checkbox/Checkbox.js +0 -38
- package/build/main//321/201omponents/Checkbox/Checkbox.js.map +0 -1
- package/build/main//321/201omponents/Checkbox/index.js +0 -2
- package/build/main//321/201omponents/Checkbox/index.js.map +0 -1
- package/build/main//321/201omponents/Checkbox/types.js +0 -2
- package/build/main//321/201omponents/Checkbox/types.js.map +0 -1
- package/build/main//321/201omponents/Chip/Chip.js +0 -35
- package/build/main//321/201omponents/Chip/Chip.js.map +0 -1
- package/build/main//321/201omponents/Chip/index.js +0 -2
- package/build/main//321/201omponents/Chip/index.js.map +0 -1
- package/build/main//321/201omponents/Chip/types.js +0 -2
- package/build/main//321/201omponents/Chip/types.js.map +0 -1
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js +0 -70
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js.map +0 -1
- package/build/main//321/201omponents/ConfirmationModal/index.js +0 -2
- package/build/main//321/201omponents/ConfirmationModal/index.js.map +0 -1
- package/build/main//321/201omponents/ConfirmationModal/types.js +0 -2
- package/build/main//321/201omponents/ConfirmationModal/types.js.map +0 -1
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js +0 -75
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js.map +0 -1
- package/build/main//321/201omponents/ContextMenu/index.js +0 -2
- package/build/main//321/201omponents/ContextMenu/index.js.map +0 -1
- package/build/main//321/201omponents/ContextMenu/types.js +0 -2
- package/build/main//321/201omponents/ContextMenu/types.js.map +0 -1
- package/build/main//321/201omponents/CustomSelect/CustomSelect.d.ts +0 -4
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js +0 -173
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js.map +0 -1
- package/build/main//321/201omponents/CustomSelect/index.js +0 -2
- package/build/main//321/201omponents/CustomSelect/index.js.map +0 -1
- package/build/main//321/201omponents/CustomSelect/selectStyles.js +0 -61
- package/build/main//321/201omponents/CustomSelect/selectStyles.js.map +0 -1
- package/build/main//321/201omponents/CustomSelect/types.js +0 -2
- package/build/main//321/201omponents/CustomSelect/types.js.map +0 -1
- package/build/main//321/201omponents/CustomSelectProfiles/CustomSelectProfiles.js +0 -57
- package/build/main//321/201omponents/CustomSelectProfiles/CustomSelectProfiles.js.map +0 -1
- package/build/main//321/201omponents/CustomSelectProfiles/index.js +0 -2
- package/build/main//321/201omponents/CustomSelectProfiles/index.js.map +0 -1
- package/build/main//321/201omponents/CustomSelectProfiles/types.js +0 -2
- package/build/main//321/201omponents/CustomSelectProfiles/types.js.map +0 -1
- package/build/main//321/201omponents/DragAndDrop/DragAndDrop.js +0 -57
- package/build/main//321/201omponents/DragAndDrop/DragAndDrop.js.map +0 -1
- package/build/main//321/201omponents/DragAndDrop/index.js +0 -2
- package/build/main//321/201omponents/DragAndDrop/index.js.map +0 -1
- package/build/main//321/201omponents/DragAndDrop/types.js +0 -2
- package/build/main//321/201omponents/DragAndDrop/types.js.map +0 -1
- package/build/main//321/201omponents/Error/Error.js +0 -23
- package/build/main//321/201omponents/Error/Error.js.map +0 -1
- package/build/main//321/201omponents/Error/index.js +0 -2
- package/build/main//321/201omponents/Error/index.js.map +0 -1
- package/build/main//321/201omponents/Error/types.js +0 -2
- package/build/main//321/201omponents/Error/types.js.map +0 -1
- package/build/main//321/201omponents/Flex/Flex.js +0 -49
- package/build/main//321/201omponents/Flex/Flex.js.map +0 -1
- package/build/main//321/201omponents/Flex/HFlex/HFlex.js +0 -16
- package/build/main//321/201omponents/Flex/HFlex/HFlex.js.map +0 -1
- package/build/main//321/201omponents/Flex/HFlex/index.js +0 -2
- package/build/main//321/201omponents/Flex/HFlex/index.js.map +0 -1
- package/build/main//321/201omponents/Flex/VFlex/VFlex.js +0 -16
- package/build/main//321/201omponents/Flex/VFlex/VFlex.js.map +0 -1
- package/build/main//321/201omponents/Flex/VFlex/index.js +0 -2
- package/build/main//321/201omponents/Flex/VFlex/index.js.map +0 -1
- package/build/main//321/201omponents/Flex/index.js +0 -4
- package/build/main//321/201omponents/Flex/index.js.map +0 -1
- package/build/main//321/201omponents/Flex/types.js +0 -2
- package/build/main//321/201omponents/Flex/types.js.map +0 -1
- package/build/main//321/201omponents/Header/Header.js +0 -124
- package/build/main//321/201omponents/Header/Header.js.map +0 -1
- package/build/main//321/201omponents/Header/index.js +0 -2
- package/build/main//321/201omponents/Header/index.js.map +0 -1
- package/build/main//321/201omponents/Header/types.js +0 -2
- package/build/main//321/201omponents/Header/types.js.map +0 -1
- package/build/main//321/201omponents/Input/Input.js +0 -207
- package/build/main//321/201omponents/Input/Input.js.map +0 -1
- package/build/main//321/201omponents/Input/index.js +0 -2
- package/build/main//321/201omponents/Input/index.js.map +0 -1
- package/build/main//321/201omponents/Input/types.js +0 -2
- package/build/main//321/201omponents/Input/types.js.map +0 -1
- package/build/main//321/201omponents/ListItem/ListItem.js +0 -208
- package/build/main//321/201omponents/ListItem/ListItem.js.map +0 -1
- package/build/main//321/201omponents/ListItem/index.js +0 -2
- package/build/main//321/201omponents/ListItem/index.js.map +0 -1
- package/build/main//321/201omponents/ListItem/types.js +0 -2
- package/build/main//321/201omponents/ListItem/types.js.map +0 -1
- package/build/main//321/201omponents/Loader/Loader.js +0 -37
- package/build/main//321/201omponents/Loader/Loader.js.map +0 -1
- package/build/main//321/201omponents/Loader/index.js +0 -2
- package/build/main//321/201omponents/Loader/index.js.map +0 -1
- package/build/main//321/201omponents/Loader/types.js +0 -2
- package/build/main//321/201omponents/Loader/types.js.map +0 -1
- package/build/main//321/201omponents/Modal/Modal.d.ts +0 -4
- package/build/main//321/201omponents/Modal/Modal.js +0 -92
- package/build/main//321/201omponents/Modal/Modal.js.map +0 -1
- package/build/main//321/201omponents/Modal/index.js +0 -2
- package/build/main//321/201omponents/Modal/index.js.map +0 -1
- package/build/main//321/201omponents/Modal/types.js +0 -2
- package/build/main//321/201omponents/Modal/types.js.map +0 -1
- package/build/main//321/201omponents/Notification/Notification.js +0 -197
- package/build/main//321/201omponents/Notification/Notification.js.map +0 -1
- package/build/main//321/201omponents/Notification/index.js +0 -2
- package/build/main//321/201omponents/Notification/index.js.map +0 -1
- package/build/main//321/201omponents/Notification/types.js +0 -2
- package/build/main//321/201omponents/Notification/types.js.map +0 -1
- package/build/main//321/201omponents/Profile/Profile.js +0 -42
- package/build/main//321/201omponents/Profile/Profile.js.map +0 -1
- package/build/main//321/201omponents/Profile/index.js +0 -2
- package/build/main//321/201omponents/Profile/index.js.map +0 -1
- package/build/main//321/201omponents/Profile/types.js +0 -2
- package/build/main//321/201omponents/Profile/types.js.map +0 -1
- package/build/main//321/201omponents/ProgressBar/ProgressBar.js +0 -66
- package/build/main//321/201omponents/ProgressBar/ProgressBar.js.map +0 -1
- package/build/main//321/201omponents/ProgressBar/index.js +0 -2
- package/build/main//321/201omponents/ProgressBar/index.js.map +0 -1
- package/build/main//321/201omponents/ProgressBar/types.js +0 -2
- package/build/main//321/201omponents/ProgressBar/types.js.map +0 -1
- package/build/main//321/201omponents/RadioButton/RadioButton.js +0 -37
- package/build/main//321/201omponents/RadioButton/RadioButton.js.map +0 -1
- package/build/main//321/201omponents/RadioButton/index.js +0 -2
- package/build/main//321/201omponents/RadioButton/index.js.map +0 -1
- package/build/main//321/201omponents/RadioButton/types.js +0 -2
- package/build/main//321/201omponents/RadioButton/types.js.map +0 -1
- package/build/main//321/201omponents/ScrollBar/ScrollBar.js +0 -63
- package/build/main//321/201omponents/ScrollBar/ScrollBar.js.map +0 -1
- package/build/main//321/201omponents/ScrollBar/index.js +0 -2
- package/build/main//321/201omponents/ScrollBar/index.js.map +0 -1
- package/build/main//321/201omponents/ScrollBar/types.js +0 -2
- package/build/main//321/201omponents/ScrollBar/types.js.map +0 -1
- package/build/main//321/201omponents/Skeleton/Skeleton.d.ts +0 -3
- package/build/main//321/201omponents/Skeleton/Skeleton.js +0 -58
- package/build/main//321/201omponents/Skeleton/Skeleton.js.map +0 -1
- package/build/main//321/201omponents/Skeleton/index.d.ts +0 -1
- package/build/main//321/201omponents/Skeleton/index.js +0 -2
- package/build/main//321/201omponents/Skeleton/index.js.map +0 -1
- package/build/main//321/201omponents/Skeleton/types.js +0 -2
- package/build/main//321/201omponents/Skeleton/types.js.map +0 -1
- package/build/main//321/201omponents/Stories/Stories.js +0 -296
- package/build/main//321/201omponents/Stories/Stories.js.map +0 -1
- package/build/main//321/201omponents/Stories/index.js +0 -2
- package/build/main//321/201omponents/Stories/index.js.map +0 -1
- package/build/main//321/201omponents/Stories/types.js +0 -11
- package/build/main//321/201omponents/Stories/types.js.map +0 -1
- package/build/main//321/201omponents/Switcher/Switcher.js +0 -34
- package/build/main//321/201omponents/Switcher/Switcher.js.map +0 -1
- package/build/main//321/201omponents/Switcher/index.js +0 -2
- package/build/main//321/201omponents/Switcher/index.js.map +0 -1
- package/build/main//321/201omponents/Switcher/types.js +0 -2
- package/build/main//321/201omponents/Switcher/types.js.map +0 -1
- package/build/main//321/201omponents/SyncLoader/SyncLoader.js +0 -65
- package/build/main//321/201omponents/SyncLoader/SyncLoader.js.map +0 -1
- package/build/main//321/201omponents/SyncLoader/index.js +0 -2
- package/build/main//321/201omponents/SyncLoader/index.js.map +0 -1
- package/build/main//321/201omponents/SyncLoader/types.js +0 -2
- package/build/main//321/201omponents/SyncLoader/types.js.map +0 -1
- package/build/main//321/201omponents/Textarea/Textarea.js +0 -96
- package/build/main//321/201omponents/Textarea/Textarea.js.map +0 -1
- package/build/main//321/201omponents/Textarea/index.js +0 -2
- package/build/main//321/201omponents/Textarea/index.js.map +0 -1
- package/build/main//321/201omponents/Textarea/types.js +0 -2
- package/build/main//321/201omponents/Textarea/types.js.map +0 -1
- package/build/main//321/201omponents/Toggle/Toggle.js +0 -38
- package/build/main//321/201omponents/Toggle/Toggle.js.map +0 -1
- package/build/main//321/201omponents/Toggle/index.js +0 -2
- package/build/main//321/201omponents/Toggle/index.js.map +0 -1
- package/build/main//321/201omponents/Toggle/types.js +0 -2
- package/build/main//321/201omponents/Toggle/types.js.map +0 -1
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.js +0 -31
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.js.map +0 -1
- package/build/main//321/201omponents/UserDropdown/ContactInfo/ContactInfo.js +0 -70
- package/build/main//321/201omponents/UserDropdown/ContactInfo/ContactInfo.js.map +0 -1
- package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.js +0 -23
- package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.js.map +0 -1
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js +0 -81
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js.map +0 -1
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js +0 -40
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js.map +0 -1
- package/build/main//321/201omponents/UserDropdown/Option/Option.js +0 -90
- package/build/main//321/201omponents/UserDropdown/Option/Option.js.map +0 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +0 -434
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +0 -1
- package/build/main//321/201omponents/UserDropdown/helpers.js +0 -93
- package/build/main//321/201omponents/UserDropdown/helpers.js.map +0 -1
- package/build/main//321/201omponents/UserDropdown/index.js +0 -2
- package/build/main//321/201omponents/UserDropdown/index.js.map +0 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.js +0 -75
- package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +0 -1
- package/build/main//321/201omponents/UserDropdown/types.js +0 -2
- package/build/main//321/201omponents/UserDropdown/types.js.map +0 -1
- package/build/main//321/201omponents/index.d.ts +0 -33
- package/build/main//321/201omponents/index.js +0 -34
- package/build/main//321/201omponents/index.js.map +0 -1
- package/build/main//321/201omponents/types.js +0 -2
- package/build/main//321/201omponents/types.js.map +0 -1
- /package/build/main/{/321/201omponents/ActionModal/ActionModal.d.ts" → components/ActionModal/ActionModal.d.ts} +0 -0
- /package/build/main/{/321/201omponents/ActionModal/index.d.ts" → components/ActionModal/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/ActionModal/types.d.ts" → components/ActionModal/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/AttachedFile/AttachedFile.d.ts" → components/AttachedFile/AttachedFile.d.ts} +0 -0
- /package/build/main/{/321/201omponents/AttachedFile/index.d.ts" → components/AttachedFile/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/AttachedFile/types.d.ts" → components/AttachedFile/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Avatar/Avatar.d.ts" → components/Avatar/Avatar.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Avatar/index.d.ts" → components/Avatar/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Avatar/types.d.ts" → components/Avatar/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Button/Button.d.ts" → components/Button/Button.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Button/index.d.ts" → components/Button/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Button/types.d.ts" → components/Button/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/CachedImage/CachedImage.d.ts" → components/CachedImage/CachedImage.d.ts} +0 -0
- /package/build/main/{/321/201omponents/CachedImage/helpers.d.ts" → components/CachedImage/helpers.d.ts} +0 -0
- /package/build/main/{/321/201omponents/CachedImage/index.d.ts" → components/CachedImage/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/CachedImage/types.d.ts" → components/CachedImage/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Calendar/Calendar.d.ts" → components/Calendar/Calendar.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Calendar/index.d.ts" → components/Calendar/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Calendar/types.d.ts" → components/Calendar/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Charts/ChartLegend/ChartLegend.d.ts" → components/Charts/ChartLegend/ChartLegend.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Charts/colors.d.ts" → components/Charts/colors.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Charts/constants.d.ts" → components/Charts/constants.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Charts/helpers.d.ts" → components/Charts/helpers.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Charts/types.d.ts" → components/Charts/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Charts/useEvents.d.ts" → components/Charts/useEvents.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Charts/usePieEvents.d.ts" → components/Charts/usePieEvents.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Checkbox/Checkbox.d.ts" → components/Checkbox/Checkbox.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Checkbox/index.d.ts" → components/Checkbox/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Checkbox/types.d.ts" → components/Checkbox/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Chip/Chip.d.ts" → components/Chip/Chip.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Chip/index.d.ts" → components/Chip/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Chip/types.d.ts" → components/Chip/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/ConfirmationModal/ConfirmationModal.d.ts" → components/ConfirmationModal/ConfirmationModal.d.ts} +0 -0
- /package/build/main/{/321/201omponents/ConfirmationModal/index.d.ts" → components/ConfirmationModal/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/ConfirmationModal/types.d.ts" → components/ConfirmationModal/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/ContextMenu/ContextMenu.d.ts" → components/ContextMenu/ContextMenu.d.ts} +0 -0
- /package/build/main/{/321/201omponents/ContextMenu/index.d.ts" → components/ContextMenu/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/ContextMenu/types.d.ts" → components/ContextMenu/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/CustomSelect/index.d.ts" → components/CustomSelect/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/CustomSelect/selectStyles.d.ts" → components/CustomSelect/selectStyles.d.ts} +0 -0
- /package/build/main/{/321/201omponents/CustomSelectProfiles/CustomSelectProfiles.d.ts" → components/CustomSelectProfiles/CustomSelectProfiles.d.ts} +0 -0
- /package/build/main/{/321/201omponents/CustomSelectProfiles/index.d.ts" → components/CustomSelectProfiles/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/CustomSelectProfiles/types.d.ts" → components/CustomSelectProfiles/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/DragAndDrop/DragAndDrop.d.ts" → components/DragAndDrop/DragAndDrop.d.ts} +0 -0
- /package/build/main/{/321/201omponents/DragAndDrop/index.d.ts" → components/DragAndDrop/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/DragAndDrop/types.d.ts" → components/DragAndDrop/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Error/Error.d.ts" → components/Error/Error.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Error/index.d.ts" → components/Error/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Error/types.d.ts" → components/Error/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Flex/Flex.d.ts" → components/Flex/Flex.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Flex/HFlex/HFlex.d.ts" → components/Flex/HFlex/HFlex.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Flex/HFlex/index.d.ts" → components/Flex/HFlex/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Flex/VFlex/VFlex.d.ts" → components/Flex/VFlex/VFlex.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Flex/VFlex/index.d.ts" → components/Flex/VFlex/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Flex/index.d.ts" → components/Flex/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Flex/types.d.ts" → components/Flex/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Header/Header.d.ts" → components/Header/Header.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Header/index.d.ts" → components/Header/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Header/types.d.ts" → components/Header/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Input/Input.d.ts" → components/Input/Input.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Input/index.d.ts" → components/Input/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Input/types.d.ts" → components/Input/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/ListItem/ListItem.d.ts" → components/ListItem/ListItem.d.ts} +0 -0
- /package/build/main/{/321/201omponents/ListItem/index.d.ts" → components/ListItem/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Loader/index.d.ts" → components/Loader/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Modal/index.d.ts" → components/Modal/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Notification/Notification.d.ts" → components/Notification/Notification.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Notification/index.d.ts" → components/Notification/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Notification/types.d.ts" → components/Notification/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Profile/Profile.d.ts" → components/Profile/Profile.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Profile/index.d.ts" → components/Profile/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Profile/types.d.ts" → components/Profile/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/ProgressBar/ProgressBar.d.ts" → components/ProgressBar/ProgressBar.d.ts} +0 -0
- /package/build/main/{/321/201omponents/ProgressBar/index.d.ts" → components/ProgressBar/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/ProgressBar/types.d.ts" → components/ProgressBar/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/RadioButton/RadioButton.d.ts" → components/RadioButton/RadioButton.d.ts} +0 -0
- /package/build/main/{/321/201omponents/RadioButton/index.d.ts" → components/RadioButton/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/RadioButton/types.d.ts" → components/RadioButton/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/ScrollBar/index.d.ts" → components/ScrollBar/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Skeleton/types.d.ts" → components/Skeleton/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Stories/Stories.d.ts" → components/Stories/Stories.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Stories/index.d.ts" → components/Stories/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Stories/types.d.ts" → components/Stories/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Switcher/Switcher.d.ts" → components/Switcher/Switcher.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Switcher/index.d.ts" → components/Switcher/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Switcher/types.d.ts" → components/Switcher/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/SyncLoader/SyncLoader.d.ts" → components/SyncLoader/SyncLoader.d.ts} +0 -0
- /package/build/main/{/321/201omponents/SyncLoader/index.d.ts" → components/SyncLoader/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/SyncLoader/types.d.ts" → components/SyncLoader/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Textarea/Textarea.d.ts" → components/Textarea/Textarea.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Textarea/index.d.ts" → components/Textarea/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Textarea/types.d.ts" → components/Textarea/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Toggle/Toggle.d.ts" → components/Toggle/Toggle.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Toggle/index.d.ts" → components/Toggle/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/Toggle/types.d.ts" → components/Toggle/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.d.ts" → components/UserDropdown/ContactBottomSheet/ContactBottomSheet.d.ts} +0 -0
- /package/build/main/{/321/201omponents/UserDropdown/ContactInfo/ContactInfo.d.ts" → components/UserDropdown/ContactInfo/ContactInfo.d.ts} +0 -0
- /package/build/main/{/321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.d.ts" → components/UserDropdown/LoadingMessage/LoadingMessage.d.ts} +0 -0
- /package/build/main/{/321/201omponents/UserDropdown/MenuList/MenuList.d.ts" → components/UserDropdown/MenuList/MenuList.d.ts} +0 -0
- /package/build/main/{/321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.d.ts" → components/UserDropdown/MultiValueLabel/MultiValueLabel.d.ts} +0 -0
- /package/build/main/{/321/201omponents/UserDropdown/Option/Option.d.ts" → components/UserDropdown/Option/Option.d.ts} +0 -0
- /package/build/main/{/321/201omponents/UserDropdown/UserDropdown.d.ts" → components/UserDropdown/UserDropdown.d.ts} +0 -0
- /package/build/main/{/321/201omponents/UserDropdown/index.d.ts" → components/UserDropdown/index.d.ts} +0 -0
- /package/build/main/{/321/201omponents/UserDropdown/selectStyles.d.ts" → components/UserDropdown/selectStyles.d.ts} +0 -0
- /package/build/main/{/321/201omponents/UserDropdown/types.d.ts" → components/UserDropdown/types.d.ts} +0 -0
- /package/build/main/{/321/201omponents/types.d.ts" → components/types.d.ts} +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../src/сomponents/Calendar/Calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Calendar/types.ts"],"names":[],"mappings":""}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { useRef } from 'react';
|
|
14
|
-
import ReactEcharts from 'echarts-for-react';
|
|
15
|
-
import classNames from 'classnames';
|
|
16
|
-
import ChartLegend from '../ChartLegend/ChartLegend';
|
|
17
|
-
import { useEvents } from '../useEvents';
|
|
18
|
-
import { generateBarItem, generateLegendItems, generateXAxis, renderChartTooltip } from '../helpers';
|
|
19
|
-
import { DEFAULT_CHART_HEIGHT, LEGEND, OPTION_GRID, OPTION_TOOLTIP, OPTION_Y_AXIS, OPTIONS, TEXT_STYLE } from '../constants';
|
|
20
|
-
import '../../../styles/styles.scss';
|
|
21
|
-
var series = OPTIONS.series, shadow = OPTIONS.shadow, bar = OPTIONS.bar;
|
|
22
|
-
var option = function (_a) {
|
|
23
|
-
var data = _a.data, xAxis = _a.xAxis, tooltipXAxis = _a.tooltipXAxis;
|
|
24
|
-
return ({
|
|
25
|
-
legend: LEGEND,
|
|
26
|
-
tooltip: __assign(__assign({}, OPTION_TOOLTIP), { axisPointer: { type: shadow }, formatter: function (params) { return renderChartTooltip({ chartType: bar, params: params, tooltipXAxis: tooltipXAxis }); } }),
|
|
27
|
-
textStyle: TEXT_STYLE,
|
|
28
|
-
grid: __assign(__assign({}, OPTION_GRID), { right: 0 }),
|
|
29
|
-
xAxis: generateXAxis(xAxis),
|
|
30
|
-
yAxis: OPTION_Y_AXIS,
|
|
31
|
-
series: generateBarItem(data),
|
|
32
|
-
emphasis: { focus: series },
|
|
33
|
-
barMaxWidth: 32,
|
|
34
|
-
barMinWidth: 15,
|
|
35
|
-
itemStyle: { borderRadius: [5, 5, 0, 0] },
|
|
36
|
-
barGap: '40%',
|
|
37
|
-
});
|
|
38
|
-
};
|
|
39
|
-
export var ChartBar = function (_a) {
|
|
40
|
-
var _b = _a.chartHeight, chartHeight = _b === void 0 ? DEFAULT_CHART_HEIGHT.bar : _b, title = _a.title, xAxis = _a.xAxis, tooltipXAxis = _a.tooltipXAxis, data = _a.data, legendUnits = _a.legendUnits;
|
|
41
|
-
var chartRef = useRef(null);
|
|
42
|
-
var _c = useEvents({ chartType: bar, chartRef: chartRef }), highlight = _c.highlight, downplay = _c.downplay;
|
|
43
|
-
return (_jsxs(_Fragment, { children: [_jsx("p", __assign({ className: classNames('smartapp-chart__title', 'mb-24') }, { children: title })), _jsx(ReactEcharts, { ref: chartRef, option: option({ data: data, xAxis: xAxis, tooltipXAxis: tooltipXAxis }), style: { height: chartHeight }, onEvents: { highlight: highlight, downplay: downplay } }), _jsx(ChartLegend, { chartRef: chartRef, chartType: bar, legendItems: generateLegendItems(bar, chartRef), legendUnits: legendUnits })] }));
|
|
44
|
-
};
|
|
45
|
-
//# sourceMappingURL=ChartBar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChartBar.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartBar/ChartBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,YAA+B,MAAM,mBAAmB,CAAA;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,WAAW,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AACpG,OAAO,EAAE,oBAAoB,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAE5H,OAAO,6BAA6B,CAAA;AAE5B,IAAA,MAAM,GAAkB,OAAO,OAAzB,EAAE,MAAM,GAAU,OAAO,OAAjB,EAAE,GAAG,GAAK,OAAO,IAAZ,CAAY;AAEvC,IAAM,MAAM,GAAG,UAAC,EAA0C;QAAxC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,YAAY,kBAAA;IAAmC,OAAA,CAAC;QAC7E,MAAM,EAAE,MAAM;QACd,OAAO,wBACF,cAAc,KACjB,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAC7B,SAAS,EAAE,UAAC,MAAgC,IAAK,OAAA,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,QAAA,EAAE,YAAY,cAAA,EAAE,CAAC,EAA5D,CAA4D,GAC9G;QACD,SAAS,EAAE,UAAU;QACrB,IAAI,wBAAO,WAAW,KAAE,KAAK,EAAE,CAAC,GAAE;QAClC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC;QAC3B,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,eAAe,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;QAC3B,WAAW,EAAE,EAAE;QACf,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE;QACzC,MAAM,EAAE,KAAK;KACd,CAAC;AAjB4E,CAiB5E,CAAA;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAAsG;QAApG,mBAAsC,EAAtC,WAAW,mBAAG,oBAAoB,CAAC,GAAG,KAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,IAAI,UAAA,EAAE,WAAW,iBAAA;IAC9G,IAAM,QAAQ,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAA;IAC5C,IAAA,KAA0B,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,QAAQ,UAAA,EAAE,CAAC,EAA/D,SAAS,eAAA,EAAE,QAAQ,cAA4C,CAAA;IAEvE,OAAO,CACL,8BACE,qBAAG,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,OAAO,CAAC,gBAAG,KAAK,IAAK,EACvE,KAAC,YAAY,IACX,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,MAAM,CAAC,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,YAAY,cAAA,EAAE,CAAC,EAC7C,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,EAC9B,QAAQ,EAAE,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,EAAE,GACjC,EACF,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,mBAAmB,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,WAAW,EAAE,WAAW,GAAI,IAC7H,CACJ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
13
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
14
|
-
if (ar || !(i in from)) {
|
|
15
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
16
|
-
ar[i] = from[i];
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
20
|
-
};
|
|
21
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
22
|
-
import { useEffect, useState } from 'react';
|
|
23
|
-
import classNames from 'classnames';
|
|
24
|
-
import { calculateValue, isBarChart, isLineChart, isPieChart } from '../helpers';
|
|
25
|
-
import { DISPATCH_ACTION_TYPES, NUMBER_FORMATTER } from '../constants';
|
|
26
|
-
import '../../../styles/styles.scss';
|
|
27
|
-
var ChartLegend = function (_a) {
|
|
28
|
-
var chartRef = _a.chartRef, chartType = _a.chartType, legendItems = _a.legendItems, legendUnits = _a.legendUnits;
|
|
29
|
-
var _b = useState([]), activeLegendItems = _b[0], setActiveLegendItems = _b[1];
|
|
30
|
-
var getChartInstance = function () { var _a; return (_a = chartRef.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance(); };
|
|
31
|
-
var generateLegendValue = function (value, data) {
|
|
32
|
-
if (data === void 0) { data = []; }
|
|
33
|
-
if (isBarChart(chartType))
|
|
34
|
-
return calculateValue(data);
|
|
35
|
-
if (isLineChart(chartType))
|
|
36
|
-
return NUMBER_FORMATTER.format(calculateValue(data));
|
|
37
|
-
return value;
|
|
38
|
-
};
|
|
39
|
-
var generateDispatchActionData = function (name, seriesIndex) { return (isPieChart(chartType) ? { name: name } : { seriesIndex: seriesIndex }); };
|
|
40
|
-
var handleLegendMouseEnter = function (name, seriesIndex) {
|
|
41
|
-
var chartInstance = getChartInstance();
|
|
42
|
-
chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.dispatchAction(__assign({ type: DISPATCH_ACTION_TYPES.highlight }, generateDispatchActionData(name, seriesIndex)));
|
|
43
|
-
};
|
|
44
|
-
var handleLegendMouseLeave = function (name, seriesIndex) {
|
|
45
|
-
var chartInstance = getChartInstance();
|
|
46
|
-
chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.dispatchAction(__assign({ type: DISPATCH_ACTION_TYPES.downplay }, generateDispatchActionData(name, seriesIndex)));
|
|
47
|
-
};
|
|
48
|
-
var handleLegendClick = function (name) {
|
|
49
|
-
var chartInstance = getChartInstance();
|
|
50
|
-
setActiveLegendItems(function (prevActiveLegendItems) {
|
|
51
|
-
return prevActiveLegendItems.includes(name)
|
|
52
|
-
? prevActiveLegendItems.filter(function (legendItemName) { return legendItemName !== name; })
|
|
53
|
-
: __spreadArray(__spreadArray([], prevActiveLegendItems, true), [name], false);
|
|
54
|
-
});
|
|
55
|
-
chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.dispatchAction({ type: DISPATCH_ACTION_TYPES.legendToggleSelect, name: name });
|
|
56
|
-
isPieChart(chartType) && (chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.dispatchAction({ type: DISPATCH_ACTION_TYPES.highlight, name: name }));
|
|
57
|
-
};
|
|
58
|
-
useEffect(function () {
|
|
59
|
-
legendItems && setActiveLegendItems(legendItems.map(function (_a) {
|
|
60
|
-
var name = _a.name;
|
|
61
|
-
return name;
|
|
62
|
-
}));
|
|
63
|
-
}, [legendItems]);
|
|
64
|
-
return (_jsx("div", __assign({ className: classNames('smartapp-chart__legend', "smartapp-chart__legend--".concat(chartType)) }, { children: legendItems.map(function (_a, index) {
|
|
65
|
-
var name = _a.name, value = _a.value, data = _a.data, color = _a.itemStyle.color;
|
|
66
|
-
var inactiveLegendItem = !activeLegendItems.includes(name);
|
|
67
|
-
return (_jsxs("div", __assign({ className: "smartapp-chart__legend--item", onClick: function () { return handleLegendClick(name); }, onMouseEnter: function () { return handleLegendMouseEnter(name, index); }, onMouseLeave: function () { return handleLegendMouseLeave(name, index); } }, { children: [_jsx("div", __assign({ className: classNames('smartapp-chart__legend--item__name', { 'smartapp-chart__legend--item__name--inactive': inactiveLegendItem }) }, { children: name })), _jsxs("div", __assign({ className: classNames('smartapp-chart__legend--item__value', { 'smartapp-chart__legend--item__value--inactive': inactiveLegendItem }), style: { color: color } }, { children: [generateLegendValue(value, data), legendUnits] }))] }), name));
|
|
68
|
-
}) })));
|
|
69
|
-
};
|
|
70
|
-
export default ChartLegend;
|
|
71
|
-
//# sourceMappingURL=ChartLegend.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChartLegend.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartLegend/ChartLegend.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { useRef } from 'react';
|
|
14
|
-
import ReactEcharts from 'echarts-for-react';
|
|
15
|
-
import classNames from 'classnames';
|
|
16
|
-
import ChartLegend from '../ChartLegend/ChartLegend';
|
|
17
|
-
import { useEvents } from '../useEvents';
|
|
18
|
-
import { generateLegendItems, generateLineItem, generateXAxis, renderChartTooltip } from '../helpers';
|
|
19
|
-
import { DEFAULT_CHART_HEIGHT, LEGEND, NUMBER_FORMATTER, OPTION_GRID, OPTION_TOOLTIP, OPTION_Y_AXIS, OPTIONS, TEXT_STYLE } from '../constants';
|
|
20
|
-
import '../../../styles/styles.scss';
|
|
21
|
-
var line = OPTIONS.line;
|
|
22
|
-
var option = function (_a) {
|
|
23
|
-
var data = _a.data, xAxis = _a.xAxis, tooltipXAxis = _a.tooltipXAxis;
|
|
24
|
-
return ({
|
|
25
|
-
textStyle: TEXT_STYLE,
|
|
26
|
-
legend: LEGEND,
|
|
27
|
-
tooltip: __assign(__assign({}, OPTION_TOOLTIP), { formatter: function (params) { return renderChartTooltip({ chartType: line, params: params, tooltipXAxis: tooltipXAxis }); } }),
|
|
28
|
-
grid: __assign(__assign({}, OPTION_GRID), { right: '10px' }),
|
|
29
|
-
xAxis: __assign({ boundaryGap: false }, generateXAxis(xAxis)),
|
|
30
|
-
yAxis: __assign(__assign({}, OPTION_Y_AXIS), { axisLabel: __assign(__assign({}, OPTION_Y_AXIS.axisLabel), { formatter: function (value) { return NUMBER_FORMATTER.format(value); } }) }),
|
|
31
|
-
series: generateLineItem(data),
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
export var ChartLine = function (_a) {
|
|
35
|
-
var _b = _a.chartHeight, chartHeight = _b === void 0 ? DEFAULT_CHART_HEIGHT.line : _b, title = _a.title, xAxis = _a.xAxis, tooltipXAxis = _a.tooltipXAxis, data = _a.data, legendUnits = _a.legendUnits;
|
|
36
|
-
var chartRef = useRef(null);
|
|
37
|
-
var _c = useEvents({ chartRef: chartRef, chartType: line }), highlight = _c.highlight, downplay = _c.downplay;
|
|
38
|
-
return (_jsxs(_Fragment, { children: [_jsx("p", __assign({ className: classNames('smartapp-chart__title', 'mb-24') }, { children: title })), _jsx(ReactEcharts, { ref: chartRef, option: option({ data: data, xAxis: xAxis, tooltipXAxis: tooltipXAxis }), style: { height: chartHeight }, onEvents: { highlight: highlight, downplay: downplay } }), _jsx(ChartLegend, { chartRef: chartRef, chartType: line, legendItems: generateLegendItems(line, chartRef), legendUnits: legendUnits })] }));
|
|
39
|
-
};
|
|
40
|
-
//# sourceMappingURL=ChartLine.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChartLine.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartLine/ChartLine.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,YAAY,MAAM,mBAAmB,CAAA;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,WAAW,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AACrG,OAAO,EAAE,oBAAoB,EAAE,MAAM,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAE9I,OAAO,6BAA6B,CAAA;AAE5B,IAAA,IAAI,GAAK,OAAO,KAAZ,CAAY;AAExB,IAAM,MAAM,GAAG,UAAC,EAA0C;QAAxC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,YAAY,kBAAA;IAAoB,OAAA,CAAC;QAC9D,SAAS,EAAE,UAAU;QACrB,MAAM,EAAE,MAAM;QACd,OAAO,wBACF,cAAc,KACjB,SAAS,EAAE,UAAC,MAAgC,IAAK,OAAA,kBAAkB,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,QAAA,EAAE,YAAY,cAAA,EAAE,CAAC,EAA7D,CAA6D,GAC/G;QACD,IAAI,wBAAO,WAAW,KAAE,KAAK,EAAE,MAAM,GAAE;QACvC,KAAK,aAAI,WAAW,EAAE,KAAK,IAAK,aAAa,CAAC,KAAK,CAAC,CAAE;QACtD,KAAK,wBACA,aAAa,KAChB,SAAS,wBACJ,aAAa,CAAC,SAAS,KAC1B,SAAS,EAAE,UAAC,KAAa,IAAK,OAAA,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,EAA9B,CAA8B,MAE/D;QACD,MAAM,EAAE,gBAAgB,CAAC,IAAI,CAAC;KAC/B,CAAC;AAjB6D,CAiB7D,CAAA;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAAuG;QAArG,mBAAuC,EAAvC,WAAW,mBAAG,oBAAoB,CAAC,IAAI,KAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,IAAI,UAAA,EAAE,WAAW,iBAAA;IAChH,IAAM,QAAQ,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAA;IAC5C,IAAA,KAA0B,SAAS,CAAC,EAAE,QAAQ,UAAA,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAhE,SAAS,eAAA,EAAE,QAAQ,cAA6C,CAAA;IAExE,OAAO,CACL,8BACE,qBAAG,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,OAAO,CAAC,gBAAG,KAAK,IAAK,EACvE,KAAC,YAAY,IACX,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,MAAM,CAAC,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,YAAY,cAAA,EAAE,CAAC,EAC7C,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,EAC9B,QAAQ,EAAE,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,EAAE,GACjC,EACF,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,mBAAmB,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,WAAW,EAAE,WAAW,GAAI,IAC/H,CACJ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { useRef } from 'react';
|
|
14
|
-
import ReactEcharts from 'echarts-for-react';
|
|
15
|
-
import ChartLegend from '../ChartLegend/ChartLegend';
|
|
16
|
-
import { usePieEvents } from '../usePieEvents';
|
|
17
|
-
import { calculatePieChartPadding, calculatePieValue, generateLegendItems, renderPieChartTooltip } from '../helpers';
|
|
18
|
-
import { CENTER_HORIZONTAL_POSITION, CENTER_VERTICAL_POSITION, DEFAULT_CHART_HEIGHT, INSIDE_RADIUS, LEGEND, OPTIONS, OUTSIDE_RADIUS, PIE_TOOLTIP_CLASS_NAME, TEXT_STYLE, } from '../constants';
|
|
19
|
-
import { COLORS } from '../../../constants';
|
|
20
|
-
import { TEXT_COLOR } from '../colors';
|
|
21
|
-
import '../../../styles/styles.scss';
|
|
22
|
-
var center = OPTIONS.center, pie = OPTIONS.pie;
|
|
23
|
-
var white = COLORS.white, black = COLORS.black, blue = COLORS.blue;
|
|
24
|
-
var option = function (_a) {
|
|
25
|
-
var chartSize = _a.chartSize, data = _a.data, subtitle = _a.subtitle;
|
|
26
|
-
return ({
|
|
27
|
-
legend: LEGEND,
|
|
28
|
-
tooltip: { className: PIE_TOOLTIP_CLASS_NAME, borderColor: blue, formatter: renderPieChartTooltip },
|
|
29
|
-
series: [
|
|
30
|
-
{
|
|
31
|
-
type: pie,
|
|
32
|
-
data: data.map(function (item) { return (__assign(__assign({}, item), { itemStyle: { color: item.color } })); }),
|
|
33
|
-
radius: [INSIDE_RADIUS, OUTSIDE_RADIUS],
|
|
34
|
-
center: [CENTER_HORIZONTAL_POSITION, CENTER_VERTICAL_POSITION],
|
|
35
|
-
itemStyle: { borderRadius: 8, borderColor: white, borderWidth: 6 },
|
|
36
|
-
label: { show: false },
|
|
37
|
-
labelLine: { show: false },
|
|
38
|
-
width: chartSize,
|
|
39
|
-
height: chartSize,
|
|
40
|
-
left: center,
|
|
41
|
-
emphasis: { scaleSize: 12.5 },
|
|
42
|
-
},
|
|
43
|
-
],
|
|
44
|
-
title: {
|
|
45
|
-
text: subtitle,
|
|
46
|
-
left: center,
|
|
47
|
-
top: '42.5%',
|
|
48
|
-
textStyle: { color: TEXT_COLOR, fontSize: 14, fontWeight: 400 },
|
|
49
|
-
subtext: calculatePieValue(data),
|
|
50
|
-
subtextStyle: { color: black, fontSize: 32, fontWeight: 700 },
|
|
51
|
-
itemGap: 10,
|
|
52
|
-
},
|
|
53
|
-
textStyle: TEXT_STYLE,
|
|
54
|
-
});
|
|
55
|
-
};
|
|
56
|
-
export var ChartPie = function (_a) {
|
|
57
|
-
var _b = _a.chartSize, chartSize = _b === void 0 ? DEFAULT_CHART_HEIGHT.pie : _b, data = _a.data, title = _a.title, subtitle = _a.subtitle, legendUnits = _a.legendUnits;
|
|
58
|
-
var chartRef = useRef(null);
|
|
59
|
-
var _c = usePieEvents({ chartRef: chartRef, data: data }), legendselectchanged = _c.legendselectchanged, mouseover = _c.mouseover, mouseout = _c.mouseout;
|
|
60
|
-
return (_jsxs(_Fragment, { children: [_jsx("p", __assign({ className: "smartapp-chart__title" }, { children: title })), _jsx(ReactEcharts, { ref: chartRef, option: option({ chartSize: chartSize - calculatePieChartPadding(chartSize), data: data, subtitle: subtitle }), style: { height: chartSize }, onEvents: { mouseover: mouseover, mouseout: mouseout, highlight: mouseover, downplay: mouseout, legendselectchanged: legendselectchanged } }), _jsx(ChartLegend, { chartRef: chartRef, chartType: pie, legendItems: generateLegendItems(pie, chartRef), legendUnits: legendUnits })] }));
|
|
61
|
-
};
|
|
62
|
-
//# sourceMappingURL=ChartPie.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChartPie.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartPie/ChartPie.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,UAAU,GAAG,WAAW,CAAA;AACrC,MAAM,CAAC,IAAM,UAAU,GAAG,SAAS,CAAA;AACnC,MAAM,CAAC,IAAM,YAAY,GAAG,SAAS,CAAA"}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { COLORS, DEFAULT_FONT_FAMILY } from '../../constants';
|
|
2
|
-
import { BORDER_COLOR } from './colors';
|
|
3
|
-
export var OPTIONS;
|
|
4
|
-
(function (OPTIONS) {
|
|
5
|
-
OPTIONS["center"] = "center";
|
|
6
|
-
OPTIONS["axis"] = "axis";
|
|
7
|
-
OPTIONS["shadow"] = "shadow";
|
|
8
|
-
OPTIONS["category"] = "category";
|
|
9
|
-
OPTIONS["transparent"] = "transparent";
|
|
10
|
-
OPTIONS["value"] = "value";
|
|
11
|
-
OPTIONS["series"] = "series";
|
|
12
|
-
OPTIONS["pie"] = "pie";
|
|
13
|
-
OPTIONS["bar"] = "bar";
|
|
14
|
-
OPTIONS["line"] = "line";
|
|
15
|
-
})(OPTIONS || (OPTIONS = {}));
|
|
16
|
-
var axis = OPTIONS.axis, value = OPTIONS.value;
|
|
17
|
-
var DE_NUMBER_FORMAT = 'de-DE';
|
|
18
|
-
export var INSIDE_RADIUS = '60%';
|
|
19
|
-
export var OUTSIDE_RADIUS = '100%';
|
|
20
|
-
export var CENTER_HORIZONTAL_POSITION = '50%';
|
|
21
|
-
export var CENTER_VERTICAL_POSITION = '53%';
|
|
22
|
-
export var NUMBER_FORMATTER = new Intl.NumberFormat(DE_NUMBER_FORMAT);
|
|
23
|
-
export var LEGEND = { show: false };
|
|
24
|
-
export var TEXT_STYLE = { fontFamily: DEFAULT_FONT_FAMILY };
|
|
25
|
-
export var TOOLTIP_CLASS_NAME = 'smartapp-chart-tooltip';
|
|
26
|
-
export var PIE_TOOLTIP_CLASS_NAME = 'smartapp-pie-chart-tooltip';
|
|
27
|
-
export var OPTION_TOOLTIP = { trigger: axis, className: TOOLTIP_CLASS_NAME, borderColor: BORDER_COLOR };
|
|
28
|
-
export var OPTION_GRID = { left: 0, bottom: 0, top: '5px', containLabel: true };
|
|
29
|
-
export var OPTION_Y_AXIS = {
|
|
30
|
-
type: value,
|
|
31
|
-
axisLabel: { fontSize: '9px', fontWeight: 600, color: COLORS.darkerGray },
|
|
32
|
-
};
|
|
33
|
-
export var DISPATCH_ACTION_TYPES = {
|
|
34
|
-
highlight: 'highlight',
|
|
35
|
-
downplay: 'downplay',
|
|
36
|
-
legendToggleSelect: 'legendToggleSelect',
|
|
37
|
-
};
|
|
38
|
-
export var DEFAULT_CHART_HEIGHT = {
|
|
39
|
-
bar: 186,
|
|
40
|
-
line: 186,
|
|
41
|
-
pie: 340,
|
|
42
|
-
};
|
|
43
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,CAAN,IAAY,OAWX;AAXD,WAAY,OAAO;IACjB,4BAAiB,CAAA;IACjB,wBAAa,CAAA;IACb,4BAAiB,CAAA;IACjB,gCAAqB,CAAA;IACrB,sCAA2B,CAAA;IAC3B,0BAAe,CAAA;IACf,4BAAiB,CAAA;IACjB,sBAAW,CAAA;IACX,sBAAW,CAAA;IACX,wBAAa,CAAA;AACf,CAAC,EAXW,OAAO,KAAP,OAAO,QAWlB;AAEO,IAAA,IAAI,GAAY,OAAO,KAAnB,EAAE,KAAK,GAAK,OAAO,MAAZ,CAAY;AAC/B,IAAM,gBAAgB,GAAG,OAAO,CAAA;AAEhC,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAA;AAClC,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAA;AACpC,MAAM,CAAC,IAAM,0BAA0B,GAAG,KAAK,CAAA;AAC/C,MAAM,CAAC,IAAM,wBAAwB,GAAG,KAAK,CAAA;AAC7C,MAAM,CAAC,IAAM,gBAAgB,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAA;AACvE,MAAM,CAAC,IAAM,MAAM,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA;AACrC,MAAM,CAAC,IAAM,UAAU,GAAG,EAAE,UAAU,EAAE,mBAAmB,EAAE,CAAA;AAC7D,MAAM,CAAC,IAAM,kBAAkB,GAAG,wBAAwB,CAAA;AAC1D,MAAM,CAAC,IAAM,sBAAsB,GAAG,4BAA4B,CAAA;AAClE,MAAM,CAAC,IAAM,cAAc,GAA2B,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,YAAY,EAAE,CAAA;AACjI,MAAM,CAAC,IAAM,WAAW,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,CAAA;AAEjF,MAAM,CAAC,IAAM,aAAa,GAAgB;IACxC,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE;CAC1E,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG;IACnC,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,UAAU;IACpB,kBAAkB,EAAE,oBAAoB;CACzC,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG;IAClC,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,GAAG;IACT,GAAG,EAAE,GAAG;CACT,CAAA"}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { isArray, isEmpty } from 'lodash';
|
|
2
|
-
import { COLORS } from '../../constants';
|
|
3
|
-
import { NUMBER_FORMATTER, OPTIONS } from './constants';
|
|
4
|
-
import { LINE_COLOR } from './colors';
|
|
5
|
-
var darkerGray = COLORS.darkerGray, black = COLORS.black, transparent = COLORS.transparent;
|
|
6
|
-
var series = OPTIONS.series, line = OPTIONS.line, bar = OPTIONS.bar, category = OPTIONS.category, pie = OPTIONS.pie;
|
|
7
|
-
export var isBarChart = function (chartType) { return chartType === bar; };
|
|
8
|
-
export var isLineChart = function (chartType) { return chartType === line; };
|
|
9
|
-
export var isPieChart = function (chartType) { return chartType === pie; };
|
|
10
|
-
export var calculatePieChartPadding = function (chartSize) { return ((chartSize * 3) / 100) * 2; };
|
|
11
|
-
export var calculateValue = function (data) { return data.reduce(function (acc, val) { return acc + val; }, 0); };
|
|
12
|
-
export var calculatePieValue = function (data) { return data.reduce(function (acc, _a) {
|
|
13
|
-
var value = _a.value;
|
|
14
|
-
return acc + value;
|
|
15
|
-
}, 0).toString(); };
|
|
16
|
-
export var generateLineItem = function (data) {
|
|
17
|
-
return data.map(function (_a) {
|
|
18
|
-
var name = _a.name, color = _a.color, data = _a.data;
|
|
19
|
-
return ({
|
|
20
|
-
name: name,
|
|
21
|
-
data: data,
|
|
22
|
-
type: line,
|
|
23
|
-
itemStyle: { color: color },
|
|
24
|
-
lineStyle: { width: 1 },
|
|
25
|
-
smooth: true,
|
|
26
|
-
showSymbol: false,
|
|
27
|
-
emphasis: { focus: series },
|
|
28
|
-
});
|
|
29
|
-
});
|
|
30
|
-
};
|
|
31
|
-
export var generateBarItem = function (data) {
|
|
32
|
-
return data.map(function (_a) {
|
|
33
|
-
var name = _a.name, color = _a.color, data = _a.data;
|
|
34
|
-
return ({ name: name, data: data, type: bar, itemStyle: { color: color } });
|
|
35
|
-
});
|
|
36
|
-
};
|
|
37
|
-
export var generateXAxis = function (data) { return ({
|
|
38
|
-
data: data,
|
|
39
|
-
type: category,
|
|
40
|
-
axisLine: {
|
|
41
|
-
lineStyle: { color: LINE_COLOR },
|
|
42
|
-
},
|
|
43
|
-
axisLabel: { fontSize: '9px', fontWeight: 600, color: darkerGray },
|
|
44
|
-
axisPointer: {
|
|
45
|
-
label: { show: false, backgroundColor: transparent, color: black },
|
|
46
|
-
},
|
|
47
|
-
}); };
|
|
48
|
-
export var renderChartTooltip = function (_a) {
|
|
49
|
-
var chartType = _a.chartType, params = _a.params, tooltipXAxis = _a.tooltipXAxis;
|
|
50
|
-
var _b = params[0], dataIndex = _b.dataIndex, name = _b.name;
|
|
51
|
-
var axisName = (tooltipXAxis === null || tooltipXAxis === void 0 ? void 0 : tooltipXAxis[dataIndex]) || name;
|
|
52
|
-
var tooltipContent = '';
|
|
53
|
-
params.forEach(function (_a) {
|
|
54
|
-
var color = _a.color, value = _a.value;
|
|
55
|
-
var formattedValue = isLineChart(chartType) ? NUMBER_FORMATTER.format(value) : value;
|
|
56
|
-
tooltipContent += "\n <div class='smartapp-chart-tooltip-content__data--item'>\n <div class='smartapp-chart-tooltip-content__data--item__indicator' style='background: ".concat(color, "'></div>\n <div class='smartapp-chart-tooltip-content__data--item__value'>").concat(formattedValue, "</div>\n </div>\n ");
|
|
57
|
-
});
|
|
58
|
-
return "\n <div class='smartapp-chart-tooltip-content'>\n <div class='smartapp-chart-tooltip-content__axis-name'>".concat(axisName, "</div>\n <div class='smartapp-chart-tooltip-content__data'>").concat(tooltipContent, "</div>\n </div>\n ");
|
|
59
|
-
};
|
|
60
|
-
export var renderPieChartTooltip = function (_a) {
|
|
61
|
-
var name = _a.name, value = _a.value;
|
|
62
|
-
return "\n <div class='smartapp-pie-chart-tooltip-content'>\n <div class='smartapp-pie-chart-tooltip-content__axis-name'>".concat(name, "</div>\n <div class='smartapp-pie-chart-tooltip-content__value'>").concat(value, "</div>\n </div>\n");
|
|
63
|
-
};
|
|
64
|
-
export var generateLegendItems = function (chartType, chartRef) {
|
|
65
|
-
var _a;
|
|
66
|
-
var chartInstance = (_a = chartRef.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance();
|
|
67
|
-
var chartOption = chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.getOption();
|
|
68
|
-
var series = chartOption === null || chartOption === void 0 ? void 0 : chartOption.series;
|
|
69
|
-
if (isArray(series) && !isEmpty(series))
|
|
70
|
-
return isPieChart(chartType) ? series[0].data : series;
|
|
71
|
-
return [];
|
|
72
|
-
};
|
|
73
|
-
//# sourceMappingURL=helpers.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/helpers.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/types.ts"],"names":[],"mappings":""}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { isArray, isEmpty } from 'lodash';
|
|
2
|
-
import { isLineChart } from './helpers';
|
|
3
|
-
import { COLORS } from '../../constants';
|
|
4
|
-
import { DISPATCH_ACTION_TYPES } from './constants';
|
|
5
|
-
var black = COLORS.black;
|
|
6
|
-
export var useEvents = function (_a) {
|
|
7
|
-
var chartRef = _a.chartRef, chartType = _a.chartType;
|
|
8
|
-
var getChartInstance = function () { var _a; return (_a = chartRef.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance(); };
|
|
9
|
-
var getChartOption = function () { var _a; return (_a = getChartInstance()) === null || _a === void 0 ? void 0 : _a.getOption(); };
|
|
10
|
-
var generateAxisLabel = function (label) { return (typeof label === 'object' ? label.value : label); };
|
|
11
|
-
var generateXAxisData = function () {
|
|
12
|
-
var _a;
|
|
13
|
-
var xAxis = (_a = getChartOption()) === null || _a === void 0 ? void 0 : _a.xAxis;
|
|
14
|
-
return isArray(xAxis) && !isEmpty(xAxis) ? xAxis[0].data : [];
|
|
15
|
-
};
|
|
16
|
-
var highlight = function (_a) {
|
|
17
|
-
var batch = _a.batch;
|
|
18
|
-
var chartInstance = getChartInstance();
|
|
19
|
-
var initialXAxisData = generateXAxisData();
|
|
20
|
-
if (batch === null || batch === void 0 ? void 0 : batch.length) {
|
|
21
|
-
var dataIndex_1 = batch[0].dataIndex;
|
|
22
|
-
var xAxisData = initialXAxisData.map(function (label, index) {
|
|
23
|
-
var value = generateAxisLabel(label);
|
|
24
|
-
return index === dataIndex_1 ? { value: value, textStyle: { color: black } } : value;
|
|
25
|
-
});
|
|
26
|
-
chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.setOption({
|
|
27
|
-
xAxis: [
|
|
28
|
-
{
|
|
29
|
-
data: xAxisData,
|
|
30
|
-
formatter: function (label) { return generateAxisLabel(label); },
|
|
31
|
-
},
|
|
32
|
-
],
|
|
33
|
-
});
|
|
34
|
-
isLineChart(chartType) && (chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.dispatchAction({ type: DISPATCH_ACTION_TYPES.highlight, dataIndex: dataIndex_1 }));
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
var downplay = function () {
|
|
38
|
-
var chartInstance = getChartInstance();
|
|
39
|
-
var initialXAxisData = generateXAxisData();
|
|
40
|
-
var xAxisData = initialXAxisData.map(function (label) { return generateAxisLabel(label); });
|
|
41
|
-
chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.setOption({ xAxis: [{ data: xAxisData }] });
|
|
42
|
-
};
|
|
43
|
-
return { highlight: highlight, downplay: downplay };
|
|
44
|
-
};
|
|
45
|
-
//# sourceMappingURL=useEvents.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useEvents.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/useEvents.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import { isArray, isEmpty } from 'lodash';
|
|
13
|
-
import Color from 'color';
|
|
14
|
-
import { calculatePieValue } from './helpers';
|
|
15
|
-
export var usePieEvents = function (_a) {
|
|
16
|
-
var chartRef = _a.chartRef, data = _a.data;
|
|
17
|
-
var getChartInstance = function () { var _a; return (_a = chartRef.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance(); };
|
|
18
|
-
var getChartOption = function () { var _a; return (_a = getChartInstance()) === null || _a === void 0 ? void 0 : _a.getOption(); };
|
|
19
|
-
var getSeriesData = function () {
|
|
20
|
-
var chartOption = getChartOption();
|
|
21
|
-
var series = chartOption === null || chartOption === void 0 ? void 0 : chartOption.series;
|
|
22
|
-
return isArray(series) && !isEmpty(series) ? series[0].data : [];
|
|
23
|
-
};
|
|
24
|
-
var legendselectchanged = function (_a) {
|
|
25
|
-
var selected = _a.selected;
|
|
26
|
-
var chartInstance = getChartInstance();
|
|
27
|
-
var filteredData = data.filter(function (_a) {
|
|
28
|
-
var name = _a.name;
|
|
29
|
-
return selected[name];
|
|
30
|
-
});
|
|
31
|
-
var subtext = calculatePieValue(filteredData);
|
|
32
|
-
chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.setOption({ title: { subtext: subtext } });
|
|
33
|
-
};
|
|
34
|
-
var mouseover = function (_a) {
|
|
35
|
-
var name = _a.name;
|
|
36
|
-
var chartInstance = getChartInstance();
|
|
37
|
-
var series = getSeriesData();
|
|
38
|
-
var data = series.map(function (dataItem) {
|
|
39
|
-
var dataItemName = dataItem.name, color = dataItem.color;
|
|
40
|
-
var _a = Color(color).rgb().object(), r = _a.r, g = _a.g, b = _a.b;
|
|
41
|
-
var itemStyle = dataItemName === name ? { color: color } : { color: "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(0.65, ")") };
|
|
42
|
-
return __assign(__assign({}, dataItem), { itemStyle: itemStyle });
|
|
43
|
-
});
|
|
44
|
-
chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.setOption({ series: [{ data: data }] });
|
|
45
|
-
};
|
|
46
|
-
var mouseout = function () {
|
|
47
|
-
var chartInstance = getChartInstance();
|
|
48
|
-
var series = getSeriesData();
|
|
49
|
-
var data = series.map(function (dataItem) {
|
|
50
|
-
var color = dataItem.color;
|
|
51
|
-
return __assign(__assign({}, dataItem), { itemStyle: { color: color } });
|
|
52
|
-
});
|
|
53
|
-
chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.setOption({ series: [{ data: data }] });
|
|
54
|
-
};
|
|
55
|
-
return { legendselectchanged: legendselectchanged, mouseover: mouseover, mouseout: mouseout };
|
|
56
|
-
};
|
|
57
|
-
//# sourceMappingURL=usePieEvents.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"usePieEvents.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/usePieEvents.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { useEffect, useRef } from 'react';
|
|
14
|
-
import classNames from 'classnames';
|
|
15
|
-
import { ReactComponent as CheckIcon } from '../../assets/icons/check-mark.svg';
|
|
16
|
-
import { generateColor } from '../../helpers';
|
|
17
|
-
import { COLORS } from '../../constants';
|
|
18
|
-
import '../../styles/styles.scss';
|
|
19
|
-
var CheckBox = function (_a) {
|
|
20
|
-
var id = _a.id, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.isChecked, isChecked = _c === void 0 ? false : _c, className = _a.className, styles = _a.styles, checkedColor = _a.checkedColor, checkedHoverColor = _a.checkedHoverColor, checkedPressedColor = _a.checkedPressedColor, _d = _a.onChange, onChange = _d === void 0 ? function () { return undefined; } : _d;
|
|
21
|
-
var checkBoxRef = useRef(null);
|
|
22
|
-
useEffect(function () {
|
|
23
|
-
document.documentElement.style.setProperty('--checkbox-hover-color', generateColor(checkedHoverColor, COLORS.darkBlue));
|
|
24
|
-
document.documentElement.style.setProperty('--checkbox-pressed-color', generateColor(checkedPressedColor, COLORS.darkerBlue));
|
|
25
|
-
}, [checkedHoverColor, checkedPressedColor]);
|
|
26
|
-
useEffect(function () {
|
|
27
|
-
window.addEventListener('mouseup', handleMouseUp);
|
|
28
|
-
return function () {
|
|
29
|
-
window.removeEventListener('mouseup', handleMouseUp);
|
|
30
|
-
};
|
|
31
|
-
}, []);
|
|
32
|
-
var handleMouseDown = function () { var _a; return (_a = checkBoxRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('smartapp-check-box__pressed'); };
|
|
33
|
-
var handleMouseUp = function () { var _a; return (_a = checkBoxRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('smartapp-check-box__pressed'); };
|
|
34
|
-
var handleClick = function (event) { return event.stopPropagation(); };
|
|
35
|
-
return (_jsx("div", __assign({ ref: checkBoxRef, className: classNames('smartapp-check-box', className), style: styles }, { children: _jsxs("label", __assign({ htmlFor: "cb-".concat(id) }, { children: [_jsx("input", { id: "cb-".concat(id), type: "checkbox", className: "smartapp-check-box__custom-check-box", disabled: isDisabled, checked: isChecked, onChange: onChange, onClick: handleClick }), isChecked ? (_jsx(CheckIcon, { style: { color: generateColor(checkedColor, COLORS.blue) }, onMouseDown: handleMouseDown })) : (_jsx("span", { className: "checkmark", onMouseDown: handleMouseDown }))] })) })));
|
|
36
|
-
};
|
|
37
|
-
export default CheckBox;
|
|
38
|
-
//# sourceMappingURL=Checkbox.js.map
|