@expressms/smartapp-ui 2.8.7-alpha.1 → 2.8.7-alpha.3
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/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/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/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/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/storybook/index.d.ts +21 -0
- package/build/main/assets/storybook/index.js +22 -0
- package/build/main/assets/storybook/index.js.map +1 -0
- package/build/main/constants/constants.d.ts +150 -0
- package/build/main/constants/constants.js +170 -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 +24 -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 +22 -0
- package/build/main/helpers/index.js +89 -0
- package/build/main/helpers/index.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 +134 -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 +57 -0
- package/build/main//321/201omponents/Avatar/types.js +28 -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 +57 -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 +22 -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 +95 -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 +35 -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 +13 -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 +82 -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 +32 -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 +57 -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 +127 -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 +61 -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 +124 -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 +125 -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 +32 -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 +217 -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 +31 -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 +76 -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 +81 -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 +40 -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 +91 -0
- package/build/main//321/201omponents/UserDropdown/Option/Option.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/UserDropdown.d.ts +5 -0
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +434 -0
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/helpers.d.ts +94 -0
- package/build/main//321/201omponents/UserDropdown/helpers.js +93 -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 +75 -0
- package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/types.d.ts +194 -0
- package/build/main//321/201omponents/UserDropdown/types.js +2 -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 +2 -2
|
@@ -0,0 +1,44 @@
|
|
|
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 { cloneElement } from 'react';
|
|
14
|
+
import classNames from 'classnames';
|
|
15
|
+
import { COLORS, FONT_SIZE, LINE_HEIGHT, THEME } from '../../constants';
|
|
16
|
+
import { generateColor, isDarkTheme } from '../../helpers';
|
|
17
|
+
import { ReactComponent as LoaderIcon } from '../../assets/icons/loader.svg';
|
|
18
|
+
import '../../styles/styles.scss';
|
|
19
|
+
var Loader = function (_a) {
|
|
20
|
+
var isLoader = _a.isLoader, _b = _a.isFullScreen, isFullScreen = _b === void 0 ? true : _b, _c = _a.isTextItalic, isTextItalic = _c === void 0 ? false : _c, title = _a.title, _d = _a.textSize, textSize = _d === void 0 ? 'small' : _d, _e = _a.width, width = _e === void 0 ? 150 : _e, _f = _a.iconSize, iconSize = _f === void 0 ? 25 : _f, containerClassName = _a.containerClassName, className = _a.className, containerStyles = _a.containerStyles, styles = _a.styles, color = _a.color, backgroundColor = _a.backgroundColor, _g = _a.theme, theme = _g === void 0 ? THEME.default : _g, _h = _a.icon, icon = _h === void 0 ? _jsx(LoaderIcon, {}) : _h;
|
|
21
|
+
var loaderColor = generateColor(color, COLORS.blue);
|
|
22
|
+
var generateTextStyles = function () { return ({
|
|
23
|
+
fontSize: FONT_SIZE[textSize],
|
|
24
|
+
fontStyle: isTextItalic ? 'italic' : 'normal',
|
|
25
|
+
lineHeight: LINE_HEIGHT[textSize],
|
|
26
|
+
}); };
|
|
27
|
+
var generateBackgroundColor = function () {
|
|
28
|
+
var colorForDefaultTheme = isFullScreen ? COLORS.lighterGray : COLORS.white;
|
|
29
|
+
var defaultColor = isDarkTheme(theme) ? COLORS.white3 : colorForDefaultTheme;
|
|
30
|
+
return generateColor(backgroundColor, defaultColor);
|
|
31
|
+
};
|
|
32
|
+
if (!isLoader) {
|
|
33
|
+
return null;
|
|
34
|
+
}
|
|
35
|
+
var iconProps = {
|
|
36
|
+
className: 'smartapp-loader__icon',
|
|
37
|
+
width: iconSize,
|
|
38
|
+
height: iconSize,
|
|
39
|
+
style: { color: loaderColor },
|
|
40
|
+
};
|
|
41
|
+
return (_jsx("div", __assign({ className: classNames('smartapp-loader-wrapper', { 'smartapp-loader-wrapper__full-screen': isFullScreen }, containerClassName), style: __assign({ background: generateBackgroundColor() }, containerStyles) }, { children: _jsxs("div", __assign({ className: classNames('smartapp-loader', className), style: __assign({ width: "".concat(width, "px") }, styles) }, { children: [cloneElement(icon, iconProps), title && (_jsx("p", __assign({ className: "smartapp-loader__title", style: generateTextStyles() }, { children: title })))] })) })));
|
|
42
|
+
};
|
|
43
|
+
export default Loader;
|
|
44
|
+
//# sourceMappingURL=Loader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../../src/сomponents/Loader/Loader.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC5E,OAAO,0BAA0B,CAAA;AAEjC,IAAM,MAAM,GAAG,UAAC,EAgBD;QAfb,QAAQ,cAAA,EACR,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,KAAK,WAAA,EACL,gBAAkB,EAAlB,QAAQ,mBAAG,OAAO,KAAA,EAClB,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EACX,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,kBAAkB,wBAAA,EAClB,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,MAAM,YAAA,EACN,KAAK,WAAA,EACL,eAAe,qBAAA,EACf,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EACrB,YAAqB,EAArB,IAAI,mBAAG,KAAC,UAAU,KAAG,KAAA;IAErB,IAAM,WAAW,GAAG,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,CAAA;IAErD,IAAM,kBAAkB,GAAG,cAAM,OAAA,CAAC;QAChC,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC;QAC7B,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;QAC7C,UAAU,EAAE,WAAW,CAAC,QAAQ,CAAC;KAClC,CAAC,EAJ+B,CAI/B,CAAA;IAEF,IAAM,uBAAuB,GAAG;QAC9B,IAAM,oBAAoB,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAC7E,IAAM,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAA;QAE9E,OAAO,aAAa,CAAC,eAAe,EAAE,YAAY,CAAC,CAAA;IACrD,CAAC,CAAA;IAED,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,IAAI,CAAA;KACZ;IAED,IAAM,SAAS,GAAG;QAChB,SAAS,EAAE,uBAAuB;QAClC,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE;KAC9B,CAAA;IAED,OAAO,CACL,uBACE,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE,EAAE,sCAAsC,EAAE,YAAY,EAAE,EAAE,kBAAkB,CAAC,EAC9H,KAAK,aAAI,UAAU,EAAE,uBAAuB,EAAE,IAAK,eAAe,iBAElE,wBAAK,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE,KAAK,aAAI,KAAK,EAAE,UAAG,KAAK,OAAI,IAAK,MAAM,kBAC9F,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,KAAK,IAAI,CACR,qBAAG,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,kBAAkB,EAAE,gBAC9D,KAAK,IACJ,CACL,KACG,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Loader';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { IThemeProps, TStyles } from '../../constants';
|
|
3
|
+
export interface ILoaderProps extends IThemeProps {
|
|
4
|
+
isLoader: boolean;
|
|
5
|
+
isFullScreen?: boolean;
|
|
6
|
+
isTextItalic?: boolean;
|
|
7
|
+
title?: string;
|
|
8
|
+
textSize?: 'small' | 'default' | 'large';
|
|
9
|
+
width?: number;
|
|
10
|
+
iconSize?: number;
|
|
11
|
+
containerClassName?: string;
|
|
12
|
+
className?: string;
|
|
13
|
+
containerStyles?: TStyles;
|
|
14
|
+
styles?: TStyles;
|
|
15
|
+
color?: string;
|
|
16
|
+
backgroundColor?: string;
|
|
17
|
+
icon?: ReactElement;
|
|
18
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Loader/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { IModalProps } from './types';
|
|
2
|
+
import '../../styles/styles.scss';
|
|
3
|
+
declare const Modal: ({ isModalOpen, isClosableOutside, isCloseIconHidden, isPopup, isBottomSheet, isDisabledBottomSheet, isCloseButtonDisabled, modalId, content, bottomContent, title, platform, popupClassName, className, popupStyles, styles, titleStyles, contentStyles, iconColor, backgroundColor, modalMaxHeight, bottomSheetProps, externalBottomSheetScrollContainer, contextMenuProps, handleCloseModal, }: IModalProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
4
|
+
export default Modal;
|
|
@@ -0,0 +1,125 @@
|
|
|
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 __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
|
+
import { useEffect, useRef, useState } from 'react';
|
|
25
|
+
import classNames from 'classnames';
|
|
26
|
+
import ScrollBar from '../ScrollBar';
|
|
27
|
+
import ContextMenu from '../ContextMenu';
|
|
28
|
+
import { DEFAULT_SCROLL_BAR_HEIGHT } from '../ScrollBar/ScrollBar';
|
|
29
|
+
import { ReactComponent as CloseIcon } from '../../assets/icons/cancel-cross.svg';
|
|
30
|
+
import { ReactComponent as MoreIcon } from '../../assets/icons/more.svg';
|
|
31
|
+
import { EVENT_LISTENER_TYPES, PLATFORM } from '../../constants';
|
|
32
|
+
import { checkIfContentIsCentered, generateClassNames, generateColor, generateIsCloseIconHidden, generateBottomSheetClassName, isMobilePlatform, } from '../../helpers';
|
|
33
|
+
import { useModal } from '../../hooks/useModal';
|
|
34
|
+
import '../../styles/styles.scss';
|
|
35
|
+
var SCROLL_BAR_HEIGHT_WITH_PADDING = 'calc(100% - 20px)';
|
|
36
|
+
var MODAL_MARGIN_SIZE_WEB = 165;
|
|
37
|
+
var CONTENT_PADDING_TOP = 20;
|
|
38
|
+
var MODAL_TITLE_MARGIN_BOTTOM = 16;
|
|
39
|
+
var MODAL_MARGIN_SIZE_MOBILE = 136;
|
|
40
|
+
var Modal = function (_a) {
|
|
41
|
+
var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, isCloseIconHidden = _a.isCloseIconHidden, isPopup = _a.isPopup, _c = _a.isBottomSheet, isBottomSheet = _c === void 0 ? false : _c, _d = _a.isDisabledBottomSheet, isDisabledBottomSheet = _d === void 0 ? false : _d, _e = _a.isCloseButtonDisabled, isCloseButtonDisabled = _e === void 0 ? false : _e, modalId = _a.modalId, content = _a.content, bottomContent = _a.bottomContent, title = _a.title, _f = _a.platform, platform = _f === void 0 ? PLATFORM.web : _f, popupClassName = _a.popupClassName, className = _a.className, popupStyles = _a.popupStyles, styles = _a.styles, titleStyles = _a.titleStyles, contentStyles = _a.contentStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor, modalMaxHeight = _a.modalMaxHeight, bottomSheetProps = _a.bottomSheetProps, externalBottomSheetScrollContainer = _a.externalBottomSheetScrollContainer, contextMenuProps = _a.contextMenuProps, handleCloseModal = _a.handleCloseModal;
|
|
42
|
+
var ref = useRef(null);
|
|
43
|
+
var titleRef = useRef(null);
|
|
44
|
+
var scrollableContentRef = useRef(null);
|
|
45
|
+
var scrollerRef = useRef(null);
|
|
46
|
+
var bottomContentRef = useRef(null);
|
|
47
|
+
var _g = useState(''), containerHeight = _g[0], setContainerHeight = _g[1];
|
|
48
|
+
var _h = useModal({
|
|
49
|
+
isModalOpen: isModalOpen,
|
|
50
|
+
platform: platform,
|
|
51
|
+
isDisabledBottomSheet: isDisabledBottomSheet,
|
|
52
|
+
initialIsBottomSheet: isBottomSheet,
|
|
53
|
+
modalRef: ref,
|
|
54
|
+
isClosableOutside: isClosableOutside,
|
|
55
|
+
handleCloseModal: handleCloseModal,
|
|
56
|
+
popupClassName: classNames('modal', popupClassName),
|
|
57
|
+
popupStyles: popupStyles,
|
|
58
|
+
bottomSheetProps: bottomSheetProps,
|
|
59
|
+
scrollRef: externalBottomSheetScrollContainer || scrollerRef,
|
|
60
|
+
}), shouldUseBottomSheet = _h.shouldUseBottomSheet, renderModal = _h.renderModal;
|
|
61
|
+
var additionalClassName = generateBottomSheetClassName(platform, shouldUseBottomSheet);
|
|
62
|
+
var isCloseIconInvisible = generateIsCloseIconHidden(platform, isCloseIconHidden);
|
|
63
|
+
var modalMargins = isMobilePlatform(platform) ? MODAL_MARGIN_SIZE_MOBILE : 2 * MODAL_MARGIN_SIZE_WEB;
|
|
64
|
+
var MAX_MODAL_HEIGHT = modalMaxHeight || window.innerHeight - modalMargins;
|
|
65
|
+
var handleMouseDown = function (event) { return !isPopup && event.stopPropagation(); };
|
|
66
|
+
var handleSetContainerHeight = function (contentRef) {
|
|
67
|
+
var _a, _b;
|
|
68
|
+
if (!contentRef)
|
|
69
|
+
return;
|
|
70
|
+
var height = contentRef.getBoundingClientRect().height;
|
|
71
|
+
var titleHeight = ((_a = titleRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height) || 0;
|
|
72
|
+
var bottomContentHeight = ((_b = bottomContentRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().height) || 0;
|
|
73
|
+
var titleHeightWithMargin = titleHeight ? titleHeight + MODAL_TITLE_MARGIN_BOTTOM : titleHeight;
|
|
74
|
+
var defaultContentHeight = MAX_MODAL_HEIGHT - titleHeightWithMargin - CONTENT_PADDING_TOP;
|
|
75
|
+
var maxContentHeightValue = bottomContent ? defaultContentHeight - bottomContentHeight : defaultContentHeight;
|
|
76
|
+
setContainerHeight("".concat(height > maxContentHeightValue ? maxContentHeightValue : height, "px"));
|
|
77
|
+
};
|
|
78
|
+
useEffect(function () {
|
|
79
|
+
document.documentElement.style.setProperty('--modal-background', generateColor(backgroundColor));
|
|
80
|
+
}, [backgroundColor]);
|
|
81
|
+
useEffect(function () {
|
|
82
|
+
var checkIfClickedOutside = function (e) {
|
|
83
|
+
if (isModalOpen && isClosableOutside && ref.current && !ref.current.contains(e.target)) {
|
|
84
|
+
handleCloseModal();
|
|
85
|
+
}
|
|
86
|
+
};
|
|
87
|
+
!isPopup && (document === null || document === void 0 ? void 0 : document.addEventListener(EVENT_LISTENER_TYPES.click, checkIfClickedOutside, true));
|
|
88
|
+
return function () {
|
|
89
|
+
document === null || document === void 0 ? void 0 : document.removeEventListener(EVENT_LISTENER_TYPES.click, checkIfClickedOutside, true);
|
|
90
|
+
};
|
|
91
|
+
}, [isModalOpen, isClosableOutside, handleCloseModal, isPopup]);
|
|
92
|
+
var renderTitle = function () {
|
|
93
|
+
return title && (_jsxs("div", { children: [!isCloseIconInvisible && renderCloseIconSpace({ elementRef: titleRef, isLarge: true }), _jsx("p", __assign({ ref: titleRef, className: "smartapp-modal__content--title", style: titleStyles }, { children: title }))] }));
|
|
94
|
+
};
|
|
95
|
+
var renderCloseIcon = function () {
|
|
96
|
+
return !isCloseIconInvisible && (_jsx("div", __assign({ onClick: !isCloseButtonDisabled ? handleCloseModal : function () { }, className: classNames('smartapp-modal__content--close-icon', {
|
|
97
|
+
'smartapp-modal__content--close-icon__disabled': isCloseButtonDisabled,
|
|
98
|
+
}) }, { children: _jsx(CloseIcon, { style: { color: generateColor(iconColor) } }) })));
|
|
99
|
+
};
|
|
100
|
+
var renderCloseIconSpace = function (_a) {
|
|
101
|
+
var elementRef = _a.elementRef, _b = _a.isLarge, isLarge = _b === void 0 ? false : _b, _c = _a.isContent, isContent = _c === void 0 ? false : _c;
|
|
102
|
+
var isContentCentered = checkIfContentIsCentered(elementRef);
|
|
103
|
+
return (_jsx("div", { className: classNames('close-icon-space', {
|
|
104
|
+
'close-icon-space__large': isLarge,
|
|
105
|
+
'close-icon-space__large--with-context-menu': isLarge && contextMenuProps,
|
|
106
|
+
'close-icon-space__content': isContent,
|
|
107
|
+
'close-icon-space__content--with-context-menu': isContent && contextMenuProps,
|
|
108
|
+
'close-icon-space__centered': isContentCentered,
|
|
109
|
+
'close-icon-space__centered--with-context-menu': isContentCentered && contextMenuProps,
|
|
110
|
+
}) }));
|
|
111
|
+
};
|
|
112
|
+
var renderContextMenuIcon = function () {
|
|
113
|
+
if (contextMenuProps) {
|
|
114
|
+
var openMenu = contextMenuProps.openMenu, isMenuOpen = contextMenuProps.isMenuOpen, remainingProps = __rest(contextMenuProps, ["openMenu", "isMenuOpen"]);
|
|
115
|
+
return (_jsxs("div", __assign({ className: classNames('smartapp-modal__content--context-menu-icon', { 'smartapp-modal__content--context-menu-icon__active': isMenuOpen }), onClick: openMenu }, { children: [_jsx(MoreIcon, {}), _jsx(ContextMenu, __assign({ isMenuOpen: isMenuOpen }, remainingProps))] })));
|
|
116
|
+
}
|
|
117
|
+
};
|
|
118
|
+
var renderBottomContent = function () {
|
|
119
|
+
return bottomContent && (_jsx("div", __assign({ ref: bottomContentRef, className: classNames('smartapp-modal__content--bottom', 'smartapp-modal__content--pr', 'smartapp-modal__content--pb') }, { children: bottomContent })));
|
|
120
|
+
};
|
|
121
|
+
var modalContent = (_jsx("div", __assign({ ref: ref, className: classNames('smartapp-modal', { 'smartapp-modal__bottom-sheet': shouldUseBottomSheet }, className), style: styles, onMouseDown: handleMouseDown }, { children: _jsxs("div", __assign({ className: generateClassNames({ className: 'smartapp-modal__content', delimiter: '--', additionalClassName: additionalClassName }), style: contentStyles }, { children: [renderTitle(), _jsxs("div", __assign({ className: "smartapp-modal__content--icons" }, { children: [renderContextMenuIcon(), renderCloseIcon()] })), _jsx(ScrollBar, { contentId: modalId, scrollerProps: { elementRef: function (el) { return (scrollerRef.current = el); } }, content: _jsxs("div", __assign({ ref: handleSetContainerHeight, className: classNames('smartapp-modal__content--pr', { 'smartapp-modal__content--pb': !bottomContent }) }, { children: [!title && !isCloseIconInvisible && renderCloseIconSpace({ elementRef: scrollableContentRef, isContent: true }), _jsx("div", __assign({ ref: scrollableContentRef }, { children: content }))] })), containerHeight: containerHeight, trackHeight: bottomContent ? DEFAULT_SCROLL_BAR_HEIGHT : SCROLL_BAR_HEIGHT_WITH_PADDING }), renderBottomContent()] })) })));
|
|
122
|
+
return isPopup ? modalContent : renderModal(modalContent);
|
|
123
|
+
};
|
|
124
|
+
export default Modal;
|
|
125
|
+
//# sourceMappingURL=Modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Modal';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React, { ReactElement, RefObject } from 'react';
|
|
2
|
+
import { BottomSheetProps } from 'alex.chus-react-spring-bottom-sheet';
|
|
3
|
+
import { ICommonProps, TStyles } from '../../constants';
|
|
4
|
+
import { IContextMenuProps } from '../ContextMenu/types';
|
|
5
|
+
export interface IModalProps extends ICommonProps {
|
|
6
|
+
isModalOpen: boolean;
|
|
7
|
+
isClosableOutside?: boolean;
|
|
8
|
+
isCloseIconHidden?: boolean;
|
|
9
|
+
isCloseButtonDisabled?: boolean;
|
|
10
|
+
isPopup?: boolean;
|
|
11
|
+
isBottomSheet?: boolean;
|
|
12
|
+
isDisabledBottomSheet?: boolean;
|
|
13
|
+
modalId?: string;
|
|
14
|
+
content: ReactElement;
|
|
15
|
+
bottomContent?: ReactElement;
|
|
16
|
+
title?: string;
|
|
17
|
+
popupClassName?: string;
|
|
18
|
+
className?: string;
|
|
19
|
+
popupStyles?: TStyles;
|
|
20
|
+
styles?: TStyles;
|
|
21
|
+
titleStyles?: TStyles;
|
|
22
|
+
contentStyles?: TStyles;
|
|
23
|
+
iconColor?: string;
|
|
24
|
+
backgroundColor?: string;
|
|
25
|
+
modalMaxHeight?: number;
|
|
26
|
+
bottomSheetProps?: Partial<BottomSheetProps>;
|
|
27
|
+
externalBottomSheetScrollContainer?: RefObject<HTMLDivElement | null>;
|
|
28
|
+
contextMenuProps?: IContextMenuProps & {
|
|
29
|
+
openMenu: (event?: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
30
|
+
};
|
|
31
|
+
handleCloseModal: () => void;
|
|
32
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { INotificationProps } from './types';
|
|
2
|
+
import '../../styles/styles.scss';
|
|
3
|
+
export declare const INDEFINITELY_FULL_SCREEN_POSITION: {
|
|
4
|
+
right: string;
|
|
5
|
+
left: string;
|
|
6
|
+
};
|
|
7
|
+
declare const Notification: ({ theme, platform, id, type, isAutoHidden, isCloseIconVisible, layoutType, isAllIndefinitelyNeedToBeClosed, indefinitelyFullScreenPosition, hideDuration, distanceFromBottom, containerClassName, className, containerStyles, styles, title, avatar, text, subText, iconColor, action, onClose, content, }: INotificationProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default Notification;
|
|
@@ -0,0 +1,217 @@
|
|
|
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 { ReactComponent as NotificationSuccessIcon } from '../../assets/icons/notification-success.svg';
|
|
32
|
+
import { ReactComponent as NotificationInfoIcon } from '../../assets/icons/notification-info.svg';
|
|
33
|
+
import { ReactComponent as NotificationWarningIcon } from '../../assets/icons/notification-warning.svg';
|
|
34
|
+
import { ReactComponent as NotificationErrorIcon } from '../../assets/icons/notification-error.svg';
|
|
35
|
+
import { ReactComponent as NotificationFailureIcon } from '../../assets/icons/notification-failure.svg';
|
|
36
|
+
import { ReactComponent as NotificationCloseIcon } from '../../assets/icons/notification-close.svg';
|
|
37
|
+
import { ReactComponent as MailIcon } from '../../assets/icons/mail.svg';
|
|
38
|
+
import { ReactComponent as UnreadMailsIcon } from '../../assets/icons/unread-mails.svg';
|
|
39
|
+
import '../../styles/styles.scss';
|
|
40
|
+
var AUTO_HIDDEN_CONTAINER_ID = 'autoHiddenContainerId';
|
|
41
|
+
var INDEFINITELY_CONTAINER_ID = 'indefinitelyContainerId';
|
|
42
|
+
var NOTIFICATION_HEIGHT = 66;
|
|
43
|
+
var MIN_CONTENT_HEIGHT = 19;
|
|
44
|
+
var TOP_ALIGN_CLASSNAME = 'smartapp-notification__content--top-align';
|
|
45
|
+
var ICON_TOP_ALIGN_CLASSNAME = 'smartapp-notification__icon--top-align';
|
|
46
|
+
var PADDING_VERTICAL_CLASSNAME = 'smartapp-notification__content--pv-2';
|
|
47
|
+
var TOAST_CONTAINER_CLASSNAME = 'Toastify__toast-container';
|
|
48
|
+
var TOAST_CONTAINER_FULL_SCREEN_CLASSNAME = 'Toastify__toast-container--full-screen';
|
|
49
|
+
var NOTIFICATION_TYPES = {
|
|
50
|
+
success: 'success',
|
|
51
|
+
info: 'info',
|
|
52
|
+
warning: 'warning',
|
|
53
|
+
error: 'error',
|
|
54
|
+
failure: 'failure',
|
|
55
|
+
mail: 'mail',
|
|
56
|
+
mailMulti: 'mail-multi',
|
|
57
|
+
custom: 'custom',
|
|
58
|
+
};
|
|
59
|
+
var NOTIFICATION_ICONS = function (iconColor) {
|
|
60
|
+
var _a;
|
|
61
|
+
return (_a = {},
|
|
62
|
+
_a[NOTIFICATION_TYPES.success] = _jsx(NotificationSuccessIcon, { style: { color: iconColor || COLORS.blue } }),
|
|
63
|
+
_a[NOTIFICATION_TYPES.info] = _jsx(NotificationInfoIcon, { style: { color: iconColor || COLORS.blue } }),
|
|
64
|
+
_a[NOTIFICATION_TYPES.warning] = _jsx(NotificationWarningIcon, {}),
|
|
65
|
+
_a[NOTIFICATION_TYPES.error] = _jsx(NotificationErrorIcon, {}),
|
|
66
|
+
_a[NOTIFICATION_TYPES.failure] = _jsx(NotificationFailureIcon, {}),
|
|
67
|
+
_a);
|
|
68
|
+
};
|
|
69
|
+
export var INDEFINITELY_FULL_SCREEN_POSITION = {
|
|
70
|
+
right: 'right',
|
|
71
|
+
left: 'left',
|
|
72
|
+
};
|
|
73
|
+
var Notification = function (_a) {
|
|
74
|
+
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;
|
|
75
|
+
var contentRef = useRef(null);
|
|
76
|
+
var contentSpanRef = useRef(null);
|
|
77
|
+
var toastContainerRef = useRef(null);
|
|
78
|
+
var contentIconRef = useRef(null);
|
|
79
|
+
var isLayoutFullScreen = isFullScreen(layoutType);
|
|
80
|
+
var isBiggerGapInNotificationContent = isWebPlatform(platform) && layoutType !== LAYOUT_TYPE.minimal;
|
|
81
|
+
var _l = useState([]), indefinitelyIds = _l[0], setIndefinitelyIds = _l[1];
|
|
82
|
+
var calculateDistanceFromBottom = function () {
|
|
83
|
+
var defaultDistanceFromBottom = isWebPlatform(platform) ? WEB_NOTIFICATION_DISTANCE_FROM_BOTTOM : MOBILE_NOTIFICATION_DISTANCE_FROM_BOTTOM;
|
|
84
|
+
return distanceFromBottom || defaultDistanceFromBottom;
|
|
85
|
+
};
|
|
86
|
+
var notificationAnimation = cssTransition({
|
|
87
|
+
enter: 'notification-enter-animation',
|
|
88
|
+
exit: 'notification-exit-animation',
|
|
89
|
+
appendPosition: true,
|
|
90
|
+
});
|
|
91
|
+
var handleActionClick = function (_a) {
|
|
92
|
+
var notificationId = _a.notificationId, action = _a.action;
|
|
93
|
+
toast.dismiss(notificationId);
|
|
94
|
+
action && action();
|
|
95
|
+
};
|
|
96
|
+
var handleClickCloseIcon = function (_a) {
|
|
97
|
+
var event = _a.event, notificationId = _a.notificationId;
|
|
98
|
+
event.stopPropagation();
|
|
99
|
+
toast.dismiss(notificationId);
|
|
100
|
+
};
|
|
101
|
+
var createSanitizedHtml = function (str) {
|
|
102
|
+
var preparedHtml = juice(str);
|
|
103
|
+
var html = DOMPurify.sanitize(preparedHtml);
|
|
104
|
+
return { __html: html };
|
|
105
|
+
};
|
|
106
|
+
var renderCloseIcon = function (notificationId) {
|
|
107
|
+
return isCloseIconVisible && (_jsx("div", __assign({ ref: contentIconRef, className: "smartapp-notification__icon" }, { children: _jsx(NotificationCloseIcon, { onClick: function (event) { return handleClickCloseIcon({ event: event, notificationId: notificationId }); } }) })));
|
|
108
|
+
};
|
|
109
|
+
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: 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 })] }))] }))] }))); };
|
|
110
|
+
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 }); } })] }))); };
|
|
111
|
+
var renderNotificationAction = function (_a) {
|
|
112
|
+
var notificationId = _a.notificationId, _b = _a.action, text = _b.text, color = _b.color, onClick = _b.onClick;
|
|
113
|
+
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 })));
|
|
114
|
+
};
|
|
115
|
+
var renderNotificationContent = function (notificationId) {
|
|
116
|
+
switch (type) {
|
|
117
|
+
case NOTIFICATION_TYPES.mail:
|
|
118
|
+
return renderMailNotificationContent(notificationId);
|
|
119
|
+
case NOTIFICATION_TYPES.mailMulti:
|
|
120
|
+
return renderMultiMailNotificationContent(notificationId);
|
|
121
|
+
case NOTIFICATION_TYPES.custom:
|
|
122
|
+
return content || _jsx("div", {});
|
|
123
|
+
default:
|
|
124
|
+
return (_jsxs("div", __assign({ className: classNames('smartapp-notification', {
|
|
125
|
+
'smartapp-notification--close-icon-visible': isCloseIconVisible,
|
|
126
|
+
}) }, { children: [NOTIFICATION_ICONS(iconColor)[type], _jsxs("div", __assign({ ref: contentRef, className: classNames('smartapp-notification__content', {
|
|
127
|
+
'smartapp-notification__content--column-direction': action === null || action === void 0 ? void 0 : action.isLocatedAtBottom,
|
|
128
|
+
}) }, { children: [text && (_jsx("div", { children: _jsx("span", { ref: contentSpanRef, dangerouslySetInnerHTML: createSanitizedHtml(text) }) })), action && renderNotificationAction({ notificationId: notificationId, action: action })] })), renderCloseIcon(notificationId)] })));
|
|
129
|
+
}
|
|
130
|
+
};
|
|
131
|
+
var renderToastContainer = function (_a) {
|
|
132
|
+
var containerId = _a.containerId, distanceFromBottom = _a.distanceFromBottom;
|
|
133
|
+
var isIndefinitelyContainer = containerId === INDEFINITELY_CONTAINER_ID;
|
|
134
|
+
var fullScreenPosition = isIndefinitelyContainer ? "bottom-".concat(indefinitelyFullScreenPosition) : 'top-right';
|
|
135
|
+
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), {
|
|
136
|
+
'Toastify__toast-container--bigger-gap': isBiggerGapInNotificationContent,
|
|
137
|
+
'Toastify__toast-container--full-screen': isLayoutFullScreen,
|
|
138
|
+
'Toastify__toast-container--full-screen__indefinitely-right': isLayoutFullScreen && isIndefinitelyContainer && indefinitelyFullScreenPosition === INDEFINITELY_FULL_SCREEN_POSITION.right,
|
|
139
|
+
'Toastify__toast-container--full-screen__indefinitely-left': isLayoutFullScreen && isIndefinitelyContainer && indefinitelyFullScreenPosition === INDEFINITELY_FULL_SCREEN_POSITION.left,
|
|
140
|
+
}, containerClassName), style: __assign({ '--distance-from-bottom': "".concat(distanceFromBottom, "px") }, containerStyles), transition: notificationAnimation, position: isLayoutFullScreen ? fullScreenPosition : 'bottom-center' }));
|
|
141
|
+
};
|
|
142
|
+
var handleAddContentResizeObserver = function () {
|
|
143
|
+
var contentRefCurrent = contentRef.current;
|
|
144
|
+
var contentSpanRefCurrent = contentSpanRef.current;
|
|
145
|
+
var contentSpanParentElement = contentSpanRefCurrent === null || contentSpanRefCurrent === void 0 ? void 0 : contentSpanRefCurrent.parentElement;
|
|
146
|
+
var toastContainerElement = contentRefCurrent === null || contentRefCurrent === void 0 ? void 0 : contentRefCurrent.closest(".".concat(TOAST_CONTAINER_CLASSNAME));
|
|
147
|
+
var contentIconRefCurrent = contentIconRef.current;
|
|
148
|
+
if (!contentRefCurrent || !contentSpanRefCurrent || !contentSpanParentElement || !toastContainerElement)
|
|
149
|
+
return null;
|
|
150
|
+
var contentRefClassList = contentRefCurrent.classList;
|
|
151
|
+
var contentIconRefClassList = contentIconRefCurrent === null || contentIconRefCurrent === void 0 ? void 0 : contentIconRefCurrent.classList;
|
|
152
|
+
var resizeObserver = new ResizeObserver(debounce(function () {
|
|
153
|
+
var _a;
|
|
154
|
+
var _b = contentSpanRefCurrent.getBoundingClientRect(), spanWidth = _b.width, spanHeight = _b.height;
|
|
155
|
+
var contentHeight = ((_a = contentRefCurrent.firstElementChild) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height) || 0;
|
|
156
|
+
var spanParentWidth = toastContainerElement.classList.contains(TOAST_CONTAINER_FULL_SCREEN_CLASSNAME) ? "".concat(spanWidth, "px") : '';
|
|
157
|
+
if (contentHeight > MIN_CONTENT_HEIGHT) {
|
|
158
|
+
contentRefClassList.add(TOP_ALIGN_CLASSNAME);
|
|
159
|
+
contentIconRefClassList === null || contentIconRefClassList === void 0 ? void 0 : contentIconRefClassList.add(ICON_TOP_ALIGN_CLASSNAME);
|
|
160
|
+
}
|
|
161
|
+
else {
|
|
162
|
+
contentRefClassList.remove(TOP_ALIGN_CLASSNAME);
|
|
163
|
+
contentIconRefClassList === null || contentIconRefClassList === void 0 ? void 0 : contentIconRefClassList.remove(ICON_TOP_ALIGN_CLASSNAME);
|
|
164
|
+
}
|
|
165
|
+
type === NOTIFICATION_TYPES.failure && spanHeight > MIN_CONTENT_HEIGHT
|
|
166
|
+
? contentRefClassList.remove(PADDING_VERTICAL_CLASSNAME)
|
|
167
|
+
: contentRefClassList.add(PADDING_VERTICAL_CLASSNAME);
|
|
168
|
+
contentSpanParentElement.style.width = spanParentWidth;
|
|
169
|
+
}));
|
|
170
|
+
resizeObserver.observe(contentRefCurrent);
|
|
171
|
+
return resizeObserver;
|
|
172
|
+
};
|
|
173
|
+
useEffect(function () {
|
|
174
|
+
if (id) {
|
|
175
|
+
var contentResizeObserver_1;
|
|
176
|
+
if (toast.isActive(id))
|
|
177
|
+
return toast.update(id, {
|
|
178
|
+
containerId: AUTO_HIDDEN_CONTAINER_ID,
|
|
179
|
+
autoClose: hideDuration,
|
|
180
|
+
render: renderNotificationContent(id),
|
|
181
|
+
});
|
|
182
|
+
!isAutoHidden && setIndefinitelyIds(function (prevIds) { return __spreadArray(__spreadArray([], prevIds, true), [id], false); });
|
|
183
|
+
toast(renderNotificationContent(id), {
|
|
184
|
+
containerId: !isAutoHidden ? INDEFINITELY_CONTAINER_ID : AUTO_HIDDEN_CONTAINER_ID,
|
|
185
|
+
toastId: id,
|
|
186
|
+
autoClose: isAutoHidden ? hideDuration : false,
|
|
187
|
+
className: classNames("Toastify__toast--".concat(type), className),
|
|
188
|
+
style: styles,
|
|
189
|
+
onOpen: function () { return (contentResizeObserver_1 = handleAddContentResizeObserver()); },
|
|
190
|
+
onClose: function () {
|
|
191
|
+
onClose === null || onClose === void 0 ? void 0 : onClose(id);
|
|
192
|
+
contentResizeObserver_1 === null || contentResizeObserver_1 === void 0 ? void 0 : contentResizeObserver_1.disconnect();
|
|
193
|
+
},
|
|
194
|
+
});
|
|
195
|
+
}
|
|
196
|
+
// eslint-disable-next-line
|
|
197
|
+
}, [id, hideDuration]);
|
|
198
|
+
useEffect(function () {
|
|
199
|
+
if (isAllIndefinitelyNeedToBeClosed) {
|
|
200
|
+
indefinitelyIds.forEach(function (indefinitelyId) { return toast.dismiss(indefinitelyId); });
|
|
201
|
+
}
|
|
202
|
+
}, [indefinitelyIds, isAllIndefinitelyNeedToBeClosed]);
|
|
203
|
+
useEffect(function () {
|
|
204
|
+
if (isAllIndefinitelyNeedToBeClosed) {
|
|
205
|
+
setIndefinitelyIds([]);
|
|
206
|
+
}
|
|
207
|
+
}, [isAllIndefinitelyNeedToBeClosed]);
|
|
208
|
+
return (_jsxs(_Fragment, { children: [renderToastContainer({
|
|
209
|
+
containerId: AUTO_HIDDEN_CONTAINER_ID,
|
|
210
|
+
distanceFromBottom: calculateDistanceFromBottom() + indefinitelyIds.length * NOTIFICATION_HEIGHT,
|
|
211
|
+
}), renderToastContainer({
|
|
212
|
+
containerId: INDEFINITELY_CONTAINER_ID,
|
|
213
|
+
distanceFromBottom: calculateDistanceFromBottom(),
|
|
214
|
+
})] }));
|
|
215
|
+
};
|
|
216
|
+
export default Notification;
|
|
217
|
+
//# 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;
|