* Initial setup for new keyboard
* fix the offset calculation onMove by adding isKeyboardFullyOpened
* Done with the keyboard handling implementation
* Handled keyboard focus and blured state using context
* Added default height for input container
* Android support
* Tablet state handling
* Fix for refreshing offset in list
* Created a default context for mention post list
* Fix linter errors
* Fix tests
* Minor
* Fix the height issue for tablet view
* Review comments
* Dependency fix
* Reveiw comment
* keyboard animation only enabled with screen on top navigation
* added tests
* Added extra keyboard component for emoji picker (#9328)
* Added extra keyboard component
* handled swipe geature for extra keyboard
* scroll to bottom visible on emoji picker
* Check for stale event for keyboard geature area
* fix keyboard stale event for mid-gesture change swipe direction
* Closing emoji picker when message priority is opened
* changing to thread view closes emoji picker
* Close emoij picker and keyboard when attachment icons are clicked
* handle android emoji picker behaviour
* Remove emoji picker code
* fix tests
* Address reviev comments
* Test fixes
* usePreventDoubleTab for race condition and corrected comment on isInputAccessoryViewMode flag
* File attachments option in bottom sheet quick action (#9331)
* Added extra keyboard component
* handled swipe geature for extra keyboard
* File attachments option in bottom sheet quick action
* Updated tests
* i18n
* fix test
* Added tests
* Review comment
* fix tests
* Integrated Emoji picker to Extra keyboard component. (#9339)
* Added extra keyboard component
* handled swipe geature for extra keyboard
* scroll to bottom visible on emoji picker
* Fix the post input container height change issue
* Added emoji picker with search functionality
* keyboard height not recorded fallback to default height, set search to false closing emoji picker
* fix search funcitonality in android
* scroll to end bottom dismissed with pressed
* Fixed the scroll issue for android
* fix the flickering post input issue
* Wired up the emoji picker
* Added keyboard and spaceback in emoji picker
* intl extract
* initial cursor position and simple calculation review comment
* separated grapheme to utils file
* Review comments
* nitpick
* Fix the bottom safe area and navigation stack restore fix
* Fix test
* disabled emoji picker in edit post screen
* change the name of the variable to name it clarier
* fix the tab gap issue in andriod
* disabled the emoji skin tone change on andriod
* fix the input container jump issue
* fix the failing test
* UX review
* added white space after the attachment icon
* When @ or / is press open keyboard on andriod also fix the scroll issue when keyboard is open
* back bottom closes emoji picker and opening keyboard jump fix
* reverted code
* fixed the flickering issue of input and scroll position fix
* Fix the gap issue in thread
* fix the warning reaminated issue when opening a channel
* Fix the extra space issue between input and emoij picker
* Minor fix for extra space between input and emoji picker
* Fix thread view bottom safe area and gap between keyboard and searched emojis
* Fix the keyboard issue in tablet
* Fix the warning issue react-native-keyboard-controller
* Fix tests
* Fix the tablet search hight issue
* Replaced the ExtraKeyboardProvider with KeyboardProvider from rnkc for permalink
* Bottom sheet jump issue resolved
* Search do not close after selecting emoji in search list
* Added the bottom inset height in search emoji for android
* fix buid issue
* Fix the cancel state to emoji picker
* use portals for autocomplete
* fix permalink extra space in post list
* Portal only for android
---------
Co-authored-by: Mattermost Build <build@mattermost.com>
Co-authored-by: Rahim Rahman <rahim.rahman@mattermost.com>
Co-authored-by: Harshil Sharma <harshilsharma63@gmail.com>
Co-authored-by: Elias Nahum <nahumhbl@gmail.com>
* Fix channel and user list items
* Fixes on members and create a dm lists
* Fix tutorial and ipad
* Fix test
* Address feedback
* Several fixes on Android
* Fix tests
* Address feedback
* Add more non breaking strings
---------
Co-authored-by: Daniel Espino <danielespino@MacBook-Pro-de-Daniel.local>
* Use always first the local channels
* Fix several race condition related issues
* Remove clean after cursor change
* Address feedback
Co-authored-by: Mattermod <mattermod@users.noreply.github.com>
Co-authored-by: Daniel Espino <danielespino@MacBook-Pro-de-Daniel.local>
* implement so that autocomplete will track the collapsable header
* add search screen
* move autocomplete to it's own view and add zindex to the view so it sits
atop the modifiers and results
* remove unused imports
* - remove console.log
- paddingTop is optional
* remove comments
* remove commented code
* - use a more reasonable zindex value. On more than in Nav Header
- use consts for autocomplete padding top
* remvoe search screen button
* - add dependencies
* - remove search button
* - not needed
* move autocomplete zindex to constant
* - move autocomplete directly below NavigationHeader
- adjust distance from search box
* - remove setXX from dependencies
- remove useMemo because only returning the component
* remove these changes. after placing autocomplete correcting in the
search component, this works as expected
* without this setting, ios has the issue where autocomplete is open,
transparent, and has height. The user cannot click any modifiers.
* - need usememot for autocomplete
- add isSearch to remote runSearch function as option to hit the search
for autocomplete API option
- Initial component needs handleTextChange callback to set the
cursorPosition correctly
* use ternary operator
* Freeze unfocused tabs
* Fix syntax_highlight when multiple code blocks present in the same post
* Move @components/channel_list to @screens/home/channels_list/categories_list
* Update app/screens/channel/channel.tsx
Co-authored-by: Avinash Lingaloo <avinashlng1080@gmail.com>
* Add support for Freeze on Android
* Fix render on tablets
Co-authored-by: Avinash Lingaloo <avinashlng1080@gmail.com>
* copy directly from v1. will get working and then convert class to functional components
* screen showing up correctly. Need to convert lifestyle methods
* create channel button working
* save before refactor in prep for bringing in edit_channel functionality
* change function naming
* clean up lint
* clean up for PR review
* clean up for PR review
* remove hoardcoded styles
* add edit_channel screen
* add handlePatchChannel
* add custom useFormInput hook. use edit screen for both create and edit screens. edit or create screen mode determined by channel prop passed in as a channel or null
* rename edit_channel to create_or_edit_channel
* displayname, header, and purpose are now an object with value and onChange props, created from the useFormInput hook. Now only need to pass this new FormInput Prop to the edit_channel_info component and deconstruct there to get the onChange and value
* fix some lint errors
* fix some lint errors
* remove empty line
* pass intl into utils validate functions because they are not Hooks. add validation for displayName including translations.
* Move useFormInput hook to its own hooks file and import
* simplify
* remove editing prop. Was used to determine if the right button was enabled. It was always true for edit_channel screen and always false for create channel screen. The enableRightButton prop call back is was also used for the same reason.
* remove channeUrl editing references. This was not implemented on v1
* pass editing prop back into component and add back logic. When editing one field must change. when creating, just need to check that name is provided
* lint fixes
* fix typing issue for channel types
* scrolling ref should be fixed. Linting should pass now
* Linting should pass now
* require id field in partial Channel. fixes tsc
* remove everything related to renaming the channel URL. This has never been requred for mobile
* manage state with useReducer so that all actions/state in one location. This also removes the number of onXXX functions and reduces the number of functions in the component
* reorganize code. useEffects are at top. Move type and interfaces outside of function component
* Fix lint
* nit: invert if statement checking a negative
* use cneterChannelColor. in figma this is center channel text, but I verified theme color by comparing to SSO login text color
* Simple snapshot tests as a start
* Add more tests
* update snapshot
* add snapshot tests. Add tests for button enabling and disabling
* simplify test with destructuring.
* PR feedback. formatting changes. get user and teamid from one call
* remove FormInput hook and use value/setvalue convention for controlled components
* no need to setChannelDisplayName after creating/updating channel
* Just pass the setXXX function. Don't need to create as separate callback
* modify floatingTextInput component to allow placeholder text
* remove InteractionManager. PR nits
* mv EditChannelComponent into create_or_edit screen. Rename component from EditChannelInfo to ChannelInfoForm
* correct import path
* add IntlShape Type to function input. Wrap screen with withServerDatabase, not withIntl
* remove state setting function calls from inside the reducer. move close function outside of the component. remove setRightButton and rightButton and place rightbutton in initial appState
* move editing const after useX oneliners and before useCallback, useEffect, and useReducers
* rightButton
- useMemo to memoize an object with dependencies
- move out of the appState
emitCanSaveChannel
- wrap with useCallback
onCreateChannel
- wrap with useCallback
onUpdateChannel
- wrap with useCallback
useEffect Navigation
- use the callbacks as dependencies in stead of the depencies of those
callbacks.
* wrap all formatted message with useMemo()
wrap all onXXXChangeText with useCallback and add deps
move all oneliner derived constants directly after useState useMemo
* remove useMemo from formatted text
* switchToCHannel is still not working. failing at
const channel: ChannelModel = await member.channel.fetch();
* use prepareMyChannelsForTeam to update db tables for new channel
* add placeholder text color
* Attach open edit channel screen to `Set Header` button in channel intro view
port SectionItem from V1 and us to add a Switch for setting private/public channel
hook up the plus icon in the channel list header to create a channel (temporary fix to allow debugging)
add new queryChannelsInfoById and queryCurrentChannelInfo query functions
update text for create screen text inputs
* Fix styles and fix actions
* Add autocomplete, fix patch, and address design feedback
* Address feedback
* Add margin between icon and label on Make Private
* Address feedback
* Address feedback
* Address feedback and fix channel list not updating when the channel gets created
* Address feedback and directly add the channel to the default category
* Render at-mentions as Members if no channelId is set
* Display autocomplete on iOS
Co-authored-by: Jason Frerich <jason.frerich@mattermost.com>
Co-authored-by: Elias Nahum <nahumhbl@gmail.com>
* Add User Mention to autocomplete
* Minor fixes
* Fix at_mention (you) alignment
* Add missing translation strings
* Make it more parallel to channel mentions
* Fix bot tag
Co-authored-by: Elias Nahum <nahumhbl@gmail.com>
* edit screen - in progress
* edit screen - in progress
* edit post screen - post input - in progress
* edit post screen - post input - in progress
* edit post screen - post input - in progress
* edit post screen - post input - in progress
* edit post screen - post error component - in progress
* edit post screen - post error component - in progress
* edit post screen -emitEditing - in progress
* edit post screen - in progress
* edit post screen - in progress
* edit post screen - in progress
* able to edit post
* edit post screen - in progress
* edit post screen - in progress
* edit post screen - in progress
* edit post screen - in progress
* updated errorLine
* corrections
* edit post screen - in progress
* edit post screen - in progress
* edit post screen - in progress
* properly closes modal on tablets
* starts with Save button set to false
* refactored onTextSelectionChange
* added useTheme to ErrorTextComponent
* passing canEdit and hasFilesAttached
* passing canEdit and hasFilesAttached
* fix API call
* change canEdit to canDelete
* nearly there
* displays alert
* maxPostSize
* autocomplete - fixing layout
* autocomplete - fixing layout
* autocomplete - work in progress
* autocomplete - work in progress
* clean up delete
* fixing autocomplete
* code fix
* added server error message
* update i18n
* removed comment
* code fix
* fix bug on empty post message
* post input top corrections
* post draft limit
* code corrections as per review
* removed theme from useEffect
* update edit_post - delete call
* refactor PostInputRef to EditPostInputRef
* autocomplete position fix and feedback addressed
* Navigation title & subtitle fonts / navigation button builder
* ux feedback
* delay focus of edit input by 20 frames
* properly dismiss the PostOptions screen
this comes from the fix for the BottomSheet screen
* using device info to check for physical keyboard
* autocomplete with keyboard closed
Co-authored-by: Elias Nahum <nahumhbl@gmail.com>
* Add channel autocomplete
* Fix autocomplete position and shadow effect
* Fix feedback issues
* Fix autocomplete on iOS and piggyback removal of section borders
* Fixes the channel autocomplete showing up after completion
* Address feedback
Co-authored-by: Elias Nahum <nahumhbl@gmail.com>
* Add autocomplete and emoji suggestion
* Address feedback and minor fixes
* Remove unneeded constants and fix max height to be aware of the header.
* Address feedback
* Refactor PostDraft and correctly position Autocomplete
* Set min char for emoji search at 2
* Replace searchCustomEmojis from setTimeout to debounce
* Remove comments
* simplify prop
* Change naming of certain variables
* remove unnecesary fragment
* Improve Autocomplete height calculation
* Address feedback
Co-authored-by: Elias Nahum <nahumhbl@gmail.com>
