stream-chat-react-native-core 9.4.0-beta.11 → 9.4.0-beta.13
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/lib/commonjs/components/ChannelDetails/ChannelDetails.js +8 -3
- package/lib/commonjs/components/ChannelDetails/ChannelDetails.js.map +1 -1
- package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsActionItem.js +2 -1
- package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsActionItem.js.map +1 -1
- package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsEditButton.js +57 -0
- package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsEditButton.js.map +1 -0
- package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsNavHeader.js +3 -32
- package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsNavHeader.js.map +1 -1
- package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsNavigationSection.js +64 -25
- package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsNavigationSection.js.map +1 -1
- package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsProfile.js +3 -2
- package/lib/commonjs/components/ChannelDetails/components/ChannelDetailsProfile.js.map +1 -1
- package/lib/commonjs/components/ChannelDetails/components/ChannelEditImageSheet.js +2 -2
- package/lib/commonjs/components/ChannelDetails/components/ChannelEditImageSheet.js.map +1 -1
- package/lib/commonjs/components/ChannelDetails/components/index.js +22 -0
- package/lib/commonjs/components/ChannelDetails/components/index.js.map +1 -1
- package/lib/commonjs/components/ChannelDetails/components/members/ChannelMemberItem.js +2 -1
- package/lib/commonjs/components/ChannelDetails/components/members/ChannelMemberItem.js.map +1 -1
- package/lib/commonjs/components/ChannelDetails/components/modal/Modal.js +22 -23
- package/lib/commonjs/components/ChannelDetails/components/modal/Modal.js.map +1 -1
- package/lib/commonjs/components/ChannelDetails/components/modal/ModalHeader.js +6 -4
- package/lib/commonjs/components/ChannelDetails/components/modal/ModalHeader.js.map +1 -1
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/FileAttachmentItem.js +65 -0
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/FileAttachmentItem.js.map +1 -0
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/FileAttachmentList.js +174 -0
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/FileAttachmentList.js.map +1 -0
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/FileAttachmentListLoadingSkeleton.js +21 -0
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/FileAttachmentListLoadingSkeleton.js.map +1 -0
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/FileAttachmentListSectionHeader.js +45 -0
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/FileAttachmentListSectionHeader.js.map +1 -0
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/MediaItem.js +120 -0
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/MediaItem.js.map +1 -0
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/MediaList.js +206 -0
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/MediaList.js.map +1 -0
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/MediaListLoadingSkeleton.js +63 -0
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/MediaListLoadingSkeleton.js.map +1 -0
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/PinnedMessageItem.js +84 -0
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/PinnedMessageItem.js.map +1 -0
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/PinnedMessageList.js +177 -0
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/PinnedMessageList.js.map +1 -0
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/PinnedMessageListLoadingSkeleton.js +21 -0
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/PinnedMessageListLoadingSkeleton.js.map +1 -0
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/index.js +114 -0
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/index.js.map +1 -0
- package/lib/commonjs/components/ChannelDetails/hooks/index.js +33 -0
- package/lib/commonjs/components/ChannelDetails/hooks/index.js.map +1 -1
- package/lib/commonjs/components/ChannelDetails/hooks/useChannelDetailsNavigationItems.js +55 -0
- package/lib/commonjs/components/ChannelDetails/hooks/useChannelDetailsNavigationItems.js.map +1 -0
- package/lib/commonjs/components/ChannelDetails/hooks/useFileAttachmentListSections.js +52 -0
- package/lib/commonjs/components/ChannelDetails/hooks/useFileAttachmentListSections.js.map +1 -0
- package/lib/commonjs/components/ChannelDetails/hooks/useMediaList.js +30 -0
- package/lib/commonjs/components/ChannelDetails/hooks/useMediaList.js.map +1 -0
- package/lib/commonjs/components/ImageGallery/ImageGallery.js +21 -76
- package/lib/commonjs/components/ImageGallery/ImageGallery.js.map +1 -1
- package/lib/commonjs/components/ImageGallery/components/AnimatedGalleryImage.js +6 -10
- package/lib/commonjs/components/ImageGallery/components/AnimatedGalleryImage.js.map +1 -1
- package/lib/commonjs/components/ImageGallery/components/AnimatedGalleryVideo.js +16 -14
- package/lib/commonjs/components/ImageGallery/components/AnimatedGalleryVideo.js.map +1 -1
- package/lib/commonjs/components/ImageGallery/components/ImageGalleryA11yProbe.js +67 -0
- package/lib/commonjs/components/ImageGallery/components/ImageGalleryA11yProbe.js.map +1 -0
- package/lib/commonjs/components/ImageGallery/components/ImageGalleryHeader.js +23 -15
- package/lib/commonjs/components/ImageGallery/components/ImageGalleryHeader.js.map +1 -1
- package/lib/commonjs/components/ImageGallery/hooks/useAnimatedGalleryStyle.js +4 -3
- package/lib/commonjs/components/ImageGallery/hooks/useAnimatedGalleryStyle.js.map +1 -1
- package/lib/commonjs/components/ImageGallery/hooks/useCurrentImageHeight.js +53 -0
- package/lib/commonjs/components/ImageGallery/hooks/useCurrentImageHeight.js.map +1 -0
- package/lib/commonjs/components/ImageGallery/hooks/useImageGalleryGestures.js +25 -31
- package/lib/commonjs/components/ImageGallery/hooks/useImageGalleryGestures.js.map +1 -1
- package/lib/commonjs/components/UIComponents/EmptyList.js +78 -0
- package/lib/commonjs/components/UIComponents/EmptyList.js.map +1 -0
- package/lib/commonjs/components/UIComponents/index.js +11 -0
- package/lib/commonjs/components/UIComponents/index.js.map +1 -1
- package/lib/commonjs/components/ui/Avatar/AvatarGroup.js +3 -3
- package/lib/commonjs/components/ui/Avatar/constants.js +2 -2
- package/lib/commonjs/contexts/channelFileAttachmentListContext/ChannelFileAttachmentListContext.js +64 -0
- package/lib/commonjs/contexts/channelFileAttachmentListContext/ChannelFileAttachmentListContext.js.map +1 -0
- package/lib/commonjs/contexts/channelMediaListContext/ChannelMediaListContext.js +63 -0
- package/lib/commonjs/contexts/channelMediaListContext/ChannelMediaListContext.js.map +1 -0
- package/lib/commonjs/contexts/channelPinnedMessageListContext/ChannelPinnedMessageListContext.js +73 -0
- package/lib/commonjs/contexts/channelPinnedMessageListContext/ChannelPinnedMessageListContext.js.map +1 -0
- package/lib/commonjs/contexts/componentsContext/defaultComponents.js +8 -0
- package/lib/commonjs/contexts/componentsContext/defaultComponents.js.map +1 -1
- package/lib/commonjs/contexts/index.js +33 -0
- package/lib/commonjs/contexts/index.js.map +1 -1
- package/lib/commonjs/contexts/themeContext/utils/theme.js +57 -2
- package/lib/commonjs/contexts/themeContext/utils/theme.js.map +1 -1
- package/lib/commonjs/i18n/ar.json +11 -0
- package/lib/commonjs/i18n/en.json +11 -0
- package/lib/commonjs/i18n/es.json +11 -0
- package/lib/commonjs/i18n/fr.json +11 -0
- package/lib/commonjs/i18n/he.json +11 -0
- package/lib/commonjs/i18n/hi.json +11 -0
- package/lib/commonjs/i18n/it.json +11 -0
- package/lib/commonjs/i18n/ja.json +11 -0
- package/lib/commonjs/i18n/ko.json +11 -0
- package/lib/commonjs/i18n/nl.json +11 -0
- package/lib/commonjs/i18n/pt-br.json +11 -0
- package/lib/commonjs/i18n/ru.json +11 -0
- package/lib/commonjs/i18n/tr.json +11 -0
- package/lib/commonjs/icons/folder.js +37 -0
- package/lib/commonjs/icons/folder.js.map +1 -0
- package/lib/commonjs/icons/index.js +12 -0
- package/lib/commonjs/icons/index.js.map +1 -1
- package/lib/commonjs/state-store/image-gallery-state-store.js +12 -3
- package/lib/commonjs/state-store/image-gallery-state-store.js.map +1 -1
- package/lib/commonjs/version.json +1 -1
- package/lib/module/components/ChannelDetails/ChannelDetails.js +8 -3
- package/lib/module/components/ChannelDetails/ChannelDetails.js.map +1 -1
- package/lib/module/components/ChannelDetails/components/ChannelDetailsActionItem.js +2 -1
- package/lib/module/components/ChannelDetails/components/ChannelDetailsActionItem.js.map +1 -1
- package/lib/module/components/ChannelDetails/components/ChannelDetailsEditButton.js +57 -0
- package/lib/module/components/ChannelDetails/components/ChannelDetailsEditButton.js.map +1 -0
- package/lib/module/components/ChannelDetails/components/ChannelDetailsNavHeader.js +3 -32
- package/lib/module/components/ChannelDetails/components/ChannelDetailsNavHeader.js.map +1 -1
- package/lib/module/components/ChannelDetails/components/ChannelDetailsNavigationSection.js +64 -25
- package/lib/module/components/ChannelDetails/components/ChannelDetailsNavigationSection.js.map +1 -1
- package/lib/module/components/ChannelDetails/components/ChannelDetailsProfile.js +3 -2
- package/lib/module/components/ChannelDetails/components/ChannelDetailsProfile.js.map +1 -1
- package/lib/module/components/ChannelDetails/components/ChannelEditImageSheet.js +2 -2
- package/lib/module/components/ChannelDetails/components/ChannelEditImageSheet.js.map +1 -1
- package/lib/module/components/ChannelDetails/components/index.js +22 -0
- package/lib/module/components/ChannelDetails/components/index.js.map +1 -1
- package/lib/module/components/ChannelDetails/components/members/ChannelMemberItem.js +2 -1
- package/lib/module/components/ChannelDetails/components/members/ChannelMemberItem.js.map +1 -1
- package/lib/module/components/ChannelDetails/components/modal/Modal.js +22 -23
- package/lib/module/components/ChannelDetails/components/modal/Modal.js.map +1 -1
- package/lib/module/components/ChannelDetails/components/modal/ModalHeader.js +6 -4
- package/lib/module/components/ChannelDetails/components/modal/ModalHeader.js.map +1 -1
- package/lib/module/components/ChannelDetails/components/navigation-section/FileAttachmentItem.js +65 -0
- package/lib/module/components/ChannelDetails/components/navigation-section/FileAttachmentItem.js.map +1 -0
- package/lib/module/components/ChannelDetails/components/navigation-section/FileAttachmentList.js +174 -0
- package/lib/module/components/ChannelDetails/components/navigation-section/FileAttachmentList.js.map +1 -0
- package/lib/module/components/ChannelDetails/components/navigation-section/FileAttachmentListLoadingSkeleton.js +21 -0
- package/lib/module/components/ChannelDetails/components/navigation-section/FileAttachmentListLoadingSkeleton.js.map +1 -0
- package/lib/module/components/ChannelDetails/components/navigation-section/FileAttachmentListSectionHeader.js +45 -0
- package/lib/module/components/ChannelDetails/components/navigation-section/FileAttachmentListSectionHeader.js.map +1 -0
- package/lib/module/components/ChannelDetails/components/navigation-section/MediaItem.js +120 -0
- package/lib/module/components/ChannelDetails/components/navigation-section/MediaItem.js.map +1 -0
- package/lib/module/components/ChannelDetails/components/navigation-section/MediaList.js +206 -0
- package/lib/module/components/ChannelDetails/components/navigation-section/MediaList.js.map +1 -0
- package/lib/module/components/ChannelDetails/components/navigation-section/MediaListLoadingSkeleton.js +63 -0
- package/lib/module/components/ChannelDetails/components/navigation-section/MediaListLoadingSkeleton.js.map +1 -0
- package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageItem.js +84 -0
- package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageItem.js.map +1 -0
- package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageList.js +177 -0
- package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageList.js.map +1 -0
- package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageListLoadingSkeleton.js +21 -0
- package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageListLoadingSkeleton.js.map +1 -0
- package/lib/module/components/ChannelDetails/components/navigation-section/index.js +114 -0
- package/lib/module/components/ChannelDetails/components/navigation-section/index.js.map +1 -0
- package/lib/module/components/ChannelDetails/hooks/index.js +33 -0
- package/lib/module/components/ChannelDetails/hooks/index.js.map +1 -1
- package/lib/module/components/ChannelDetails/hooks/useChannelDetailsNavigationItems.js +55 -0
- package/lib/module/components/ChannelDetails/hooks/useChannelDetailsNavigationItems.js.map +1 -0
- package/lib/module/components/ChannelDetails/hooks/useFileAttachmentListSections.js +52 -0
- package/lib/module/components/ChannelDetails/hooks/useFileAttachmentListSections.js.map +1 -0
- package/lib/module/components/ChannelDetails/hooks/useMediaList.js +30 -0
- package/lib/module/components/ChannelDetails/hooks/useMediaList.js.map +1 -0
- package/lib/module/components/ImageGallery/ImageGallery.js +21 -76
- package/lib/module/components/ImageGallery/ImageGallery.js.map +1 -1
- package/lib/module/components/ImageGallery/components/AnimatedGalleryImage.js +6 -10
- package/lib/module/components/ImageGallery/components/AnimatedGalleryImage.js.map +1 -1
- package/lib/module/components/ImageGallery/components/AnimatedGalleryVideo.js +16 -14
- package/lib/module/components/ImageGallery/components/AnimatedGalleryVideo.js.map +1 -1
- package/lib/module/components/ImageGallery/components/ImageGalleryA11yProbe.js +67 -0
- package/lib/module/components/ImageGallery/components/ImageGalleryA11yProbe.js.map +1 -0
- package/lib/module/components/ImageGallery/components/ImageGalleryHeader.js +23 -15
- package/lib/module/components/ImageGallery/components/ImageGalleryHeader.js.map +1 -1
- package/lib/module/components/ImageGallery/hooks/useAnimatedGalleryStyle.js +4 -3
- package/lib/module/components/ImageGallery/hooks/useAnimatedGalleryStyle.js.map +1 -1
- package/lib/module/components/ImageGallery/hooks/useCurrentImageHeight.js +53 -0
- package/lib/module/components/ImageGallery/hooks/useCurrentImageHeight.js.map +1 -0
- package/lib/module/components/ImageGallery/hooks/useImageGalleryGestures.js +25 -31
- package/lib/module/components/ImageGallery/hooks/useImageGalleryGestures.js.map +1 -1
- package/lib/module/components/UIComponents/EmptyList.js +78 -0
- package/lib/module/components/UIComponents/EmptyList.js.map +1 -0
- package/lib/module/components/UIComponents/index.js +11 -0
- package/lib/module/components/UIComponents/index.js.map +1 -1
- package/lib/module/components/ui/Avatar/AvatarGroup.js +3 -3
- package/lib/module/components/ui/Avatar/constants.js +2 -2
- package/lib/module/contexts/channelFileAttachmentListContext/ChannelFileAttachmentListContext.js +64 -0
- package/lib/module/contexts/channelFileAttachmentListContext/ChannelFileAttachmentListContext.js.map +1 -0
- package/lib/module/contexts/channelMediaListContext/ChannelMediaListContext.js +63 -0
- package/lib/module/contexts/channelMediaListContext/ChannelMediaListContext.js.map +1 -0
- package/lib/module/contexts/channelPinnedMessageListContext/ChannelPinnedMessageListContext.js +73 -0
- package/lib/module/contexts/channelPinnedMessageListContext/ChannelPinnedMessageListContext.js.map +1 -0
- package/lib/module/contexts/componentsContext/defaultComponents.js +8 -0
- package/lib/module/contexts/componentsContext/defaultComponents.js.map +1 -1
- package/lib/module/contexts/index.js +33 -0
- package/lib/module/contexts/index.js.map +1 -1
- package/lib/module/contexts/themeContext/utils/theme.js +57 -2
- package/lib/module/contexts/themeContext/utils/theme.js.map +1 -1
- package/lib/module/i18n/ar.json +11 -0
- package/lib/module/i18n/en.json +11 -0
- package/lib/module/i18n/es.json +11 -0
- package/lib/module/i18n/fr.json +11 -0
- package/lib/module/i18n/he.json +11 -0
- package/lib/module/i18n/hi.json +11 -0
- package/lib/module/i18n/it.json +11 -0
- package/lib/module/i18n/ja.json +11 -0
- package/lib/module/i18n/ko.json +11 -0
- package/lib/module/i18n/nl.json +11 -0
- package/lib/module/i18n/pt-br.json +11 -0
- package/lib/module/i18n/ru.json +11 -0
- package/lib/module/i18n/tr.json +11 -0
- package/lib/module/icons/folder.js +37 -0
- package/lib/module/icons/folder.js.map +1 -0
- package/lib/module/icons/index.js +12 -0
- package/lib/module/icons/index.js.map +1 -1
- package/lib/module/state-store/image-gallery-state-store.js +12 -3
- package/lib/module/state-store/image-gallery-state-store.js.map +1 -1
- package/lib/module/version.json +1 -1
- package/lib/typescript/components/ChannelDetails/ChannelDetails.d.ts +11 -1
- package/lib/typescript/components/ChannelDetails/ChannelDetails.d.ts.map +1 -1
- package/lib/typescript/components/ChannelDetails/components/ChannelDetailsActionItem.d.ts.map +1 -1
- package/lib/typescript/components/ChannelDetails/components/ChannelDetailsEditButton.d.ts +6 -0
- package/lib/typescript/components/ChannelDetails/components/ChannelDetailsEditButton.d.ts.map +1 -0
- package/lib/typescript/components/ChannelDetails/components/ChannelDetailsNavHeader.d.ts +3 -1
- package/lib/typescript/components/ChannelDetails/components/ChannelDetailsNavHeader.d.ts.map +1 -1
- package/lib/typescript/components/ChannelDetails/components/ChannelDetailsNavigationSection.d.ts.map +1 -1
- package/lib/typescript/components/ChannelDetails/components/index.d.ts +3 -0
- package/lib/typescript/components/ChannelDetails/components/index.d.ts.map +1 -1
- package/lib/typescript/components/ChannelDetails/components/members/ChannelMemberItem.d.ts.map +1 -1
- package/lib/typescript/components/ChannelDetails/components/modal/Modal.d.ts +2 -1
- package/lib/typescript/components/ChannelDetails/components/modal/Modal.d.ts.map +1 -1
- package/lib/typescript/components/ChannelDetails/components/modal/ModalHeader.d.ts +3 -1
- package/lib/typescript/components/ChannelDetails/components/modal/ModalHeader.d.ts.map +1 -1
- package/lib/typescript/components/ChannelDetails/components/navigation-section/FileAttachmentItem.d.ts +31 -0
- package/lib/typescript/components/ChannelDetails/components/navigation-section/FileAttachmentItem.d.ts.map +1 -0
- package/lib/typescript/components/ChannelDetails/components/navigation-section/FileAttachmentList.d.ts +17 -0
- package/lib/typescript/components/ChannelDetails/components/navigation-section/FileAttachmentList.d.ts.map +1 -0
- package/lib/typescript/components/ChannelDetails/components/navigation-section/FileAttachmentListLoadingSkeleton.d.ts +9 -0
- package/lib/typescript/components/ChannelDetails/components/navigation-section/FileAttachmentListLoadingSkeleton.d.ts.map +1 -0
- package/lib/typescript/components/ChannelDetails/components/navigation-section/FileAttachmentListSectionHeader.d.ts +13 -0
- package/lib/typescript/components/ChannelDetails/components/navigation-section/FileAttachmentListSectionHeader.d.ts.map +1 -0
- package/lib/typescript/components/ChannelDetails/components/navigation-section/MediaItem.d.ts +35 -0
- package/lib/typescript/components/ChannelDetails/components/navigation-section/MediaItem.d.ts.map +1 -0
- package/lib/typescript/components/ChannelDetails/components/navigation-section/MediaList.d.ts +17 -0
- package/lib/typescript/components/ChannelDetails/components/navigation-section/MediaList.d.ts.map +1 -0
- package/lib/typescript/components/ChannelDetails/components/navigation-section/MediaListLoadingSkeleton.d.ts +11 -0
- package/lib/typescript/components/ChannelDetails/components/navigation-section/MediaListLoadingSkeleton.d.ts.map +1 -0
- package/lib/typescript/components/ChannelDetails/components/navigation-section/PinnedMessageItem.d.ts +19 -0
- package/lib/typescript/components/ChannelDetails/components/navigation-section/PinnedMessageItem.d.ts.map +1 -0
- package/lib/typescript/components/ChannelDetails/components/navigation-section/PinnedMessageList.d.ts +19 -0
- package/lib/typescript/components/ChannelDetails/components/navigation-section/PinnedMessageList.d.ts.map +1 -0
- package/lib/typescript/components/ChannelDetails/components/navigation-section/PinnedMessageListLoadingSkeleton.d.ts +9 -0
- package/lib/typescript/components/ChannelDetails/components/navigation-section/PinnedMessageListLoadingSkeleton.d.ts.map +1 -0
- package/lib/typescript/components/ChannelDetails/components/navigation-section/index.d.ts +11 -0
- package/lib/typescript/components/ChannelDetails/components/navigation-section/index.d.ts.map +1 -0
- package/lib/typescript/components/ChannelDetails/hooks/index.d.ts +3 -0
- package/lib/typescript/components/ChannelDetails/hooks/index.d.ts.map +1 -1
- package/lib/typescript/components/ChannelDetails/hooks/useChannelDetailsNavigationItems.d.ts +56 -0
- package/lib/typescript/components/ChannelDetails/hooks/useChannelDetailsNavigationItems.d.ts.map +1 -0
- package/lib/typescript/components/ChannelDetails/hooks/useFileAttachmentListSections.d.ts +28 -0
- package/lib/typescript/components/ChannelDetails/hooks/useFileAttachmentListSections.d.ts.map +1 -0
- package/lib/typescript/components/ChannelDetails/hooks/useMediaList.d.ts +20 -0
- package/lib/typescript/components/ChannelDetails/hooks/useMediaList.d.ts.map +1 -0
- package/lib/typescript/components/ImageGallery/ImageGallery.d.ts.map +1 -1
- package/lib/typescript/components/ImageGallery/components/AnimatedGalleryImage.d.ts.map +1 -1
- package/lib/typescript/components/ImageGallery/components/AnimatedGalleryVideo.d.ts +1 -4
- package/lib/typescript/components/ImageGallery/components/AnimatedGalleryVideo.d.ts.map +1 -1
- package/lib/typescript/components/ImageGallery/components/ImageGalleryA11yProbe.d.ts +20 -0
- package/lib/typescript/components/ImageGallery/components/ImageGalleryA11yProbe.d.ts.map +1 -0
- package/lib/typescript/components/ImageGallery/components/ImageGalleryHeader.d.ts.map +1 -1
- package/lib/typescript/components/ImageGallery/hooks/useAnimatedGalleryStyle.d.ts +2 -3
- package/lib/typescript/components/ImageGallery/hooks/useAnimatedGalleryStyle.d.ts.map +1 -1
- package/lib/typescript/components/ImageGallery/hooks/useCurrentImageHeight.d.ts +24 -0
- package/lib/typescript/components/ImageGallery/hooks/useCurrentImageHeight.d.ts.map +1 -0
- package/lib/typescript/components/ImageGallery/hooks/useImageGalleryGestures.d.ts +1 -1
- package/lib/typescript/components/ImageGallery/hooks/useImageGalleryGestures.d.ts.map +1 -1
- package/lib/typescript/components/UIComponents/EmptyList.d.ts +24 -0
- package/lib/typescript/components/UIComponents/EmptyList.d.ts.map +1 -0
- package/lib/typescript/components/UIComponents/index.d.ts +1 -0
- package/lib/typescript/components/UIComponents/index.d.ts.map +1 -1
- package/lib/typescript/contexts/channelFileAttachmentListContext/ChannelFileAttachmentListContext.d.ts +21 -0
- package/lib/typescript/contexts/channelFileAttachmentListContext/ChannelFileAttachmentListContext.d.ts.map +1 -0
- package/lib/typescript/contexts/channelMediaListContext/ChannelMediaListContext.d.ts +21 -0
- package/lib/typescript/contexts/channelMediaListContext/ChannelMediaListContext.d.ts.map +1 -0
- package/lib/typescript/contexts/channelPinnedMessageListContext/ChannelPinnedMessageListContext.d.ts +21 -0
- package/lib/typescript/contexts/channelPinnedMessageListContext/ChannelPinnedMessageListContext.d.ts.map +1 -0
- package/lib/typescript/contexts/componentsContext/defaultComponents.d.ts +18 -2
- package/lib/typescript/contexts/componentsContext/defaultComponents.d.ts.map +1 -1
- package/lib/typescript/contexts/index.d.ts +3 -0
- package/lib/typescript/contexts/index.d.ts.map +1 -1
- package/lib/typescript/contexts/themeContext/ThemeContext.d.ts +56 -1
- package/lib/typescript/contexts/themeContext/ThemeContext.d.ts.map +1 -1
- package/lib/typescript/contexts/themeContext/utils/theme.d.ts +56 -1
- package/lib/typescript/contexts/themeContext/utils/theme.d.ts.map +1 -1
- package/lib/typescript/i18n/ar.json +11 -0
- package/lib/typescript/i18n/en.json +11 -0
- package/lib/typescript/i18n/es.json +11 -0
- package/lib/typescript/i18n/fr.json +11 -0
- package/lib/typescript/i18n/he.json +11 -0
- package/lib/typescript/i18n/hi.json +11 -0
- package/lib/typescript/i18n/it.json +11 -0
- package/lib/typescript/i18n/ja.json +11 -0
- package/lib/typescript/i18n/ko.json +11 -0
- package/lib/typescript/i18n/nl.json +11 -0
- package/lib/typescript/i18n/pt-br.json +11 -0
- package/lib/typescript/i18n/ru.json +11 -0
- package/lib/typescript/i18n/tr.json +11 -0
- package/lib/typescript/icons/folder.d.ts +4 -0
- package/lib/typescript/icons/folder.d.ts.map +1 -0
- package/lib/typescript/icons/index.d.ts +1 -0
- package/lib/typescript/icons/index.d.ts.map +1 -1
- package/lib/typescript/state-store/image-gallery-state-store.d.ts +8 -0
- package/lib/typescript/state-store/image-gallery-state-store.d.ts.map +1 -1
- package/lib/typescript/utils/i18n/Streami18n.d.ts +11 -0
- package/lib/typescript/utils/i18n/Streami18n.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/ChannelDetails/ChannelDetails.tsx +17 -2
- package/src/components/ChannelDetails/__tests__/ChannelDetails.test.tsx +29 -0
- package/src/components/ChannelDetails/__tests__/ChannelDetailsEditButton.test.tsx +127 -0
- package/src/components/ChannelDetails/__tests__/ChannelDetailsNavHeader.test.tsx +21 -56
- package/src/components/ChannelDetails/__tests__/ChannelDetailsNavigationSection.test.tsx +225 -6
- package/src/components/ChannelDetails/__tests__/useFileAttachmentListSections.test.tsx +159 -0
- package/src/components/ChannelDetails/__tests__/useMediaList.test.tsx +53 -0
- package/src/components/ChannelDetails/components/ChannelDetailsActionItem.tsx +6 -1
- package/src/components/ChannelDetails/components/ChannelDetailsEditButton.tsx +50 -0
- package/src/components/ChannelDetails/components/ChannelDetailsNavHeader.tsx +6 -33
- package/src/components/ChannelDetails/components/ChannelDetailsNavigationSection.tsx +80 -32
- package/src/components/ChannelDetails/components/ChannelDetailsProfile.tsx +2 -1
- package/src/components/ChannelDetails/components/ChannelEditImageSheet.tsx +2 -2
- package/src/components/ChannelDetails/components/__tests__/navigation-section/FileAttachmentItem.test.tsx +80 -0
- package/src/components/ChannelDetails/components/__tests__/navigation-section/FileAttachmentList.test.tsx +334 -0
- package/src/components/ChannelDetails/components/__tests__/navigation-section/FileAttachmentListSectionHeader.test.tsx +19 -0
- package/src/components/ChannelDetails/components/__tests__/navigation-section/MediaItem.test.tsx +97 -0
- package/src/components/ChannelDetails/components/__tests__/navigation-section/MediaList.test.tsx +351 -0
- package/src/components/ChannelDetails/components/__tests__/navigation-section/PinnedMessageItem.test.tsx +112 -0
- package/src/components/ChannelDetails/components/__tests__/navigation-section/PinnedMessageList.test.tsx +324 -0
- package/src/components/ChannelDetails/components/index.ts +3 -0
- package/src/components/ChannelDetails/components/members/ChannelMemberItem.tsx +6 -1
- package/src/components/ChannelDetails/components/modal/Modal.tsx +37 -24
- package/src/components/ChannelDetails/components/modal/ModalHeader.tsx +11 -4
- package/src/components/ChannelDetails/components/navigation-section/FileAttachmentItem.tsx +92 -0
- package/src/components/ChannelDetails/components/navigation-section/FileAttachmentList.tsx +204 -0
- package/src/components/ChannelDetails/components/navigation-section/FileAttachmentListLoadingSkeleton.tsx +23 -0
- package/src/components/ChannelDetails/components/navigation-section/FileAttachmentListSectionHeader.tsx +56 -0
- package/src/components/ChannelDetails/components/navigation-section/MediaItem.tsx +160 -0
- package/src/components/ChannelDetails/components/navigation-section/MediaList.tsx +244 -0
- package/src/components/ChannelDetails/components/navigation-section/MediaListLoadingSkeleton.tsx +66 -0
- package/src/components/ChannelDetails/components/navigation-section/PinnedMessageItem.tsx +94 -0
- package/src/components/ChannelDetails/components/navigation-section/PinnedMessageList.tsx +198 -0
- package/src/components/ChannelDetails/components/navigation-section/PinnedMessageListLoadingSkeleton.tsx +23 -0
- package/src/components/ChannelDetails/components/navigation-section/index.ts +10 -0
- package/src/components/ChannelDetails/hooks/index.ts +3 -0
- package/src/components/ChannelDetails/hooks/useChannelDetailsNavigationItems.ts +108 -0
- package/src/components/ChannelDetails/hooks/useFileAttachmentListSections.ts +79 -0
- package/src/components/ChannelDetails/hooks/useMediaList.ts +51 -0
- package/src/components/ImageGallery/ImageGallery.tsx +41 -120
- package/src/components/ImageGallery/__tests__/ImageGallery.test.tsx +4 -1
- package/src/components/ImageGallery/__tests__/ImageGalleryAdjustable.test.tsx +5 -4
- package/src/components/ImageGallery/components/AnimatedGalleryImage.tsx +9 -11
- package/src/components/ImageGallery/components/AnimatedGalleryVideo.tsx +28 -15
- package/src/components/ImageGallery/components/ImageGalleryA11yProbe.tsx +82 -0
- package/src/components/ImageGallery/components/ImageGalleryHeader.tsx +21 -18
- package/src/components/ImageGallery/hooks/useAnimatedGalleryStyle.tsx +5 -5
- package/src/components/ImageGallery/hooks/useCurrentImageHeight.ts +86 -0
- package/src/components/ImageGallery/hooks/useImageGalleryGestures.tsx +42 -51
- package/src/components/UIComponents/EmptyList.tsx +80 -0
- package/src/components/UIComponents/__tests__/EmptyList.test.tsx +90 -0
- package/src/components/UIComponents/index.ts +1 -0
- package/src/components/ui/Avatar/AvatarGroup.tsx +3 -3
- package/src/components/ui/Avatar/constants.ts +2 -2
- package/src/contexts/channelFileAttachmentListContext/ChannelFileAttachmentListContext.tsx +67 -0
- package/src/contexts/channelMediaListContext/ChannelMediaListContext.tsx +68 -0
- package/src/contexts/channelPinnedMessageListContext/ChannelPinnedMessageListContext.tsx +72 -0
- package/src/contexts/componentsContext/defaultComponents.ts +16 -1
- package/src/contexts/index.ts +3 -0
- package/src/contexts/themeContext/utils/theme.ts +112 -2
- package/src/i18n/ar.json +11 -0
- package/src/i18n/en.json +11 -0
- package/src/i18n/es.json +11 -0
- package/src/i18n/fr.json +11 -0
- package/src/i18n/he.json +11 -0
- package/src/i18n/hi.json +11 -0
- package/src/i18n/it.json +11 -0
- package/src/i18n/ja.json +11 -0
- package/src/i18n/ko.json +11 -0
- package/src/i18n/nl.json +11 -0
- package/src/i18n/pt-br.json +11 -0
- package/src/i18n/ru.json +11 -0
- package/src/i18n/tr.json +11 -0
- package/src/icons/folder.tsx +28 -0
- package/src/icons/index.ts +1 -0
- package/src/state-store/__tests__/image-gallery-state-store.test.ts +81 -0
- package/src/state-store/image-gallery-state-store.ts +27 -1
- package/src/version.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_ChatConfigContext","_ImageGalleryContext","_hooks","_useIsSvg","_getResizedImageUrl","_SvgAwareImage","_useAnimatedGalleryStyle","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","oneEighth","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_ChatConfigContext","_ImageGalleryContext","_hooks","_useIsSvg","_getResizedImageUrl","_SvgAwareImage","_useAnimatedGalleryStyle","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","oneEighth","AnimatedGalleryImage","exports","React","memo","props","accessibilityLabel","index","offsetScale","photo","scale","screenHeight","screenWidth","style","translateX","translateY","_useImageGalleryConte","useImageGalleryContext","imageGalleryStateStore","_useChatConfigContext","useChatConfigContext","resizableCDNHosts","shouldRenderSelector","useCallback","state","shouldRender","Math","abs","currentIndex","_useStateStore","useStateStore","uri","useMemo","getResizedImageUrl","height","url","width","isSvg","useIsSvg","animatedStyles","useAnimatedGalleryStyle","currentIndexShared","jsx","View","transform","styles","svgOuter","children","SvgAwareImage","source","svgInner","Image","resizeMode","prevProps","nextProps","displayName","StyleSheet","create","alignItems","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/ImageGallery/components/AnimatedGalleryImage.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,oBAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAKA,IAAAQ,mBAAA,GAAAR,OAAA;AACA,IAAAS,cAAA,GAAAT,OAAA;AACA,IAAAU,wBAAA,GAAAV,OAAA;AAA2E,IAAAW,WAAA,GAAAX,OAAA;AAAA,IAAAY,YAAA;AAAA,SAAAb,wBAAAc,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAhB,uBAAA,YAAAA,CAAAc,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE3E,IAAMmB,SAAS,GAAG,CAAC,GAAG,CAAC;AAehB,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAGE,cAAK,CAACC,IAAI,CAC3CC,KAAY,IAAK;EAChB,IACEC,kBAAkB,GAUhBD,KAAK,CAVPC,kBAAkB;IAClBC,KAAK,GASHF,KAAK,CATPE,KAAK;IACLC,WAAW,GAQTH,KAAK,CARPG,WAAW;IACXC,KAAK,GAOHJ,KAAK,CAPPI,KAAK;IACLC,KAAK,GAMHL,KAAK,CANPK,KAAK;IACLC,YAAY,GAKVN,KAAK,CALPM,YAAY;IACZC,WAAW,GAITP,KAAK,CAJPO,WAAW;IACXC,KAAK,GAGHR,KAAK,CAHPQ,KAAK;IACLC,UAAU,GAERT,KAAK,CAFPS,UAAU;IACVC,UAAU,GACRV,KAAK,CADPU,UAAU;EAEZ,IAAAC,qBAAA,GAAmC,IAAAC,2CAAsB,EAAC,CAAC;IAAnDC,sBAAsB,GAAAF,qBAAA,CAAtBE,sBAAsB;EAC9B,IAAAC,qBAAA,GAA8B,IAAAC,uCAAoB,EAAC,CAAC;IAA5CC,iBAAiB,GAAAF,qBAAA,CAAjBE,iBAAiB;EACzB,IAAMC,oBAAoB,GAAG,IAAAC,kBAAW,EACrCC,KAAwB,KAAM;IAC7BC,YAAY,EAAEC,IAAI,CAACC,GAAG,CAACH,KAAK,CAACI,YAAY,GAAGrB,KAAK,CAAC,GAAG;EACvD,CAAC,CAAC,EACF,CAACA,KAAK,CACR,CAAC;EACD,IAAAsB,cAAA,GAAyB,IAAAC,oBAAa,EAACZ,sBAAsB,CAACM,KAAK,EAAEF,oBAAoB,CAAC;IAAlFG,YAAY,GAAAI,cAAA,CAAZJ,YAAY;EAEpB,IAAMM,GAAG,GAAG,IAAAC,cAAO,EAAC,MAAM;IACxB,OAAO,IAAAC,sCAAkB,EAAC;MACxBC,MAAM,EAAEvB,YAAY;MACpBU,iBAAiB;MACjBc,GAAG,EAAE1B,KAAK,CAACsB,GAAG;MACdK,KAAK,EAAExB;IACT,CAAC,CAAC;EACJ,CAAC,EAAE,CAACH,KAAK,CAACsB,GAAG,EAAEV,iBAAiB,EAAEV,YAAY,EAAEC,WAAW,CAAC,CAAC;EAE7D,IAAMyB,KAAK,GAAG,IAAAC,kBAAQ,EAACP,GAAG,CAAC;EAE3B,IAAMQ,cAAc,GAAG,IAAAC,gDAAuB,EAAC;IAC7CC,kBAAkB,EAAEvB,sBAAsB,CAACuB,kBAAkB;IAC7DlC,KAAK;IACLC,WAAW;IACXE,KAAK;IACLC,YAAY;IACZG,UAAU;IACVC;EACF,CAAC,CAAC;EAOF,IAAI,CAACU,YAAY,EAAE;IACjB,OAAO,IAAA/C,WAAA,CAAAgE,GAAA,EAAC1E,YAAA,CAAA2E,IAAI;MAAC9B,KAAK,EAAE,CAACA,KAAK,EAAE;QAAE+B,SAAS,EAAE,CAAC;UAAElC,KAAK,EAAEV;QAAU,CAAC;MAAE,CAAC;IAAE,CAAE,CAAC;EACxE;EAEA,IAAIqC,KAAK,EAAE;IAQT,OACE,IAAA3D,WAAA,CAAAgE,GAAA,EAACzE,sBAAA,CAAAqB,OAAQ,CAACqD,IAAI;MACZrC,kBAAkB,EAAEA,kBAAmB;MACvCO,KAAK,EAAE,CAAC,GAAG0B,cAAc,EAAE1B,KAAK,EAAEgC,MAAM,CAACC,QAAQ,CAAE;MAAAC,QAAA,EAEnD,IAAArE,WAAA,CAAAgE,GAAA,EAAClE,cAAA,CAAAwE,aAAa;QACZC,MAAM,EAAE;UAAElB;QAAI,CAAE;QAChBlB,KAAK,EAAE,CAAC;UAAEqB,MAAM,EAAEvB,YAAY;UAAEyB,KAAK,EAAExB;QAAY,CAAC,EAAEiC,MAAM,CAACK,QAAQ;MAAE,CACxE;IAAC,CACW,CAAC;EAEpB;EAEA,OACE,IAAAxE,WAAA,CAAAgE,GAAA,EAACzE,sBAAA,CAAAqB,OAAQ,CAAC6D,KAAK;IACb7C,kBAAkB,EAAEA,kBAAmB;IACvC8C,UAAU,EAAE,SAAU;IACtBH,MAAM,EAAE;MAAElB;IAAI,CAAE;IAChBlB,KAAK,EAAE,CAAC,GAAG0B,cAAc,EAAE1B,KAAK;EAAE,CACnC,CAAC;AAEN,CAAC,EACD,CAACwC,SAAS,EAAEC,SAAS,KAAK;EACxB,IACED,SAAS,CAAC5C,KAAK,CAACsB,GAAG,KAAKuB,SAAS,CAAC7C,KAAK,CAACsB,GAAG,IAC3CsB,SAAS,CAAC9C,KAAK,KAAK+C,SAAS,CAAC/C,KAAK,IACnC8C,SAAS,CAAC1C,YAAY,KAAK2C,SAAS,CAAC3C,YAAY,IACjD0C,SAAS,CAACzC,WAAW,KAAK0C,SAAS,CAAC1C,WAAW,EAC/C;IACA,OAAO,IAAI;EACb;EACA,OAAO,KAAK;AACd,CACF,CAAC;AAEDX,oBAAoB,CAACsD,WAAW,GAAG,sBAAsB;AAEzD,IAAMV,MAAM,GAAGW,uBAAU,CAACC,MAAM,CAAC;EAC/BP,QAAQ,EAAE;IACRN,SAAS,EAAE,CAAC;MAAElC,KAAK,EAAE;IAAE,CAAC;EAC1B,CAAC;EACDoC,QAAQ,EAAE;IACRY,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -27,22 +27,17 @@ var styles = _reactNative.StyleSheet.create({
|
|
|
27
27
|
width: '100%'
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
|
-
var imageGallerySelector = state => ({
|
|
31
|
-
currentIndex: state.currentIndex
|
|
32
|
-
});
|
|
33
30
|
var videoPlayerSelector = state => ({
|
|
34
31
|
currentPlaybackRate: state.currentPlaybackRate,
|
|
35
32
|
isPlaying: state.isPlaying
|
|
36
33
|
});
|
|
37
|
-
var
|
|
34
|
+
var AnimatedGalleryVideoComponent = props => {
|
|
38
35
|
var _useState = (0, _react.useState)(1),
|
|
39
36
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
40
37
|
opacity = _useState2[0],
|
|
41
38
|
setOpacity = _useState2[1];
|
|
42
39
|
var _useImageGalleryConte = (0, _ImageGalleryContext.useImageGalleryContext)(),
|
|
43
40
|
imageGalleryStateStore = _useImageGalleryConte.imageGalleryStateStore;
|
|
44
|
-
var _useStateStore = (0, _hooks.useStateStore)(imageGalleryStateStore.state, imageGallerySelector),
|
|
45
|
-
currentIndex = _useStateStore.currentIndex;
|
|
46
41
|
var attachmentId = props.attachmentId,
|
|
47
42
|
index = props.index,
|
|
48
43
|
offsetScale = props.offsetScale,
|
|
@@ -52,20 +47,26 @@ var AnimatedGalleryVideo = props => {
|
|
|
52
47
|
photo = props.photo,
|
|
53
48
|
translateX = props.translateX,
|
|
54
49
|
translateY = props.translateY;
|
|
50
|
+
var shouldRenderSelector = (0, _react.useCallback)(state => ({
|
|
51
|
+
shouldRender: Math.abs(state.currentIndex - index) < 2
|
|
52
|
+
}), [index]);
|
|
53
|
+
var _useStateStore = (0, _hooks.useStateStore)(imageGalleryStateStore.state, shouldRenderSelector),
|
|
54
|
+
shouldRender = _useStateStore.shouldRender;
|
|
55
55
|
var videoRef = (0, _react.useRef)(null);
|
|
56
56
|
var videoPlayer = (0, _useImageGalleryVideoPlayer.useImageGalleryVideoPlayer)({
|
|
57
57
|
id: attachmentId
|
|
58
58
|
});
|
|
59
59
|
(0, _react.useEffect)(() => {
|
|
60
|
-
if (videoRef.current) {
|
|
60
|
+
if (videoRef.current && shouldRender) {
|
|
61
61
|
videoPlayer.initPlayer({
|
|
62
62
|
playerRef: videoRef.current
|
|
63
63
|
});
|
|
64
64
|
}
|
|
65
65
|
return () => {
|
|
66
66
|
videoPlayer.playerRef = null;
|
|
67
|
+
videoPlayer.onRemove();
|
|
67
68
|
};
|
|
68
|
-
}, [videoPlayer]);
|
|
69
|
+
}, [videoPlayer, shouldRender]);
|
|
69
70
|
var _useStateStore2 = (0, _hooks.useStateStore)(videoPlayer.state, videoPlayerSelector),
|
|
70
71
|
isPlaying = _useStateStore2.isPlaying,
|
|
71
72
|
currentPlaybackRate = _useStateStore2.currentPlaybackRate;
|
|
@@ -111,16 +112,12 @@ var AnimatedGalleryVideo = props => {
|
|
|
111
112
|
}
|
|
112
113
|
}
|
|
113
114
|
};
|
|
114
|
-
var selected = currentIndex === index;
|
|
115
|
-
var previous = currentIndex > index;
|
|
116
|
-
var shouldRender = Math.abs(currentIndex - index) < 4;
|
|
117
115
|
var animatedStyles = (0, _useAnimatedGalleryStyle.useAnimatedGalleryStyle)({
|
|
116
|
+
currentIndexShared: imageGalleryStateStore.currentIndexShared,
|
|
118
117
|
index,
|
|
119
118
|
offsetScale,
|
|
120
|
-
previous,
|
|
121
119
|
scale,
|
|
122
120
|
screenHeight,
|
|
123
|
-
selected,
|
|
124
121
|
translateX,
|
|
125
122
|
translateY
|
|
126
123
|
});
|
|
@@ -171,6 +168,11 @@ var AnimatedGalleryVideo = props => {
|
|
|
171
168
|
})]
|
|
172
169
|
});
|
|
173
170
|
};
|
|
174
|
-
exports.AnimatedGalleryVideo =
|
|
171
|
+
var AnimatedGalleryVideo = exports.AnimatedGalleryVideo = _react.default.memo(AnimatedGalleryVideoComponent, (prevProps, nextProps) => {
|
|
172
|
+
if (prevProps.photo.uri === nextProps.photo.uri && prevProps.index === nextProps.index && prevProps.screenHeight === nextProps.screenHeight) {
|
|
173
|
+
return true;
|
|
174
|
+
}
|
|
175
|
+
return false;
|
|
176
|
+
});
|
|
175
177
|
AnimatedGalleryVideo.displayName = 'AnimatedGalleryVideo';
|
|
176
178
|
//# sourceMappingURL=AnimatedGalleryVideo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_ImageGalleryContext","_hooks","_native","_constants","_Spinner","_useAnimatedGalleryStyle","_useImageGalleryVideoPlayer","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","oneEighth","styles","StyleSheet","create","activityIndicator","alignSelf","videoPlayer","height","width","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_ImageGalleryContext","_hooks","_native","_constants","_Spinner","_useAnimatedGalleryStyle","_useImageGalleryVideoPlayer","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","oneEighth","styles","StyleSheet","create","activityIndicator","alignSelf","videoPlayer","height","width","videoPlayerSelector","state","currentPlaybackRate","isPlaying","AnimatedGalleryVideoComponent","props","_useState","useState","_useState2","_slicedToArray2","opacity","setOpacity","_useImageGalleryConte","useImageGalleryContext","imageGalleryStateStore","attachmentId","index","offsetScale","scale","screenHeight","style","photo","translateX","translateY","shouldRenderSelector","useCallback","shouldRender","Math","abs","currentIndex","_useStateStore","useStateStore","videoRef","useRef","useImageGalleryVideoPlayer","id","useEffect","current","initPlayer","playerRef","onRemove","_useStateStore2","onLoadStart","onLoad","payload","duration","ONE_SECOND_IN_MILLISECONDS","onEnd","stop","onProgress","data","position","currentTime","onBuffer","isBuffering","onPlayBackStatusUpdate","playbackStatus","isLoaded","error","console","durationMillis","progress","positionMillis","didJustFinish","isLooping","animatedStyles","useAnimatedGalleryStyle","currentIndexShared","jsx","View","accessibilityLabel","transform","jsxs","children","isVideoPlayerAvailable","NativeHandlers","Video","onPlaybackStatusUpdate","paused","repeat","resizeMode","testID","uri","rate","scaleX","Spinner","AnimatedGalleryVideo","exports","React","memo","prevProps","nextProps","displayName"],"sourceRoot":"../../../../../src","sources":["components/ImageGallery/components/AnimatedGalleryVideo.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
exports.ImageGalleryA11yProbe = void 0;
|
|
6
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
9
|
+
var _useA11yLabel = require("../../../a11y/hooks/useA11yLabel");
|
|
10
|
+
var _ImageGalleryContext = require("../../../contexts/imageGalleryContext/ImageGalleryContext");
|
|
11
|
+
var _hooks = require("../../../hooks");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ImageGallery/components/ImageGalleryA11yProbe.tsx";
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
15
|
+
var a11ySelector = state => ({
|
|
16
|
+
assets: state.assets,
|
|
17
|
+
currentIndex: state.currentIndex
|
|
18
|
+
});
|
|
19
|
+
var ImageGalleryA11yProbe = ({
|
|
20
|
+
containerBackground
|
|
21
|
+
}) => {
|
|
22
|
+
var _useImageGalleryConte = (0, _ImageGalleryContext.useImageGalleryContext)(),
|
|
23
|
+
imageGalleryStateStore = _useImageGalleryConte.imageGalleryStateStore;
|
|
24
|
+
var _useStateStore = (0, _hooks.useStateStore)(imageGalleryStateStore.state, a11ySelector),
|
|
25
|
+
assets = _useStateStore.assets,
|
|
26
|
+
currentIndex = _useStateStore.currentIndex;
|
|
27
|
+
var assetsCount = assets.length;
|
|
28
|
+
var accessibilityValueParams = (0, _react.useMemo)(() => ({
|
|
29
|
+
count: assetsCount,
|
|
30
|
+
position: currentIndex + 1
|
|
31
|
+
}), [currentIndex, assetsCount]);
|
|
32
|
+
var accessibilityValueText = (0, _useA11yLabel.useA11yLabel)('a11y/{{position}} of {{count}}', accessibilityValueParams);
|
|
33
|
+
var accessibilityValue = (0, _react.useMemo)(() => accessibilityValueText ? {
|
|
34
|
+
text: accessibilityValueText
|
|
35
|
+
} : undefined, [accessibilityValueText]);
|
|
36
|
+
var adjustableActions = (0, _react.useMemo)(() => [{
|
|
37
|
+
name: 'increment'
|
|
38
|
+
}, {
|
|
39
|
+
name: 'decrement'
|
|
40
|
+
}], []);
|
|
41
|
+
var onAccessibilityAction = (0, _react.useCallback)(event => {
|
|
42
|
+
var latest = imageGalleryStateStore.state.getLatestValue();
|
|
43
|
+
var latestCount = latest.assets.length;
|
|
44
|
+
var latestIndex = latest.currentIndex;
|
|
45
|
+
if (latestCount <= 1) return;
|
|
46
|
+
if (event.nativeEvent.actionName === 'increment') {
|
|
47
|
+
if (latestIndex < latestCount - 1) {
|
|
48
|
+
imageGalleryStateStore.currentIndex = latestIndex + 1;
|
|
49
|
+
}
|
|
50
|
+
} else if (event.nativeEvent.actionName === 'decrement') {
|
|
51
|
+
if (latestIndex > 0) {
|
|
52
|
+
imageGalleryStateStore.currentIndex = latestIndex - 1;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}, [imageGalleryStateStore]);
|
|
56
|
+
return (0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
57
|
+
accessible: true,
|
|
58
|
+
accessibilityActions: adjustableActions,
|
|
59
|
+
accessibilityLabel: "Image Gallery",
|
|
60
|
+
accessibilityRole: "adjustable",
|
|
61
|
+
accessibilityValue: accessibilityValue,
|
|
62
|
+
onAccessibilityAction: onAccessibilityAction,
|
|
63
|
+
style: [_reactNative.StyleSheet.absoluteFill, containerBackground]
|
|
64
|
+
});
|
|
65
|
+
};
|
|
66
|
+
exports.ImageGalleryA11yProbe = ImageGalleryA11yProbe;
|
|
67
|
+
//# sourceMappingURL=ImageGalleryA11yProbe.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_useA11yLabel","_ImageGalleryContext","_hooks","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","a11ySelector","state","assets","currentIndex","ImageGalleryA11yProbe","containerBackground","_useImageGalleryConte","useImageGalleryContext","imageGalleryStateStore","_useStateStore","useStateStore","assetsCount","length","accessibilityValueParams","useMemo","count","position","accessibilityValueText","useA11yLabel","accessibilityValue","text","undefined","adjustableActions","name","onAccessibilityAction","useCallback","event","latest","getLatestValue","latestCount","latestIndex","nativeEvent","actionName","jsx","View","accessible","accessibilityActions","accessibilityLabel","accessibilityRole","style","StyleSheet","absoluteFill","exports"],"sourceRoot":"../../../../../src","sources":["components/ImageGallery/components/ImageGalleryA11yProbe.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,oBAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAA+C,IAAAO,WAAA,GAAAP,OAAA;AAAA,IAAAQ,YAAA;AAAA,SAAAT,wBAAAU,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAU,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAG/C,IAAMmB,YAAY,GAAIC,KAAwB,KAAM;EAClDC,MAAM,EAAED,KAAK,CAACC,MAAM;EACpBC,YAAY,EAAEF,KAAK,CAACE;AACtB,CAAC,CAAC;AAiBK,IAAMC,qBAAqB,GAAGA,CAAC;EAAEC;AAA2B,CAAC,KAAK;EACvE,IAAAC,qBAAA,GAAmC,IAAAC,2CAAsB,EAAC,CAAC;IAAnDC,sBAAsB,GAAAF,qBAAA,CAAtBE,sBAAsB;EAC9B,IAAAC,cAAA,GAAiC,IAAAC,oBAAa,EAACF,sBAAsB,CAACP,KAAK,EAAED,YAAY,CAAC;IAAlFE,MAAM,GAAAO,cAAA,CAANP,MAAM;IAAEC,YAAY,GAAAM,cAAA,CAAZN,YAAY;EAC5B,IAAMQ,WAAW,GAAGT,MAAM,CAACU,MAAM;EAEjC,IAAMC,wBAAwB,GAAG,IAAAC,cAAO,EACtC,OAAO;IAAEC,KAAK,EAAEJ,WAAW;IAAEK,QAAQ,EAAEb,YAAY,GAAG;EAAE,CAAC,CAAC,EAC1D,CAACA,YAAY,EAAEQ,WAAW,CAC5B,CAAC;EACD,IAAMM,sBAAsB,GAAG,IAAAC,0BAAY,EACzC,gCAAgC,EAChCL,wBACF,CAAC;EACD,IAAMM,kBAAkB,GAAG,IAAAL,cAAO,EAChC,MAAOG,sBAAsB,GAAG;IAAEG,IAAI,EAAEH;EAAuB,CAAC,GAAGI,SAAU,EAC7E,CAACJ,sBAAsB,CACzB,CAAC;EACD,IAAMK,iBAAiB,GAAG,IAAAR,cAAO,EAC/B,MAAM,CAAC;IAAES,IAAI,EAAE;EAAqB,CAAC,EAAE;IAAEA,IAAI,EAAE;EAAqB,CAAC,CAAC,EACtE,EACF,CAAC;EAED,IAAMC,qBAAqB,GAAG,IAAAC,kBAAW,EACtCC,KAA8C,IAAK;IAClD,IAAMC,MAAM,GAAGnB,sBAAsB,CAACP,KAAK,CAAC2B,cAAc,CAAC,CAAC;IAC5D,IAAMC,WAAW,GAAGF,MAAM,CAACzB,MAAM,CAACU,MAAM;IACxC,IAAMkB,WAAW,GAAGH,MAAM,CAACxB,YAAY;IACvC,IAAI0B,WAAW,IAAI,CAAC,EAAE;IACtB,IAAIH,KAAK,CAACK,WAAW,CAACC,UAAU,KAAK,WAAW,EAAE;MAChD,IAAIF,WAAW,GAAGD,WAAW,GAAG,CAAC,EAAE;QACjCrB,sBAAsB,CAACL,YAAY,GAAG2B,WAAW,GAAG,CAAC;MACvD;IACF,CAAC,MAAM,IAAIJ,KAAK,CAACK,WAAW,CAACC,UAAU,KAAK,WAAW,EAAE;MACvD,IAAIF,WAAW,GAAG,CAAC,EAAE;QACnBtB,sBAAsB,CAACL,YAAY,GAAG2B,WAAW,GAAG,CAAC;MACvD;IACF;EACF,CAAC,EACD,CAACtB,sBAAsB,CACzB,CAAC;EAED,OACE,IAAA9B,WAAA,CAAAuD,GAAA,EAAC5D,sBAAA,CAAAiB,OAAQ,CAAC4C,IAAI;IACZC,UAAU;IACVC,oBAAoB,EAAEd,iBAAkB;IACxCe,kBAAkB,EAAC,eAAe;IAClCC,iBAAiB,EAAC,YAAY;IAC9BnB,kBAAkB,EAAEA,kBAAmB;IACvCK,qBAAqB,EAAEA,qBAAsB;IAC7Ce,KAAK,EAAE,CAACC,uBAAU,CAACC,YAAY,EAAEpC,mBAAmB;EAAE,CACvD,CAAC;AAEN,CAAC;AAACqC,OAAA,CAAAtC,qBAAA,GAAAA,qBAAA","ignoreList":[]}
|
|
@@ -7,6 +7,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
|
+
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
10
11
|
var _ImageGalleryContextBase = require("../../../contexts/imageGalleryContext/ImageGalleryContextBase");
|
|
11
12
|
var _OverlayContext = require("../../../contexts/overlayContext/OverlayContext");
|
|
12
13
|
var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
|
|
@@ -16,11 +17,9 @@ var _chevronLeft = require("../../../icons/chevron-left");
|
|
|
16
17
|
var _theme = require("../../../theme");
|
|
17
18
|
var _getDateString = require("../../../utils/i18n/getDateString");
|
|
18
19
|
var _Button = require("../../ui/Button/Button");
|
|
19
|
-
var _SafeAreaViewWrapper = require("../../UIComponents/SafeAreaViewWrapper");
|
|
20
20
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
21
|
var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ImageGallery/components/ImageGalleryHeader.tsx";
|
|
22
22
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
23
|
-
var ReanimatedSafeAreaView = _reactNativeReanimated.default.createAnimatedComponent ? _reactNativeReanimated.default.createAnimatedComponent(_SafeAreaViewWrapper.SafeAreaView) : _SafeAreaViewWrapper.SafeAreaView;
|
|
24
23
|
var imageGallerySelector = state => ({
|
|
25
24
|
asset: state.assets[state.currentIndex]
|
|
26
25
|
});
|
|
@@ -41,6 +40,7 @@ var ImageGalleryHeader = props => {
|
|
|
41
40
|
asset = _useStateStore.asset;
|
|
42
41
|
var _useOverlayContext = (0, _OverlayContext.useOverlayContext)(),
|
|
43
42
|
setOverlay = _useOverlayContext.setOverlay;
|
|
43
|
+
var topInset = (0, _react.useContext)(_reactNativeSafeAreaContext.SafeAreaInsetsContext)?.top ?? 0;
|
|
44
44
|
var date = (0, _react.useMemo)(() => (0, _getDateString.getDateString)({
|
|
45
45
|
date: asset?.created_at,
|
|
46
46
|
t,
|
|
@@ -64,19 +64,23 @@ var ImageGalleryHeader = props => {
|
|
|
64
64
|
return (0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
65
65
|
onLayout: event => setHeight(event.nativeEvent.layout.height),
|
|
66
66
|
pointerEvents: 'box-none',
|
|
67
|
-
children: (0, _jsxRuntime.jsx)(
|
|
68
|
-
|
|
69
|
-
|
|
67
|
+
children: (0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
68
|
+
style: [styles.container, {
|
|
69
|
+
paddingTop: topInset
|
|
70
|
+
}, headerStyle],
|
|
70
71
|
children: (0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
71
72
|
style: styles.innerContainer,
|
|
72
|
-
children: [(0, _jsxRuntime.jsx)(
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
73
|
+
children: [(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
74
|
+
style: styles.leftContainer,
|
|
75
|
+
children: (0, _jsxRuntime.jsx)(_Button.Button, {
|
|
76
|
+
accessibilityLabelKey: "a11y/Hide Overlay",
|
|
77
|
+
variant: "secondary",
|
|
78
|
+
type: "ghost",
|
|
79
|
+
size: "md",
|
|
80
|
+
onPress: hideOverlay,
|
|
81
|
+
LeadingIcon: _chevronLeft.ChevronLeft,
|
|
82
|
+
iconOnly: true
|
|
83
|
+
})
|
|
80
84
|
}), (0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
81
85
|
style: styles.centerContainer,
|
|
82
86
|
accessibilityLabel: "Center element",
|
|
@@ -110,7 +114,7 @@ var useStyles = () => {
|
|
|
110
114
|
},
|
|
111
115
|
centerContainer: {
|
|
112
116
|
alignItems: 'center',
|
|
113
|
-
flex:
|
|
117
|
+
flex: 2,
|
|
114
118
|
justifyContent: 'center',
|
|
115
119
|
gap: _theme.primitives.spacingXxs,
|
|
116
120
|
...header.centerContainer
|
|
@@ -130,9 +134,13 @@ var useStyles = () => {
|
|
|
130
134
|
borderBottomColor: semantics.borderCoreSubtle,
|
|
131
135
|
...header.innerContainer
|
|
132
136
|
},
|
|
137
|
+
leftContainer: {
|
|
138
|
+
flex: 1
|
|
139
|
+
},
|
|
133
140
|
rightContainer: {
|
|
134
141
|
width: 24,
|
|
135
|
-
height: 24
|
|
142
|
+
height: 24,
|
|
143
|
+
flex: 1
|
|
136
144
|
},
|
|
137
145
|
userName: {
|
|
138
146
|
color: semantics.textPrimary,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_ImageGalleryContextBase","_OverlayContext","_ThemeContext","_TranslationContext","_useStateStore2","_chevronLeft","_theme","_getDateString","_Button","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeSafeAreaContext","_ImageGalleryContextBase","_OverlayContext","_ThemeContext","_TranslationContext","_useStateStore2","_chevronLeft","_theme","_getDateString","_Button","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","imageGallerySelector","state","asset","assets","currentIndex","ImageGalleryHeader","props","opacity","visible","_useState","useState","_useState2","_slicedToArray2","height","setHeight","styles","useStyles","_useTranslationContex","useTranslationContext","tDateTimeParser","_useImageGalleryConte","useImageGalleryContext","imageGalleryStateStore","_useStateStore","useStateStore","_useOverlayContext","useOverlayContext","setOverlay","topInset","useContext","SafeAreaInsetsContext","top","date","useMemo","getDateString","created_at","timestampTranslationKey","headerStyle","useAnimatedStyle","value","transform","translateY","interpolate","Extrapolation","CLAMP","hideOverlay","useEffect","clear","jsx","View","onLayout","event","nativeEvent","layout","pointerEvents","children","style","container","paddingTop","jsxs","innerContainer","leftContainer","Button","accessibilityLabelKey","variant","type","size","onPress","LeadingIcon","ChevronLeft","iconOnly","centerContainer","accessibilityLabel","Text","userName","user","name","id","rightContainer","exports","displayName","_useTheme","useTheme","_useTheme$theme","theme","semantics","header","imageGallery","StyleSheet","create","backgroundColor","backgroundCoreElevation1","gap","primitives","spacingXs","alignItems","flex","justifyContent","spacingXxs","color","textSecondary","fontSize","typographyFontSizeSm","fontWeight","typographyFontWeightRegular","lineHeight","typographyLineHeightNormal","dateText","padding","spacingSm","flexDirection","borderBottomWidth","borderBottomColor","borderCoreSubtle","width","textPrimary","typographyFontSizeMd","typographyFontWeightSemiBold","usernameText"],"sourceRoot":"../../../../../src","sources":["components/ImageGallery/components/ImageGalleryHeader.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,12 +6,11 @@ var _reactNativeReanimated = require("react-native-reanimated");
|
|
|
6
6
|
var _useViewport2 = require("../../../hooks/useViewport");
|
|
7
7
|
var oneEighth = 1 / 8;
|
|
8
8
|
var useAnimatedGalleryStyle = ({
|
|
9
|
+
currentIndexShared,
|
|
9
10
|
index,
|
|
10
11
|
offsetScale,
|
|
11
|
-
previous,
|
|
12
12
|
scale,
|
|
13
13
|
screenHeight,
|
|
14
|
-
selected,
|
|
15
14
|
translateX,
|
|
16
15
|
translateY
|
|
17
16
|
}) => {
|
|
@@ -20,6 +19,8 @@ var useAnimatedGalleryStyle = ({
|
|
|
20
19
|
var screenWidth = vw(100);
|
|
21
20
|
var halfScreenWidth = vw(50);
|
|
22
21
|
var animatedGalleryStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
22
|
+
var selected = currentIndexShared.value === index;
|
|
23
|
+
var previous = currentIndexShared.value > index;
|
|
23
24
|
var xScaleOffset = -7 * screenWidth * (0.5 + index);
|
|
24
25
|
var yScaleOffset = -screenHeight * 3.5;
|
|
25
26
|
return {
|
|
@@ -33,7 +34,7 @@ var useAnimatedGalleryStyle = ({
|
|
|
33
34
|
scaleX: 1
|
|
34
35
|
}]
|
|
35
36
|
};
|
|
36
|
-
}, [
|
|
37
|
+
}, []);
|
|
37
38
|
var animatedStyles = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
38
39
|
var xScaleOffset = 7 * screenWidth * (0.5 + index);
|
|
39
40
|
var yScaleOffset = -screenHeight * 3.5;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNativeReanimated","require","_useViewport2","oneEighth","useAnimatedGalleryStyle","
|
|
1
|
+
{"version":3,"names":["_reactNativeReanimated","require","_useViewport2","oneEighth","useAnimatedGalleryStyle","currentIndexShared","index","offsetScale","scale","screenHeight","translateX","translateY","_useViewport","useViewport","vw","screenWidth","halfScreenWidth","animatedGalleryStyle","useAnimatedStyle","selected","value","previous","xScaleOffset","yScaleOffset","transform","scaleX","animatedStyles","exports"],"sourceRoot":"../../../../../src","sources":["components/ImageGallery/hooks/useAnimatedGalleryStyle.tsx"],"mappings":";;;;AACA,IAAAA,sBAAA,GAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAYA,IAAME,SAAS,GAAG,CAAC,GAAG,CAAC;AAEhB,IAAMC,uBAAuB,GAAGA,CAAC;EACtCC,kBAAkB;EAClBC,KAAK;EACLC,WAAW;EACXC,KAAK;EACLC,YAAY;EACZC,UAAU;EACVC;AACK,CAAC,KAAK;EACX,IAAAC,YAAA,GAAe,IAAAC,yBAAW,EAAC,CAAC;IAApBC,EAAE,GAAAF,YAAA,CAAFE,EAAE;EAEV,IAAMC,WAAW,GAAGD,EAAE,CAAC,GAAG,CAAC;EAC3B,IAAME,eAAe,GAAGF,EAAE,CAAC,EAAE,CAAC;EAU9B,IAAMG,oBAAoB,GAAG,IAAAC,uCAAgB,EAAa,MAAM;IAC9D,IAAMC,QAAQ,GAAGd,kBAAkB,CAACe,KAAK,KAAKd,KAAK;IACnD,IAAMe,QAAQ,GAAGhB,kBAAkB,CAACe,KAAK,GAAGd,KAAK;IACjD,IAAMgB,YAAY,GAAG,CAAC,CAAC,GAAGP,WAAW,IAAI,GAAG,GAAGT,KAAK,CAAC;IACrD,IAAMiB,YAAY,GAAG,CAACd,YAAY,GAAG,GAAG;IACxC,OAAO;MACLe,SAAS,EAAE,CACT;QACEd,UAAU,EAAES,QAAQ,GAChBT,UAAU,CAACU,KAAK,GAAGE,YAAY,GAC/Bd,KAAK,CAACY,KAAK,GAAG,CAAC,IAAIZ,KAAK,CAACY,KAAK,KAAKb,WAAW,CAACa,KAAK,GAClDE,YAAY,GACZD,QAAQ,GACNX,UAAU,CAACU,KAAK,GAAGJ,eAAe,IAAIR,KAAK,CAACY,KAAK,GAAG,CAAC,CAAC,GAAGE,YAAY,GACrEZ,UAAU,CAACU,KAAK,GAAGJ,eAAe,IAAIR,KAAK,CAACY,KAAK,GAAG,CAAC,CAAC,GAAGE;MACnE,CAAC,EACD;QACEX,UAAU,EAAEQ,QAAQ,GAAGR,UAAU,CAACS,KAAK,GAAGG,YAAY,GAAGA;MAC3D,CAAC,EACD;QACEf,KAAK,EAAEW,QAAQ,GAAGX,KAAK,CAACY,KAAK,GAAG,CAAC,GAAGjB;MACtC,CAAC,EACD;QAAEsB,MAAM,EAAE;MAAE,CAAC;IAEjB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,cAAc,GAAG,IAAAR,uCAAgB,EAAC,MAAM;IAC5C,IAAMI,YAAY,GAAG,CAAC,GAAGP,WAAW,IAAI,GAAG,GAAGT,KAAK,CAAC;IACpD,IAAMiB,YAAY,GAAG,CAACd,YAAY,GAAG,GAAG;IACxC,OAAO;MACLe,SAAS,EAAE,CACT;QAAEC,MAAM,EAAE;MAAE,CAAC,EACb;QAAEd,UAAU,EAAEY;MAAa,CAAC,EAC5B;QACEb,UAAU,EAAE,CAACY;MACf,CAAC,EACD;QAAEd,KAAK,EAAEL;MAAU,CAAC;IAExB,CAAC;EACH,CAAC,EAAE,CAACG,KAAK,CAAC,CAAC;EAEX,OAAO,CAACW,oBAAoB,EAAES,cAAc,CAAC;AAC/C,CAAC;AAACC,OAAA,CAAAvB,uBAAA,GAAAA,uBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", {
|
|
2
|
+
value: true
|
|
3
|
+
});
|
|
4
|
+
exports.useCurrentImageHeight = void 0;
|
|
5
|
+
var _react = require("react");
|
|
6
|
+
var _reactNative = require("react-native");
|
|
7
|
+
var _reactNativeReanimated = require("react-native-reanimated");
|
|
8
|
+
var _types = require("../../../types/types");
|
|
9
|
+
var useCurrentImageHeight = ({
|
|
10
|
+
assets,
|
|
11
|
+
fullWindowHeight,
|
|
12
|
+
fullWindowWidth,
|
|
13
|
+
imageGalleryStateStore
|
|
14
|
+
}) => {
|
|
15
|
+
var currentImageHeight = (0, _reactNativeReanimated.useSharedValue)(fullWindowHeight);
|
|
16
|
+
(0, _react.useEffect)(() => {
|
|
17
|
+
var latestToken = 0;
|
|
18
|
+
var compute = index => {
|
|
19
|
+
var currentToken = ++latestToken;
|
|
20
|
+
var photo = assets[index];
|
|
21
|
+
if (photo?.original_height && photo?.original_width) {
|
|
22
|
+
var h = Math.floor(photo.original_height * (fullWindowWidth / photo.original_width));
|
|
23
|
+
currentImageHeight.value = h > fullWindowHeight ? fullWindowHeight : h;
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
26
|
+
if (photo?.uri && photo.type === _types.FileTypes.Image) {
|
|
27
|
+
_reactNative.Image.getSize(photo.uri, (width, height) => {
|
|
28
|
+
if (currentToken !== latestToken) return;
|
|
29
|
+
if (!width || !height) {
|
|
30
|
+
currentImageHeight.value = fullWindowHeight;
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
var imageHeight = Math.floor(height * (fullWindowWidth / width));
|
|
34
|
+
currentImageHeight.value = imageHeight > fullWindowHeight ? fullWindowHeight : imageHeight;
|
|
35
|
+
}, () => {
|
|
36
|
+
if (currentToken !== latestToken) return;
|
|
37
|
+
currentImageHeight.value = fullWindowHeight;
|
|
38
|
+
});
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
currentImageHeight.value = fullWindowHeight;
|
|
42
|
+
};
|
|
43
|
+
compute(imageGalleryStateStore.state.getLatestValue().currentIndex);
|
|
44
|
+
return imageGalleryStateStore.state.subscribeWithSelector(state => ({
|
|
45
|
+
currentIndex: state.currentIndex
|
|
46
|
+
}), ({
|
|
47
|
+
currentIndex
|
|
48
|
+
}) => compute(currentIndex));
|
|
49
|
+
}, [assets, fullWindowHeight, fullWindowWidth, currentImageHeight, imageGalleryStateStore]);
|
|
50
|
+
return currentImageHeight;
|
|
51
|
+
};
|
|
52
|
+
exports.useCurrentImageHeight = useCurrentImageHeight;
|
|
53
|
+
//# sourceMappingURL=useCurrentImageHeight.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_types","useCurrentImageHeight","assets","fullWindowHeight","fullWindowWidth","imageGalleryStateStore","currentImageHeight","useSharedValue","useEffect","latestToken","compute","index","currentToken","photo","original_height","original_width","h","Math","floor","value","uri","type","FileTypes","Image","getSize","width","height","imageHeight","state","getLatestValue","currentIndex","subscribeWithSelector","exports"],"sourceRoot":"../../../../../src","sources":["components/ImageGallery/hooks/useCurrentImageHeight.ts"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAMA,IAAAG,MAAA,GAAAH,OAAA;AAiBO,IAAMI,qBAAqB,GAAGA,CAAC;EACpCC,MAAM;EACNC,gBAAgB;EAChBC,eAAe;EACfC;AAMF,CAAC,KAA0B;EACzB,IAAMC,kBAAkB,GAAG,IAAAC,qCAAc,EAACJ,gBAAgB,CAAC;EAE3D,IAAAK,gBAAS,EAAC,MAAM;IACd,IAAIC,WAAW,GAAG,CAAC;IAEnB,IAAMC,OAAO,GAAIC,KAAa,IAAK;MACjC,IAAMC,YAAY,GAAG,EAAEH,WAAW;MAClC,IAAMI,KAAK,GAAGX,MAAM,CAACS,KAAK,CAAC;MAE3B,IAAIE,KAAK,EAAEC,eAAe,IAAID,KAAK,EAAEE,cAAc,EAAE;QACnD,IAAMC,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACL,KAAK,CAACC,eAAe,IAAIV,eAAe,GAAGS,KAAK,CAACE,cAAc,CAAC,CAAC;QACtFT,kBAAkB,CAACa,KAAK,GAAGH,CAAC,GAAGb,gBAAgB,GAAGA,gBAAgB,GAAGa,CAAC;QACtE;MACF;MAEA,IAAIH,KAAK,EAAEO,GAAG,IAAIP,KAAK,CAACQ,IAAI,KAAKC,gBAAS,CAACC,KAAK,EAAE;QAChDA,kBAAK,CAACC,OAAO,CACXX,KAAK,CAACO,GAAG,EACT,CAACK,KAAK,EAAEC,MAAM,KAAK;UAEjB,IAAId,YAAY,KAAKH,WAAW,EAAE;UAClC,IAAI,CAACgB,KAAK,IAAI,CAACC,MAAM,EAAE;YACrBpB,kBAAkB,CAACa,KAAK,GAAGhB,gBAAgB;YAC3C;UACF;UACA,IAAMwB,WAAW,GAAGV,IAAI,CAACC,KAAK,CAACQ,MAAM,IAAItB,eAAe,GAAGqB,KAAK,CAAC,CAAC;UAClEnB,kBAAkB,CAACa,KAAK,GACtBQ,WAAW,GAAGxB,gBAAgB,GAAGA,gBAAgB,GAAGwB,WAAW;QACnE,CAAC,EACD,MAAM;UACJ,IAAIf,YAAY,KAAKH,WAAW,EAAE;UAClCH,kBAAkB,CAACa,KAAK,GAAGhB,gBAAgB;QAC7C,CACF,CAAC;QACD;MACF;MAEAG,kBAAkB,CAACa,KAAK,GAAGhB,gBAAgB;IAC7C,CAAC;IAEDO,OAAO,CAACL,sBAAsB,CAACuB,KAAK,CAACC,cAAc,CAAC,CAAC,CAACC,YAAY,CAAC;IAEnE,OAAOzB,sBAAsB,CAACuB,KAAK,CAACG,qBAAqB,CACtDH,KAAK,KAAM;MAAEE,YAAY,EAAEF,KAAK,CAACE;IAAa,CAAC,CAAC,EACjD,CAAC;MAAEA;IAAa,CAAC,KAAKpB,OAAO,CAACoB,YAAY,CAC5C,CAAC;EACH,CAAC,EAAE,CAAC5B,MAAM,EAAEC,gBAAgB,EAAEC,eAAe,EAAEE,kBAAkB,EAAED,sBAAsB,CAAC,CAAC;EAE3F,OAAOC,kBAAkB;AAC3B,CAAC;AAAC0B,OAAA,CAAA/B,qBAAA,GAAAA,qBAAA","ignoreList":[]}
|