Skip to content

feat: render the search input inside the dropdown #309

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 44 commits into from
Jan 18, 2020
Merged

feat: render the search input inside the dropdown #309

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
44 commits
Select commit Hold shift + click to select a range
1ed0092
fix: Add TypeScript definitions (#223)
ellinge Mar 31, 2019
f8eb1c3
fix: Typing error for children (#232)
ellinge Apr 2, 2019
cb38633
fix: Prevent dropdown close on expand in Firefox (#231)
ellinge Apr 3, 2019
bdf47bc
docs: Add types friendly badge 📚 (#229)
mrchief Apr 13, 2019
7ae71bb
style: Auto format code using prettier before commit (#224)
mrchief Apr 13, 2019
b3e7ec9
feat: Added support for single select in tree dropdown (#217)
ellinge Apr 18, 2019
ef6e584
Add Breaking change to allowed prefixes
mrchief Apr 22, 2019
4e1d5af
feat: Ability to keep the dropdown open always (#241) ✨
moonjy1993 Apr 23, 2019
a4fb879
feat: Add keyboard navigation (#225)
ellinge May 1, 2019
3e5381e
feat: Add ARIA roles and attributes (#233)
gazab May 3, 2019
4806c8e
docs: add moonjy1993 as a contributor (#246)
allcontributors[bot] May 4, 2019
cbd256d
docs: add gazab as a contributor (#247)
allcontributors[bot] May 4, 2019
1f24344
fix: Remove babel-runtime from distribution bundle (#248) 🔥
mrchief May 6, 2019
fb5beb3
Merge branch 'master' into develop
mrchief Apr 18, 2019
764a002
fix: Updated onAction to bubble up custom props (#230)
ellinge May 9, 2019
1657711
test: Update ava to produce consistent snapshots across OSes 🚨 (#250)
mrchief May 9, 2019
007602b
feat: Group logically related props together (#242) ⚡️
ellinge May 9, 2019
637fe66
refactor: Update mode to include hierarchical (#251)
mrchief May 12, 2019
60624a4
chore: Update PULL_REQUEST_TEMPLATE.md
mrchief May 21, 2019
a943bea
style: Consistent formatting of code in example comment
Jun 4, 2019
655c45a
refactor: Consolidate showDropdown props (#253) 🔨️
mrchief Jun 10, 2019
70bdd04
fix: Avoid jarring on paging (#259)
ellinge Jun 10, 2019
4263a5e
chore: Ignore npmrc
mrchief Jun 15, 2019
c2ec2fd
fix: Remove resetting of dropdown on init props (#265) 🐛
ellinge Jun 16, 2019
36430cb
fix: Bump array.partial to support older browsers
mrchief Jun 27, 2019
cbb8561
chore: Use Node 10 for builds
mrchief Jun 27, 2019
28196a3
feat: Add support for custom search filtering on nodes (#270) ✨
ellinge Jun 29, 2019
ed74a78
docs: Adjust quicklink for search predicate (#274) 📚
ellinge Jul 5, 2019
d341b75
fix: Adjust aria labels to reference selections(#275)
ellinge Jul 23, 2019
100e623
chore: Remove unsupported peer dependency version for React
mrchief Jul 23, 2019
3b80d50
fix: Do not hide ancestor nodes if they match 🐛 (#294)
mrchief Sep 29, 2019
f8eaf6b
feat: Options to hide the search input and change render location
ingmothman Nov 23, 2019
6aeba77
feat: Fix Eslint Errors
ingmothman Nov 23, 2019
9aa930e
feat: Updated Documentation
ingmothman Nov 23, 2019
9ce4f49
feat: Updated Documentation
ingmothman Nov 23, 2019
c687075
feat: Refactor new option to display Input location
ingmothman Nov 24, 2019
e6f3105
feat: Fix Documentation
ingmothman Nov 24, 2019
f90e9f8
feat: Reduce bundle size by removing classnames (#322)
mrchief Jan 10, 2020
3e5d423
Merge branch 'develop' into pr/309
mrchief Jan 18, 2020
d4c5027
chore: Remove pkg-lock json as we use yarn.lock
mrchief Jan 18, 2020
3dd9d7d
refactor: Reduce code complexity in rendering last item
mrchief Jan 18, 2020
41edf47
docs: Updated ToC
mrchief Jan 18, 2020
be93681
docs: Fix formstates link
mrchief Jan 18, 2020
ef58bef
docs: Fix formstates link
mrchief Jan 18, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,3 +45,6 @@ dist
# Webstorm cache
.idea
/webpack-stats.json

# Mac crap
.DS_Store
27 changes: 19 additions & 8 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,8 +29,8 @@ A lightweight and fast control to render a select component that can display hie
## Table of Contents

- [Screenshot](#screenshot)
- [Demo](#example)
- [Vanilla (no framework)](#vanilla-no-framework)
- [Demo](#demo)
- [Vanilla, no framework](#vanilla-no-framework)
- [With Bootstrap](#with-bootstrap)
- [With Material Design](#with-material-design)
- [As Single Select](#as-single-select)
Expand All @@ -44,36 +44,41 @@ A lightweight and fast control to render a select component that can display hie
- [clearSearchOnChange](#clearsearchonchange)
- [onChange](#onchange)
- [onNodeToggle](#onnodetoggle)
- [onAction](#onaction)
- [onFocus](#onfocus)
- [onBlur](#onblur)
- [data](#data)
- [texts](#texts)
- [keepTreeOnSearch](#keeptreeonsearch)
- [keepChildrenOnSearch](#keepchildrenonsearch)
- [keepOpenOnSelect](#keepopenonselect)
- [mode](#mode)
- [multiSelect](#multiSelect)
- [multiSelect](#multiselect)
- [hierarchical](#hierarchical)
- [simpleSelect](#simpleSelect)
- [radioSelect](#radioSelect)
- [simpleSelect](#simpleselect)
- [radioSelect](#radioselect)
- [showPartiallySelected](#showpartiallyselected)
- [showDropdown](#showDropdown)
- [showDropdown](#showdropdown)
- [initial](#initial)
- [always](#always)
- [form states (disabled|readOnly)](#formstates)
- [form states (disabled|readOnly)](#form-states-disabled-readonly)
- [id](#id)
- [searchPredicate](#searchpredicate)
- [inlineSearchInput](#inlinesearchinput)
- [Styling and Customization](#styling-and-customization)
- [Using default styles](#default-styles)
- [Customizing with Bootstrap, Material Design styles](#customizing-styles)
- [Keyboard navigation](#keyboard-navigation)
- [Performance](#performance)
- [Search optimizations](#search-optimizations)
- [Search debouncing](#search-debouncing)
- [Virtualized rendering](#virtualized-rendering)
- [Reducing costly DOM manipulations](#reducing-costly-dom-manipulations)
- [Keyboard navigation](#keyboard-navigation)
- [FAQ](#faq)
- [Doing more with HOCs](/docs/HOC.md)
- [Development](#development)
- [License](#license)
- [Contributors](#contributors)

## Screenshot

Expand Down Expand Up @@ -401,6 +406,12 @@ function searchPredicate(node, searchTerm) {
return <DropdownTreeSelect data={data} searchPredicate={searchPredicate} />
```

### inlineSearchInput

Type: `bool` (default: `false`)

`inlineSearchInput=true` makes the search input renders **inside** the dropdown-content. This can be useful when your UX looks something like [this comment](https://github.com/dowjones/react-dropdown-tree-select/issues/308#issue-526467109).

## Styling and Customization

### Default styles
Expand Down
Loading