open-index/open-npm huggingface dataset:
npm package: @paraboly/react-matrix-table
Description: > Simple matrix table for react
Author: SchemeSonic
Latest version: 0.1.2

# React Matrix Table

> Simple matrix table for react

[![NPM](https://img.shields.io/npm/v/@paraboly/react-matrix-table.svg)](https://www.npmjs.com/package/@paraboly/react-matrix-table)
[![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://GitHub.com/paraboly/react-apexcharts-dynamic-config/graphs/commit-activity)
[![GitHub license](https://img.shields.io/github/license/Naereen/StrapDown.js.svg)](https://github.com/Naereen/StrapDown.js/blob/master/LICENSE)

## Demo

![alt text](https://raw.githubusercontent.com/Paraboly/react-matrix-table/main/example/example.png)

Check example folder

## Install

```bash
npm install --save @paraboly/react-matrix-table
```

## Usage

```tsx
import React from 'react';
import { scaleLinear } from 'd3-scale';
import ReactMatrixTable from '@paraboly/react-matrix-table';

const opacityScale = scaleLinear()
  .domain([1, 21])
  .range([100, 255]);

const RmtExample = (): React.ReactElement => {
  const props = {
    rows: ['January', 'February', 'March'],
    columns: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
    data: [
      [1, 2, 3, 4, 5, 6, 7],
      [8, 9, 10, 11, 12, 13, 14],
      [15, 16, 17, 18, 19, 20, 21],
    ],
    cellColorFunction: (value: number | string) => {
      const opacity = opacityScale(value);
      const color = `rgba(255, 0, 0, ${opacity / 255})`;
      return color;
    },
  };

  return (
    <ReactMatrixTable
      rows={props.rows}
      columns={props.columns}
      data={props.data}
      cellColorFunction={props.cellColorFunction}
    />
  );
};

export default RmtExample;
```

## Details

| Props             |                                  Definition                                  |                                  Type |   Default | Required |
| ----------------- | :--------------------------------------------------------------------------: | ------------------------------------: | --------: | -------: |
| rows              |                              Matrix row labels                               |                            `string[]` |         - |     true |
| columns           |                             Matrix column labels                             |                            `string[]` |         - |     true |
| data              |                            Data for matrix cells                             |              `(string \| number)[][]` |         - |     true |
| cellColorFunction | Cell color function which should return color code compatible with css color | `(value: number \| string) => string` | undefined |    false |
| caption           |                         Caption for the matrix table                         |                              `string` |         - |    false |

## License

MIT © [SchemeSonic](https://github.com/SchemeSonic)@[Paraboly](https://www.paraboly.com)
npm package: @paraboly/react-native-barcode-scanner
Description: Basic barcode scanner for React Native by Paraboly
Author: Kuray
Latest version: 0.1.2

<img alt="React Native Barcode Scanner" src="assets/logo.png" width="1050"/>

[![React Native Barcode Scanner](https://img.shields.io/badge/-React%20Native%20Library%20Boilerplate-lightgrey?style=for-the-badge)](https://github.com/Paraboly/react-native-barcode-scanner)

[![npm version](https://img.shields.io/npm/v/@paraboly/react-native-barcode-scanner.svg?style=for-the-badge)](https://www.npmjs.com/package/@paraboly/react-native-barcode-scanner)
[![npm](https://img.shields.io/npm/dt/@paraboly/react-native-barcode-scanner.svg?style=for-the-badge)](https://www.npmjs.com/package/@paraboly/react-native-barcode-scanner)
![Platform - Android and iOS](https://img.shields.io/badge/platform-Android%20%7C%20iOS-blue.svg?style=for-the-badge)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=for-the-badge)](https://github.com/prettier/prettier)

# Installation

Add the dependency:

```ruby
npm i @paraboly/react-native-barcode-scanner
```

## Peer Dependencies

###### IMPORTANT! You need install them

```js
"react": ">= 16.x.x",
"react-native": ">= 0.55.x",
"react-native-camera": ">= 3.31.0"
```

# Usage

## Import

```js
import BarcodeScanner from "@paraboly/react-native-barcode-scanner";
```

## Navigation Usage

I suggest you that you the barcode scanner as a new Screen and make it a part of Navigation Service.

```js
<BarcodeScanner />
```

## Author

FreakyCoder, kurayogun@gmail.com

## License

React Native Barcode Scanner is available under the MIT license. See the LICENSE file for more info.
npm package: @paraboly/react-native-bouncy-circle-button
Description: Fully customizable bouncy animated circle button for React Native by Paraboly
Author: FreakyCoder
Latest version: 0.1.1

<img alt="React Native Bouncy Circle Button" src="assets/logo.png" width="1050"/>

[![Fully customizable bouncy animated circle button for React Native by Paraboly](https://img.shields.io/badge/-Fully%20customizable%20bouncy%20animated%20circle%20button%20for%20React%20Native%20by%20Paraboly-orange?style=for-the-badge)](https://github.com/Paraboly/react-native-bouncy-circle-button)

[![npm version](https://img.shields.io/npm/v/@paraboly/react-native-bouncy-circle-button.svg?style=for-the-badge)](https://www.npmjs.com/package/@paraboly/react-native-bouncy-circle-button)
[![npm](https://img.shields.io/npm/dt/@paraboly/react-native-bouncy-circle-button.svg?style=for-the-badge)](https://www.npmjs.com/package/@paraboly/react-native-bouncy-circle-button)
![Platform - Android and iOS](https://img.shields.io/badge/platform-Android%20%7C%20iOS-blue.svg?style=for-the-badge)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=for-the-badge)](https://github.com/prettier/prettier)

<p align="center">
  <img alt="React Native Bouncy Circle Button"
        src="assets/Screenshots/RN-Bouncy-Circle-Button.gif" />
</p>

# Installation

Add the dependency:

```bash
npm i @paraboly/react-native-bouncy-circle-button
```

## Peer Dependencies

<h5><i>IMPORTANT! You need install them</i></h5>

```js
"react-native-androw": "=> 0.0.34",
"@freakycoder/react-native-bounceable": ">= 0.2.0"
```

# Usage

## Import

```jsx
import BouncyCircleButton from "@paraboly/react-native-bouncy-circle-button";
```

## Fundamental Usage

```jsx
<BouncyCircleButton onPress={() => {}}>
  <AnyComponent />
</BouncyCircleButton>
```

# Configuration - Props

| Property        |   Type    |  Default  | Description                                            |
| --------------- | :-------: | :-------: | ------------------------------------------------------ |
| onPress         | function  | undefined | set your onPress functionality                         |
| children        | component | undefined | set the inside BouncyCircleButton's children component |
| size            |  number   |    50     | change the size of the button                          |
| backgroundColor |   color   |   #fff    | change the background of the button                    |
| shadowStyle     |   style   |  default  | change the shadow style of the button                  |

## Future Plans

- [x] ~~LICENSE~~

## Author

FreakyCoder, kurayogun@gmail.com

## License

React Native Bouncy Circle Button is available under the MIT license. See the LICENSE file for more info.
npm package: @paraboly/react-native-info-card
Description: Fully customizable info card for React Native via Paraboly
Author: Kuray
Latest version: 0.0.2

<img alt="React Native Library Boilerplate" src="assets/logo.png" width="1050"/>

[![Battle Tested ✅](https://img.shields.io/badge/-Battle--Tested%20%E2%9C%85-03666e?style=for-the-badge)](https://github.com/WrathChaos/react-native-library-boilerplate)

[![React Native Library Boiler Plate](https://img.shields.io/badge/-React%20Native%20Library%20Boilerplate-lightgrey?style=for-the-badge)](https://github.com/WrathChaos/react-native-library-boilerplate)

[![npm version](https://img.shields.io/npm/v/react-native-library-boilerplate.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-library-boilerplate)
[![npm](https://img.shields.io/npm/dt/react-native-library-boilerplate.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-library-boilerplate)
![Platform - Android and iOS](https://img.shields.io/badge/platform-Android%20%7C%20iOS-blue.svg?style=for-the-badge)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=for-the-badge)](https://github.com/prettier/prettier)

<p align="center">
  <img alt="React Native Library Boilerplate"
        src="assets/Screenshots/screenshotIos.png" />
</p>

# Installation

Add the dependency:

```ruby
npm i @paraboly/react-native-info-card
```

## Peer Dependencies

###### IMPORTANT! You need install them

```js
"react": ">= 16.x.x",
"react-native": ">= 0.55.x",
"react-native-androw": ">= 0.0.34",
"react-native-svg": ">= 12.1.0"
```

# Usage

## Import

```js
import InfoCard from "@paraboly/react-native-info-card";
```

## Component1 Usage

```js
<InfoCard />
```

## Future Plans

- [x] ~~LICENSE~~
- [ ] Write an article about the lib on Medium

# Change Log

Change log will be here !

## Author

Sevval Eygul, sevvalleygull@gmail.com

## License

React Native Library Boilerplate is available under the MIT license. See the LICENSE file for more info.
npm package: @paraboly/react-native-information-card
Description: Fully customizable information card for React Native via Paraboly
Author: Kuray
Latest version: 0.1.1

<img alt="React Native Information Card" src="assets/logo.png" width="1050"/>

[![Battle Tested ✅](https://img.shields.io/badge/-Battle--Tested%20%E2%9C%85-03666e?style=for-the-badge)](https://github.com/Paraboly/@paraboly/react-native-information-card)

[![Fully customizable information card for React Native via Paraboly](https://img.shields.io/badge/-Fully%20customizable%20information%20card%20for%20React%20Native%20via%20Paraboly-lightgrey?style=for-the-badge)](https://github.com/WrathChaos/@paraboly/react-native-information-card)

[![npm version](https://img.shields.io/npm/v/@paraboly/react-native-information-card.svg?style=for-the-badge)](https://www.npmjs.com/package/@paraboly/react-native-information-card)
[![npm](https://img.shields.io/npm/dt/@paraboly/react-native-information-card.svg?style=for-the-badge)](https://www.npmjs.com/package/@paraboly/react-native-information-card)
![Platform - Android and iOS](https://img.shields.io/badge/platform-Android%20%7C%20iOS-blue.svg?style=for-the-badge)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=for-the-badge)](https://github.com/prettier/prettier)

<p align="center">
  <img alt="React Native Information Card"
        src="assets/Screenshots/example.png" />
</p>

# Installation

Add the dependency:

```ruby
npm i @paraboly/react-native-information-card
```

## Peer Dependencies

###### IMPORTANT! You need install them

```js
"react": ">= 16.x.x",
"react-native": ">= 0.55.x",
"react-native-androw": ">= 0.0.34",
"react-native-material-ripple": ">= 0.9.1"
"react-native-dynamic-vector-icons": ">=0.1.1",
"react-native-vector-icons": ">=6.6.0"
"react-native-svg":">= 12.1.0"
```

# Usage

## Import

```js
import InformationCard from "@paraboly/react-native-information-card";
```

## Basic Usage

```jsx
<InformationCard />
```

## Future Plans

- [x] ~~LICENSE~~

## Author

FreakyCoder, kurayogun@gmail.com

## License

React Native Information Card is available under the MIT license. See the LICENSE file for more info.
npm package: @paraboly/react-native-multiselect-picker
Description: Awesome multiselect-picker
Author: Kuray
Latest version: 0.1.1

<img alt="React Native Library Boilerplate" src="assets/readMe.png" width="1050"/>

# Installation

Add the dependency:

```ruby
npm i @paraboly/react-native-multiselect-picker
```

## Peer Dependencies

###### IMPORTANT! You need install them

```js
"react": ">= 16.x.x",
"react-native": ">= 0.55.x",
"lodash": ">= 4.17.15",
"react-native-bouncy-checkbox": ">= 0.0.5",
"react-native-vector-icons": ">= 6.6.0",
"react-native-dynamic-vector-icons": ">= 0.2.1"
```

# Usage

## Import

```js
import MultiselectPicker from "@paraboly/react-native-multiselect-picker";
```

## Usage

```js
<MultiselectPicker
  data={data}
  onChange={checked => {
    console.log(checked);
  }}
/>
```

### Example Data

```js
const data = [
  {
    id: 0,
    label: "Fred",
    value: "Fred Çakmaktaş"
  },
  {
    id: 1,
    label: "Vilma",
    value: "Vilma Çakmaktaş"
  },
  {
    id: 2,
    label: "Barni",
    value: "Barni Moloztaş"
  },
  {
    id: 3,
    label: "Beti",
    value: "Beti Moloztaş"
  }
];
```

# Configuration - Props

| Property |   Type   |  Default  | Description                                                                          |
| -------- | :------: | :-------: | ------------------------------------------------------------------------------------ |
| onChange | function | undefined | you can make your business logic or get the selection of the data from this function |

## Future Plans

- [x] ~~LICENSE~~
- [ ] Write an article about the lib on Medium

# Change Log

Change log will be here !

## Author

FreakyCoder, kurayogun@gmail.com

## License

React Native Library Boilerplate is available under the MIT license. See the LICENSE file for more info.
npm package: @paraboly/react-osm-geocoding
Description: Find address locations via OSM Nominatim
Author: SchemeSonic
Latest version: 1.0.2

# react-osm-geocoding

> Find address locations via OSM Nominatim

[![NPM](https://img.shields.io/npm/v/react-osm-geocoding.svg)](https://www.npmjs.com/package/@paraboly/react-osm-geocoding) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

![alt text](./images/search.png)
![alt text](./images/result.png)
## Integration Example
![alt text](./images/integration.gif)
## Install

```bash
npm install --save @paraboly/react-osm-geocoding
```

## Usage

```tsx
import React, { Component } from 'react'

import { ReactOsmGeocoding } from '@paraboly/react-osm-geocoding'
import '@paraboly/react-osm-geocoding/dist/index.css'

class Example extends Component {
  render() {
    return <ReactOsmGeocoding  callback={data => console.log(data)}/>
  }
}
```
## Details
*API:* ```https://nominatim.org/release-docs/develop/api/Search/```

| Props        | Definition     | Type  | Default  |
| ------------- |:-------------:| -----:|-----:|
| placeholder   | Placeholder for search input          | `string` | "Enter address" |
| debounce      | Debounce duration for the input in ms | `number` | 1000 |
| iconUrl       | Icon image url for the search icon    | `string` |  "https://cdn2.iconfinder.com/data/icons/ios-7-icons/50/search-512.png"|
| city          | Check Nominatim search API for details| `string` | "" |
| countrycode   | Check Nominatim search API for details | `string` | "tr" |
| acceptLanguage| Check Nominatim search API for details | `string` | "tr" |
| viewbox       | Bbox to filter query results, check Nominatim for more information | `<x1>,<y1>,<x2>,<y2>` | "" |
| callback      | Function returns selected address information | `Function` | undefined |

## License

MIT © [SchemeSonic](https://github.com/SchemeSonic)