Skip to content

Conversation

@glsdown
Copy link
Contributor

@glsdown glsdown commented Aug 14, 2021

I've added an offcanvas component (along with the relevant parts), as well as a pagination one.

There are a few items marked as todo, and a couple of fixmes in there as well for review.

There is a known issue with the offcanvas-backdrop which means that for Bootstrap 5.1.0, the backdrop is in front of the offcanvas. Using 5.0.2 as a workaround works though.

I've added tests and documentation (hopefully), but remains untested currently as auto-tests are failing on the class_name attribute for html elements.

@glsdown glsdown requested a review from tcbegley August 15, 2021 16:29
@glsdown glsdown marked this pull request as ready for review August 15, 2021 16:43
Copy link
Collaborator

@tcbegley tcbegley left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

@tcbegley tcbegley merged commit 42403e3 into dbc-team:react-bootstrap Aug 15, 2021
@glsdown glsdown deleted the react-bootstrap branch August 15, 2021 17:51
tcbegley added a commit that referenced this pull request Aug 24, 2021
* Alert

* Badge

* Button

* ButtonGroup

* Carousel

* Collapse

* Fade

* Add shim for html components that don't have class_name defined yet

* Update block button docs

* Update docs for Bootstrap 5

* RIP Jumbotron

* Add react-bootstrap beta

* Layout

* Docs fix

* Label

* Clean up example

* Monkeypatch doc tests

* New components - Offcanvas and pagination (#643)

* Added offcanvas components

* Offcanvas doc snippets

* Added offcanvas documentation

* Fixed long text issue

* Added react-bootstrap

* Added offcanvas

* Added offcanvas tests

* Added js tests for offcanvas

* Addition of new pagination component

* Combined offcanvas into single component

* Formatting

* ABetter handling of pagination component

* Updated pagination docs

* Removed invalid code

* Updated npm demo to Bootstrap 5

* Updated pagination docs to include R and jl

* Updated pagination tests

* Fixed callbacks

* Reverted to 5.0.2 to avoid issues with offcanvas backdrop until resolved

* Fixed offcanvas tests

* Tidy up

* Progress

* Format tests

* Spinner

* Table

* Toast

* New component Accordion (#645)

* Accordion component and js test

* Added documentation for accordion

* R and Julia examples

* Fixed h2 formatting issues

* Added accordion folder for flake8

* Update demo/Demo.js

Co-authored-by: glsdown <52132406+glsdown@users.noreply.github.com>

Co-authored-by: Tom Begley <tomcbegley@gmail.com>

* flake8 config

* List group updated to Bootstrap 5 (#647)

* Updated list-group component

* Updated list-group docs

* Bug fixes

* Tabs

* Form

* Form updates + examples

* Checklist / RadioItems

* Select

* themes

* BS5 updates for docs

* Fix doc tests

* InputGroup

* Fix JS tests

* Checkbox/Radio

* format js

* Modal

* Modal docs

* Fix format command

* Card, Nav and Navbar (#648)

* Monkeypatch doc tests

* Card

* Nav and NavBar  Update to Collapse to remove navbar prop

* fixed Card.test.js for Card body test

* updated docs for Navbar example.
Also updated julia and R snippets

* updates to Navbar and Collapse after review

* updated index for deleted NavbarCollapse

* lint and black

Co-authored-by: tcbegley <tomcbegley@gmail.com>

* DropdownMenu

* NavbarToggler

* Tooltip+Popover

* Consistent imports

* Fix accordion tests

* Initial breadcrumb component

* Set accordion to first component

* Format code

* Update Breadcrumb

* Snippet test fixes for breadcrumb

* Popover - minor prop updates (#652)

* Use size prop consistently

Co-authored-by: glsdown <52132406+glsdown@users.noreply.github.com>
Co-authored-by: AnnMarieW <72614349+AnnMarieW@users.noreply.github.com>
tcbegley pushed a commit that referenced this pull request Aug 24, 2021
* Added offcanvas components

* Offcanvas doc snippets

* Added offcanvas documentation

* Fixed long text issue

* Added react-bootstrap

* Added offcanvas

* Added offcanvas tests

* Added js tests for offcanvas

* Addition of new pagination component

* Combined offcanvas into single component

* Formatting

* ABetter handling of pagination component

* Updated pagination docs

* Removed invalid code

* Updated npm demo to Bootstrap 5

* Updated pagination docs to include R and jl

* Updated pagination tests

* Fixed callbacks

* Reverted to 5.0.2 to avoid issues with offcanvas backdrop until resolved

* Fixed offcanvas tests

* Tidy up
tcbegley added a commit that referenced this pull request Aug 24, 2021
* Alert

* Badge

* Button

* ButtonGroup

* Carousel

* Collapse

* Fade

* Add shim for html components that don't have class_name defined yet

* Update block button docs

* Update docs for Bootstrap 5

* RIP Jumbotron

* Add react-bootstrap beta

* Layout

* Docs fix

* Label

* Clean up example

* Monkeypatch doc tests

* New components - Offcanvas and pagination (#643)

* Added offcanvas components

* Offcanvas doc snippets

* Added offcanvas documentation

* Fixed long text issue

* Added react-bootstrap

* Added offcanvas

* Added offcanvas tests

* Added js tests for offcanvas

* Addition of new pagination component

* Combined offcanvas into single component

* Formatting

* ABetter handling of pagination component

* Updated pagination docs

* Removed invalid code

* Updated npm demo to Bootstrap 5

* Updated pagination docs to include R and jl

* Updated pagination tests

* Fixed callbacks

* Reverted to 5.0.2 to avoid issues with offcanvas backdrop until resolved

* Fixed offcanvas tests

* Tidy up

* Progress

* Format tests

* Spinner

* Table

* Toast

* New component Accordion (#645)

* Accordion component and js test

* Added documentation for accordion

* R and Julia examples

* Fixed h2 formatting issues

* Added accordion folder for flake8

* Update demo/Demo.js

Co-authored-by: glsdown <52132406+glsdown@users.noreply.github.com>

Co-authored-by: Tom Begley <tomcbegley@gmail.com>

* flake8 config

* List group updated to Bootstrap 5 (#647)

* Updated list-group component

* Updated list-group docs

* Bug fixes

* Tabs

* Form

* Form updates + examples

* Checklist / RadioItems

* Select

* themes

* BS5 updates for docs

* Fix doc tests

* InputGroup

* Fix JS tests

* Checkbox/Radio

* format js

* Modal

* Modal docs

* Fix format command

* Card, Nav and Navbar (#648)

* Monkeypatch doc tests

* Card

* Nav and NavBar  Update to Collapse to remove navbar prop

* fixed Card.test.js for Card body test

* updated docs for Navbar example.
Also updated julia and R snippets

* updates to Navbar and Collapse after review

* updated index for deleted NavbarCollapse

* lint and black

Co-authored-by: tcbegley <tomcbegley@gmail.com>

* DropdownMenu

* NavbarToggler

* Tooltip+Popover

* Consistent imports

* Fix accordion tests

* Initial breadcrumb component

* Set accordion to first component

* Format code

* Update Breadcrumb

* Snippet test fixes for breadcrumb

* Moved js components into individual folders

* Fixes for layout and callback tests

* Formatting of R and julia snippets

* Updated js testing libraries

* Added recommended hack for react testing

* Removed dup test and updated

* Carousel improvements

* Reverted to older testing packages

* Added component landing page

* Removed callback from accordion & pagination simple

* Removed accordion from collapse

* Added listgroup flush example

* Fixed accordion and pagination examples

* Added coloured table

* Added dark variant carousel

* Added Table from multi-level dataframe

* Added multi input_group addons

* Fixed issues with badge examples

* Docs first section to Examples

* Clean-up Tooltip code + tests

* Revert version numbers

* Format

* Update setup.cfg

* Tidy up following merge

Co-authored-by: glsdown <gemmalsdown@icloud.com>
Co-authored-by: tcbegley <tomcbegley@gmail.com>
Co-authored-by: AnnMarieW <72614349+AnnMarieW@users.noreply.github.com>
tcbegley added a commit that referenced this pull request Sep 5, 2021
* Alert

* Badge

* Button

* ButtonGroup

* Carousel

* Collapse

* Fade

* Add shim for html components that don't have class_name defined yet

* Update block button docs

* Update docs for Bootstrap 5

* RIP Jumbotron

* Add react-bootstrap beta

* Layout

* Docs fix

* Label

* Clean up example

* Monkeypatch doc tests

* New components - Offcanvas and pagination (#643)

* Added offcanvas components

* Offcanvas doc snippets

* Added offcanvas documentation

* Fixed long text issue

* Added react-bootstrap

* Added offcanvas

* Added offcanvas tests

* Added js tests for offcanvas

* Addition of new pagination component

* Combined offcanvas into single component

* Formatting

* ABetter handling of pagination component

* Updated pagination docs

* Removed invalid code

* Updated npm demo to Bootstrap 5

* Updated pagination docs to include R and jl

* Updated pagination tests

* Fixed callbacks

* Reverted to 5.0.2 to avoid issues with offcanvas backdrop until resolved

* Fixed offcanvas tests

* Tidy up

* Progress

* Format tests

* Spinner

* Table

* Toast

* New component Accordion (#645)

* Accordion component and js test

* Added documentation for accordion

* R and Julia examples

* Fixed h2 formatting issues

* Added accordion folder for flake8

* Update demo/Demo.js

Co-authored-by: glsdown <52132406+glsdown@users.noreply.github.com>

Co-authored-by: Tom Begley <tomcbegley@gmail.com>

* flake8 config

* List group updated to Bootstrap 5 (#647)

* Updated list-group component

* Updated list-group docs

* Bug fixes

* Tabs

* Form

* Form updates + examples

* Checklist / RadioItems

* Select

* themes

* BS5 updates for docs

* Fix doc tests

* InputGroup

* Fix JS tests

* Checkbox/Radio

* format js

* Modal

* Modal docs

* Fix format command

* Card, Nav and Navbar (#648)

* Monkeypatch doc tests

* Card

* Nav and NavBar  Update to Collapse to remove navbar prop

* fixed Card.test.js for Card body test

* updated docs for Navbar example.
Also updated julia and R snippets

* updates to Navbar and Collapse after review

* updated index for deleted NavbarCollapse

* lint and black

Co-authored-by: tcbegley <tomcbegley@gmail.com>

* DropdownMenu

* NavbarToggler

* Tooltip+Popover

* Consistent imports

* Fix accordion tests

* Initial breadcrumb component

* Set accordion to first component

* Format code

* Update Breadcrumb

* Snippet test fixes for breadcrumb

* Popover - minor prop updates (#652)

* Use size prop consistently

Co-authored-by: glsdown <52132406+glsdown@users.noreply.github.com>
Co-authored-by: AnnMarieW <72614349+AnnMarieW@users.noreply.github.com>
tcbegley added a commit that referenced this pull request Sep 5, 2021
* Alert

* Badge

* Button

* ButtonGroup

* Carousel

* Collapse

* Fade

* Add shim for html components that don't have class_name defined yet

* Update block button docs

* Update docs for Bootstrap 5

* RIP Jumbotron

* Add react-bootstrap beta

* Layout

* Docs fix

* Label

* Clean up example

* Monkeypatch doc tests

* New components - Offcanvas and pagination (#643)

* Added offcanvas components

* Offcanvas doc snippets

* Added offcanvas documentation

* Fixed long text issue

* Added react-bootstrap

* Added offcanvas

* Added offcanvas tests

* Added js tests for offcanvas

* Addition of new pagination component

* Combined offcanvas into single component

* Formatting

* ABetter handling of pagination component

* Updated pagination docs

* Removed invalid code

* Updated npm demo to Bootstrap 5

* Updated pagination docs to include R and jl

* Updated pagination tests

* Fixed callbacks

* Reverted to 5.0.2 to avoid issues with offcanvas backdrop until resolved

* Fixed offcanvas tests

* Tidy up

* Progress

* Format tests

* Spinner

* Table

* Toast

* New component Accordion (#645)

* Accordion component and js test

* Added documentation for accordion

* R and Julia examples

* Fixed h2 formatting issues

* Added accordion folder for flake8

* Update demo/Demo.js

Co-authored-by: glsdown <52132406+glsdown@users.noreply.github.com>

Co-authored-by: Tom Begley <tomcbegley@gmail.com>

* flake8 config

* List group updated to Bootstrap 5 (#647)

* Updated list-group component

* Updated list-group docs

* Bug fixes

* Tabs

* Form

* Form updates + examples

* Checklist / RadioItems

* Select

* themes

* BS5 updates for docs

* Fix doc tests

* InputGroup

* Fix JS tests

* Checkbox/Radio

* format js

* Modal

* Modal docs

* Fix format command

* Card, Nav and Navbar (#648)

* Monkeypatch doc tests

* Card

* Nav and NavBar  Update to Collapse to remove navbar prop

* fixed Card.test.js for Card body test

* updated docs for Navbar example.
Also updated julia and R snippets

* updates to Navbar and Collapse after review

* updated index for deleted NavbarCollapse

* lint and black

Co-authored-by: tcbegley <tomcbegley@gmail.com>

* DropdownMenu

* NavbarToggler

* Tooltip+Popover

* Consistent imports

* Fix accordion tests

* Initial breadcrumb component

* Set accordion to first component

* Format code

* Update Breadcrumb

* Snippet test fixes for breadcrumb

* Moved js components into individual folders

* Fixes for layout and callback tests

* Formatting of R and julia snippets

* Updated js testing libraries

* Added recommended hack for react testing

* Removed dup test and updated

* Carousel improvements

* Reverted to older testing packages

* Added component landing page

* Removed callback from accordion & pagination simple

* Removed accordion from collapse

* Added listgroup flush example

* Fixed accordion and pagination examples

* Added coloured table

* Added dark variant carousel

* Added Table from multi-level dataframe

* Added multi input_group addons

* Fixed issues with badge examples

* Docs first section to Examples

* Clean-up Tooltip code + tests

* Revert version numbers

* Format

* Update setup.cfg

* Tidy up following merge

Co-authored-by: glsdown <gemmalsdown@icloud.com>
Co-authored-by: tcbegley <tomcbegley@gmail.com>
Co-authored-by: AnnMarieW <72614349+AnnMarieW@users.noreply.github.com>
tcbegley added a commit that referenced this pull request Oct 19, 2021
* Alert

* Badge

* Button

* ButtonGroup

* Carousel

* Collapse

* Fade

* Add shim for html components that don't have class_name defined yet

* Update block button docs

* Update docs for Bootstrap 5

* RIP Jumbotron

* Add react-bootstrap beta

* Layout

* Docs fix

* Label

* Clean up example

* Monkeypatch doc tests

* New components - Offcanvas and pagination (#643)

* Added offcanvas components

* Offcanvas doc snippets

* Added offcanvas documentation

* Fixed long text issue

* Added react-bootstrap

* Added offcanvas

* Added offcanvas tests

* Added js tests for offcanvas

* Addition of new pagination component

* Combined offcanvas into single component

* Formatting

* ABetter handling of pagination component

* Updated pagination docs

* Removed invalid code

* Updated npm demo to Bootstrap 5

* Updated pagination docs to include R and jl

* Updated pagination tests

* Fixed callbacks

* Reverted to 5.0.2 to avoid issues with offcanvas backdrop until resolved

* Fixed offcanvas tests

* Tidy up

* Progress

* Format tests

* Spinner

* Table

* Toast

* New component Accordion (#645)

* Accordion component and js test

* Added documentation for accordion

* R and Julia examples

* Fixed h2 formatting issues

* Added accordion folder for flake8

* Update demo/Demo.js

Co-authored-by: glsdown <52132406+glsdown@users.noreply.github.com>

Co-authored-by: Tom Begley <tomcbegley@gmail.com>

* flake8 config

* List group updated to Bootstrap 5 (#647)

* Updated list-group component

* Updated list-group docs

* Bug fixes

* Tabs

* Form

* Form updates + examples

* Checklist / RadioItems

* Select

* themes

* BS5 updates for docs

* Fix doc tests

* InputGroup

* Fix JS tests

* Checkbox/Radio

* format js

* Modal

* Modal docs

* Fix format command

* Card, Nav and Navbar (#648)

* Monkeypatch doc tests

* Card

* Nav and NavBar  Update to Collapse to remove navbar prop

* fixed Card.test.js for Card body test

* updated docs for Navbar example.
Also updated julia and R snippets

* updates to Navbar and Collapse after review

* updated index for deleted NavbarCollapse

* lint and black

Co-authored-by: tcbegley <tomcbegley@gmail.com>

* DropdownMenu

* NavbarToggler

* Tooltip+Popover

* Consistent imports

* Fix accordion tests

* Initial breadcrumb component

* Set accordion to first component

* Format code

* Update Breadcrumb

* Snippet test fixes for breadcrumb

* Popover - minor prop updates (#652)

* Use size prop consistently

Co-authored-by: glsdown <52132406+glsdown@users.noreply.github.com>
Co-authored-by: AnnMarieW <72614349+AnnMarieW@users.noreply.github.com>
tcbegley added a commit that referenced this pull request Oct 19, 2021
* Alert

* Badge

* Button

* ButtonGroup

* Carousel

* Collapse

* Fade

* Add shim for html components that don't have class_name defined yet

* Update block button docs

* Update docs for Bootstrap 5

* RIP Jumbotron

* Add react-bootstrap beta

* Layout

* Docs fix

* Label

* Clean up example

* Monkeypatch doc tests

* New components - Offcanvas and pagination (#643)

* Added offcanvas components

* Offcanvas doc snippets

* Added offcanvas documentation

* Fixed long text issue

* Added react-bootstrap

* Added offcanvas

* Added offcanvas tests

* Added js tests for offcanvas

* Addition of new pagination component

* Combined offcanvas into single component

* Formatting

* ABetter handling of pagination component

* Updated pagination docs

* Removed invalid code

* Updated npm demo to Bootstrap 5

* Updated pagination docs to include R and jl

* Updated pagination tests

* Fixed callbacks

* Reverted to 5.0.2 to avoid issues with offcanvas backdrop until resolved

* Fixed offcanvas tests

* Tidy up

* Progress

* Format tests

* Spinner

* Table

* Toast

* New component Accordion (#645)

* Accordion component and js test

* Added documentation for accordion

* R and Julia examples

* Fixed h2 formatting issues

* Added accordion folder for flake8

* Update demo/Demo.js

Co-authored-by: glsdown <52132406+glsdown@users.noreply.github.com>

Co-authored-by: Tom Begley <tomcbegley@gmail.com>

* flake8 config

* List group updated to Bootstrap 5 (#647)

* Updated list-group component

* Updated list-group docs

* Bug fixes

* Tabs

* Form

* Form updates + examples

* Checklist / RadioItems

* Select

* themes

* BS5 updates for docs

* Fix doc tests

* InputGroup

* Fix JS tests

* Checkbox/Radio

* format js

* Modal

* Modal docs

* Fix format command

* Card, Nav and Navbar (#648)

* Monkeypatch doc tests

* Card

* Nav and NavBar  Update to Collapse to remove navbar prop

* fixed Card.test.js for Card body test

* updated docs for Navbar example.
Also updated julia and R snippets

* updates to Navbar and Collapse after review

* updated index for deleted NavbarCollapse

* lint and black

Co-authored-by: tcbegley <tomcbegley@gmail.com>

* DropdownMenu

* NavbarToggler

* Tooltip+Popover

* Consistent imports

* Fix accordion tests

* Initial breadcrumb component

* Set accordion to first component

* Format code

* Update Breadcrumb

* Snippet test fixes for breadcrumb

* Moved js components into individual folders

* Fixes for layout and callback tests

* Formatting of R and julia snippets

* Updated js testing libraries

* Added recommended hack for react testing

* Removed dup test and updated

* Carousel improvements

* Reverted to older testing packages

* Added component landing page

* Removed callback from accordion & pagination simple

* Removed accordion from collapse

* Added listgroup flush example

* Fixed accordion and pagination examples

* Added coloured table

* Added dark variant carousel

* Added Table from multi-level dataframe

* Added multi input_group addons

* Fixed issues with badge examples

* Docs first section to Examples

* Clean-up Tooltip code + tests

* Revert version numbers

* Format

* Update setup.cfg

* Tidy up following merge

Co-authored-by: glsdown <gemmalsdown@icloud.com>
Co-authored-by: tcbegley <tomcbegley@gmail.com>
Co-authored-by: AnnMarieW <72614349+AnnMarieW@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants