open-index/open-npm huggingface dataset:
npm package: @private-js/core
Description: To achieve public,private in javascript
Author: Evan Wang
Latest version: 1.0.4

# @private-js/core

## Install
```
npm install -S @private-js/core

```

## Intro
There are just two simple way to use `@private-js/core`

1. OOPClass(params)
   > to `define` & `new` a Class 

```javascript
import {OOPClass} from "@private-js/core";
const Person = OOPClass({
    Private:{
        age:18
    },
    Public:{
        name:'EvanWang',
        sayAge:function(){
            return this.age;
        }
    }
})

Person.age // error `Cannot call a private element`
Person.sayAge() // 18
Person.name //'EvanWang'

```

2. inherit(params,parentClass)
   > to `define` & `new` a Class who inherit by parentClass

```javascript
import {inherit} from "@private-js/core";


const Person = OOPClass({
    Private:{
        age:18
    },
    Public:{
        name:'EvanWang',
        sayAge:function(){
            return this.age;
        }
    }
})
const Man = inherit({
    Private:{
        weight:80,
        name:'Evan',
    },
    Public:{
        sayWeight:function(){
            return this.weight;
        }
   }},Person)
   

Man.weight//error Cannot call a private element
Man.name // error Cannot call a private element
Man.sayWeight() // 80
```
npm package: @privatefolio/vocs
Description: React Documentation Generator, powered by Vite.
Latest version: 1.0.15

<br/>

<p align="center">
  <a href="https://vocs.dev">
    <picture>
      <source media="(prefers-color-scheme: dark)" srcset="https://github.com/wevm/vocs/blob/main/.github/vocs-logo-dark.svg">
      <img alt="vocs logo" src="https://github.com/wevm/vocs/blob/main/.github/vocs-logo-light.svg" width="auto" height="40">
    </picture>
  </a>
</p>

<p align="center">
  Minimal Documentation Framework, powered by React + Vite.
<p>

<p align="center">
  <a href="https://www.npmjs.com/package/vocs">
    <picture>
      <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/npm/v/vocs?colorA=21262d&colorB=21262d&style=flat">
      <img src="https://img.shields.io/npm/v/vocs?colorA=f6f8fa&colorB=f6f8fa&style=flat" alt="Version">
    </picture>
  </a>
  <a href="https://github.com/wevm/vocs/blob/main/LICENSE">
    <picture>
      <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/npm/l/vocs?colorA=21262d&colorB=21262d&style=flat">
      <img src="https://img.shields.io/npm/l/vocs?colorA=f6f8fa&colorB=f6f8fa&style=flat" alt="MIT License">
    </picture>
  </a>
</p>


## Documentation

For documentation and guides, visit [vocs.dev](https://vocs.dev).

## Community

For help, discussion about best practices, or any other conversation that would benefit from being searchable:

[Discuss Vocs on GitHub](https://github.com/wevm/vocs/discussions)

For casual chit-chat with others using the framework:

[Join the Wevm Discord](https://discord.gg/SghfWBKexF)

## Contributing

Contributions to Vocs are greatly appreciated! If you're interested in contributing to Vocs, please read the [Contributing Guide](https://github.com/wevm/vocs/blob/main/.github/CONTRIBUTING.md) **before submitting a pull request**.
npm package: @privatmamtora/pick-dom-element
Description: Interactively pick elements in the DOM
Author: privatmamtora
Latest version: 0.3.2

# pick-dom-element

[![npm version](https://badge.fury.io/js/@privatmamtora%2Fpick-dom-element.svg)](https://badge.fury.io/js/@privatmamtora%2Fpick-dom-element)

A JavaScript library (written in TypeScript) for interactively picking DOM elements.

<p align="center">
  <img src="https://user-images.githubusercontent.com/110275/95014911-02d42d80-0642-11eb-856e-301b00f8fbf9.gif" width="500px" />
</p>

## Usage

Create an instance of the `ElementPicker` class, and call its `start()` method to start picking. Provide an `onHover` or `onClick` callback to get the picked element(s). Call `stop()` to stop picking and remove the overlay from the DOM.

```javascript
import { ElementPicker } from "pick-dom-element";

const style = { borderColor: "#0000ff" };
const picker = new ElementPicker({ style });
picker.start({
  onHover: (el) => console.log(`Hover: ${el}`),
  onClick: (el) => {
    picker.stop();
    console.log(`Picked: ${el}`);
  },
});
```

See the [example](example/) directory for a more complete example of how to use the library.
npm package: @privatus/strapi
Description: Strapi extension for Privatus
Latest version: 2.1.0

# @privatus/strapi

Strapi extension for Privatus

## Recommended version

Look at this table to consider which version to use by strapi version

| Strapi Verion | Library Version |
| ------------- | --------------- |
| 4.15.0        | 1.0.6           |
| 4.16.2        | 1.1.0           |
| 4.20.2        | 1.2.1           |
| 4.24.2        | 1.2.2           |
| 4.25.6        | 1.2.3           |
| 4.25.9        | 1.2.4           |
| 5.4.0         | 2.0.1           |
| 5.12.6        | 2.1.0           |

## Usage

### Example Setup

Coming Soon

### Example Usage

Coming Soon
npm package: @priven/sdk
Description: Privacy-preserving pool queries on Solana using MagicBlock TEE
Author: dvrvsimi
Latest version: 0.1.0

# @priven/sdk

Privacy-preserving pool queries on Solana using MagicBlock TEE.

## Installation

```bash
npm install @priven/sdk
```

## Quick Start

```typescript
import { createPrivenClient, PredicateBuilder } from "@priven/sdk";
import { Connection, Keypair } from "@solana/web3.js";

// Setup
const connection = new Connection("https://api.devnet.solana.com");
const wallet = Keypair.fromSecretKey(/* your keypair */);

// Create client
const client = await createPrivenClient(connection, wallet);

// Build encrypted predicate
const predicate = new PredicateBuilder()
  .tvlBetween(BigInt(1_000_000), BigInt(10_000_000))
  .build();

// Execute private query
const matchingPools = await client.query(predicate);
console.log("Matching pools:", matchingPools);
```

## Features

- **Private Queries**: Search criteria encrypted with X25519 + AES-256-GCM
- **TEE Execution**: Queries run inside MagicBlock's Intel TDX enclave
- **Raydium Integration**: Query 700k+ Raydium V4 pools on mainnet
- **Flexible Filters**: TVL, balance, volume, reserves, and more

## Predicate Builder

```typescript
import { PredicateBuilder } from "@priven/sdk";

const predicate = new PredicateBuilder()
  .tvlBetween(BigInt(1_000_000), BigInt(50_000_000))
  .minReserveRatio(40) // 40% minimum balance ratio
  .build();
```

### Available Filters

| Method | Description |
|--------|-------------|
| `tvlBetween(min, max)` | Filter by Total Value Locked |
| `balanceBetween(min, max)` | Filter by token balance |
| `minReserveRatio(percent)` | Minimum reserve ratio (0-100) |
| `addFilter(type, op, value)` | Custom filter |

## Direct Encryption

```typescript
import { encryptPredicate, decryptResult } from "@priven/sdk";

// Encrypt a predicate
const encrypted = await encryptPredicate(predicate, teePublicKey);

// Decrypt results
const result = await decryptResult(encryptedResult, privateKey, teePublicKey);
```

## Pool Fetching

```typescript
import { fetchRaydiumPoolsWithRetry, calculateTVL } from "@priven/sdk";

const pools = await fetchRaydiumPoolsWithRetry(connection, {
  status: 6, // Active pools only
  minTvlPrefilter: BigInt(1_000_000),
});

pools.forEach(pool => {
  console.log(pool.address.toBase58(), calculateTVL(pool));
});
```

## License

MIT
npm package: @priver/browserslist-config
Description: Shareable config for browserslist
Author: Mikhail Priver
Latest version: 1.0.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @priver/browserslist-config

Shareable config for [browserslist].

[![NPM version](https://img.shields.io/npm/v/@priver/browserslist-config)](https://www.npmjs.com/package/@priver/browserslist-config)
[![Node version](https://img.shields.io/node/v/@priver/browserslist-config)](https://www.npmjs.com/package/@priver/browserslist-config)
[![Dependency status](https://img.shields.io/librariesio/release/npm/@priver/browserslist-config)](https://www.npmjs.com/package/@priver/browserslist-config)
[![NPM License](https://img.shields.io/npm/l/@priver/browserslist-config)](https://www.npmjs.com/package/@priver/browserslist-config)

## Installation

```sh
npm install --save-dev @priver/browserslist-config
```

`@pritter/plugin-xml` is used for SVG formatting.

## Usage

### Browsers

Add the following in your `.browserslistrc`:

```browserslist
extends @priver/browserslist-config
```

### Node

Add the following in your `.browserslistrc`:

```browserslist
extends @priver/browserslist-config/node
```

[browserslist]: https://github.com/browserslist/browserslist
npm package: @priver/commitlint-config
Description: Shareable config for commitlint
Author: Mikhail Priver
Latest version: 2.1.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @priver/commitlint-config

Shareable config for [commitlint].

[![npm version](https://img.shields.io/npm/v/@priver/commitlint-config.svg)](https://www.npmjs.com/package/@priver/commitlint-config)
[![npm downloads](https://img.shields.io/npm/dm/@priver/commitlint-config.svg)](https://www.npmjs.com/package/@priver/commitlint-config)
[![license](https://img.shields.io/github/license/priver/linters.svg)](https://github.com/priver/linters/blob/master/LICENSE.txt)

## Installation

```bash
yarn add --dev @commitlint/cli @priver/commitlint-config
# or
npm install --save-dev @commitlint/cli @priver/commitlint-config
```

## Usage

Add the following in your `.commitlintrc.json`:

```json
{
    "extends": [
        "@priver/commitlint-config"
    ]
}
```

[commitlint]: http://marionebl.github.io/commitlint/
npm package: @priver/commitlint-config-lerna
Description: Shareable config for commitlint in moporepositories
Author: Mikhail Priver
Latest version: 2.1.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @priver/commitlint-config-lerna

Shareable config for [commitlint]. For use in monorepositories managed by [lerna].

[![npm version](https://img.shields.io/npm/v/@priver/commitlint-config-lerna.svg)](https://www.npmjs.com/package/@priver/commitlint-config-lerna)
[![npm downloads](https://img.shields.io/npm/dm/@priver/commitlint-config-lerna.svg)](https://www.npmjs.com/package/@priver/commitlint-config-lerna)
[![license](https://img.shields.io/github/license/priver/linters.svg)](https://github.com/priver/linters/blob/master/LICENSE.txt)

## DEPRECATED

You should use [config-lerna-scopes].

## Installation

```bash
yarn add --dev @commitlint/cli @priver/commitlint-config @priver/commitlint-config-lerna
# or
npm install --save-dev @commitlint/cli @priver/commitlint-config @priver/commitlint-config-lerna
```

## Usage

Add the following in your `.commitlintrc.json`:

```json
{
    "extends": [
        "@priver/commitlint-config",
        "@priver/commitlint-config-lerna"
    ]
}
```

[commitlint]: http://marionebl.github.io/commitlint/
[lerna]: https://lernajs.io/
[config-lerna-scopes]: https://github.com/conventional-changelog/commitlint/tree/master/@commitlint/config-lerna-scopes
npm package: @priver/eslint-config-import
Description: Shareable config for eslint-plugin-import
Author: Mikhail Priver
Latest version: 2.0.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @priver/eslint-config-import

Shareable config for [`eslint-plugin-import`].

[![npm version](https://img.shields.io/npm/v/@priver/eslint-config-import.svg)](https://www.npmjs.com/package/@priver/eslint-config-import)
[![npm downloads](https://img.shields.io/npm/dm/@priver/eslint-config-import.svg)](https://www.npmjs.com/package/@priver/eslint-config-import)
[![license](https://img.shields.io/github/license/priver/linters.svg)](https://github.com/priver/linters/blob/master/LICENSE.txt)

## Installation

Install the correct versions of each package, which are listed by the command:

```bash
yarn add --dev eslint eslint-plugin-import @priver/eslint-config @priver/eslint-config-import
# or
npm install --save-dev eslint eslint-plugin-import @priver/eslint-config @priver/eslint-config-import
```

## Usage

Add the following in your `.eslintrc.json`:

```json
{
    "root": true,
    "extends": [
        "@priver/eslint-config",
        "@priver/eslint-config-import"
    ]
}
```

[`eslint-plugin-import`]: https://github.com/benmosher/eslint-plugin-import
npm package: @priver/eslint-config-node
Description: Shareable config for eslint-plugin-node
Author: Mikhail Priver
Latest version: 2.0.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @priver/eslint-config-node

Shareable config for [`eslint-plugin-node`].

[![npm version](https://img.shields.io/npm/v/@priver/eslint-config-node.svg)](https://www.npmjs.com/package/@priver/eslint-config-node)
[![npm downloads](https://img.shields.io/npm/dm/@priver/eslint-config-node.svg)](https://www.npmjs.com/package/@priver/eslint-config-node)
[![license](https://img.shields.io/github/license/priver/linters.svg)](https://github.com/priver/linters/blob/master/LICENSE.txt)

## Installation

Install the correct versions of each package, which are listed by the command:

```bash
yarn add --dev eslint eslint-plugin-import eslint-plugin-node @priver/eslint-config @priver/eslint-config-import @priver/eslint-config-node
# or
npm install --save-dev eslint eslint-plugin-import eslint-plugin-node @priver/eslint-config @priver/eslint-config-import @priver/eslint-config-node
```

## Usage

Add the following in your `.eslintrc.json`:

```json
{
    "root": true,
    "extends": [
        "@priver/eslint-config",
        "@priver/eslint-config-import",
        "@priver/eslint-config-node"
    ]
}
```

[`eslint-plugin-node`]: https://github.com/mysticatea/eslint-plugin-node
npm package: @priver/eslint-config-react
Description: Shareable config for eslint-plugin-react
Author: Mikhail Priver
Latest version: 2.0.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @priver/eslint-config-react

Shareable config for [`eslint-plugin-react`].

[![npm version](https://img.shields.io/npm/v/@priver/eslint-config-react.svg)](https://www.npmjs.com/package/@priver/eslint-config-react)
[![npm downloads](https://img.shields.io/npm/dm/@priver/eslint-config-react.svg)](https://www.npmjs.com/package/@priver/eslint-config-react)
[![license](https://img.shields.io/github/license/priver/linters.svg)](https://github.com/priver/linters/blob/master/LICENSE.txt)

## Installation

Install the correct versions of each package, which are listed by the command:

```bash
yarn add --dev eslint eslint-plugin-import eslint-plugin-react @priver/eslint-config @priver/eslint-config-import @priver/eslint-config-react
# or
npm install --save-dev eslint eslint-plugin-import eslint-plugin-react @priver/eslint-config @priver/eslint-config-import @priver/eslint-config-react
```

## Usage

Add the following in your `.eslintrc.json`:

```json
{
    "root": true,
    "extends": [
        "@priver/eslint-config",
        "@priver/eslint-config-import",
        "@priver/eslint-config-react"
    ],
    "settings": {
        "react": {
            "version": "16.4"
        }
    }
}
```

[`eslint-plugin-react`]: https://github.com/yannickcr/eslint-plugin-react
npm package: @priver/prettier-config
Description: Shareable config for prettier
Author: Mikhail Priver
Latest version: 1.0.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @priver/prettier-config

Shareable config for [prettier].

[![NPM version](https://img.shields.io/npm/v/@priver/prettier-config)](https://www.npmjs.com/package/@priver/prettier-config)
[![Node version](https://img.shields.io/node/v/@priver/prettier-config)](https://www.npmjs.com/package/@priver/prettier-config)
[![Dependency status](https://img.shields.io/librariesio/release/npm/@priver/prettier-config)](https://www.npmjs.com/package/@priver/prettier-config)
[![NPM License](https://img.shields.io/npm/l/@priver/prettier-config)](https://www.npmjs.com/package/@priver/prettier-config)

## Installation

```sh
npm install --save-dev prettier @pritter/plugin-xml @priver/prettier-config
```

`@pritter/plugin-xml` is used for SVG formatting.

## Usage

Add the following in your `.prettierrc.json`:

```json
"@priver/prettier-config"
```

[prettier]: https://prettier.io/
npm package: @priver/stylelint-config
Description: Shareable config for stylelint
Author: Mikhail Priver
Latest version: 2.0.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @priver/stylelint-config

Shareable config for [stylelint]. Uses rules from [`stylelint-order`].

[![build status](https://img.shields.io/travis/priver/stylelint-config/master.svg?style=flat-square)](https://travis-ci.org/priver/stylelint-config)
[![npm version](https://img.shields.io/npm/v/@priver/stylelint-config.svg?style=flat-square)](https://www.npmjs.com/package/@priver/stylelint-config)
[![npm downloads](https://img.shields.io/npm/dm/@priver/stylelint-config.svg?style=flat-square)](https://www.npmjs.com/package/@priver/stylelint-config)
[![license](https://img.shields.io/github/license/priver/stylelint-config.svg?style=flat-square)](https://github.com/priver/stylelint-config/blob/master/LICENSE.txt)

## Installation

Install the correct versions of each package, which are listed by the command:

```bash
yarn info @priver/stylelint-config peerDependencies
# or
npm info @priver/stylelint-config peerDependencies
```

Then install this package:

```bash
yarn add @priver/stylelint-config --dev
# or
npm install @priver/stylelint-config --save-dev
```

## Usage

Add the following in your `.stylelintrc`:

```json
{
    "extends": "@priver/stylelint-config"
}
```

[stylelint]: https://stylelint.io/
[`stylelint-order`]: https://github.com/hudochenkov/stylelint-order
npm package: @priver/tslint-config
Description: Shareable config for tslint
Author: Mikhail Priver
Latest version: 3.0.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @priver/tslint-config

Shareable config for [tslint]. Uses rules from [`tslint-eslint-rules`].

[![npm version](https://img.shields.io/npm/v/@priver/tslint-config.svg)](https://www.npmjs.com/package/@priver/tslint-config)
[![npm downloads](https://img.shields.io/npm/dm/@priver/tslint-config.svg)](https://www.npmjs.com/package/@priver/tslint-config)
[![license](https://img.shields.io/github/license/priver/linters.svg)](https://github.com/priver/linters/blob/master/LICENSE.txt)

## Installation

```bash
yarn add --dev typescript tslint @priver/tslint-config
# or
npm install --save-dev typescript tslint @priver/tslint-config
```

## Usage

Add the following in your `tslint.json`:

```json
{
    "extends": "@priver/tslint-config",
}
```

[tslint]: https://palantir.github.io/tslint/
[`tslint-eslint-rules`]: https://github.com/buzinas/tslint-eslint-rules
npm package: @priver/tslint-config-react
Description: Shareable config for tslint-react
Author: Mikhail Priver
Latest version: 2.0.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @priver/tslint-config-react

Shareable config for [`tslint-react`].

[![npm version](https://img.shields.io/npm/v/@priver/tslint-config-react.svg)](https://www.npmjs.com/package/@priver/tslint-config-react)
[![npm downloads](https://img.shields.io/npm/dm/@priver/tslint-config-react.svg)](https://www.npmjs.com/package/@priver/tslint-config-react)
[![license](https://img.shields.io/github/license/priver/linters.svg)](https://github.com/priver/linters/blob/master/LICENSE.txt)

## Installation

```bash
yarn add --dev typescript tslint @priver/tslint-config @priver/tslint-config-react
# or
npm install --save-dev typescript tslint @priver/tslint-config @priver/tslint-config-react
```

## Usage

Add the following in your `tslint.json`:

```json
{
    "extends": [
        "@priver/tslint-config",
        "@priver/tslint-config-react"
    ]
}
```

[`tslint-react`]: https://github.com/palantir/tslint-react
npm package: @privicy/deckgl-typings
Description: TypeScript declaration files for deck.gl
Author: Dan Marshall
Latest version: 4.2.0-1

# deckgl-typings
TypeScript declaration files for [deck.gl](https://deck.gl/#/documentation/)

This is a work in progress - see the [issues list](https://github.com/danmarshall/deckgl-typings/issues)

```
npm install
```

These will automatically appear in your projects `node_modules/@types` folder, thanks to [indefinitely-typed](https://github.com/danmarshall/indefinitely-typed#readme).

## Version mapping

| deck.gl version | deckgl-typings version |
|-----------------|------------------------|
| 5.x.x           | 1.x.x                  |
| 6.x.x           | 2.x.x                  |
| 7.x.x           | 3.x.x                  |
| 8.x.x           | 4.x.x                  |

## Known issues

These typings are now v4 which targets deck.gl v8. The following issues are changes to v8 from deck.gl v7 which have not been added to these typings:

- [ ] [It is now possible to replace a layer's accessors with binary data attributes.](https://github.com/uber/deck.gl/blob/master/docs/whats-new.md#better-binary-data-support)
- [ ] [GPU filtering for layers](https://github.com/uber/deck.gl/blob/master/docs/whats-new.md#gpu-data-filter-in-aggregation-layers) - Adds a [getFilterValue](https://github.com/uber/deck.gl/blob/master/docs/api-reference/extensions/data-filter-extension.md#getfiltervalue-function) to some layers.
- [ ] [Optional specifying the _framebuffer prop of Deck.](https://github.com/uber/deck.gl/blob/master/docs/whats-new.md#other-new-features-and-improvements)
- [ ] [Pick a 3d surface point in the scene](https://github.com/uber/deck.gl/blob/master/docs/whats-new.md#other-new-features-and-improvements) by passing unproject3D: true to deck.pickObject or deck.pickMultipleObjects.
- [ ] ArcLayer supports drawing arcs between two 3D positions
- [ ] 64-bit positions are now 3D instead of 2D
- [ ] FirstPersonView now supports pitch
- [ ] FlyToInterpolator now supports duration: 'auto'.

## 🙏
Thanks to the community of contributors for adding many typings over the last few months. Please feel free to continue fixes for the above or any other issues. 🥂
npm package: @privjs/gradients
Description: Javascript utility to generate beautiful gradient backgrounds. Built by the team behind [privjs.com](https://privjs.com)
Author: Prasanna Mestha
Latest version: 1.0.11

# Seeded Gradient Generator

Javascript utility to generate beautiful gradient backgrounds. Built by the team behind [privjs.com](https://privjs.com)

<img width="677" alt="Screenshot 2023-01-03 at 5 44 04 PM" src="https://user-images.githubusercontent.com/24790143/210391238-1236446d-010d-42ca-91c2-43085946466e.png">

## Demo

[https://www.prasannamestha.com/blog/science-of-beautiful-color-gradients](https://www.prasannamestha.com/blog/science-of-beautiful-color-gradients)

## Installation

```
$ npm i @privjs/gradients
```

## Usage

```
import gradient from '@privjs/gradients'

const background = gradient('randomstring')

<div style={{ backgroundImage: background, width: '10rem', aspectRatio: '1' }}></div>
```

## Support

Contact me on [Twitter](https://twitter.com/prasannamestha) or write an email to [prasanna@privjs.com](mailto:prasanna@privjs.com).

Do check out PrivJs Safe: [https://safe.privjs.com](https://safe.privjs.com)
npm package: @privva/react-x-editable
Description: React X editable using react-bootstrap.
Author: Nitin Galave
Latest version: 0.0.10-beta

[![NPM](https://img.shields.io/npm/v/react-x-editable.svg)](https://www.npmjs.com/package/react-x-editable) ![License](https://img.shields.io/npm/l/react-x-editable.svg)

[![NPM](https://nodei.co/npm/react-x-editable.png)](https://nodei.co/npm/react-x-editable/)

# react-x-editable
 X-editable for react using [react-bootstrap](https://react-bootstrap.github.io/).		

## Quick Overview
react-x-editable allows text in place edit or click to edit functionality.

## Features :


* Support both `inline` and `popup` text edit mode (Form/Popover).
* Build in supported inputs are `Text`, `Textarea`, `Select`,`Checklist (check box list)`
* Supported `Customizable` inputs where user can create own user defined inputs easily.

 ## Getting started

 ```sh		
 npm install react-x-editable
 Or
 git clone https://github.com/ni3galave/react-x-editable.git		
 cd react-x-editable/		

 npm install		
 npm start		
 ```

 Then open [http://localhost:8080/](http://localhost:8080/) to see demo examples.


## [Live Demo](https://react-x-editable.stackblitz.io/)  |    [Documentation](https://doc-react-x-editable.stackblitz.io)


## Quick Usage :
Simple Text field example with popover edit mode.
 ```sh		
import Editable from 'react-x-editable';
..
...
render(){
    return (
      <Editable
        name="username"
        dataType="text"
        mode="popup"
        title="Please enter username"
      />
    );
}
....
...

```

## License
MIT.
npm package: @privy-eng/hero-number
Description: Component to display a large number and optionally some associated text.
Latest version: 1.0.12

# `@privy-eng/hero-number`

Component to display a large number and optionally some associated text.

## Usage

```
import HeroNumber from '@privy-eng/hero-number';

const MyComponent = () => (
  <div>
    <HeroNumber number={14} text="number of groundhogs" align="left" />
  </div>
);
```
npm package: @privy-eng/privy-components
Description: Component library for Privy
Author: David Seifried
Latest version: 1.0.6

# Privy Component Library:
 ### Setup steps:
1) SETUP YOUR MACHINE:
   - Make sure you have yarn installed in your machine.
      - Follow this link to `install yarn`: https://linuxize.com/post/how-to-install-yarn-on-ubuntu-18-04/
   - Install NVM to manage the versions of node.
      - Follow this link to `install NVM`: https://www.liquidweb.com/kb/how-to-install-nvm-node-version-manager-for-node-js-on-ubuntu-12-04-lts/
   - Clone the repo to your local machine. `git clone {ssh/https}`
   - Select the right the version of `yarn` for `privy-components` by specifying it to `nvm`:
     1. Check the `node` version. `node --version`
     1. Change nvm to use the node version `nvm run {node_version}`
     
2) SETUP PRIVY-COMPONENT REPO:
   - In order to run `Storybook` you will have to run `yarn start`.
   - You may get an error that says you need to add the private `NPM_TOKEN`, either login to npm with privy's engineering account saved in last pass, or create an account and let the admin invite you to the project.
   - Once you have the `NPM_TOKEN` follow these steps: https://docs.npmjs.com/using-private-packages-in-a-ci-cd-workflow.
   - Don't forget to exit and reopen the terminal.
   - Run `yarn start` and it should work!
   
   ### CLI commands:
 - To generate a new component boilerplate run `yarn gernerate:component component-name`. 
    - The name of the component should always be lower-dashcase (e.g `loading-component` as opposed to `LoadingComponent`). The generator will automatically turn `component-name` into `const ComponentName = (props) {..}`
    - The generator automatically creates a webpack.config.js with proper entry and output paths.
    - Adds `@babel/preset-react @babel/core webpack webpack-cli` to `package.json` and runs `yarn install`
    - The generator creates a `packages/component-name/lib/ComponentName.stories.js` file for use with storybook.
    - The generator creates a functional react component boilerplate code in `packages/component-name/lib/ComponentName.js` - this is where you will build your component.
    
 TODO:
  - fill in Lerna commands.
 


## Create new package

## Publishing

To publish a new package, or an update that was made to an existing package you will need to do the following:

* `cd` into the package you want to publish
* run `yarn publish`
* When prompted, enter a new patch/minor/major version increment that matches the update being made (modelled after semver)
* If publishing a beta feature just for testing, it is recommended to use the `--canary` flag
npm package: @privy-eng/theme
Description: Generic theme styles
Author: Mike McGrath
Latest version: 1.0.11

# `@privy-eng/theme`

> `styled-components` theme for Privy - https://styled-components.com

## Usage

```
import theme from '@privy-eng/theme';
...
 <ThemeProvider theme={theme}>
    ...
 </ThemeProvider>
```

### Example usage with `styled-components`

```jsx harmony
const StyledButton = styled.button`
  ...
  background: ${({ theme }) => theme.darkestPurple};
`;
```

### Privys styled-components Theme
```$js
{
  /*--- FONTS ---*/
  openSansFamily: `'Libre Franklin', 'Helvetica Neue', Helvetica, Arial, sans-serif`,
  monospaceFamily: `Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace`,
  /*--- TRANSITIONS ---*/
  easeAll: `all 0.2s ease`,
  easeAll300: `all 0.3s ease`,

  /*--- PRIMARY COLORS ---*/
  darkestPurple: `#222A4C`,
  darkerPurple: `#29335C`,
  darkPurple: `#434A88`,
  purple: `#6465AF`,
  lightPurple: `#ECEEF2`,
  lighterPurple: `#8E959F`,
  warmDarkPurple: `#354876`,

  teal: `#24B9AF`,
  darkTeal: `#197278`,
  lightTeal: `#00B3AF`,

  green: `#3F937E`,
  orange: `#F3A712`,
  red: `#C44536`,
  coral: `#EF6544`,

  /*--- BACKGROUND COLORS ---*/
  beige: `#EFF0F4`,
  lightGray: `#FCFCFF`,
  gray4: `#D0D5D8`,
  seaweed: `#1E7F8A`,
  nickel: `#757270`,
  rose: `#DF2935`,
  mango: `#FFB630`,
  transparentGray: `rgba(239, 240, 244, 0.64)`,

  /*--- BORDER COLORS ---*/
  beige2: `#B6BDC7`,
  beige3: `#E9EBEF`,

  /*--- TEXT COLORS ---*/
  gray: `#393E41`, // #555F66,   // default text color
  gray2: `#545D68`, // #75838a, // for light text on beige bg
  gray3: `#737D89`, // #B0B7B8, // for light text on white bg
  white: `#fdfdfd`,
  olive: `#403f37`
};
```