ReactJS UI component library for FA Solutions.
Installation:
Repository : Bitbucket
Add to your React app :
npm install @fasolutions/harmony
While installing the component library, there are some peer-dependencies that are required. Run this command to install all required dependencies:
npm install --save \
@emotion/core \
@emotion/styled \
@fortawesome/pro-light-svg-icons \
@fortawesome/pro-light-svg-icons \
@fortawesome/pro-solid-svg-icons \
@fortawesome/fontawesome-svg-core \
@fortawesome/free-brands-svg-icons \
@fortawesome/react-fontawesome \
@popperjs/core \
@material-ui/core \
@tippy.js/react \
axios \
i18next \
react-i18next \
keycloak-js \
lodash \
match-sorter \
moment \
notistack \
raf \
react-helmet \
react-id-generator \
react-router-dom \
react-table \
rxjs \
webfontloader
Developing your library:
To install all dependencies run npm i
.
To start developing your library, run npm run styleguide
. It will build your styleguide and run an instance of styleguide in your browser (http://localhost:6060). Each time you make changes to your library, it will be reloaded to reflect your changes.
Change log
v1
- 1.1.0 - SNAPSHOT
- Components
- Resizable
- Breakpoint
- ContextMenuContent
- FlexBox
- Badge
- Tools
- useKeycloak
- useModule
- Theme
- zIndex
- utilities
- Text: h1-h6, p, strong, small
- Components
- 1.0.0
- Public Release
- ModalContent
- 0.10.0
- Pagination Table
- Helmet
- Helpers
- 0.9.0
- ChangeLanguage Button in FABar
- 0.8.0
- TemplateDefault
- TemplateMDS
- 0.7.0 // Moved back to NPMJS
- ModalWithPurpose
- 0.6.0 // Moved to jFrog NPM registry
- appRenderer Function
- LandingPage
- DefaultTemplate
- Preloader
- 0.5.0
- FABar
- Tag
- AppWrapper - NotiStack, Keycloak, HashRouter
- 0.4.5
- TableView - DoubleClick, ContentClick
- 0.4.4
- TableView - SelectRow
- Input - DisplayMode
- 0.4.2
- Fix TableView Scrolling
- 0.4.1
- TableView with Filtering
- 0.4.0
- New MenuView
- 0.3.4
- Updated Dark Theme & Button Design
- Applied atomic theory to components
- Component: ButtonGroup
- Remove - TitleBar
- 0.3.3
- View: TableView
- Dynamic Font with WebFontLoader
- 0.3.2
- View: ContentView
- 0.3.1
- Components: GridBox
- 0.3.0
- New Theme, setTheme
- 0.2.5
- Input State of Error/Success
- 0.2.4
- Table Removed
- 0.2.3
- Components: Table
- 0.2.2
- Components: Popover, Modal
- Views: DetailView-Modal,
- 0.2.1
- Components: Breadcrumb
- 0.2.0
- Components: TitleBar
- Template: Default
- Views: DetailView, SummaryView
- 0.1.9
- Components: Input
- Views: MenuView
- 0.1.8
- Components: ContextMenu
- 0.1.7
- Components: Tooltip
- 0.1.6
- Components: ButtonWithPurpose
- 0.1.5
- Components: Icon, Text, Button