open-index/open-npm huggingface dataset:
npm package: @plurajs/cli-playground
Description: dev playground
Author: wuake
Latest version: 0.1.2

# dev playgroud

dev server for dir playground.


```
> yarn global add plurax
> plurax playground
```

## default dependences

* react
* react-dom
* antd
* moment
* jquery
* lodash

### todo

* mock api
* proxy
* how to config?
* compile & deploy (maybe)
npm package: @plurall-boss/charts
Description: Charts from plurall-boss
Author: Carlos Shirasawa
Latest version: 1.0.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @plurall-boss/charts

Re-exports charts from the following wrappers:

* [react-apexcharts (ApexCharts)](https://www.npmjs.com/package/react-apexcharts) - React.js wrapper for ApexCharts to build interactive visualizations in react.
* [react-chartjs-2 (all components)](https://www.npmjs.com/package/react-chartjs-2) - React wrapper for Chart.js 2.


## Charts libs wrapped

* [apexcharts](https://apexcharts.com/docs/creating-first-javascript-chart/) - A modern JavaScript charting library to build interactive charts and visualizations with simple API.
* [chart.js](https://www.chartjs.org/docs/latest/getting-started/usage.html) - Simple yet flexible JavaScript charting for designers & developers.
npm package: @plurall-boss/editor
Description: Editor components for plurall-boss
Author: Guilherme Danno
Latest version: 1.0.5
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @plurall-boss/editor

Re-exports the components from the following libraries:

- [draft-js](https://www.npmjs.com/package/draft-js): A React framework for building text editors.
- [react-draft-wysiwyg](https://www.npmjs.com/package/react-draft-wysiwyg): A WYSIWYG editor built using ReactJS and DraftJS libraries.
- [react-markdown](https://www.npmjs.com/package/react-markdown): Renders Markdown as React components
- [react-quill](https://www.npmjs.com/package/react-quill): The Quill rich-text editor as a React component.
npm package: @plurall-boss/icons
Description: Icons from plurall-boss
Author: Guilherme Danno
Latest version: 1.0.5
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @plurall-boss/icons

Re-exports the icons from the following libraries:

- @material-ui/icons
- react-feather as `RF{{ icon-name }}`
npm package: @plurall-boss/utils
Description: Utilities from plurall-boss
Author: Carlos Shirasawa
Latest version: 1.0.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @plurall-boss/utils

Re-exports utilities from the following libraries:

* [changeCase](https://www.npmjs.com/package/change-case) - Transform a string between camelCase, PascalCase, Capital Case, snake\_case, param-case, CONSTANT\_CASE and others.
* [history](https://www.npmjs.com/package/history) - The history library lets you easily manage session history anywhere JavaScript runs.
* [jss](https://www.npmjs.com/package/jss) - A lib for generating Style Sheets with JavaScript.
   * [rtl](https://www.npmjs.com/package/jss-rtl) - This plugin enables right-to-left support by flipping every rule on the x-axis.
* [lodash](https://www.npmjs.com/package/lodash) - A modern JavaScript utility library delivering modularity, performance & extras.
* [moment](https://www.npmjs.com/package/moment) - A JavaScript date library for parsing, validating, manipulating, and formatting dates.
npm package: @plurall/auth-storybook
Description: Um wrapper para widgets que verifica se o usuário está autenticado no plurall.net
Latest version: 1.0.5

# Widget Auth Storybook

Um wrapper para widgets que verifica se o usuário está autenticado no plurall.net

## Para rodar

```shel
yarn install
yarn start
```

Agora pode abrir [auth-storybook.local.plurall.net:6006](http://auth-storybook.local.plurall.net:6006) para testar o componente visualmente

## Para Buildar

```shel
yarn build
```

# Como Usar

> No utilizador do componente, armazenar os valores `idApplication` e `somosGraphqlUrl` em variáveis de ambiente;

```javascript
<AuthStorybook
  idApplication="id da aplicação"
  somosGraphqlUrl="url do sso graphQL"
>
  <div>Autorização para visualizar o widget concedida!</div>
</AuthStorybook>
```
npm package: @plurall/charts
Description: Componente responsável por renderizar gráficos. Inicialmente dá suporte apenas a gráficos do tipo barra.
Latest version: 1.0.6

# PlurallCharts

Componente responsável por renderizar gráficos.
Inicialmente dá suporte apenas a gráficos do tipo barra.

## Props

- ariaLabel: `string`
  - Atributo para acessibilidade.
- backgroundColor: `string`
  - Permite alterar a cor de fundo do gráfico.
- data: `Data[]` - `required`,
  - Conjunto de dados para o plot.
- dataTest: `string`,
  - Identificador para fins de testes.
- hideGrid: `boolean`,
  - Permite que os eixos internos de marcação do grid sejam ocultados.
- labels: `string[]` - `required`
  - Lista de valores que identificam cada marcação no eixo das abscissas.
- options: `object`,
  - Objeto de configuração (https://www.chartjs.org/docs/latest/configuration/)
- title: `string`,
  - Título apresentado para o gráfico.
- width: `number`,
  - Especifica, em porcentagem, a largura que o gráfico ocupará, comparativamente ao seu container.

Cada objeto que compõe a prop `data` é da forma:

```js
- backgroundColor: `string` - `required`
  * Cor da barra

- data: `number[]` - `required`.
  * Lista de valores para cada item (barra).

- label: PropTypes.string.isRequired,
  * Label associado à barra.
```

## Exemplo de uso

```jsx
<div>
  <PlurallCharts
    ariaLabel='Gráfico de dǘvidas'
    backgroundColor='#FFF'
    data={data}
    hideGrid
    labels={labels}
    options={options}
    title='Dúvidas'
  />
</div>
```
npm package: @plurall/notifications
Description: Componente React para listar notificações do Plurall
Latest version: 2.0.22

# Plurall Notifications

Componente React para listar notificações do Plurall

## Para rodar

```shel
yarn install
yarn start
```

Agora pode abrir [localhost:6006](http://localhost:6006) para testar o componente visualmente

## Para Buildar

```shel
yarn build
```

# Como Usar

1. Inserir no root da aplicação o provider de notificação
2. Inserir no root da aplicação o componente <Notifications />

```javaScript
import {
  Notifications,
  NotificationsProvider,
  useNotificationsPublicContext,
  NotificationIcon // caso a prop <Notifications icon={false} /> é possível utiliza o componente trigger <NotificationIcon />
} from '@plurall/notifications'

const {
  setOpen, // function que abre/fecha a central de notificação
  loading, // boolean que indica se o estado da central (requests) está em processo de loading
  badge, // boolean que indica se há novas notificações
  open, // boolean que indica se a central de notificações está aberta
} = useNotificationsPublicContext()

<NotificationsProvider
  // Config API Auth Firebase Token
  msApiURL={'Url da API de comunicações'}
  userToken={'Token do usuário logado'}
  // Config Firebase
  apiKey={'Chave do firebase'}
  authDomain={'Url de auth do firebase'}
  projectId={'Porject ID do firebase'}
  storageBucket={'Chave de config. do firebase'}
  messagingSenderId={'Chave de config. do firebase'}
  appId={'Chave de config. do firebase'}
  measurementId={'Chave de config. do firebase'}
>
  <Notifications />
</NotificationsProvider>
```
npm package: @plurall/sdk
Description: Plurall SDK
Author: Carlos Shirasawa
Latest version: 1.0.13

# Plurall SDK

Software Developer Kit - Node JS - Plurall

# Table of Contents

* [Install](#install)
* [Plurall Integration](#plurall-integration)

---

# Install

```sh
yarn add @plurall/sdk
```

---
## Plurall Integration

### ThirdParty

#### Preparing environment

These are all available environment variables:

* **PLURALL_ENV**: Environment to make the request (staging|production) - *default staging*
* **PLURALL_TIMEOUT**: Time to wait before timeout (ms) - *default 20000*
* **DEBUG**: Enable / disable debug mode (true|false) - *default false*

#### How to get user data?

```javascript
import { ThirdParty } from '@plurall/sdk/Integration';
import { User } from '@plurall/sdk/Integration/models';

const { PLURALL_SECRET } = process.env;
try {
    const hash = ThirdParty.encryptToken(token, PLURALL_SECRET);

    const user: User = await ThirdParty.getUser({ app: "nome do app", hash });
} catch (error) {
    console.error(error)
}
```
npm package: @plurall/slider-banners
Description: Esse widget tem a finalidade de utilizar-se do componente do Elo  [Slider](https://elo.plurall.net/?path=/story/components-slider--slider-banners) e futuramente ser integrado com backoffice do squad de comunicação, para exibição de banners gerenciados por
Latest version: 1.0.23

# Widget Banners

Esse widget tem a finalidade de utilizar-se do componente do Elo 
[Slider](https://elo.plurall.net/?path=/story/components-slider--slider-banners)
e futuramente ser integrado com backoffice do squad de comunicação, para exibição de banners
gerenciados por UI/API de backoffice.

*No momento ele está dedicado com uso exclusivo do projeto user-account, consumindo os metadados dos banners do JSON [CDN](https://assets.cdn.plurall.net/ft/account/production.json) sendo gerenciado pelo projeto [feature-toggle](https://gitlab.com/sdk12/devops/feature-toggle/-/blob/master/ft/account/production.json)*


## Config
> No arquivo etc/hosts ou (C:\Windows\System32\drivers\etc\hosts)
```
127.0.0.1 widget.local.plurall.net
```

## Para rodar

```shel
yarn install
yarn start
```

Agora pode abrir [localhost:6006](http://localhost:6006) para testar o componente visualmente

## Para Buildar

```shel
yarn build
```

# Deploy para NPM

Automatizado com nosso CI. Basta gerar tag ([semantic version](https://semver.org)) e ele vai fazer o deploy.