@expressms/smartapp-ui 2.9.4-alpha.1 → 2.9.4-alpha.2
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/icons/arrow-back.svg +3 -0
- package/build/main/assets/icons/arrow-down.svg +3 -0
- package/build/main/assets/icons/arrow-up.svg +3 -0
- package/build/main/assets/icons/attachment-loader.svg +3 -0
- package/build/main/assets/icons/button-loader.svg +3 -0
- package/build/main/assets/icons/cancel-cross.svg +3 -0
- package/build/main/assets/icons/check-mark.svg +4 -0
- package/build/main/assets/icons/clear.svg +3 -0
- package/build/main/assets/icons/close-stories.svg +4 -0
- package/build/main/assets/icons/close.svg +10 -0
- package/build/main/assets/icons/contact-info.svg +12 -0
- package/build/main/assets/icons/corporate-user.svg +10 -0
- package/build/main/assets/icons/crown.svg +5 -0
- package/build/main/assets/icons/delete-chip.svg +3 -0
- package/build/main/assets/icons/distribution.svg +12 -0
- package/build/main/assets/icons/download.svg +4 -0
- package/build/main/assets/icons/error.svg +5 -0
- package/build/main/assets/icons/external-link.svg +3 -0
- package/build/main/assets/icons/eye-off.svg +10 -0
- package/build/main/assets/icons/eye.svg +10 -0
- package/build/main/assets/icons/file.svg +3 -0
- package/build/main/assets/icons/group.svg +3 -0
- package/build/main/assets/icons/info.svg +5 -0
- package/build/main/assets/icons/loader.svg +3 -0
- package/build/main/assets/icons/logout.svg +4 -0
- package/build/main/assets/icons/magnifying-glass.svg +3 -0
- package/build/main/assets/icons/mail.svg +3 -0
- package/build/main/assets/icons/meeting-room.svg +3 -0
- package/build/main/assets/icons/meeting-rooms-list.svg +5 -0
- package/build/main/assets/icons/more.svg +3 -0
- package/build/main/assets/icons/my-contact-user.svg +10 -0
- package/build/main/assets/icons/notification-close.svg +3 -0
- package/build/main/assets/icons/notification-error.svg +3 -0
- package/build/main/assets/icons/notification-failure.svg +3 -0
- package/build/main/assets/icons/notification-info.svg +5 -0
- package/build/main/assets/icons/notification-success.svg +4 -0
- package/build/main/assets/icons/notification-warning.svg +5 -0
- package/build/main/assets/icons/order.svg +6 -0
- package/build/main/assets/icons/plus.svg +4 -0
- package/build/main/assets/icons/private.svg +12 -0
- package/build/main/assets/icons/refresh.svg +3 -0
- package/build/main/assets/icons/search.svg +3 -0
- package/build/main/assets/icons/story-loader.svg +3 -0
- package/build/main/assets/icons/tick.svg +10 -0
- package/build/main/assets/icons/trash.svg +3 -0
- package/build/main/assets/icons/unread-mails.svg +4 -0
- package/build/main/assets/icons/warning-avatar.svg +4 -0
- package/build/main/assets/storybook/index.d.ts +22 -0
- package/build/main/assets/storybook/index.js +23 -0
- package/build/main/assets/storybook/index.js.map +1 -0
- package/build/main/constants/constants.d.ts +158 -0
- package/build/main/constants/constants.js +178 -0
- package/build/main/constants/constants.js.map +1 -0
- package/build/main/constants/index.d.ts +2 -0
- package/build/main/constants/index.js +3 -0
- package/build/main/constants/index.js.map +1 -0
- package/build/main/constants/types.d.ts +29 -0
- package/build/main/constants/types.js +2 -0
- package/build/main/constants/types.js.map +1 -0
- package/build/main/helpers/index.d.ts +25 -0
- package/build/main/helpers/index.js +113 -0
- package/build/main/helpers/index.js.map +1 -0
- package/build/main/hooks/useLongTap.d.ts +12 -0
- package/build/main/hooks/useLongTap.js +29 -0
- package/build/main/hooks/useLongTap.js.map +1 -0
- package/build/main/hooks/useModal.d.ts +21 -0
- package/build/main/hooks/useModal.js +60 -0
- package/build/main/hooks/useModal.js.map +1 -0
- package/build/main/index.d.ts +36 -0
- package/build/main/index.js +37 -0
- package/build/main/index.js.map +1 -0
- package/build/main/styles/index.d.ts +1 -0
- package/build/main/styles/index.js +2 -0
- package/build/main/styles/index.js.map +1 -0
- package/build/main/styles/main.js +0 -0
- package/build/main/styles/styles.scss +14 -0
- package/build/main//321/201omponents/ActionModal/ActionModal.d.ts +4 -0
- package/build/main//321/201omponents/ActionModal/ActionModal.js +55 -0
- package/build/main//321/201omponents/ActionModal/ActionModal.js.map +1 -0
- package/build/main//321/201omponents/ActionModal/index.d.ts +1 -0
- package/build/main//321/201omponents/ActionModal/index.js +2 -0
- package/build/main//321/201omponents/ActionModal/index.js.map +1 -0
- package/build/main//321/201omponents/ActionModal/types.d.ts +24 -0
- package/build/main//321/201omponents/ActionModal/types.js +2 -0
- package/build/main//321/201omponents/ActionModal/types.js.map +1 -0
- package/build/main//321/201omponents/AttachedFile/AttachedFile.d.ts +8 -0
- package/build/main//321/201omponents/AttachedFile/AttachedFile.js +60 -0
- package/build/main//321/201omponents/AttachedFile/AttachedFile.js.map +1 -0
- package/build/main//321/201omponents/AttachedFile/index.d.ts +1 -0
- package/build/main//321/201omponents/AttachedFile/index.js +2 -0
- package/build/main//321/201omponents/AttachedFile/index.js.map +1 -0
- package/build/main//321/201omponents/AttachedFile/types.d.ts +25 -0
- package/build/main//321/201omponents/AttachedFile/types.js +2 -0
- package/build/main//321/201omponents/AttachedFile/types.js.map +1 -0
- package/build/main//321/201omponents/Avatar/Avatar.d.ts +4 -0
- package/build/main//321/201omponents/Avatar/Avatar.js +150 -0
- package/build/main//321/201omponents/Avatar/Avatar.js.map +1 -0
- package/build/main//321/201omponents/Avatar/index.d.ts +1 -0
- package/build/main//321/201omponents/Avatar/index.js +2 -0
- package/build/main//321/201omponents/Avatar/index.js.map +1 -0
- package/build/main//321/201omponents/Avatar/types.d.ts +59 -0
- package/build/main//321/201omponents/Avatar/types.js +29 -0
- package/build/main//321/201omponents/Avatar/types.js.map +1 -0
- package/build/main//321/201omponents/Button/Button.d.ts +4 -0
- package/build/main//321/201omponents/Button/Button.js +63 -0
- package/build/main//321/201omponents/Button/Button.js.map +1 -0
- package/build/main//321/201omponents/Button/index.d.ts +1 -0
- package/build/main//321/201omponents/Button/index.js +2 -0
- package/build/main//321/201omponents/Button/index.js.map +1 -0
- package/build/main//321/201omponents/Button/types.d.ts +28 -0
- package/build/main//321/201omponents/Button/types.js +11 -0
- package/build/main//321/201omponents/Button/types.js.map +1 -0
- package/build/main//321/201omponents/CachedImage/CachedImage.d.ts +4 -0
- package/build/main//321/201omponents/CachedImage/CachedImage.js +59 -0
- package/build/main//321/201omponents/CachedImage/CachedImage.js.map +1 -0
- package/build/main//321/201omponents/CachedImage/helpers.d.ts +3 -0
- package/build/main//321/201omponents/CachedImage/helpers.js +40 -0
- package/build/main//321/201omponents/CachedImage/helpers.js.map +1 -0
- package/build/main//321/201omponents/CachedImage/index.d.ts +1 -0
- package/build/main//321/201omponents/CachedImage/index.js +2 -0
- package/build/main//321/201omponents/CachedImage/index.js.map +1 -0
- package/build/main//321/201omponents/CachedImage/types.d.ts +10 -0
- package/build/main//321/201omponents/CachedImage/types.js +2 -0
- package/build/main//321/201omponents/CachedImage/types.js.map +1 -0
- package/build/main//321/201omponents/Calendar/Calendar.d.ts +4 -0
- package/build/main//321/201omponents/Calendar/Calendar.js +97 -0
- package/build/main//321/201omponents/Calendar/Calendar.js.map +1 -0
- package/build/main//321/201omponents/Calendar/index.d.ts +1 -0
- package/build/main//321/201omponents/Calendar/index.js +2 -0
- package/build/main//321/201omponents/Calendar/index.js.map +1 -0
- package/build/main//321/201omponents/Calendar/types.d.ts +13 -0
- package/build/main//321/201omponents/Calendar/types.js +2 -0
- package/build/main//321/201omponents/Calendar/types.js.map +1 -0
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.d.ts +4 -0
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.js +46 -0
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.js.map +1 -0
- package/build/main//321/201omponents/Charts/ChartLegend/ChartLegend.d.ts +4 -0
- package/build/main//321/201omponents/Charts/ChartLegend/ChartLegend.js +71 -0
- package/build/main//321/201omponents/Charts/ChartLegend/ChartLegend.js.map +1 -0
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.d.ts +4 -0
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.js +41 -0
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.js.map +1 -0
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.d.ts +4 -0
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.js +63 -0
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.js.map +1 -0
- package/build/main//321/201omponents/Charts/colors.d.ts +3 -0
- package/build/main//321/201omponents/Charts/colors.js +4 -0
- package/build/main//321/201omponents/Charts/colors.js.map +1 -0
- package/build/main//321/201omponents/Charts/constants.d.ts +46 -0
- package/build/main//321/201omponents/Charts/constants.js +43 -0
- package/build/main//321/201omponents/Charts/constants.js.map +1 -0
- package/build/main//321/201omponents/Charts/helpers.d.ts +17 -0
- package/build/main//321/201omponents/Charts/helpers.js +73 -0
- package/build/main//321/201omponents/Charts/helpers.js.map +1 -0
- package/build/main//321/201omponents/Charts/index.d.ts +3 -0
- package/build/main//321/201omponents/Charts/index.js +4 -0
- package/build/main//321/201omponents/Charts/index.js.map +1 -0
- package/build/main//321/201omponents/Charts/types.d.ts +88 -0
- package/build/main//321/201omponents/Charts/types.js +2 -0
- package/build/main//321/201omponents/Charts/types.js.map +1 -0
- package/build/main//321/201omponents/Charts/useEvents.d.ts +5 -0
- package/build/main//321/201omponents/Charts/useEvents.js +45 -0
- package/build/main//321/201omponents/Charts/useEvents.js.map +1 -0
- package/build/main//321/201omponents/Charts/usePieEvents.d.ts +6 -0
- package/build/main//321/201omponents/Charts/usePieEvents.js +57 -0
- package/build/main//321/201omponents/Charts/usePieEvents.js.map +1 -0
- package/build/main//321/201omponents/Checkbox/Checkbox.d.ts +4 -0
- package/build/main//321/201omponents/Checkbox/Checkbox.js +38 -0
- package/build/main//321/201omponents/Checkbox/Checkbox.js.map +1 -0
- package/build/main//321/201omponents/Checkbox/index.d.ts +1 -0
- package/build/main//321/201omponents/Checkbox/index.js +2 -0
- package/build/main//321/201omponents/Checkbox/index.js.map +1 -0
- package/build/main//321/201omponents/Checkbox/types.d.ts +12 -0
- package/build/main//321/201omponents/Checkbox/types.js +2 -0
- package/build/main//321/201omponents/Checkbox/types.js.map +1 -0
- package/build/main//321/201omponents/Chip/Chip.d.ts +4 -0
- package/build/main//321/201omponents/Chip/Chip.js +65 -0
- package/build/main//321/201omponents/Chip/Chip.js.map +1 -0
- package/build/main//321/201omponents/Chip/index.d.ts +1 -0
- package/build/main//321/201omponents/Chip/index.js +2 -0
- package/build/main//321/201omponents/Chip/index.js.map +1 -0
- package/build/main//321/201omponents/Chip/types.d.ts +21 -0
- package/build/main//321/201omponents/Chip/types.js +2 -0
- package/build/main//321/201omponents/Chip/types.js.map +1 -0
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.d.ts +4 -0
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js +70 -0
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js.map +1 -0
- package/build/main//321/201omponents/ConfirmationModal/index.d.ts +1 -0
- package/build/main//321/201omponents/ConfirmationModal/index.js +2 -0
- package/build/main//321/201omponents/ConfirmationModal/index.js.map +1 -0
- package/build/main//321/201omponents/ConfirmationModal/types.d.ts +28 -0
- package/build/main//321/201omponents/ConfirmationModal/types.js +2 -0
- package/build/main//321/201omponents/ConfirmationModal/types.js.map +1 -0
- package/build/main//321/201omponents/ContextMenu/ContextMenu.d.ts +4 -0
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js +81 -0
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js.map +1 -0
- package/build/main//321/201omponents/ContextMenu/index.d.ts +1 -0
- package/build/main//321/201omponents/ContextMenu/index.js +2 -0
- package/build/main//321/201omponents/ContextMenu/index.js.map +1 -0
- package/build/main//321/201omponents/ContextMenu/types.d.ts +34 -0
- package/build/main//321/201omponents/ContextMenu/types.js +2 -0
- package/build/main//321/201omponents/ContextMenu/types.js.map +1 -0
- package/build/main//321/201omponents/CustomSelect/CustomSelect.d.ts +12 -0
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js +243 -0
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js.map +1 -0
- package/build/main//321/201omponents/CustomSelect/index.d.ts +1 -0
- package/build/main//321/201omponents/CustomSelect/index.js +2 -0
- package/build/main//321/201omponents/CustomSelect/index.js.map +1 -0
- package/build/main//321/201omponents/CustomSelect/selectStyles.d.ts +16 -0
- package/build/main//321/201omponents/CustomSelect/selectStyles.js +67 -0
- package/build/main//321/201omponents/CustomSelect/selectStyles.js.map +1 -0
- package/build/main//321/201omponents/CustomSelect/types.d.ts +64 -0
- package/build/main//321/201omponents/CustomSelect/types.js +2 -0
- package/build/main//321/201omponents/CustomSelect/types.js.map +1 -0
- package/build/main//321/201omponents/CustomSelectProfiles/CustomSelectProfiles.d.ts +4 -0
- package/build/main//321/201omponents/CustomSelectProfiles/CustomSelectProfiles.js +58 -0
- package/build/main//321/201omponents/CustomSelectProfiles/CustomSelectProfiles.js.map +1 -0
- package/build/main//321/201omponents/CustomSelectProfiles/index.d.ts +1 -0
- package/build/main//321/201omponents/CustomSelectProfiles/index.js +2 -0
- package/build/main//321/201omponents/CustomSelectProfiles/index.js.map +1 -0
- package/build/main//321/201omponents/CustomSelectProfiles/types.d.ts +12 -0
- package/build/main//321/201omponents/CustomSelectProfiles/types.js +2 -0
- package/build/main//321/201omponents/CustomSelectProfiles/types.js.map +1 -0
- package/build/main//321/201omponents/DragAndDrop/DragAndDrop.d.ts +4 -0
- package/build/main//321/201omponents/DragAndDrop/DragAndDrop.js +57 -0
- package/build/main//321/201omponents/DragAndDrop/DragAndDrop.js.map +1 -0
- package/build/main//321/201omponents/DragAndDrop/index.d.ts +1 -0
- package/build/main//321/201omponents/DragAndDrop/index.js +2 -0
- package/build/main//321/201omponents/DragAndDrop/index.js.map +1 -0
- package/build/main//321/201omponents/DragAndDrop/types.d.ts +24 -0
- package/build/main//321/201omponents/DragAndDrop/types.js +2 -0
- package/build/main//321/201omponents/DragAndDrop/types.js.map +1 -0
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.d.ts +4 -0
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.js +223 -0
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.js.map +1 -0
- package/build/main//321/201omponents/DraggablePopup/index.d.ts +1 -0
- package/build/main//321/201omponents/DraggablePopup/index.js +2 -0
- package/build/main//321/201omponents/DraggablePopup/index.js.map +1 -0
- package/build/main//321/201omponents/DraggablePopup/types.d.ts +88 -0
- package/build/main//321/201omponents/DraggablePopup/types.js +2 -0
- package/build/main//321/201omponents/DraggablePopup/types.js.map +1 -0
- package/build/main//321/201omponents/Error/Error.d.ts +4 -0
- package/build/main//321/201omponents/Error/Error.js +23 -0
- package/build/main//321/201omponents/Error/Error.js.map +1 -0
- package/build/main//321/201omponents/Error/index.d.ts +1 -0
- package/build/main//321/201omponents/Error/index.js +2 -0
- package/build/main//321/201omponents/Error/index.js.map +1 -0
- package/build/main//321/201omponents/Error/types.d.ts +10 -0
- package/build/main//321/201omponents/Error/types.js +2 -0
- package/build/main//321/201omponents/Error/types.js.map +1 -0
- package/build/main//321/201omponents/Flex/Flex.d.ts +2 -0
- package/build/main//321/201omponents/Flex/Flex.js +49 -0
- package/build/main//321/201omponents/Flex/Flex.js.map +1 -0
- package/build/main//321/201omponents/Flex/HFlex/HFlex.d.ts +5 -0
- package/build/main//321/201omponents/Flex/HFlex/HFlex.js +16 -0
- package/build/main//321/201omponents/Flex/HFlex/HFlex.js.map +1 -0
- package/build/main//321/201omponents/Flex/HFlex/index.d.ts +1 -0
- package/build/main//321/201omponents/Flex/HFlex/index.js +2 -0
- package/build/main//321/201omponents/Flex/HFlex/index.js.map +1 -0
- package/build/main//321/201omponents/Flex/VFlex/VFlex.d.ts +5 -0
- package/build/main//321/201omponents/Flex/VFlex/VFlex.js +16 -0
- package/build/main//321/201omponents/Flex/VFlex/VFlex.js.map +1 -0
- package/build/main//321/201omponents/Flex/VFlex/index.d.ts +1 -0
- package/build/main//321/201omponents/Flex/VFlex/index.js +2 -0
- package/build/main//321/201omponents/Flex/VFlex/index.js.map +1 -0
- package/build/main//321/201omponents/Flex/index.d.ts +3 -0
- package/build/main//321/201omponents/Flex/index.js +4 -0
- package/build/main//321/201omponents/Flex/index.js.map +1 -0
- package/build/main//321/201omponents/Flex/types.d.ts +15 -0
- package/build/main//321/201omponents/Flex/types.js +2 -0
- package/build/main//321/201omponents/Flex/types.js.map +1 -0
- package/build/main//321/201omponents/Header/Header.d.ts +5 -0
- package/build/main//321/201omponents/Header/Header.js +125 -0
- package/build/main//321/201omponents/Header/Header.js.map +1 -0
- package/build/main//321/201omponents/Header/index.d.ts +1 -0
- package/build/main//321/201omponents/Header/index.js +2 -0
- package/build/main//321/201omponents/Header/index.js.map +1 -0
- package/build/main//321/201omponents/Header/types.d.ts +46 -0
- package/build/main//321/201omponents/Header/types.js +2 -0
- package/build/main//321/201omponents/Header/types.js.map +1 -0
- package/build/main//321/201omponents/Input/Input.d.ts +4 -0
- package/build/main//321/201omponents/Input/Input.js +207 -0
- package/build/main//321/201omponents/Input/Input.js.map +1 -0
- package/build/main//321/201omponents/Input/index.d.ts +1 -0
- package/build/main//321/201omponents/Input/index.js +2 -0
- package/build/main//321/201omponents/Input/index.js.map +1 -0
- package/build/main//321/201omponents/Input/types.d.ts +29 -0
- package/build/main//321/201omponents/Input/types.js +2 -0
- package/build/main//321/201omponents/Input/types.js.map +1 -0
- package/build/main//321/201omponents/ListItem/ListItem.d.ts +23 -0
- package/build/main//321/201omponents/ListItem/ListItem.js +208 -0
- package/build/main//321/201omponents/ListItem/ListItem.js.map +1 -0
- package/build/main//321/201omponents/ListItem/index.d.ts +1 -0
- package/build/main//321/201omponents/ListItem/index.js +2 -0
- package/build/main//321/201omponents/ListItem/index.js.map +1 -0
- package/build/main//321/201omponents/ListItem/types.d.ts +42 -0
- package/build/main//321/201omponents/ListItem/types.js +2 -0
- package/build/main//321/201omponents/ListItem/types.js.map +1 -0
- package/build/main//321/201omponents/Loader/Loader.d.ts +4 -0
- package/build/main//321/201omponents/Loader/Loader.js +44 -0
- package/build/main//321/201omponents/Loader/Loader.js.map +1 -0
- package/build/main//321/201omponents/Loader/index.d.ts +1 -0
- package/build/main//321/201omponents/Loader/index.js +2 -0
- package/build/main//321/201omponents/Loader/index.js.map +1 -0
- package/build/main//321/201omponents/Loader/types.d.ts +18 -0
- package/build/main//321/201omponents/Loader/types.js +2 -0
- package/build/main//321/201omponents/Loader/types.js.map +1 -0
- package/build/main//321/201omponents/Modal/Modal.d.ts +4 -0
- package/build/main//321/201omponents/Modal/Modal.js +147 -0
- package/build/main//321/201omponents/Modal/Modal.js.map +1 -0
- package/build/main//321/201omponents/Modal/index.d.ts +1 -0
- package/build/main//321/201omponents/Modal/index.js +2 -0
- package/build/main//321/201omponents/Modal/index.js.map +1 -0
- package/build/main//321/201omponents/Modal/types.d.ts +36 -0
- package/build/main//321/201omponents/Modal/types.js +2 -0
- package/build/main//321/201omponents/Modal/types.js.map +1 -0
- package/build/main//321/201omponents/Notification/Notification.d.ts +8 -0
- package/build/main//321/201omponents/Notification/Notification.js +218 -0
- package/build/main//321/201omponents/Notification/Notification.js.map +1 -0
- package/build/main//321/201omponents/Notification/index.d.ts +1 -0
- package/build/main//321/201omponents/Notification/index.js +2 -0
- package/build/main//321/201omponents/Notification/index.js.map +1 -0
- package/build/main//321/201omponents/Notification/types.d.ts +45 -0
- package/build/main//321/201omponents/Notification/types.js +2 -0
- package/build/main//321/201omponents/Notification/types.js.map +1 -0
- package/build/main//321/201omponents/Profile/Profile.d.ts +4 -0
- package/build/main//321/201omponents/Profile/Profile.js +42 -0
- package/build/main//321/201omponents/Profile/Profile.js.map +1 -0
- package/build/main//321/201omponents/Profile/index.d.ts +1 -0
- package/build/main//321/201omponents/Profile/index.js +2 -0
- package/build/main//321/201omponents/Profile/index.js.map +1 -0
- package/build/main//321/201omponents/Profile/types.d.ts +14 -0
- package/build/main//321/201omponents/Profile/types.js +2 -0
- package/build/main//321/201omponents/Profile/types.js.map +1 -0
- package/build/main//321/201omponents/ProgressBar/ProgressBar.d.ts +4 -0
- package/build/main//321/201omponents/ProgressBar/ProgressBar.js +66 -0
- package/build/main//321/201omponents/ProgressBar/ProgressBar.js.map +1 -0
- package/build/main//321/201omponents/ProgressBar/index.d.ts +1 -0
- package/build/main//321/201omponents/ProgressBar/index.js +2 -0
- package/build/main//321/201omponents/ProgressBar/index.js.map +1 -0
- package/build/main//321/201omponents/ProgressBar/types.d.ts +7 -0
- package/build/main//321/201omponents/ProgressBar/types.js +2 -0
- package/build/main//321/201omponents/ProgressBar/types.js.map +1 -0
- package/build/main//321/201omponents/RadioButton/RadioButton.d.ts +4 -0
- package/build/main//321/201omponents/RadioButton/RadioButton.js +37 -0
- package/build/main//321/201omponents/RadioButton/RadioButton.js.map +1 -0
- package/build/main//321/201omponents/RadioButton/index.d.ts +1 -0
- package/build/main//321/201omponents/RadioButton/index.js +2 -0
- package/build/main//321/201omponents/RadioButton/index.js.map +1 -0
- package/build/main//321/201omponents/RadioButton/types.d.ts +12 -0
- package/build/main//321/201omponents/RadioButton/types.js +2 -0
- package/build/main//321/201omponents/RadioButton/types.js.map +1 -0
- package/build/main//321/201omponents/ScrollBar/ScrollBar.d.ts +5 -0
- package/build/main//321/201omponents/ScrollBar/ScrollBar.js +63 -0
- package/build/main//321/201omponents/ScrollBar/ScrollBar.js.map +1 -0
- package/build/main//321/201omponents/ScrollBar/index.d.ts +1 -0
- package/build/main//321/201omponents/ScrollBar/index.js +2 -0
- package/build/main//321/201omponents/ScrollBar/index.js.map +1 -0
- package/build/main//321/201omponents/ScrollBar/types.d.ts +20 -0
- package/build/main//321/201omponents/ScrollBar/types.js +2 -0
- package/build/main//321/201omponents/ScrollBar/types.js.map +1 -0
- package/build/main//321/201omponents/Skeleton/Skeleton.d.ts +4 -0
- package/build/main//321/201omponents/Skeleton/Skeleton.js +59 -0
- package/build/main//321/201omponents/Skeleton/Skeleton.js.map +1 -0
- package/build/main//321/201omponents/Skeleton/index.d.ts +1 -0
- package/build/main//321/201omponents/Skeleton/index.js +2 -0
- package/build/main//321/201omponents/Skeleton/index.js.map +1 -0
- package/build/main//321/201omponents/Skeleton/types.d.ts +17 -0
- package/build/main//321/201omponents/Skeleton/types.js +2 -0
- package/build/main//321/201omponents/Skeleton/types.js.map +1 -0
- package/build/main//321/201omponents/Stories/Stories.d.ts +4 -0
- package/build/main//321/201omponents/Stories/Stories.js +300 -0
- package/build/main//321/201omponents/Stories/Stories.js.map +1 -0
- package/build/main//321/201omponents/Stories/index.d.ts +1 -0
- package/build/main//321/201omponents/Stories/index.js +2 -0
- package/build/main//321/201omponents/Stories/index.js.map +1 -0
- package/build/main//321/201omponents/Stories/types.d.ts +70 -0
- package/build/main//321/201omponents/Stories/types.js +16 -0
- package/build/main//321/201omponents/Stories/types.js.map +1 -0
- package/build/main//321/201omponents/Switcher/Switcher.d.ts +4 -0
- package/build/main//321/201omponents/Switcher/Switcher.js +34 -0
- package/build/main//321/201omponents/Switcher/Switcher.js.map +1 -0
- package/build/main//321/201omponents/Switcher/index.d.ts +1 -0
- package/build/main//321/201omponents/Switcher/index.js +2 -0
- package/build/main//321/201omponents/Switcher/index.js.map +1 -0
- package/build/main//321/201omponents/Switcher/types.d.ts +8 -0
- package/build/main//321/201omponents/Switcher/types.js +2 -0
- package/build/main//321/201omponents/Switcher/types.js.map +1 -0
- package/build/main//321/201omponents/SyncLoader/SyncLoader.d.ts +5 -0
- package/build/main//321/201omponents/SyncLoader/SyncLoader.js +65 -0
- package/build/main//321/201omponents/SyncLoader/SyncLoader.js.map +1 -0
- package/build/main//321/201omponents/SyncLoader/index.d.ts +1 -0
- package/build/main//321/201omponents/SyncLoader/index.js +2 -0
- package/build/main//321/201omponents/SyncLoader/index.js.map +1 -0
- package/build/main//321/201omponents/SyncLoader/types.d.ts +9 -0
- package/build/main//321/201omponents/SyncLoader/types.js +2 -0
- package/build/main//321/201omponents/SyncLoader/types.js.map +1 -0
- package/build/main//321/201omponents/Textarea/Textarea.d.ts +4 -0
- package/build/main//321/201omponents/Textarea/Textarea.js +96 -0
- package/build/main//321/201omponents/Textarea/Textarea.js.map +1 -0
- package/build/main//321/201omponents/Textarea/index.d.ts +1 -0
- package/build/main//321/201omponents/Textarea/index.js +2 -0
- package/build/main//321/201omponents/Textarea/index.js.map +1 -0
- package/build/main//321/201omponents/Textarea/types.d.ts +12 -0
- package/build/main//321/201omponents/Textarea/types.js +2 -0
- package/build/main//321/201omponents/Textarea/types.js.map +1 -0
- package/build/main//321/201omponents/Toggle/Toggle.d.ts +4 -0
- package/build/main//321/201omponents/Toggle/Toggle.js +38 -0
- package/build/main//321/201omponents/Toggle/Toggle.js.map +1 -0
- package/build/main//321/201omponents/Toggle/index.d.ts +1 -0
- package/build/main//321/201omponents/Toggle/index.js +2 -0
- package/build/main//321/201omponents/Toggle/index.js.map +1 -0
- package/build/main//321/201omponents/Toggle/types.d.ts +12 -0
- package/build/main//321/201omponents/Toggle/types.js +2 -0
- package/build/main//321/201omponents/Toggle/types.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.d.ts +4 -0
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.js +32 -0
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/ContactInfo/ContactInfo.d.ts +4 -0
- package/build/main//321/201omponents/UserDropdown/ContactInfo/ContactInfo.js +82 -0
- package/build/main//321/201omponents/UserDropdown/ContactInfo/ContactInfo.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.d.ts +4 -0
- package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.js +23 -0
- package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.d.ts +4 -0
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js +132 -0
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.d.ts +3 -0
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js +97 -0
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/Option/Option.d.ts +4 -0
- package/build/main//321/201omponents/UserDropdown/Option/Option.js +93 -0
- package/build/main//321/201omponents/UserDropdown/Option/Option.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/SearchInCatalogButton/SearchInCatalogButton.d.ts +4 -0
- package/build/main//321/201omponents/UserDropdown/SearchInCatalogButton/SearchInCatalogButton.js +43 -0
- package/build/main//321/201omponents/UserDropdown/SearchInCatalogButton/SearchInCatalogButton.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/UserDropdown.d.ts +5 -0
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +484 -0
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/constants.d.ts +7 -0
- package/build/main//321/201omponents/UserDropdown/constants.js +9 -0
- package/build/main//321/201omponents/UserDropdown/constants.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/helpers.d.ts +98 -0
- package/build/main//321/201omponents/UserDropdown/helpers.js +146 -0
- package/build/main//321/201omponents/UserDropdown/helpers.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/index.d.ts +1 -0
- package/build/main//321/201omponents/UserDropdown/index.js +2 -0
- package/build/main//321/201omponents/UserDropdown/index.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/selectStyles.d.ts +15 -0
- package/build/main//321/201omponents/UserDropdown/selectStyles.js +80 -0
- package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/types.d.ts +251 -0
- package/build/main//321/201omponents/UserDropdown/types.js +9 -0
- package/build/main//321/201omponents/UserDropdown/types.js.map +1 -0
- package/build/main//321/201omponents/types.d.ts +2 -0
- package/build/main//321/201omponents/types.js +2 -0
- package/build/main//321/201omponents/types.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,218 @@
|
|
|
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, Fragment as _Fragment } from "react/jsx-runtime";
|
|
22
|
+
import { useEffect, useRef, useState } from 'react';
|
|
23
|
+
import { cssTransition, toast, ToastContainer } from 'react-toastify';
|
|
24
|
+
import classNames from 'classnames';
|
|
25
|
+
import juice from 'juice';
|
|
26
|
+
import DOMPurify from 'dompurify';
|
|
27
|
+
import { debounce } from 'lodash';
|
|
28
|
+
import Avatar from '../Avatar';
|
|
29
|
+
import { isFullScreen, isWebPlatform } from '../../helpers';
|
|
30
|
+
import { CANCEL_ACTION_TEXT, COLORS, LAYOUT_TYPE, MOBILE_NOTIFICATION_DISTANCE_FROM_BOTTOM, PLATFORM, THEME, WEB_NOTIFICATION_DISTANCE_FROM_BOTTOM, } from '../../constants';
|
|
31
|
+
import { AVATAR_SIZES } from '../Avatar/types';
|
|
32
|
+
import { ReactComponent as NotificationSuccessIcon } from '../../assets/icons/notification-success.svg';
|
|
33
|
+
import { ReactComponent as NotificationInfoIcon } from '../../assets/icons/notification-info.svg';
|
|
34
|
+
import { ReactComponent as NotificationWarningIcon } from '../../assets/icons/notification-warning.svg';
|
|
35
|
+
import { ReactComponent as NotificationErrorIcon } from '../../assets/icons/notification-error.svg';
|
|
36
|
+
import { ReactComponent as NotificationFailureIcon } from '../../assets/icons/notification-failure.svg';
|
|
37
|
+
import { ReactComponent as NotificationCloseIcon } from '../../assets/icons/notification-close.svg';
|
|
38
|
+
import { ReactComponent as MailIcon } from '../../assets/icons/mail.svg';
|
|
39
|
+
import { ReactComponent as UnreadMailsIcon } from '../../assets/icons/unread-mails.svg';
|
|
40
|
+
import '../../styles/styles.scss';
|
|
41
|
+
var AUTO_HIDDEN_CONTAINER_ID = 'autoHiddenContainerId';
|
|
42
|
+
var INDEFINITELY_CONTAINER_ID = 'indefinitelyContainerId';
|
|
43
|
+
var NOTIFICATION_HEIGHT = 66;
|
|
44
|
+
var MIN_CONTENT_HEIGHT = 19;
|
|
45
|
+
var TOP_ALIGN_CLASSNAME = 'smartapp-notification__content--top-align';
|
|
46
|
+
var ICON_TOP_ALIGN_CLASSNAME = 'smartapp-notification__icon--top-align';
|
|
47
|
+
var PADDING_VERTICAL_CLASSNAME = 'smartapp-notification__content--pv-2';
|
|
48
|
+
var TOAST_CONTAINER_CLASSNAME = 'Toastify__toast-container';
|
|
49
|
+
var TOAST_CONTAINER_FULL_SCREEN_CLASSNAME = 'Toastify__toast-container--full-screen';
|
|
50
|
+
var NOTIFICATION_TYPES = {
|
|
51
|
+
success: 'success',
|
|
52
|
+
info: 'info',
|
|
53
|
+
warning: 'warning',
|
|
54
|
+
error: 'error',
|
|
55
|
+
failure: 'failure',
|
|
56
|
+
mail: 'mail',
|
|
57
|
+
mailMulti: 'mail-multi',
|
|
58
|
+
custom: 'custom',
|
|
59
|
+
};
|
|
60
|
+
var NOTIFICATION_ICONS = function (iconColor) {
|
|
61
|
+
var _a;
|
|
62
|
+
return (_a = {},
|
|
63
|
+
_a[NOTIFICATION_TYPES.success] = _jsx(NotificationSuccessIcon, { style: { color: iconColor || COLORS.blue } }),
|
|
64
|
+
_a[NOTIFICATION_TYPES.info] = _jsx(NotificationInfoIcon, { style: { color: iconColor || COLORS.blue } }),
|
|
65
|
+
_a[NOTIFICATION_TYPES.warning] = _jsx(NotificationWarningIcon, {}),
|
|
66
|
+
_a[NOTIFICATION_TYPES.error] = _jsx(NotificationErrorIcon, {}),
|
|
67
|
+
_a[NOTIFICATION_TYPES.failure] = _jsx(NotificationFailureIcon, {}),
|
|
68
|
+
_a);
|
|
69
|
+
};
|
|
70
|
+
export var INDEFINITELY_FULL_SCREEN_POSITION = {
|
|
71
|
+
right: 'right',
|
|
72
|
+
left: 'left',
|
|
73
|
+
};
|
|
74
|
+
var Notification = function (_a) {
|
|
75
|
+
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, id = _a.id, _d = _a.type, type = _d === void 0 ? 'success' : _d, _e = _a.isAutoHidden, isAutoHidden = _e === void 0 ? true : _e, _f = _a.isCloseIconVisible, isCloseIconVisible = _f === void 0 ? false : _f, _g = _a.layoutType, layoutType = _g === void 0 ? LAYOUT_TYPE.minimal : _g, _h = _a.isAllIndefinitelyNeedToBeClosed, isAllIndefinitelyNeedToBeClosed = _h === void 0 ? false : _h, _j = _a.indefinitelyFullScreenPosition, indefinitelyFullScreenPosition = _j === void 0 ? 'right' : _j, _k = _a.hideDuration, hideDuration = _k === void 0 ? 3000 : _k, distanceFromBottom = _a.distanceFromBottom, containerClassName = _a.containerClassName, className = _a.className, containerStyles = _a.containerStyles, styles = _a.styles, title = _a.title, avatar = _a.avatar, text = _a.text, subText = _a.subText, iconColor = _a.iconColor, action = _a.action, onClose = _a.onClose, content = _a.content;
|
|
76
|
+
var contentRef = useRef(null);
|
|
77
|
+
var contentSpanRef = useRef(null);
|
|
78
|
+
var toastContainerRef = useRef(null);
|
|
79
|
+
var contentIconRef = useRef(null);
|
|
80
|
+
var isLayoutFullScreen = isFullScreen(layoutType);
|
|
81
|
+
var isBiggerGapInNotificationContent = isWebPlatform(platform) && layoutType !== LAYOUT_TYPE.minimal;
|
|
82
|
+
var _l = useState([]), indefinitelyIds = _l[0], setIndefinitelyIds = _l[1];
|
|
83
|
+
var calculateDistanceFromBottom = function () {
|
|
84
|
+
var defaultDistanceFromBottom = isWebPlatform(platform) ? WEB_NOTIFICATION_DISTANCE_FROM_BOTTOM : MOBILE_NOTIFICATION_DISTANCE_FROM_BOTTOM;
|
|
85
|
+
return distanceFromBottom || defaultDistanceFromBottom;
|
|
86
|
+
};
|
|
87
|
+
var notificationAnimation = cssTransition({
|
|
88
|
+
enter: 'notification-enter-animation',
|
|
89
|
+
exit: 'notification-exit-animation',
|
|
90
|
+
appendPosition: true,
|
|
91
|
+
});
|
|
92
|
+
var handleActionClick = function (_a) {
|
|
93
|
+
var notificationId = _a.notificationId, action = _a.action;
|
|
94
|
+
toast.dismiss(notificationId);
|
|
95
|
+
action && action();
|
|
96
|
+
};
|
|
97
|
+
var handleClickCloseIcon = function (_a) {
|
|
98
|
+
var event = _a.event, notificationId = _a.notificationId;
|
|
99
|
+
event.stopPropagation();
|
|
100
|
+
toast.dismiss(notificationId);
|
|
101
|
+
};
|
|
102
|
+
var createSanitizedHtml = function (str) {
|
|
103
|
+
var preparedHtml = juice(str);
|
|
104
|
+
var html = DOMPurify.sanitize(preparedHtml);
|
|
105
|
+
return { __html: html };
|
|
106
|
+
};
|
|
107
|
+
var renderCloseIcon = function (notificationId) {
|
|
108
|
+
return isCloseIconVisible && (_jsx("div", __assign({ ref: contentIconRef, className: "smartapp-notification__icon" }, { children: _jsx(NotificationCloseIcon, { onClick: function (event) { return handleClickCloseIcon({ event: event, notificationId: notificationId }); } }) })));
|
|
109
|
+
};
|
|
110
|
+
var renderMailNotificationContent = function (notificationId) { return (_jsxs("div", __assign({ onClick: function () { return handleActionClick({ notificationId: notificationId, action: action === null || action === void 0 ? void 0 : action.onClick }); } }, { children: [_jsxs("div", __assign({ className: "smartapp-notification__title" }, { children: [_jsxs("div", { children: [_jsx(MailIcon, {}), _jsx("div", { children: title })] }), _jsx(NotificationCloseIcon, { onClick: function (event) { return handleClickCloseIcon({ event: event, notificationId: notificationId }); } })] })), _jsxs("div", __assign({ className: "smartapp-notification__body" }, { children: [avatar && _jsx(Avatar, { size: AVATAR_SIZES.size_40, avatar: avatar.src, username: avatar.username }), _jsxs("div", __assign({ className: "smartapp-notification__body--text" }, { children: [text && _jsx("div", { children: text }), _jsx("div", { children: subText })] }))] }))] }))); };
|
|
111
|
+
var renderMultiMailNotificationContent = function (notificationId) { return (_jsxs("div", __assign({ className: "smartapp-notification__multi" }, { children: [_jsxs("div", __assign({ className: "smartapp-notification__multi--content" }, { children: [_jsx(UnreadMailsIcon, {}), _jsxs("div", __assign({ className: "smartapp-notification__multi--content__text" }, { children: [text && (_jsx("div", { children: _jsx("span", { dangerouslySetInnerHTML: createSanitizedHtml(text) }) })), (action === null || action === void 0 ? void 0 : action.text) && (_jsx("div", __assign({ className: "smartapp-notification__multi--content__action", onClick: function () { return handleActionClick({ notificationId: notificationId, action: action === null || action === void 0 ? void 0 : action.onClick }); } }, { children: action.text })))] }))] })), _jsx(NotificationCloseIcon, { className: "smartapp-notification__multi--close-icon", onClick: function (event) { return handleClickCloseIcon({ event: event, notificationId: notificationId }); } })] }))); };
|
|
112
|
+
var renderNotificationAction = function (_a) {
|
|
113
|
+
var notificationId = _a.notificationId, _b = _a.action, text = _b.text, color = _b.color, onClick = _b.onClick;
|
|
114
|
+
return (_jsx("div", __assign({ className: "smartapp-notification__content--action", style: { color: color }, onClick: function () { return handleActionClick({ notificationId: notificationId, action: onClick }); } }, { children: text || CANCEL_ACTION_TEXT })));
|
|
115
|
+
};
|
|
116
|
+
var renderNotificationContent = function (notificationId) {
|
|
117
|
+
switch (type) {
|
|
118
|
+
case NOTIFICATION_TYPES.mail:
|
|
119
|
+
return renderMailNotificationContent(notificationId);
|
|
120
|
+
case NOTIFICATION_TYPES.mailMulti:
|
|
121
|
+
return renderMultiMailNotificationContent(notificationId);
|
|
122
|
+
case NOTIFICATION_TYPES.custom:
|
|
123
|
+
return content || _jsx("div", {});
|
|
124
|
+
default:
|
|
125
|
+
return (_jsxs("div", __assign({ className: classNames('smartapp-notification', {
|
|
126
|
+
'smartapp-notification--close-icon-visible': isCloseIconVisible,
|
|
127
|
+
}) }, { children: [NOTIFICATION_ICONS(iconColor)[type], _jsxs("div", __assign({ ref: contentRef, className: classNames('smartapp-notification__content', {
|
|
128
|
+
'smartapp-notification__content--column-direction': action === null || action === void 0 ? void 0 : action.isLocatedAtBottom,
|
|
129
|
+
}) }, { children: [text && (_jsx("div", { children: _jsx("span", { ref: contentSpanRef, dangerouslySetInnerHTML: createSanitizedHtml(text) }) })), action && renderNotificationAction({ notificationId: notificationId, action: action })] })), renderCloseIcon(notificationId)] })));
|
|
130
|
+
}
|
|
131
|
+
};
|
|
132
|
+
var renderToastContainer = function (_a) {
|
|
133
|
+
var containerId = _a.containerId, distanceFromBottom = _a.distanceFromBottom;
|
|
134
|
+
var isIndefinitelyContainer = containerId === INDEFINITELY_CONTAINER_ID;
|
|
135
|
+
var fullScreenPosition = isIndefinitelyContainer ? "bottom-".concat(indefinitelyFullScreenPosition) : 'top-right';
|
|
136
|
+
return (_jsx(ToastContainer, { ref: toastContainerRef, enableMultiContainer: true, containerId: containerId, hideProgressBar: true, draggable: false, closeButton: false, pauseOnHover: false, pauseOnFocusLoss: false, closeOnClick: false, className: classNames("Toastify__toast-container--".concat(theme), {
|
|
137
|
+
'Toastify__toast-container--bigger-gap': isBiggerGapInNotificationContent,
|
|
138
|
+
'Toastify__toast-container--full-screen': isLayoutFullScreen,
|
|
139
|
+
'Toastify__toast-container--full-screen__indefinitely-right': isLayoutFullScreen && isIndefinitelyContainer && indefinitelyFullScreenPosition === INDEFINITELY_FULL_SCREEN_POSITION.right,
|
|
140
|
+
'Toastify__toast-container--full-screen__indefinitely-left': isLayoutFullScreen && isIndefinitelyContainer && indefinitelyFullScreenPosition === INDEFINITELY_FULL_SCREEN_POSITION.left,
|
|
141
|
+
}, containerClassName), style: __assign({ '--distance-from-bottom': "".concat(distanceFromBottom, "px") }, containerStyles), transition: notificationAnimation, position: isLayoutFullScreen ? fullScreenPosition : 'bottom-center' }));
|
|
142
|
+
};
|
|
143
|
+
var handleAddContentResizeObserver = function () {
|
|
144
|
+
var contentRefCurrent = contentRef.current;
|
|
145
|
+
var contentSpanRefCurrent = contentSpanRef.current;
|
|
146
|
+
var contentSpanParentElement = contentSpanRefCurrent === null || contentSpanRefCurrent === void 0 ? void 0 : contentSpanRefCurrent.parentElement;
|
|
147
|
+
var toastContainerElement = contentRefCurrent === null || contentRefCurrent === void 0 ? void 0 : contentRefCurrent.closest(".".concat(TOAST_CONTAINER_CLASSNAME));
|
|
148
|
+
var contentIconRefCurrent = contentIconRef.current;
|
|
149
|
+
if (!contentRefCurrent || !contentSpanRefCurrent || !contentSpanParentElement || !toastContainerElement)
|
|
150
|
+
return null;
|
|
151
|
+
var contentRefClassList = contentRefCurrent.classList;
|
|
152
|
+
var contentIconRefClassList = contentIconRefCurrent === null || contentIconRefCurrent === void 0 ? void 0 : contentIconRefCurrent.classList;
|
|
153
|
+
var resizeObserver = new ResizeObserver(debounce(function () {
|
|
154
|
+
var _a;
|
|
155
|
+
var _b = contentSpanRefCurrent.getBoundingClientRect(), spanWidth = _b.width, spanHeight = _b.height;
|
|
156
|
+
var contentHeight = ((_a = contentRefCurrent.firstElementChild) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height) || 0;
|
|
157
|
+
var spanParentWidth = toastContainerElement.classList.contains(TOAST_CONTAINER_FULL_SCREEN_CLASSNAME) ? "".concat(spanWidth, "px") : '';
|
|
158
|
+
if (contentHeight > MIN_CONTENT_HEIGHT) {
|
|
159
|
+
contentRefClassList.add(TOP_ALIGN_CLASSNAME);
|
|
160
|
+
contentIconRefClassList === null || contentIconRefClassList === void 0 ? void 0 : contentIconRefClassList.add(ICON_TOP_ALIGN_CLASSNAME);
|
|
161
|
+
}
|
|
162
|
+
else {
|
|
163
|
+
contentRefClassList.remove(TOP_ALIGN_CLASSNAME);
|
|
164
|
+
contentIconRefClassList === null || contentIconRefClassList === void 0 ? void 0 : contentIconRefClassList.remove(ICON_TOP_ALIGN_CLASSNAME);
|
|
165
|
+
}
|
|
166
|
+
type === NOTIFICATION_TYPES.failure && spanHeight > MIN_CONTENT_HEIGHT
|
|
167
|
+
? contentRefClassList.remove(PADDING_VERTICAL_CLASSNAME)
|
|
168
|
+
: contentRefClassList.add(PADDING_VERTICAL_CLASSNAME);
|
|
169
|
+
contentSpanParentElement.style.width = spanParentWidth;
|
|
170
|
+
}));
|
|
171
|
+
resizeObserver.observe(contentRefCurrent);
|
|
172
|
+
return resizeObserver;
|
|
173
|
+
};
|
|
174
|
+
useEffect(function () {
|
|
175
|
+
if (id) {
|
|
176
|
+
var contentResizeObserver_1;
|
|
177
|
+
if (toast.isActive(id))
|
|
178
|
+
return toast.update(id, {
|
|
179
|
+
containerId: AUTO_HIDDEN_CONTAINER_ID,
|
|
180
|
+
autoClose: hideDuration,
|
|
181
|
+
render: renderNotificationContent(id),
|
|
182
|
+
});
|
|
183
|
+
!isAutoHidden && setIndefinitelyIds(function (prevIds) { return __spreadArray(__spreadArray([], prevIds, true), [id], false); });
|
|
184
|
+
toast(renderNotificationContent(id), {
|
|
185
|
+
containerId: !isAutoHidden ? INDEFINITELY_CONTAINER_ID : AUTO_HIDDEN_CONTAINER_ID,
|
|
186
|
+
toastId: id,
|
|
187
|
+
autoClose: isAutoHidden ? hideDuration : false,
|
|
188
|
+
className: classNames("Toastify__toast--".concat(type), className),
|
|
189
|
+
style: styles,
|
|
190
|
+
onOpen: function () { return (contentResizeObserver_1 = handleAddContentResizeObserver()); },
|
|
191
|
+
onClose: function () {
|
|
192
|
+
onClose === null || onClose === void 0 ? void 0 : onClose(id);
|
|
193
|
+
contentResizeObserver_1 === null || contentResizeObserver_1 === void 0 ? void 0 : contentResizeObserver_1.disconnect();
|
|
194
|
+
},
|
|
195
|
+
});
|
|
196
|
+
}
|
|
197
|
+
// eslint-disable-next-line
|
|
198
|
+
}, [id, hideDuration]);
|
|
199
|
+
useEffect(function () {
|
|
200
|
+
if (isAllIndefinitelyNeedToBeClosed) {
|
|
201
|
+
indefinitelyIds.forEach(function (indefinitelyId) { return toast.dismiss(indefinitelyId); });
|
|
202
|
+
}
|
|
203
|
+
}, [indefinitelyIds, isAllIndefinitelyNeedToBeClosed]);
|
|
204
|
+
useEffect(function () {
|
|
205
|
+
if (isAllIndefinitelyNeedToBeClosed) {
|
|
206
|
+
setIndefinitelyIds([]);
|
|
207
|
+
}
|
|
208
|
+
}, [isAllIndefinitelyNeedToBeClosed]);
|
|
209
|
+
return (_jsxs(_Fragment, { children: [renderToastContainer({
|
|
210
|
+
containerId: AUTO_HIDDEN_CONTAINER_ID,
|
|
211
|
+
distanceFromBottom: calculateDistanceFromBottom() + indefinitelyIds.length * NOTIFICATION_HEIGHT,
|
|
212
|
+
}), renderToastContainer({
|
|
213
|
+
containerId: INDEFINITELY_CONTAINER_ID,
|
|
214
|
+
distanceFromBottom: calculateDistanceFromBottom(),
|
|
215
|
+
})] }));
|
|
216
|
+
};
|
|
217
|
+
export default Notification;
|
|
218
|
+
//# sourceMappingURL=Notification.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../../src/сomponents/Notification/Notification.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Notification';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Notification/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import React, { ReactElement } from 'react';
|
|
2
|
+
import { ICommonProps, ILayoutTypeProps, TStyles } from '../../constants';
|
|
3
|
+
export type THandleActionClick = {
|
|
4
|
+
notificationId: string;
|
|
5
|
+
action?: () => void;
|
|
6
|
+
};
|
|
7
|
+
export type THandleClickCloseIcon = {
|
|
8
|
+
event: React.MouseEvent;
|
|
9
|
+
notificationId: string;
|
|
10
|
+
};
|
|
11
|
+
export type TRenderToastContainer = {
|
|
12
|
+
containerId: string;
|
|
13
|
+
distanceFromBottom: number;
|
|
14
|
+
};
|
|
15
|
+
export type TNotificationAction = {
|
|
16
|
+
isLocatedAtBottom?: boolean;
|
|
17
|
+
text?: string;
|
|
18
|
+
color?: string;
|
|
19
|
+
onClick: () => void;
|
|
20
|
+
};
|
|
21
|
+
export interface INotificationProps extends ICommonProps, ILayoutTypeProps {
|
|
22
|
+
id: string;
|
|
23
|
+
type?: 'success' | 'info' | 'warning' | 'error' | 'failure' | 'mail' | 'mail-multi' | 'custom';
|
|
24
|
+
isAutoHidden?: boolean;
|
|
25
|
+
isCloseIconVisible?: boolean;
|
|
26
|
+
isAllIndefinitelyNeedToBeClosed?: boolean;
|
|
27
|
+
indefinitelyFullScreenPosition?: 'right' | 'left';
|
|
28
|
+
hideDuration?: number;
|
|
29
|
+
distanceFromBottom?: number;
|
|
30
|
+
containerClassName?: string;
|
|
31
|
+
className?: string;
|
|
32
|
+
containerStyles?: TStyles;
|
|
33
|
+
styles?: TStyles;
|
|
34
|
+
title?: string;
|
|
35
|
+
avatar?: {
|
|
36
|
+
src?: string;
|
|
37
|
+
username: string;
|
|
38
|
+
};
|
|
39
|
+
text?: string;
|
|
40
|
+
subText?: string;
|
|
41
|
+
iconColor?: string;
|
|
42
|
+
action?: TNotificationAction;
|
|
43
|
+
content?: ReactElement;
|
|
44
|
+
onClose?: (id?: string) => void;
|
|
45
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Notification/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { IProfileProps } from './types';
|
|
2
|
+
import '../../styles/styles.scss';
|
|
3
|
+
declare const Profile: ({ username, email, isShowProfile, onChange, onClickLogout, isMultipleProfile, onClickAddProfile, width, logoutColor, addProfileColor, addProfileBackgroundColor, }: IProfileProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export default Profile;
|
|
@@ -0,0 +1,42 @@
|
|
|
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 { ReactComponent as LogoutIcon } from '../../assets/icons/logout.svg';
|
|
15
|
+
import { ReactComponent as AddProfileIcon } from '../../assets/icons/plus.svg';
|
|
16
|
+
import { generateColor } from '../../helpers';
|
|
17
|
+
import { COLORS } from '../../constants';
|
|
18
|
+
import '../../styles/styles.scss';
|
|
19
|
+
var Profile = function (_a) {
|
|
20
|
+
var _b, _c, _d;
|
|
21
|
+
var username = _a.username, email = _a.email, _e = _a.isShowProfile, isShowProfile = _e === void 0 ? false : _e, _f = _a.onChange, onChange = _f === void 0 ? function () { return undefined; } : _f, onClickLogout = _a.onClickLogout, isMultipleProfile = _a.isMultipleProfile, onClickAddProfile = _a.onClickAddProfile, _g = _a.width, width = _g === void 0 ? 100 : _g, logoutColor = _a.logoutColor, addProfileColor = _a.addProfileColor, addProfileBackgroundColor = _a.addProfileBackgroundColor;
|
|
22
|
+
var ref = useRef(null);
|
|
23
|
+
var initials = (_d = (_c = (_b = username === null || username === void 0 ? void 0 : username.split(' ')) === null || _b === void 0 ? void 0 : _b.map(function (n) { return n[0]; })) === null || _c === void 0 ? void 0 : _c.join('.')) === null || _d === void 0 ? void 0 : _d.toUpperCase();
|
|
24
|
+
useEffect(function () {
|
|
25
|
+
var checkIfClickedOutside = function (e) {
|
|
26
|
+
var _a;
|
|
27
|
+
if (isShowProfile && (ref === null || ref === void 0 ? void 0 : ref.current) && !((_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.contains(e === null || e === void 0 ? void 0 : e.target))) {
|
|
28
|
+
onChange(false);
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
document.addEventListener('mousedown', checkIfClickedOutside);
|
|
32
|
+
return function () {
|
|
33
|
+
document.removeEventListener('mousedown', checkIfClickedOutside);
|
|
34
|
+
};
|
|
35
|
+
}, [isShowProfile, onChange]);
|
|
36
|
+
return (_jsxs("div", __assign({ ref: ref, className: "smartapp-profile__container" }, { children: [_jsx("div", __assign({ onClick: function () { return onChange(!isShowProfile); }, className: "smartapp-profile__avatar" }, { children: initials })), isShowProfile && (_jsxs("div", __assign({ style: { width: "".concat(width, "%") }, className: "smartapp-profile" }, { children: [_jsxs("div", __assign({ className: "smartapp-profile__current-profile" }, { children: [_jsxs("div", __assign({ className: "smartapp-profile__current-profile--info" }, { children: [_jsx("div", __assign({ className: "smartapp-profile__avatar" }, { children: initials })), _jsxs("div", __assign({ className: "smartapp-profile__current-profile--info__data" }, { children: [_jsx("p", __assign({ className: "smartapp-profile__current-profile--info__data--username" }, { children: username })), email && _jsx("p", __assign({ className: "smartapp-profile__current-profile--info__data--email" }, { children: email }))] }))] })), _jsx("div", __assign({ onClick: onClickLogout, className: "smartapp-profile__current-profile--logout" }, { children: _jsx(LogoutIcon, { style: { color: generateColor(logoutColor, COLORS.blue) } }) }))] })), isMultipleProfile && (_jsxs("div", __assign({ onClick: onClickAddProfile, className: "smartapp-profile__add-profile" }, { children: [_jsx("div", __assign({ className: "smartapp-profile__add-profile--icon" }, { children: _jsx(AddProfileIcon, { style: {
|
|
37
|
+
stroke: generateColor(addProfileColor, COLORS.blue),
|
|
38
|
+
color: generateColor(addProfileBackgroundColor, COLORS.lighterBlue),
|
|
39
|
+
} }) })), _jsx("p", __assign({ className: "smartapp-profile__add-profile--title" }, { children: "\u0414\u043E\u0431\u0430\u0432\u044C\u0442\u0435 \u0430\u043A\u043A\u0430\u0443\u043D\u0442" }))] })))] })))] })));
|
|
40
|
+
};
|
|
41
|
+
export default Profile;
|
|
42
|
+
//# sourceMappingURL=Profile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Profile.js","sourceRoot":"","sources":["../../../../src/сomponents/Profile/Profile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Profile';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Profile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { IntRange } from '../types';
|
|
2
|
+
export interface IProfileProps {
|
|
3
|
+
username: string;
|
|
4
|
+
email?: string;
|
|
5
|
+
isShowProfile: boolean;
|
|
6
|
+
onChange: (isShowProfile: boolean) => void;
|
|
7
|
+
onClickLogout?: () => void;
|
|
8
|
+
isMultipleProfile?: boolean;
|
|
9
|
+
onClickAddProfile?: () => void;
|
|
10
|
+
width?: IntRange<1, 101>;
|
|
11
|
+
logoutColor?: string;
|
|
12
|
+
addProfileColor?: string;
|
|
13
|
+
addProfileBackgroundColor?: string;
|
|
14
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Profile/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,66 @@
|
|
|
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, useState } from 'react';
|
|
14
|
+
import classNames from 'classnames';
|
|
15
|
+
import { generateId } from '../../helpers';
|
|
16
|
+
import '../../styles/styles.scss';
|
|
17
|
+
var PROGRESS_LOOP_INTERVAL = 10;
|
|
18
|
+
var DOTS_BLINKING_ANIMATION_INTERVAL = 200;
|
|
19
|
+
var DOTS_ANIMATION_INTERVAL = 450;
|
|
20
|
+
var PROGRESS_LOOP_ITERATION_PAUSE = 1000;
|
|
21
|
+
var PROGRESS_LOOP_MIN_VALUE = -100;
|
|
22
|
+
var PROGRESS_LOOP_MAX_VALUE = 100;
|
|
23
|
+
var TITLE_DOTS_LOOP_MIN_VALUE = 0;
|
|
24
|
+
var TITLE_DOTS_LOOP_MAX_VALUE = 3;
|
|
25
|
+
var ProgressBar = function (_a) {
|
|
26
|
+
var _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.isShowDotsInTitle, isShowDotsInTitle = _c === void 0 ? true : _c, className = _a.className, styles = _a.styles;
|
|
27
|
+
var _d = useState(false), isPaused = _d[0], setIsPaused = _d[1];
|
|
28
|
+
var _e = useState(true), isTitleDotsBlink = _e[0], setIsTitleDotsBlink = _e[1];
|
|
29
|
+
var _f = useState(0), loadedPartPosition = _f[0], setLoadedPartPosition = _f[1];
|
|
30
|
+
var _g = useState(TITLE_DOTS_LOOP_MIN_VALUE), titleDotsAnimationState = _g[0], setTitleDotsAnimationState = _g[1];
|
|
31
|
+
useEffect(function () {
|
|
32
|
+
var interval = setInterval(function () {
|
|
33
|
+
if (!isPaused) {
|
|
34
|
+
setLoadedPartPosition(function (prev) {
|
|
35
|
+
if (prev >= PROGRESS_LOOP_MAX_VALUE) {
|
|
36
|
+
setIsPaused(true);
|
|
37
|
+
setTimeout(function () { return setIsPaused(false); }, PROGRESS_LOOP_ITERATION_PAUSE);
|
|
38
|
+
return PROGRESS_LOOP_MIN_VALUE;
|
|
39
|
+
}
|
|
40
|
+
return prev + 1;
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
}, PROGRESS_LOOP_INTERVAL);
|
|
44
|
+
return function () { return clearInterval(interval); };
|
|
45
|
+
}, [isPaused]);
|
|
46
|
+
useEffect(function () {
|
|
47
|
+
if (isShowDotsInTitle) {
|
|
48
|
+
var interval_1 = setInterval(function () { return setTitleDotsAnimationState(function (prev) { return (prev === TITLE_DOTS_LOOP_MAX_VALUE ? TITLE_DOTS_LOOP_MIN_VALUE : prev + 1); }); }, DOTS_ANIMATION_INTERVAL);
|
|
49
|
+
return function () { return clearInterval(interval_1); };
|
|
50
|
+
}
|
|
51
|
+
}, [isShowDotsInTitle]);
|
|
52
|
+
useEffect(function () {
|
|
53
|
+
if (isShowDotsInTitle) {
|
|
54
|
+
var blinkingInterval_1 = setInterval(function () { return setIsTitleDotsBlink(!isTitleDotsBlink); }, DOTS_BLINKING_ANIMATION_INTERVAL);
|
|
55
|
+
return function () { return clearInterval(blinkingInterval_1); };
|
|
56
|
+
}
|
|
57
|
+
}, [isShowDotsInTitle, isTitleDotsBlink]);
|
|
58
|
+
var generateStylesForProgressBar = function () { return ({ left: "".concat(loadedPartPosition, "%") }); };
|
|
59
|
+
var renderTitleDotsAnimation = function () { return Array.from({ length: titleDotsAnimationState }).map(function () { return _jsx("span", { children: "." }, generateId()); }); };
|
|
60
|
+
return (_jsxs("div", __assign({ className: classNames('smartapp-progress-bar', className), style: styles }, { children: [title && (_jsxs("div", __assign({ className: "smartapp-progress-bar__title" }, { children: [_jsx("span", { children: title }), isShowDotsInTitle && (_jsx("div", __assign({ className: classNames('smartapp-progress-bar__title--dots-container', {
|
|
61
|
+
'smartapp-progress-bar__title--dots-container__light': !isTitleDotsBlink,
|
|
62
|
+
'smartapp-progress-bar__title--dots-container__hidden': titleDotsAnimationState === TITLE_DOTS_LOOP_MAX_VALUE,
|
|
63
|
+
}) }, { children: renderTitleDotsAnimation() })))] }))), _jsx("div", __assign({ className: "smartapp-progress-bar__background" }, { children: _jsx("div", { className: "smartapp-progress-bar__background--loaded", style: generateStylesForProgressBar() }) }))] })));
|
|
64
|
+
};
|
|
65
|
+
export default ProgressBar;
|
|
66
|
+
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../src/сomponents/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,0BAA0B,CAAA;AAEjC,IAAM,sBAAsB,GAAG,EAAE,CAAA;AACjC,IAAM,gCAAgC,GAAG,GAAG,CAAA;AAC5C,IAAM,uBAAuB,GAAG,GAAG,CAAA;AACnC,IAAM,6BAA6B,GAAG,IAAI,CAAA;AAC1C,IAAM,uBAAuB,GAAG,CAAC,GAAG,CAAA;AACpC,IAAM,uBAAuB,GAAG,GAAG,CAAA;AACnC,IAAM,yBAAyB,GAAG,CAAC,CAAA;AACnC,IAAM,yBAAyB,GAAG,CAAC,CAAA;AAEnC,IAAM,WAAW,GAAG,UAAC,EAA8E;QAA5E,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA;IACtE,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAA;IACzC,IAAA,KAA0C,QAAQ,CAAC,IAAI,CAAC,EAAvD,gBAAgB,QAAA,EAAE,mBAAmB,QAAkB,CAAA;IACxD,IAAA,KAA8C,QAAQ,CAAC,CAAC,CAAC,EAAxD,kBAAkB,QAAA,EAAE,qBAAqB,QAAe,CAAA;IACzD,IAAA,KAAwD,QAAQ,CAAC,yBAAyB,CAAC,EAA1F,uBAAuB,QAAA,EAAE,0BAA0B,QAAuC,CAAA;IAEjG,SAAS,CAAC;QACR,IAAM,QAAQ,GAAG,WAAW,CAAC;YAC3B,IAAI,CAAC,QAAQ,EAAE;gBACb,qBAAqB,CAAC,UAAC,IAAI;oBACzB,IAAI,IAAI,IAAI,uBAAuB,EAAE;wBACnC,WAAW,CAAC,IAAI,CAAC,CAAA;wBACjB,UAAU,CAAC,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,EAAE,6BAA6B,CAAC,CAAA;wBACnE,OAAO,uBAAuB,CAAA;qBAC/B;oBACD,OAAO,IAAI,GAAG,CAAC,CAAA;gBACjB,CAAC,CAAC,CAAA;aACH;QACH,CAAC,EAAE,sBAAsB,CAAC,CAAA;QAE1B,OAAO,cAAM,OAAA,aAAa,CAAC,QAAQ,CAAC,EAAvB,CAAuB,CAAA;IACtC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,SAAS,CAAC;QACR,IAAI,iBAAiB,EAAE;YACrB,IAAM,UAAQ,GAAG,WAAW,CAC1B,cAAM,OAAA,0BAA0B,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,KAAK,yBAAyB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,EAA3E,CAA2E,CAAC,EAAjH,CAAiH,EACvH,uBAAuB,CACxB,CAAA;YAED,OAAO,cAAM,OAAA,aAAa,CAAC,UAAQ,CAAC,EAAvB,CAAuB,CAAA;SACrC;IACH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAEvB,SAAS,CAAC;QACR,IAAI,iBAAiB,EAAE;YACrB,IAAM,kBAAgB,GAAG,WAAW,CAAC,cAAM,OAAA,mBAAmB,CAAC,CAAC,gBAAgB,CAAC,EAAtC,CAAsC,EAAE,gCAAgC,CAAC,CAAA;YACpH,OAAO,cAAM,OAAA,aAAa,CAAC,kBAAgB,CAAC,EAA/B,CAA+B,CAAA;SAC7C;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAEzC,IAAM,4BAA4B,GAAG,cAAM,OAAA,CAAC,EAAE,IAAI,EAAE,UAAG,kBAAkB,MAAG,EAAE,CAAC,EAApC,CAAoC,CAAA;IAC/E,IAAM,wBAAwB,GAAG,cAAM,OAAA,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,uBAAuB,EAAE,CAAC,CAAC,GAAG,CAAC,cAAM,OAAA,gCAAW,UAAU,EAAE,CAAU,EAAjC,CAAiC,CAAC,EAA5F,CAA4F,CAAA;IAEnI,OAAO,CACL,wBAAK,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,iBAC1E,KAAK,IAAI,CACR,wBAAK,SAAS,EAAC,8BAA8B,iBAC3C,yBAAO,KAAK,GAAQ,EACnB,iBAAiB,IAAI,CACpB,uBACE,SAAS,EAAE,UAAU,CAAC,8CAA8C,EAAE;4BACpE,qDAAqD,EAAE,CAAC,gBAAgB;4BACxE,sDAAsD,EAAE,uBAAuB,KAAK,yBAAyB;yBAC9G,CAAC,gBAED,wBAAwB,EAAE,IACvB,CACP,KACG,CACP,EACD,uBAAK,SAAS,EAAC,mCAAmC,gBAChD,cAAK,SAAS,EAAC,2CAA2C,EAAC,KAAK,EAAE,4BAA4B,EAAE,GAAI,IAChG,KACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './ProgressBar';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/ProgressBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/ProgressBar/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { IRadioButtonProps } from './types';
|
|
2
|
+
import '../../styles/styles.scss';
|
|
3
|
+
declare const RadioButton: ({ id, isDisabled, isChecked, className, styles, checkedColor, checkedHoverColor, checkedPressedColor, onChange, }: IRadioButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export default RadioButton;
|
|
@@ -0,0 +1,37 @@
|
|
|
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 } from "react/jsx-runtime";
|
|
13
|
+
import { useEffect, useRef } from 'react';
|
|
14
|
+
import classNames from 'classnames';
|
|
15
|
+
import { COLORS } from '../../constants';
|
|
16
|
+
import { generateColor } from '../../helpers';
|
|
17
|
+
import '../../styles/styles.scss';
|
|
18
|
+
var RadioButton = function (_a) {
|
|
19
|
+
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, onChange = _a.onChange;
|
|
20
|
+
var radioButtonRef = useRef(null);
|
|
21
|
+
useEffect(function () {
|
|
22
|
+
document.documentElement.style.setProperty('--radio-button-color', generateColor(checkedColor, COLORS.blue));
|
|
23
|
+
document.documentElement.style.setProperty('--radio-button-hover-color', generateColor(checkedHoverColor, COLORS.darkBlue));
|
|
24
|
+
document.documentElement.style.setProperty('--radio-button-pressed-color', generateColor(checkedPressedColor, COLORS.darkerBlue));
|
|
25
|
+
}, [checkedColor, 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 = radioButtonRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('smartapp-radio-button__pressed'); };
|
|
33
|
+
var handleMouseUp = function () { var _a; return (_a = radioButtonRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('smartapp-radio-button__pressed'); };
|
|
34
|
+
return (_jsx("div", __assign({ ref: radioButtonRef, className: classNames('smartapp-radio-button', className), style: styles }, { children: _jsx("label", __assign({ htmlFor: "smartapp-radio-button-".concat(id), onClick: onChange, onMouseDown: handleMouseDown }, { children: _jsx("input", { type: "radio", id: "smartapp-radio-button-".concat(id), checked: isChecked, disabled: isDisabled }) })) })));
|
|
35
|
+
};
|
|
36
|
+
export default RadioButton;
|
|
37
|
+
//# sourceMappingURL=RadioButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/сomponents/RadioButton/RadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,OAAO,0BAA0B,CAAA;AAEjC,IAAM,WAAW,GAAG,UAAC,EAUD;QATlB,EAAE,QAAA,EACF,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA,EACT,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,iBAAiB,uBAAA,EACjB,mBAAmB,yBAAA,EACnB,QAAQ,cAAA;IAER,IAAM,cAAc,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAE1D,SAAS,CAAC;QACR,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,aAAa,CAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;QAC5G,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,aAAa,CAAC,iBAAiB,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;QAC3H,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,8BAA8B,EAAE,aAAa,CAAC,mBAAmB,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAA;IACnI,CAAC,EAAE,CAAC,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAE1D,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAEjD,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,sBAAM,OAAA,MAAA,cAAc,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAA,EAAA,CAAA;IACrG,IAAM,aAAa,GAAG,sBAAM,OAAA,MAAA,cAAc,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,gCAAgC,CAAC,CAAA,EAAA,CAAA;IAEtG,OAAO,CACL,uBAAK,GAAG,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,gBAChG,yBAAO,OAAO,EAAE,gCAAyB,EAAE,CAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,gBAC5F,gBAAO,IAAI,EAAC,OAAO,EAAC,EAAE,EAAE,gCAAyB,EAAE,CAAE,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,GAAI,IAC7F,IACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './RadioButton';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/RadioButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { TStyles } from '../../constants';
|
|
2
|
+
export interface IRadioButtonProps {
|
|
3
|
+
id: string;
|
|
4
|
+
isDisabled?: boolean;
|
|
5
|
+
isChecked?: boolean;
|
|
6
|
+
className?: string;
|
|
7
|
+
styles?: TStyles;
|
|
8
|
+
checkedColor?: string;
|
|
9
|
+
checkedHoverColor?: string;
|
|
10
|
+
checkedPressedColor?: string;
|
|
11
|
+
onChange: () => void;
|
|
12
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/RadioButton/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { IScrollBarProps } from './types';
|
|
2
|
+
import '../../styles/styles.scss';
|
|
3
|
+
export declare const DEFAULT_SCROLL_BAR_HEIGHT = "100%";
|
|
4
|
+
declare const ScrollBar: ({ platform, contentId, content, handleScroll, hideDuration, containerHeight, trackHeight, containerClassName, containerStyles, scrollbarRef, containerScrollRef, ...restProps }: IScrollBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export default ScrollBar;
|