- move to
reactstrap v8
. Breaking changes and deprecations, see: https://github.com/reactstrap/reactstrap/blob/master/CHANGELOG.md#800-2019-04-03 - fix(DefaultHeader): replace
AppHeaderDropdown
withUncontrolledDropdown
- refactor: add ie polyfills
- update:
@coreui/coreui
to^2.1.12
- update:
@coreui/coreui-plugin-chartjs-custom-tooltips
to^1.3.1
- update:
@coreui/react
to^2.5.1
- update:
core-js
to^3.1.4
- update:
enzyme
to^3.10.0
- update:
enzyme-adapter-react-16
to^1.14.0
- update:
react-router-config
to^5.0.1
- update:
react-router-dom
to^5.0.1
- update:
reactstrap
to^8.0.0
- release for use with:
- react-router-dom
~5.0.0
- @coreui/react
~2.5.0
- react-router-dom
- update:
@coreui/react
to~2.5.0
- update:
react-router-config
to^5.0.0
- update:
react-router-dom
to^5.0.0
It turns out this is not such a breaking change, as it seemed at a glance. Just update dependencies and you're good.
- update
dependencies
inpackage.json
-
@coreui/react
to~2.5.0
-
react-router-dom
to^5.0.0
-
react-router-config
to^5.0.0
-
React Router v5 uses the new React Context API, which is incompatible with version used in 4.3.
That's a breaking change. With a raw upgrade to v5, you can encounter an error message: You should not render a <Route> outside a <Router>
or You should not use <Link> outside a <Router>
etc... It means that Route, Link etc, can't find the correct context object because Breadcrumb
and SidebarNav
components have their own context object.
It's important to use the same instance of the react-router-dom v5
library with template and coreui components. @coreui/react
version 2.5.0
moves react-router-dom form dependencies to peerDependecies and takes the same library/module from the template/app instead. We have to pass router
module object as a prop to <AppSidebarNav>
and <AppBreadcrumb>
-
update
dependencies
inpackage.json
-
@coreui/react
to~2.5.0
-
react-router-dom
to^5.0.0
-
react-router-config
to^5.0.0
-
-
modify
DefaultLayout.js
-
import react-router-dom module as an object
import * as router from 'react-router-dom';
-
import new versions of components
AppBreadcrumb2
andAppSidebarNav2
(alias is optional, just keep consistency with markup)import { ... AppBreadcrumb2 as AppBreadcrumb, AppSidebarNav2 as AppSidebarNav ... } from '@coreui/react';
-
inject
router
object as a prop to<AppSidebarNav>
and<AppBreadcrumb>
<AppSidebarNav navConfig={navigation} {...this.props} router={router}/>
<AppBreadcrumb appRoutes={routes} router={router}/>
-
- maintenance release for use with:
- react-router
v4.3.x
- reactstrap
v7.x
- @coreui/react
~2.1.7
- react-router
- chore: add
package-lock.json
with updatedtar
dependency - chore: fix
test:cov
script - fix(Popovers): add
trigger="legacy" delay={0}
(breaking change in reactstrap)
- update:
@coreui/react
to~2.1.7
- update:
@coreui/coreui-plugin-chartjs-custom-tooltips
to^1.3.0
- update:
enzyme-adapter-react-16
to^1.13.0
- update:
node-sass
to^4.12.0
- update:
react
to^16.8.6
- update:
react-app-polyfill
to^1.0.1
- update:
react-chartjs-2
to^2.7.6
- update:
react-dom
to^16.8.6
- update:
react-test-renderer
to^16.8.6
- update:
react-scripts
to^3.0.1
- fix(App): remove redundant react-loadable - thanks @sergeyt
- fix(routes) remove circular dependency - thanks @sergeyt
- refactor(App): change to render in Route
- fix(routes): add Home to routes - breadcrumb issue
- refactor(DefaultHeader): move to ReactRouter
NavLink
- refactor(Forms): move to
InputGroupButtonDropdown
where applicable
- update:
@coreui/coreui
to^2.1.9
- update:
@coreui/react
to~2.1.5
- update:
chart.js
to^2.8.0
- update:
enzyme-adapter-react-16
to^1.11.2
- update:
react
to^16.8.5
- update:
react-app-polyfill
to^0.2.2
- update:
react-dom
to^16.8.5
- update:
react-router-config
to^4.4.0-beta.8
- update:
react-router-dom
to~4.3.1
- update:
react-test-renderer
to^16.8.5
- update:
react-scripts
to^2.1.8
- fix: iOS 9 Safari sidebar toggle force issue
@coreui/[email protected]
- update:
@coreui/react
to^2.1.5
- update:
enzyme-adapter-react-16
to^1.10.0
- update:
flag-icon-css
to^3.3.0
- update:
react
to^16.8.4
- update:
react-dom
to^16.8.4
- update:
react-test-renderer
to^16.8.4
- maintenance release: fixes #151 #145
- update:
@coreui/coreui
to^2.1.7
- update:
@coreui/react
to^2.1.4
- update:
bootstrap
to^4.3.1
- update:
core-js
to^2.6.5
- update:
enzyme
to^3.9.0
- update:
enzyme-adapter-react-16
to^1.9.1
- update:
prop-types
to^15.7.2
- update:
react
to^16.8.2
- update:
react-app-polyfill
to^0.2.1
- update:
react-dom
to^16.8.2
- update:
react-test-renderer
to^16.8.2
- update:
reactstrap
to^7.1.0
- update:
react-scripts
to2.1.5
- fix(Collapse): add
mb-0
to accordion cards - fix(ButtonGroups): misplaced dropdownOpen
- chore: update
@coreui/coreui
to^2.1.5
- chore: update
@coreui/react
to^2.1.3
- chore: update
bootstrap
to^4.2.1
- chore: update
core-js
to^2.6.1
- chore: update
enzyme
to^3.8.0
- chore: update
enzyme-adapter-react-16
to^1.7.1
- chore: update
node-sass
to^4.11.0
- chore: update
react
to^16.7.0
- chore: update
react-app-polyfill
to^0.2.0
- chore: update
react-chartjs-2
to^2.7.4
- chore: update
react-dom
to^16.7.0
- chore: update
react-test-renderer
to^16.7.0
- chore: update
reactstrap
to^7.0.2
- chore: update
react-scripts
to2.1.3
- fix(scss): floating footer ie11 issue
- chore: update
@coreui/react
to^2.1.1
- refactor(App.js): code splitting with
react-loadable
(waiting for release ofreact-router-dom
) - refactor(routes.js): code splitting with
React.lazy
, removereact-loadable
- refactor(DefaultLayout): code splitting with
React.lazy
Aside, Footer, Header, routes - refactor(Dashboard): tweak lazy and Suspense for Widget03
- refactor(Login): add router link to
Register
button - refactor(Register): add margins to social-media buttons
- chore: disable eslint warning for href="#" attribute
- chore: update
@coreui/coreui
to^2.1.1
- chore: update
enzyme-adapter-react-16
to1.7.0
- chore: update
react
to16.6.3
- chore: update
react-dom
to16.6.3
- chore: update
react-test-renderer
to16.6.3
- feat(SidebarNav): navLink
attributes
- optional JS object with valid JS API naming:- valid attributes:
rel
,target
,hidden
,disabled
, etc... - starting with
@coreui/coreui
,@coreui/react
version2.1.0
and up - closes #106
- item example(
./src/_nav.js
):
[ { name: 'Disabled', url: '/disabled', icon: 'icon-ban', attributes: { disabled: true }, }, { name: 'Try CoreUI PRO', url: 'https://coreui.io/pro/react/', icon: 'cui-layers icons', variant: 'danger', attributes: { target: '_blank', rel: "noopener" }, } ]
- valid attributes:
- fix(Cards):
card-header-actions
added toCardHeader
forrtl
support - feat(Dashboard): new
Suspense
example with Widget03 - chore: update
@coreui/coreui
to2.1.0
- chore: update
@coreui/react
to2.1.0
- chore: update
node-sass
to4.10.0
- chore: update
react
to16.6.1
- chore: update
react-dom
to16.6.1
- chore: update
react-test-renderer
to16.6.1
- chore: update
@coreui/coreui
to2.0.25
- chore: update
chart.js
to2.7.3
- chore: update
flag-icon-css
to3.2.1
- chore: update
node-sass
to4.9.4
- chore: update
react
to16.6.0
- chore: update
react-dom
to16.6.0
- chore: update
react-router-config
to4.4.0-beta.6
- chore: update
react-test-renderer
to16.6.0
- chore: update
react-scripts
to2.1.1
- refactor: migration to Create React App 2.0 cleanup
- cleanup
package.json
scripts - remove
babel-jest
dependency - remove
node-sass-chokidar
dependency - remove
npm-run-all
dependency - move
App.js
import styles toApp.scss
- replace imports from
node_modules/
with~
prefix
- cleanup
- chore: remove unused
src/scss/vendors/charts.js/
directory - chore: update
@coreui/coreui
to^2.0.15
- chore: update
@coreui/react
to^2.0.9
fixes some issues with rtl
, ie11
, sidebar-minimized
behaviour and aside
responsiveness
- fix(DefaultAside):
ListGroup
withtag="div"
works better withrtl
- fix(DefaultLayout):
AppAside
remove deprecatedhidden
prop - chore: update
@coreui/react
to^2.0.8
- chore: update
reactsrtrap
to^6.5.0
- chore: update
react-scripts
to^2.0.4
- chore:
enzyme
to3.7.0
- chore:
enzyme-adapter-react-16
to1.6.0
- chore: update
@coreui/react
to^2.0.7
- chore: migration to Create React App 2.0
- chore: update
react-scripts
to^2.0.3
- chore: update
node-sass-chokidar
to^1.3.3
- chore: add
node-sass v4.9.3
- chore: add
react-app-polyfill v0.1.3
- chore: add
eslintConfig
inpackage.json
- chore: add
browserslist
inpackage.json
- chore: update
manifest.json
- refactor(index.js): add
react-app-polyfill
forie9-11
support - refactor(index.js): migration to
serviceWorker.js
- chore: update
affected files:
package.json
-> dependencies updatesrc/index.js
-> move toserviceWorker
, addreact-app-polyfill
forie9-11
support when needed
In most cases bumping the react-scripts
version in package.json
and running npm install
in this folder should be enough, but it’s good to consult the changelog for potential breaking changes.
- chore: update
@coreui/coreui
to^2.0.14
- chore: update
@coreui/react
to^2.0.6
- chore: update
enzyme
to^3.6.0
- chore: update
enzyme-adapter-react-16
to^1.5.0
- chore: update
flag-icon-css
to^3.2.0
- chore: update
react
to^16.5.2
- chore: update
react-dom
to^16.5.2
- chore: update
react-router-config
to^4.4.0-beta.1
- chore: update
react-test-renderer
to^16.5.2
- chore: update
babel-jest
to^23.6.0
- chore: update
@coreui/icons
to0.3.0
- refactor(CoreUIIcons): move to
@coreui/icons v0.3.0
- chore: update
enzyme
to3.5.0
- chore: update
enzyme-adapter-react-16
to1.3.1
- chore: update
react-loadable
to5.5.0
- chore: update
reactstrap
to6.4.0
- chore: update
react-scripts
to1.1.5
- fix(User): add missing unique key prop
- fix(Login): add missing form and autoComplete
- fix(Register): add missing form and autoComplete
- chore: update
@coreui/react
to2.0.5
- chore: update
bootstrap
to4.1.3
- chore: update
reactstrap
to6.3.1
- chore: update
babel-jest
to23.4.2
- feat(router): Users/User Breadcrumb example with
/users/:id
- chore: update
@coreui/react
to2.0.4
, - chore: update
prop-types
to15.6.2
- chore: update
react
to16.4.1
- chore: update
react-dom
to16.4.1
- chore: update
react-test-renderer
to16.4.1
- chore: update
npm-run-all
to4.1.3
- chore: add
.env
file
- feat(Forms): FormFeedback valid, toggleFade
- refactor(Cards): toggleFade
- chore: update
@coreui/coreui
to2.0.2
, - chore: update
@coreui/react
to2.0.1
, - chore: update
classnames
to2.2.6
, - chore: update
core-js
to2.5.7
, - chore: update
react
to16.4.0
, - chore: update
react-dom
to16.4.0
, - chore: update
react-router-dom
to4.3.1
, - chore: update
react-test-renderer
to16.4.0
, - chore: update
reactstrap
to6.1.0
, - chore: update
babel-jest
to23.0.1
,
- refactor: disable
ServiceWorker
by default - fix(routes): mismatched
SimpleLineIcons
dynamic import - refactor: CoreUI Icons
v0.2.0
- chore: update
babel-jest
tov22.4.4
- chore: update
@coreui/react
tov2.0.0
,
- refactor: code splitting via dynamic import
- refactor: switches view rearrange
- fix: update component names in package.json
- chore: update
node-sass-chokidar
tov1.3.0
- chore(release): dependencies update
- feat: new CoreUI Icons set
- feat: CoreUI custom tooltips plugin for chart.js
- refactor(Switches): move to AppSwitch component
- fix: typo
- update to
@coreui/react: ^2.0.0-beta
- refactor(Colors): view layout, minor temp tweaks
- refactor(FullAside): - ListGroup (deprecate callout)
- refactor(Full*): containers minor fixes
- refactor(Dropdowns): minor fixes
- refactor(Forms):
card-header-actions
- feat(Forms):
<Input type="date">
- feat(Forms):
FormFeedback
- feat(Collapses): Accordion, Custom Accordion
- feat(ListGroup): with TabPanes
- refactor(PaginationItem):
tag="button"
- refactor(BrandButtons): spacing
- refactor:(Buttons): view layout
- refactor: FullHeader
<AppHeaderDropdown direction="down">
(required propdirection
) - refactor: ButtonDropdowns
<Dropdown direction="up">
(deprecate 'dropup') - refactor: Dashboard legend badge pill
- refactor: SocialButtons to BrandButtons
btn-brand
- refactor: Buttons spacing
mr-1
- update: reactstrap to
5.0.0
- update: react, react-dom to
16.3.1
- update: node-sass-chokidar to
1.1.0
- update: prop-types to
15.5.8
- update: react-scripts to
1.1.4
- refactor: separation of concerns - (CoreUI template vs CoreUI components) prepare to use CoreUI as dependency
- refactor: project structure change
- refactor: moved to Create-React-App
- chore: moved to Semantic Versioning
- refactor:
<InputGroupAddon addonType="prepend">
- refactor:
<InputGroupAddon addonType="append">
- refactor:
<InputGroupText>
- refactor: remove
<InputGroupButton>
- update: reactstrap to
5.0.0-beta
- update: dependencies
- refactor: Sidebar structure change
- refactor: Dashboard radio buttons, new
onRadioBtnClick()
method - update: react to
16.2.0
- update: Bootstrap
4.0.0-beta.3
- update: dependencies
- feature: some Bootstrap4 components added
- fix: rollback to webpack-dev-server
2.9.7
- temp tweaks(b4 beta3):
InputGroupAddon
andInputGroupButton
- refactor(checkboxes, radios): temp tweaks
- feat: mobile sidebar link click closes the sidebar
- fix: .nav-tabs .nav-link
cursor: pointer
- update: react to
^16.1.1
- update: reactstrap to
^5.0.0-alpha.4
- refactor: deprecated reactstrap
NavDropdown
change toDropdown
withnav
prop - refactor: use prop
bsSize
instead of thesize
to bootstrap's input sizing - update: dependencies
- feature: Sidebar add divider.class
- refactor: Sidebar
- moved to react:
^16.1.0
- chore: dependencies update
- refactor: scss
- update: bootstrap to
4.0.0-beta.2
HeaderDropdown
component example extracted out ofHeader
- moved to react:
^16.0.0
- moved to reactstrap:
^5.0.0-alpha.3
- moved to react-text-mask-hoc:
^0.10.4
- moved from deprecated CardBlock to
CardBody
reactstrap component - moved to
NavDropdown
inHeader
component - fix for app-header navbar-nav dropdown-menu-right
- fix typo in Tables component PaginationItem
- Sidebar component:
- item with optional class (_nav.js)
- nav link with optional variant (_nav.js)
- external urls allowed (_nav.js)
- optional SidebarFooter, SidebarHeader, SidebarForm components
- SidebarMinimizer component
- .brand-minimized
- .sidebar-minimized,
- Header component - sidebarMinimize
- react-transition-group downgrade to v1 : (modals and alerts reactstrap:v4.8 issue)
- webpack.config env.prod
- Dashboard .dropdown-menu-right temp.scss hotfix (full)
- callout.scss .chart-wrapper hotfix (full)
- Bootstrap 4 beta
- Dashboard component (full):
- line chart for social box
- sparkline chart for callout
- Sidebar component:
- title item with optional wrapper and class (_nav.js)
- nav link item with optional badge
- code refactoring
- moved to reactstrap
- moved to webpack (dropping gulp)
- data driven Sidebar component (_nav.js)