Commit graph

1290 commits

Author SHA1 Message Date
Henrik Giesel
c8bcca517b Improve paste behavior 2021-09-09 15:37:55 +02:00
Henrik Giesel
2fc5c73b74 Do not update/activate Autocomplete on Control+C,A,V 2021-09-09 15:37:55 +02:00
Henrik Giesel
5a41409f54 Do not open autocomplete on clicking input 2021-09-09 15:37:55 +02:00
Henrik Giesel
b91db34aec Allow clicking on suggestion items 2021-09-09 15:37:54 +02:00
Henrik Giesel
964e97a384 Pass activeName to Tag as well 2021-09-09 15:37:54 +02:00
Henrik Giesel
444afa5b00 Adjust position so tags do not even move a single pixel when going into editing 2021-09-09 15:37:54 +02:00
Henrik Giesel
6af2ab437e Adjust paddings a bit more 2021-09-09 15:37:54 +02:00
Henrik Giesel
5bb6df757e Center delete icon without padding/margin 2021-09-09 15:37:53 +02:00
Henrik Giesel
58c35f316d Fix autocomplete dropdown
+ find a different solution for making tags and tag inputs same size
2021-09-09 15:37:53 +02:00
Henrik Giesel
e3be5972b8 Switch WithAutocomplete to WithDropdown and fix SelectedTagBadge 2021-09-09 15:37:53 +02:00
Henrik Giesel
a576228c08 Add SelectedTagBadge to offer context items for selected tags 2021-09-09 15:37:53 +02:00
Henrik Giesel
408ff4f061 Implement selectRange 2021-09-09 15:37:52 +02:00
Henrik Giesel
b178b86afd Make automatic deselect when leaving tag editor 2021-09-09 15:37:52 +02:00
Henrik Giesel
2fc7602406 Make tags selectable 2021-09-09 15:37:52 +02:00
Henrik Giesel
984afb8812 Implement controlPressed and shiftPressed 2021-09-09 15:37:52 +02:00
Henrik Giesel
9f0bf7484b Create lib/keys.ts 2021-09-09 15:37:52 +02:00
Henrik Giesel
81274169cd First steps toward tag selection 2021-09-09 15:37:51 +02:00
Henrik Giesel
c8c86d376a Implement autocomplete hiding on empty activeInput + remove logging 2021-09-09 15:37:51 +02:00
Henrik Giesel
b2d9500816 Fix behavior when autocompletion shows 2021-09-09 15:37:51 +02:00
Henrik Giesel
033f39f52f Fix join behavior and exclude Backspace/Delete from printable character 2021-09-09 15:37:51 +02:00
Henrik Giesel
8d8dd4fca0 Disable toggle on clicking element (toggle) for WithAutocomplete 2021-09-09 15:37:51 +02:00
Henrik Giesel
84d060a5b8 Improve no reflow a little bit 2021-09-09 15:37:51 +02:00
Henrik Giesel
b4860fbc6b Fix autocomplete showing on arrow keys and height resize on no tags 2021-09-09 15:37:50 +02:00
Henrik Giesel
8a648a4bcf Implement accepting suggestions via Enter 2021-09-09 15:37:50 +02:00
Henrik Giesel
b6ffc4d071 Introduce AutocompleteItem
* needs too much custom styling / behavior to be done with DropdownItem
2021-09-09 15:37:50 +02:00
Henrik Giesel
d2d6623788 suggestions -> suggestionsPromise, so it works with external APIs 2021-09-09 15:37:50 +02:00
Henrik Giesel
d5eff3b75c Don't allow Enter/Tab/Arrows for Autocomplete, if not active
Don't show Autocomplete, if there are no items available
2021-09-09 15:37:49 +02:00
Henrik Giesel
c18c0dd5b9 Have WithAutocomplete export its API
allows it to be used in more contexts
2021-09-09 15:37:49 +02:00
Henrik Giesel
85a5f627be Rename TagAutocomplete to WithAutocomplete
It's general enough to be used in other cases too
2021-09-09 15:37:49 +02:00
Henrik Giesel
6bf478acdf Improve visuals of Tag component 2021-09-09 15:37:49 +02:00
Henrik Giesel
477796fb3d Save deletions via delete icon to db 2021-09-09 15:37:48 +02:00
Henrik Giesel
fc5dffbf86 Save tags back to Python 2021-09-09 15:37:47 +02:00
Henrik Giesel
51732b4470 Set tags from Python 2021-09-09 15:37:47 +02:00
Henrik Giesel
72b4487f39 Remove deleteActiveTag, fix appendEmptyTag 2021-09-09 15:37:47 +02:00
Henrik Giesel
a88af9954c Fix some deletion behavior 2021-09-09 15:37:47 +02:00
Henrik Giesel
151a64af7f Make Autocomplete dismount along with TagInput on blur 2021-09-09 15:37:47 +02:00
Henrik Giesel
263ee2364d Implement on:autocomplete 2021-09-09 15:37:46 +02:00
Henrik Giesel
978b2d6227 Don't highlight suggestion items
Other suggestions menus don't do it either
2021-09-09 15:37:46 +02:00
Henrik Giesel
3d013fd521 Fix tagmove 2021-09-09 15:37:46 +02:00
Henrik Giesel
5b473df41c Introduce activeName so we can pass it to TagAutocomplete 2021-09-09 15:37:45 +02:00
Henrik Giesel
253c6d702b Export choice as autocompletionChoice from TagAutocomplete 2021-09-09 15:37:45 +02:00
Henrik Giesel
3a7df7ca40 Make tagunique a more general tagaccept
* tagaccept includes what was previous done by on:blur
* on:blur in TagInput was in some cases not bubbled up to TagEditor for some reason
2021-09-09 15:37:45 +02:00
Henrik Giesel
b59c5bcc8d Use Autocomplete on TagInput again 2021-09-09 15:37:44 +02:00
Henrik Giesel
60faccebc0 Pass original to Autocomplete 2021-09-09 15:37:44 +02:00
Henrik Giesel
2a10d1a236 Fix TagBadge and TagSpacer + shortcut 2021-09-09 15:37:44 +02:00
Henrik Giesel
415c473d89 Export blink as a function, works more reliably 2021-09-09 15:37:43 +02:00
Henrik Giesel
b842a1d6f2 Fix behavior when simply entering a duplicate 2021-09-09 15:37:43 +02:00
Henrik Giesel
6a3b88cfb8 Implement tagsplit 2021-09-09 15:37:43 +02:00
Henrik Giesel
d706640acd Fix tagjoinnext 2021-09-09 15:37:43 +02:00
Henrik Giesel
a4ca20d852 Fix tagjoinprevious 2021-09-09 15:37:43 +02:00
Henrik Giesel
1766162241 Fix tagmove 2021-09-09 15:37:42 +02:00
Henrik Giesel
20971037ab Fix TagBadge and TagSpacer 2021-09-09 15:37:42 +02:00
Henrik Giesel
0a6dcfd55b Align tagenter tagdelete and tagunique 2021-09-09 15:37:42 +02:00
Henrik Giesel
da713badc0 Implement decideAfterBlur and activeAfterBlur 2021-09-09 15:37:42 +02:00
Henrik Giesel
02fc7cc16f Prefer focusing TagInput in onMount 2021-09-09 15:37:41 +02:00
Henrik Giesel
75783fff7c Completely decouple Tag from TagInput 2021-09-09 15:37:41 +02:00
Henrik Giesel
ea08e89d33 Add .input to Tag interface 2021-09-09 15:37:41 +02:00
Henrik Giesel
f6927bea41 Remove special treatment of last tag 2021-09-09 15:37:41 +02:00
Henrik Giesel
da3ea03694 Try to remove special handling of last tag / inputNew 2021-09-09 15:37:40 +02:00
Henrik Giesel
13f16790d6 Improve behavior when moving towards newInput 2021-09-09 15:37:40 +02:00
Henrik Giesel
f6ca173d0c tagmove should act like tagjoin on empty inputs 2021-09-09 15:37:40 +02:00
Henrik Giesel
5999b3459b Fix double delete on empty input 2021-09-09 15:37:40 +02:00
Henrik Giesel
7a7c862fa9 Implement blink on duplicate detected 2021-09-09 15:37:39 +02:00
Henrik Giesel
12a3d83d0a Add some visual for TagAutocomplete 2021-09-09 15:37:39 +02:00
Henrik Giesel
8d691c217a Minimize reflow upon clicking tag 2021-09-09 15:37:39 +02:00
Henrik Giesel
b91d20bd85 Implement tagmovenext fully 2021-09-09 15:37:39 +02:00
Henrik Giesel
8fd2f1a8c4 Almost implement tagmove
* tagmovenext will start on the last position rather than first
2021-09-09 15:37:38 +02:00
Henrik Giesel
8a6067958f Reimplement tagjoin with tick() 2021-09-09 15:37:38 +02:00
Henrik Giesel
766270a7bf Start implemention tagmove 2021-09-09 15:37:38 +02:00
Henrik Giesel
a8b002acee Set caret correctly after tagjoin 2021-09-09 15:37:38 +02:00
Henrik Giesel
e6bd66b894 Show Autocomplete on keydown, hide on blur 2021-09-09 15:37:38 +02:00
Henrik Giesel
2629afe6b0 Adjust padding of TagInput a little 2021-09-09 15:37:37 +02:00
Henrik Giesel
a0c44f55db Fix some WithDropdownMenu logic 2021-09-09 15:37:37 +02:00
Henrik Giesel
e368cf09a8 Factor out ButtonToolbar from TagAutocomplete 2021-09-09 15:37:37 +02:00
Henrik Giesel
0d394814e7 Decouple TagInput from TagAutocomplete completely 2021-09-09 15:37:37 +02:00
Henrik Giesel
7b6f49577a Add tabbable option to DropdownItem 2021-09-09 15:37:37 +02:00
Henrik Giesel
f52ad747cb Fix issue with text showing below StickyBottom 2021-09-09 15:37:37 +02:00
Henrik Giesel
68509995d5 Make tags stand less out in dark mode 2021-09-09 15:37:36 +02:00
Henrik Giesel
178062fc2d Make styling of DropdownMenu easier by introducing dropdown-content 2021-09-09 15:37:36 +02:00
Henrik Giesel
e287b396f9 Decouple Autocomplete from TagInput:
Allows to only have one autocompletion for all tags, rather than every
tag having its own
2021-09-09 15:37:36 +02:00
Henrik Giesel
59ef4259f5 Remove dead code from TagAutocomplete 2021-09-09 15:37:36 +02:00
Henrik Giesel
b778653851 Implement tagjoin events 2021-09-09 15:37:36 +02:00
Henrik Giesel
bbb4084f03 Delete tag when update reveals its a duplicate 2021-09-09 15:37:35 +02:00
Henrik Giesel
9706b1e15c Enable keyed blocks in TagEditor for tags 2021-09-09 15:37:35 +02:00
Henrik Giesel
0fcead4843 Rewrite paste behavior 2021-09-09 15:37:35 +02:00
Henrik Giesel
a4f52f82d8 Delete when updating tagname to empty text 2021-09-09 15:37:35 +02:00
Henrik Giesel
3869db8c86 Connect Bootstrap dropdown with trigger via classes/props 2021-09-09 15:37:34 +02:00
Henrik Giesel
6e563ddf49 Use our DropdownMenu component for TagAutocomplete 2021-09-09 15:37:34 +02:00
Henrik Giesel
3d594c1883 Allow correctly adding tags
+ Make taginput unfocusable via Tab => prefer Ctrl+Shift+T
2021-09-09 15:37:34 +02:00
Henrik Giesel
2a30eccfa4 Make caret cursor more discoverable 2021-09-09 15:37:34 +02:00
Henrik Giesel
eff5df2c69 Remove TagInputEdit and TagInputNew 2021-09-09 15:37:34 +02:00
Henrik Giesel
d89a6af45f Port Focus tags shortcut to webview 2021-09-09 15:37:34 +02:00
Henrik Giesel
f047441c18 Behave correctly upon Enter on TagInputEdit 2021-09-09 15:37:34 +02:00
Henrik Giesel
cecbafcec8 Create AddTagBadge component 2021-09-09 15:37:33 +02:00
Henrik Giesel
2b9e32fb08 Make Tag icon an add tag icon 2021-09-09 15:37:33 +02:00
Henrik Giesel
bcd6e037f2 Adjust offsets and sizes to make tag input smaller 2021-09-09 15:37:33 +02:00
Henrik Giesel
4aaba0875f Enable tag delete icon 2021-09-09 15:37:33 +02:00
Henrik Giesel
016d815ee1 Port most components from first tageditor PR 2021-09-09 15:37:33 +02:00
Henrik Giesel
7f6e7235f1 Display a tag-outline icon in the bottom left 2021-09-09 15:37:33 +02:00
Henrik Giesel
9919cf2b47 Add Tag DeleteIcon 2021-09-09 15:37:33 +02:00