CSS, HTML and TS/JS UXD Integration Component Library

This package provides framework independent CSS, HTML, and JS files for Redhat integration shared component library.

Installation

npm install @rh-uxd/appservices-patternfly-core --save

or

yarn add @rh-uxd/appservices-patternfly-core

Using the library

Once install developers should add the CSS to their index file JS or HTML. The following is an example on how to import the HTML using webpack.

import '@rh-uxd/appservices-patternfly-core/dist/styles/core.css';
...

JavaScript utilites can be imported and used as needed. For example if you would like to use the Cross console navigation js functions you can do the following

import '@rh-uxd/appservices-patternfly-core/dist/styles/core.css';
import { CrossNavApp, getAppNavState, setAppNavState, navigateToApp } from '@rh-uxd/appservices-patternfly-core';

...
const apps: CrossNavApp[] = [
        {id: 'first-demo-app', name: 'First Demo App', rootUrl:'localhost:3000', isHttp: true},
        {id: 'second-demo-app', name: 'Second Demo App', rootUrl:'localhost:3001', isHttp: true}];   

...

setAppNavState(CrossNavApp[0].id, 'userA', {currentURL: 'first-demo-app/dashboard', stateData: {id: 'id100', percentComplete: .5, lastUpdated: new Date()}});

...

const appState = getAppNavState(CrossNavApp[0].id, 'userA');

...

navigateToApp(CrossNavApp[0].id, CrossNavApp[1].id)

...