@impartner/application-ui

This package contains Angular implementations of high-level components and elements specifically designed for use in applications for the Impartner PRM platform.

Demo & Documentation

Please check our live Storybook documentation to peruse the available components and their documentation.

Dependencies

In addition to standard/core dependencies on Angular and RxJS, this package also depends on other Impartner and non-Impartner libraries for Angular, including @impartner/angular-sdk and @impartner/design-components. These packages may also have their own dependencies and peer dependencies that will need to be managed.

| @impartner/application-ui | Angular | @angular/cdk | @impartner/angular-sdk | @impartner/angular-apps | @impartner/design-components | @impartner/design | angular-i18next1 | lodash | fflate | | ------------------------- | -------- | ------------ | ---------------------- | ----------------------- | ---------------------------- | ----------------- | --------------------------- | -------- | ------ | | 4.5.x, 4.6.x | ^20.2.4 | ^20.2.2 | ^4.5.x | ^4.5.x | ^4.5.x | ^4.5.x | >=20.0.0 | ^4.17.21 | ^0.8.3 | | 5.x.y | >=22.1.6 | >=22.1.6 | 5.x.y | 5.x.y | 5.x.y | 5.x.y | >=21.0.0 | ^4.17.21 | ^0.8.3 |

Starting with the v5 release, the packages @impartner/angular-sdk, @impartner/angular-apps, @impartner/design-components, @impartner/design, and @impartner/application-ui release with synced versions and dependencies on each other. Thus, an example release 5.6.7 of @impartner/application-ui would be released alongside and have peer dependencies upon version @impartner/[email protected], @impartner/[email protected], and so forth.

Notes:

1. angular-i18next is only required when importing from the @impartner/application-ui/i18next package entrypoint.

Installation

1. Install the @impartner/sdk, @impartner/design-components, and impartner/design packages and their dependencies from npm.
2. Import desired Angular component types or NgModules into your own project's NgModules or standalone components.
3. Add the Impartner Hex stylesheet to the development/non-production build configuration's styles array:

   "styles": ["node_modules/@impartner/design/scss/_impartner-hex.scss"]

   (Application projects generated using the @impartner/nx-angular Nx plugin's generator functions will already have this done.)