open-index/open-npm huggingface dataset:
npm package: @samuel.miao/miao-ui
Description: React Component UI
Author: miaoyu
Latest version: 0.1.2

### miao-ui 组件库

miao-ui 基于 React 开发的一套组件库

[查看文档](https://goldeli.github.io/miao-ui)

#### Install
```shell
  npm install @samuel.miao/miao-ui --save
```

#### Usage
```javascript
// 加载样式
import '@samuel.miao/miao-ui/dist/index.css'

// 引入组件
import { Button } from '@samuel.miao/miao-ui'
```

#### Development

```shell
# dev
yarn storybook

# test
yarn test

# build for deployment
yarn build

# publish npm
yarn publish
```

#### To Do

- [x] Button
- [x] Icon
- [x] Transition
- [ ] Menu
- [ ] Input
- [ ] AutoComplete
- [ ] Progress
- [ ] Upload
npm package: @samuel16/react-bootstrap-table-next-fork
Description: Next generation of react-bootstrap-table
Author: AllenFang
Latest version: 4.0.4

# react-bootstrap-table-next
Next generation of [`react-bootstrap-table`](https://github.com/AllenFang/react-bootstrap-table)

## Usage

### Installation

```sh
npm install react-bootstrap-table-next --save
```

### Include CSS

> react-bootstrap-table2 need you to add bootstrap css in your application firstly. About bootstrap css, we only compatible with bootstrap 3 but will start to compatible for bootstrap 4 on v0.2.0

```js
// es5 
require('react-bootstrap-table-next/dist/react-bootstrap-table2.min.css');

// es6
import 'react-bootstrap-table-next/dist/react-bootstrap-table2.min.css';
```

### Your First Table

```js
import BootstrapTable from 'react-bootstrap-table-next';

const products = [ ... ];
const columns = [{
  dataField: 'id',
  text: 'Product ID'
}, {
  dataField: 'name',
  text: 'Product Name'
}, {
  dataField: 'price',
  text: 'Product Price'
}];

export default () =>
  <BootstrapTable keyField='id' data={ products } columns={ columns } />
```
npm package: @samuel871211/utils
Description: Contains many useful utility functions which built in JavaScript datatypes internally
Author: samuel871211
Latest version: 0.4.1

# utils

Contains many useful utility functions which built in JavaScript datatypes internally

* Math
    * hasPrimeFactorOf: (min: number, max: number, divisor: number) => boolean
    * hasMultipleOf: (min: number, max: number, dividend: number) => boolean
    * getRandomIntInclusive: (min: number, max: number) => number
    * getRandomFloatInclusive: (min: number, max: number, opt?: { decimalDigits?: number }) => number
    * getArithmeticSequence: (start: number, tolerance: number, count: number) => number[]
    * fixMinMaxInterval: (min: number, max: number) => [number, number]
    * getGeometricSeries: (base: number, power: number) => number
    * getColumnIndexSign: (columnIdx: number) => string
    * getRandomEnglishString: (len: number) => string
    * getBestDataInterval: (min: number, max: number, minLen: number = 5, maxLen: number = 15) => number[]
    * getBestArithmeticSequence: (min: number, max: number, desiredLen: number) => number[]
    * getRandomChineseString (len: number) => string
    * nearestMultiple: (args: { of: number, to: number }) => number
    * distanceBetween: (pointA: { x: number, y: number }, pointB: { x: number, y: number }) => number
    * isArea1InArea2: (
            area1: { x: number, y: number, width: number, height: number },
            area2: { x: number, y: number, width: number, height: number }
        ) => boolean
* Array
    * getRandomItem: () => T
    * lastItem: () => T
    * lastIdx: () => number
    * shuffle: () => void
* NumberConstructor
    * isPrime: (num: number) => boolean
    * toExponentialPairs: (num: number) => [number, number]
    * decimalDigitsCount: (num: number) => number
    * intDigitsCount: (num: number) => number

# example
```
import '@samuel871211/utils'

Math.hasPrimeFactorOf(1, 2, 3)
Math.hasMultipleOf(1, 2, 3)
Math.getRandomIntInclusive(1, 2)
Math.getRandomFloatInclusive(1, 2)
Math.getArithmeticSequence(1, 2, 3)
Math.fixMinMaxInterval(1, 2)
Math.getGeometricSeries(2, 1)
Math.getColumnIndexSign(1)
Math.getRandomEnglishString(1)
Math.getBestDataInterval(1, 2, 3, 4)
Math.getBestArithmeticSequence(1, 3, 2)
Math.getRandomChineseString(1)
Math.nearestMultiple: ({ of: 119, to: 20 })
Math.distanceBetween: ({ x: 30, y: 30 }, { x: 40, y: 40 })
Math.isArea1InArea2: ({ x: 1, y: 1, width: 20, height: 20 }, { x: 2, y: 2, width: 3, height: 3 })

const arr = [1, 2, 3]
arr.getRandomItem()
arr.lastItem()
arr.lastIdx()
arr.shuffle()
arr.toInteger()

Number.isPrime(2)
Number.toExponentialPairs(2.56)
Number.decimalDigitsCount(4.78)
Number.intDigitsCount(34778.02)
```
npm package: @samuel9808/excalidraw
Description: Excalidraw as a React component
Author: samuel9808
Latest version: 0.18.0-m1

# Excalidraw

**Excalidraw** is exported as a component to be directly embedded in your project.

## Installation

Use `npm` or `yarn` to install the package.

```bash
npm install react react-dom @excalidraw/excalidraw
# or
yarn add react react-dom @excalidraw/excalidraw
```

> **Note**: If you don't want to wait for the next stable release and try out the unreleased changes, use `@excalidraw/excalidraw@next`.

#### Self-hosting fonts

By default, Excalidraw will try to download all the used fonts from the [CDN](https://esm.run/@excalidraw/excalidraw/dist/prod).

For self-hosting purposes, you'll have to copy the content of the folder `node_modules/@excalidraw/excalidraw/dist/prod/fonts` to the path where your assets should be served from (i.e. `public/` directory in your project). In that case, you should also set `window.EXCALIDRAW_ASSET_PATH` to the very same path, i.e. `/` in case it's in the root:

```js
<script>window.EXCALIDRAW_ASSET_PATH = "/";</script>
```

### Dimensions of Excalidraw

Excalidraw takes _100%_ of `width` and `height` of the containing block so make sure the container in which you render Excalidraw has non zero dimensions.

## Demo

Go to [CodeSandbox](https://codesandbox.io/p/sandbox/github/excalidraw/excalidraw/tree/master/examples/with-script-in-browser) example.

## Integration

Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/integration).

## API

Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api).

## Contributing

Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/contributing).