Collector Portal Framework

A collection of UI components and helper functions used in a couple of our internal and external web applications at Collector Bank. Documentation and an interactive test area can be found here.

This package contains

Technologies used

React
TypeScript
~~Glamorous~~ emotion

Install

$ npm install --save collector-portal-framework

How to use

import React from 'react';
import ReactDOM from 'react-dom';
import { CollectorPortalFramework } from 'collector-portal-framework';
import { YourApp } from './App';

ReactDOM.render(
  <CollectorPortalFramework>
    <YourApp />
  </CollectorPortalFramework>,
  document.getElementById('root')
);

Available components

You can see a demo of the UI components here. If you want your own local copy you can clone this repo and do npm install followed by npm start to start a local instance of Storybook.

Generic components

Component	Source
Alert	Source
Amount selector	Source
Badge	Source
Button	Source
Button group	Source
Card	Source
Checkbox	Source
Checkbox group	Source
Date picker	Source
Date picker group	Source
Input	Source
Paginator	Source
Radio button	Source
Radio button group	Source
Select	Source
Slider	Source
Spinner	Source
Tags Input	Source

Typographic components

Component	Source
H1	Source
H2	Source
H3	Source
Text	Source
TextLink	Source

"Portal specific" components

Component	Source
Togglable	Source
Fieldset	Source
Logo	Source
MainContainer	Source
MainMenu	Source
Modal	Source
PageHeader	Source
Tabs	Source
ValueList	Source

The automated release is failing 🚨

🚨 The automated release from the `master` branch failed. 🚨

I recommend you give this issue a high priority, so other packages depending on you could benefit from your bug fixes and new features.

You can find below the list of errors reported by semantic-release. Each one of them has to be resolved in order to automatically publish your package. I’m sure you can resolve this 💪.

Errors are usually caused by a misconfiguration or an authentication problem. With each error reported below you will find explanation and guidance to help you to resolve it.

Once all the errors are resolved, semantic-release will release your package the next time you push a commit to the master branch. You can also manually restart the failed CI job that runs semantic-release.

If you are not sure how to resolve this, here is some links that can help you:

If those don’t help, or if this issue is reporting something you think isn’t right, you can always ask the humans behind semantic-release.

Invalid npm token.

The npm token configured in the NPM_TOKEN environment variable must be a valid token allowing to publish to the registry https://registry.npmjs.org/.

If you are using Two-Factor Authentication, make configure the auth-only level is supported. semantic-release cannot publish with the default auth-and-writes level.

Please make sure to set the NPM_TOKEN environment variable in your CI with the exact value of the npm token.

Good luck with your project ✨

Your semantic-release bot 📦🚀

collector-bank / collector-portal-framework Goto Github PK