# symphony-bdk-ui-toolkit

> Package with component-based development of SMS

Latest version **1.0.2-beta.0** (published 2020-07-07) · MIT license · 0 weekly downloads

## Install

```sh
npm install symphony-bdk-ui-toolkit
pnpm add symphony-bdk-ui-toolkit
yarn add symphony-bdk-ui-toolkit
bun add symphony-bdk-ui-toolkit
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2-beta.0 |
| Published | 2020-07-07 |
| First published | 2020-03-20 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 10 |
| Unpacked size | 6 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | symphony-platform-solutions |

## Links

- npm: https://www.npmjs.com/package/symphony-bdk-ui-toolkit
- Repository: https://github.com/SymphonyPlatformSolutions/symphony-bdk-ui-toolkit
- Homepage: https://github.com/SymphonyPlatformSolutions/symphony-bdk-ui-toolkit#readme
- Issues: https://github.com/SymphonyPlatformSolutions/symphony-bdk-ui-toolkit/issues
- npm.io page: https://npm.io/package/symphony-bdk-ui-toolkit

## Dependencies (10)

- [d3-dsv](https://npm.io/package/d3-dsv.md) ^1.2.0
- [microbundle](https://npm.io/package/microbundle.md) 0.11.0
- [react-window](https://npm.io/package/react-window.md) ^1.8.5
- [react-scripts](https://npm.io/package/react-scripts.md) ^3.3.0
- [react-hooks-sse](https://npm.io/package/react-hooks-sse.md) ^1.0.0
- [@storybook/addon-docs](https://npm.io/package/@storybook/addon-docs.md) ^5.3.4
- [react-resize-detector](https://npm.io/package/react-resize-detector.md) ^4.2.1
- [react-responsive-tabs](https://npm.io/package/react-responsive-tabs.md) ^3.3.0
- [react-virtualized-auto-sizer](https://npm.io/package/react-virtualized-auto-sizer.md) ^1.0.2
- [@storybook/preset-create-react-app](https://npm.io/package/@storybook/preset-create-react-app.md) ^1.5.1

## Recent versions

- 1.0.2-beta.0 (latest) — 2020-07-07
- 1.0.1 — 2020-04-23
- 1.0.0 — 2020-03-20

## README

# symphony-bdk-ui-toolkit
Symphony BDK - UI Toolkit

[![NPM Package](https://img.shields.io/npm/v/symphony-bdk-ui-toolkit?style=shield&logo=npm)](https://www.npmjs.com/package/symphony-bdk-ui-toolkit)


This is the Component Library Project for the Rapid development of extension apps.

### Installing

Simply run:
```jsx
  yarn
```
> if you dont have yarn installed, do so by running: npm install -g yarn


### Running Locally
In order to access storybook run:
```jsx harmony
yarn storybook
```
or run the script
```shell script
./deploy_local.sh
```
> the above command will build the lib, and automatically get it running on localhost port 8000

### Building
In order to generate a fresh new build of this library, run:
```jsx harmony
yarn build
```

### Using it in your extension app

Install the library into your app:

```bash
npm install symphony-bdk-ui-toolkit
```

Once the library gets installed be sure to include these rules on the resolve section of your
webpack file (or equivalent rule for your bundler):

```jsx harmony
 resolve: {
  extensions: ['.js', '.jsx'],
  alias: {
    handlebars: 'handlebars/dist/handlebars.min.js',
    // https://github.com/facebook/react/issues/14721#issuecomment-458757426
    react: path.resolve('./node_modules/react'),
    'styled-components': path.resolve('./node_modules/styled-components'),
    'react-data-table-component': path.resolve('./node_modules/react-data-table-component'),
  },
},
```

Then import the styles this library exports into your entrypoint js file, like so:

```jsx harmony
import '../node_modules/symphony-bdk-ui-toolkit/dist/index.css';
```

### Peer Dependencies

There's a few components that require a peer dependency installation, that means that
although these components uses such dependency, it expects that it will be installed on your
project, **rather** than packaged and shipped with this toolkit. Here's the complete list of
peer dependencies:

```json
{
  "peerDependencies": {
    "axios": "^0.19.0",
    "d3-scale": "^3.2.1",
    "d3-shape": "^1.3.7",
    "d3-time": "^1.1.0",
    "d3-time-format": "^2.2.2",
    "prop-types": "^15.7.2",
    "react": "^16.12.0",
    "react-dom": "^16.12.0",
    "react-stockcharts": "^0.7.8",
    "styled-components": "^4.4.1"
  }
}
```


Having the library up in running, simply import the components you want to use:

```jsx harmony
import { Box , Text, Button } from 'symphony-bdk-ui-toolkit';
```

---
_Source: https://npm.io/package/symphony-bdk-ui-toolkit · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._