npm package: @fasolutions/harmony
Description: ReactJS UI component library for FA Solutions
Latest version: 1.4.0
Deprecated: Future updates (v1.5.0) are moved to private package management. Contact publisher for the access to new packages.

ReactJS UI component library for FA Solutions.

[![NPM Version](https://badgen.net/npm/v/@fasolutions/harmony)](http://npmjs.com/package/@fasolutions/harmony)
[![NPM Downloads](https://badgen.net//npm/dt/@fasolutions/harmony)](http://npmjs.com/package/@fasolutions/harmony)
[![NPM Dependents](https://badgen.net//npm/dependents/@fasolutions/harmony)](http://npmjs.com/package/@fasolutions/harmony)
[![NPM Types](https://badgen.net//npm/types/@fasolutions/harmony)](http://npmjs.com/package/@fasolutions/harmony)

## Installation:

Repository : [Bitbucket](https://bitbucket.org/fasolutions-ondemand/fa-harmony/)

Add to your React app :

```js static
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:

```js static
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
- 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](https://farepository.jfrog.io/farepository/api/npm/npm/)
  - 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