UI Components

Library of reusable components, themes, and supporting elements for developing front-end projects within the CCT company.

Usage

1. Install the package
   npm install @communitycapital/ui-components
2. Use ThemeProvider to have the same styles
   import { getMuiTheme, ThemeProvider } from '@communitycapital/ui-components';
const muiTheme = getMuiTheme(theme));
<ThemeProvider theme = { muiTheme }>{children}</ThemeProvider>.
3. Import needed component/helper function
   import { Tooltip } from '@communitycapital/ui-components';
4. Use common fonts
   import '@communitycapital/ui-components/fonts/index.css';

Reason behind using UMD instead of ES

We had to use UMD build format instead of ES due to Styled Components library has issue with ES https://github.com/rollup/rollup/issues/4438. Another alternative would be migrating from Styled Components to Emotion. Thoughts regarding it can be found here https://app.clickup.com/14159275/v/dc/dg3db-14031/dg3db-23111

Dependencies and updating dependencies.

Important! All dependencies must be frozen to avoid problems with automatic dependency updates during deployment.

• After updating libphonenumber-metadata-generator package, we need to re-generate metadata for libphonenumber-js package. Please, run npm run generate-libphonenumber-metadata for it.