open-index/open-npm huggingface dataset:
npm package: @mindinventory/mi-react-icon-picker
Description: A React component library for selecting icons, compatible with icomoon.
Author: Mindinventory
Latest version: 1.0.37

# mi-react-icon-picker

A React component library for selecting icons, compatible with icomoon.

## Installation

Install the `mi-react-icon-picker` package via npm:

```bash
npm i @mindinventory/mi-react-icon-picker
```

## Importing the Component

To use the IconPicker component, you need to import the component.

```bash
import IconPicker from "@mindinventory/mi-react-icon-picker";
```

## Usage

### Basic Example

```jsx
<IconPicker
  value="icon-home"
  onChange={(e) => onChange(e, "icon")}
  closeOnSelect={true}
  showSearch={true}
  isMulti={false}
  adjustPosition={{ top: 10, left: 0 }}
  buttonStyle="flex items-center justify-center h-[35px] w-[35px] rounded-[8px] border border-[#eaecf0]"
  noSelectedPlaceholder="arrow-up-from-bracket"
  zIndexPopup={9999}
  popupStyle="bg-white border border-gray-300 shadow-lg rounded popup-container min-w-[280px]"
  gridColumns={5}
  gridRows={4}
  iconBgColor="bg-gray-200"
  iconSelectedBgColor="bg-blue-200"
  iconHeight={65}
  iconWidth={65}
/>
```

# Props

Here are the available props for the `IconPicker` component:

- value: _String_ - The currently selected icon.
- onChange: _Function_ - Callback function triggered when an icon is selected.
- closeOnSelect: _Boolean_ - Whether to close the picker upon selection (default: `true`).
- showSearch: _Boolean_ - Whether to enable a search bar for filtering icons (default: `true`).
- isMulti: _Boolean_ - Allows multiple icon selection (default: `false`).
- adjustPosition: _Object_ - Adjust the position of the icon picker relative to the trigger element.
- buttonStyle: _String_ - Custom styles for the picker button.
- noSelectedPlaceholder: _String_ - Placeholder icon when no icon is selected.
- zIndexPopup: _Number_ - z-index value for the icon picker popup.
- popupStyle: _String_ - Custom styles for the picker popup container.
- gridColumns: _Number_ - Number of columns in the icon grid.
- gridRows: _Number_ - Number of rows in the icon grid.
- iconBgColor: _String_ - Background color for the icons.
- iconSelectedBgColor: _String_ - Background color for the selected icon.
- iconHeight: _Number_ - Height of the icons (default: `65px`).
- iconWidth: _Number_ - Width of the icons (default: `65px`).
npm package: @mindinventory/react-native-speed-view
Description: It will show speedometer.
Author: Tushar Sanchaniya
Latest version: 1.0.2

## react-native-speed-progress-view
![@mindinventory/React Native SpeedProgressView Version](https://flat.badgen.net/npm/v/@mindinventory/react-native-speed-view)
![@mindinventory/React Native SpeedProgressView Top Language](https://img.shields.io/github/languages/top/Mindinventory/react-native-speed-view)
![@mindinventory/React Native SpeedProgressView TypeScript](https://badgen.net/npm/types/tslib)
![@mindinventory/React Native SpeedProgressView License](https://img.shields.io/github/license/mindinventory/react-native-speed-view)

SpeedView, using this component we can show the speed progress with effective UI. you can also use it to show progress of any task with effective animated view.

![Simulator Screen Recording - iPhone 11 - 2022-04-20 at 12 59 09](https://user-images.githubusercontent.com/82019401/164174514-2369be99-a00a-4171-a47d-95b997388bbe.gif)



## Component props
| prop | value  | required/optional | Description
| ------    | ------ | ------ | ------ |
| percentage | _number_ | required | Default value `85` |
| maxPercentage | _number_ | optional | Default value `100` |
| showProgress | _boolean_ | optional | Default value `true` |
| size | _number_ | required | To define component size |
| gradientColorStart | _GradientColor_ | optional | GradientColor interface has two parameter `color` & `Opacity`|
| gradientColorEnd | _GradientColor_ | optional | GradientColor interface has two parameter `color` & `Opacity`|
| enableBounceEffect | _boolean_ | optional | Default value `true` |
| progressFormatSign | _string_ | optional | Allow user to set formate of progress text formate to change. |


## Installation

```
yarn add @mindinventory/react-native-speed-view
```

## Usage

```
<SpeedView
  percentage={75}
  size={250}
  showProgress={true}
/>
```

## To run example

```sh
Goto example directory and install all packages that requires.

cd example && yarn

Pod Installation: cd example && cd ios && pod install && cd ..

To Run: yan ios
```

## Dependencies

- `react-native-svg`


## Dribbble
https://dribbble.com/shots/16912117-Automotive-App


## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.


## LICENSE!

react-native-speed-progress-view  is [MIT-licensed](https://github.com/Mindinventory/react-native-speed-view/blob/main/LICENSE).


# Let us know!

If you use our open-source libraries in your project, please make sure to credit us and Give a star to www.mindinventory.com

<p><h4>Please feel free to use this component and Let us know if you are interested to building Apps or Designing Products.</h4>
<a href="https://www.mindinventory.com/contact-us.php?utm_source=gthb&utm_medium=repo&utm_campaign=react-native-speed-view" target="__blank">
<img src="https://github.com/Sammindinventory/MindInventory/blob/main/hirebutton.png" width="203" height="43"  alt="app development">
</a>
npm package: @mindk/adonis-api-filter
Description: Adonis query builder by api
Author: Maxim Lukianenko
Latest version: 1.0.3

# adonis-api-filter

Adonis query builder by api

## Installation

Install via [npm](https://www.npmjs.com/package/react-cropper)

```shell
npm install --save @mindk/adonis-api-filter
```

## Registering provider

Make sure to register the api filter provider to make use of `ApiFilter`. The providers are registered inside `start/app.js`

```js
const providers = ['@mindk/adonis-api-filter/providers/ApiFilterProvider'];
```

## Quick Example

```js
const ApiFilter = use('MindK/ApiFilter');
const UserModel = use('App/Models/User');

const filter = new ApiFilter(UserModel);

const user = await filter.find({ where: { id: 1 } });
```
npm package: @mindk/react-cropper
Description: [Cropperjs](https://github.com/fengyuanchen/cropperjs) as React hook
Author: Roman Kritskiy
Latest version: 1.0.8

# react-cropper

[Cropperjs](https://github.com/fengyuanchen/cropperjs) as React hook

## Docs

- [Image Cropper](https://github.com/fengyuanchen/cropper)

## Installation

Install via [npm](https://www.npmjs.com/package/react-cropper)

```shell
npm install --save @mindk/react-cropper
```

You need `cropper.css` in your project which is from [cropperjs](https://www.npmjs.com/package/cropperjs).
Since this project have dependency on [cropperjs](https://www.npmjs.com/package/cropperjs), it located in `node_modules/cropperjs/dist/cropper.css`.

## Quick Example

```js
import React from 'react';
import { useCropper } from '@mindk/react-cropper';

import 'cropperjs/dist/cropper.css';

function Demo({ image }) {
  const { cropperComponent } = useCropper({ image, onCrop: croppedImage => console.log(croppedImage) });

  return <div>{cropperComponent}</div>;
}
```

## Options

### image

- Type: `file`

Image file from input.

### onCrop

- Type: `function`

### options

- Type: `object`
- Default: `{}`

### canvasOptions

- Type: `object`
- Default: `{}`

### filename

- Type: `string`
- Default: `undefined`

Cropped image filename
npm package: @mindk/react-material-loader
Description: [Notistack](https://github.com/iamhosseindhv/notistack) with PubSub
Author: Roman Kritskiy
Latest version: 1.0.1

# react-material-snackbars

[Notistack](https://github.com/iamhosseindhv/notistack) with PubSub

## Docs

- [Notistack](https://iamhosseindhv.com/notistack)

## Installation

Install via [npm](https://www.npmjs.com/package/react-cropper)

```shell
npm install --save @mindk/react-material-snackbars
```

## Quick Example

**1:** Wrap your app inside a `SnackbarProvider` component: (see [docs](https://iamhosseindhv.com/notistack/api) for a full list of available props)
<br />
**Note:** If you're using material-ui `ThemeProvider`, make sure `SnackbarProvider` is a child of it.

```js
import SnackbarProvider from '@mindk/react-material-snackbars';

<SnackbarProvider>
  <App />
</SnackbarProvider>;
```

**2:** Send notifications in any files you need.

```js
import React from 'react';

import { success, warning, info, error, notification } from '../.';

export default function SnackbarsDemo() {
  return (
    <div>
      <button type="button" onClick={() => success('Success message')}>
        Success
      </button>
      <button type="button" onClick={() => info('Info message')}>
        Info
      </button>
      <button type="button" onClick={() => warning('Warning message')}>
        Warning
      </button>
      <button type="button" onClick={() => error('Error message')}>
        Error
      </button>
      <button type="button" onClick={() => notification('Custom message')}>
        Custom
      </button>
    </div>
  );
}
```
npm package: @mindk/react-material-snackbars
Description: [Notistack](https://github.com/iamhosseindhv/notistack) with PubSub
Author: Roman Kritskiy
Latest version: 1.0.3

# react-material-snackbars

[Notistack](https://github.com/iamhosseindhv/notistack) with PubSub

## Docs

- [Notistack](https://iamhosseindhv.com/notistack)

## Installation

Install via [npm](https://www.npmjs.com/package/react-cropper)

```shell
npm install --save @mindk/react-material-snackbars
```

## Quick Example

**1:** Wrap your app inside a `SnackbarProvider` component: (see [docs](https://iamhosseindhv.com/notistack/api) for a full list of available props)
<br />
**Note:** If you're using material-ui `ThemeProvider`, make sure `SnackbarProvider` is a child of it.

```js
import SnackbarProvider from '@mindk/react-material-snackbars';

<SnackbarProvider>
  <App />
</SnackbarProvider>;
```

**2:** Send notifications in any files you need.

```js
import React from 'react';

import { success, warning, info, error, notification } from '../.';

export default function SnackbarsDemo() {
  return (
    <div>
      <button type="button" onClick={() => success('Success message')}>
        Success
      </button>
      <button type="button" onClick={() => info('Info message')}>
        Info
      </button>
      <button type="button" onClick={() => warning('Warning message')}>
        Warning
      </button>
      <button type="button" onClick={() => error('Error message')}>
        Error
      </button>
      <button type="button" onClick={() => notification('Custom message')}>
        Custom
      </button>
    </div>
  );
}
```
npm package: @mindkeeper-solutions/etcd3
Description: Node client for etcd3
Author: Florian Breisch
Latest version: 0.2.14

# etcd3 [![Build Status](https://travis-ci.org/mixer/etcd3.svg?branch=master)](https://travis-ci.org/mixer/etcd3)

etcd3 aims to be (with its first stable release) a high-quality, production-ready client for the Protocol Buffer-based etcdv3 API. It includes [load balancing](https://mixer.github.io/etcd3/interfaces/options_.ioptions.html), [reconnections](https://mixer.github.io/etcd3/interfaces/options_.ioptions.html#backoffstrategy), [transactions](https://mixer.github.io/etcd3/classes/builder_.comparatorbuilder.html), [software transactional memory](https://mixer.github.io/etcd3/classes/index_.etcd3.html#stm), [high-level query builders](https://mixer.github.io/etcd3/classes/index_.etcd3.html#delete) and [lease management](https://mixer.github.io/etcd3/classes/lease_.lease.html), [watchers](https://mixer.github.io/etcd3/classes/watch_.watchbuilder.html), [mocking](https://mixer.github.io/etcd3/classes/index_.etcd3.html#mock), and is type-safe for TypeScript consumers.

### Quickstart

Install via:

```
npm install --save etcd3
```

Start CRUD-ing!

```js
const { Etcd3 } = require('etcd3');
const client = new Etcd3();

client.put('foo').value('bar')
  .then(() => client.get('foo').string())
  .then(value => console.log('foo was:', value))
  .then(() => client.getAll().prefix('f').strings())
  .then(keys => console.log('all our keys starting with "f":', keys))
  .then(() => client.delete().all());
```

### API Documentation

Our [TypeDoc docs are available here](https://mixer.github.io/etcd3/classes/index_.etcd3.html).

Our [test cases](https://github.com/mixer/etcd3/blob/master/test/) are also quite readable.

### Running tests

```sh
$ npm install
$ docker-compose up
$ npm test
$ docker-compose down
```

### Contributing

Running tests for this module requires running an etcd3 server locally. The tests try to use the default port initially, and you can configure this by setting the `ETCD_ADDR` environment variable, like `export ETCD_ADDR=localhost:12345`.# Contributing

This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/). For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments.
npm package: @mindkeeper-solutions/orgi
Description: Deploy with git using orphan branches.
Author: florian.breisch@mindkeeper.solutions
Latest version: 2.0.0-41

# Orgi

**Orgi** is a command line tool to easily and robustly commit contents into orphan branches for deployment purposes.

### Why

- Orphan branches are difficult to mess up, since they have no common ancestor to the development-branches.
- The first idea was born to allow secure deployments within Gitlab, without introducing overly powerful deployment-tokens.

### Usage

```
  $ orgi <source-directory> <target-branch>
```

Orgi commits the whole content of the given source directory into the given target-branch. If the target-branch does not exist in the repository, it is created as orphan branch.

### License

MIT
npm package: @mindkey/recruiting-api-client
Description: The MindKey API Client allows easy access to your MindKey Recruiting data.
Author: Manuel Rauber
Latest version: 7.8.14

# MindKey Recruiting API Client

MindKey Recruiting API Client allows you to easily access your MindKey Recruiting data.

Please refer to the [documentation](https://developer.mindkey.com) for more information.

## Install

```bash
npm install @mindkey/recruiting-api-client
```

## Usage

```javascript
const { VacancyClient } = require('@mindkey/recruiting-api-client');

async function main() {
  const client = new VacancyClient('https://recruiting.mindkey.com/api');
  const result = await client.getSimpleVacancyList('<insert-your-customer-id-here>', 'en-US');

  console.log(result);
}

main();
```
npm package: @mindlearn/models
Description: Pre-Trained MindScript Templates.
Author: MindLearn
Latest version: 0.0.1

# MindScript (Templates)

*Pre-trained templates for mindscript*

### How to use ?

**Example:**

```js
const Mind = require("mindscript");
const mind = new Mind('@mindlearn/models/train/en.json');

let input1 = 'What is the capital of France ?';

console.log(`[JohnDoe]: ${mind.think(input)}`); 
```

**Output:**

```
[JohnDoe]: (...)
```
npm package: @mindlearn/tokenizer
Description: Enhances comprehension for MindScript-powered models by tokenizing text.
Author: MindLearn
Latest version: 0.0.1

# MindScript Tokenizer

This is a simple mindscript tokenizer to make your chatbot better understand user questions.

## How to Use

1. Install the dependencies:

```bash
npm install @mindlearn/tokenizer
```

2. Use the tokenizer in your code:

```javascript
const tokenizer = require("@mindlearn/tokenizer");

const word = "Hello World, here is a basic mindscript tokenizer example.";
console.log(tokenizer(word));
```
npm package: @mindless.mind/backbone-relational
Description: Get and set relations (one-to-one, one-to-many, many-to-one) for Backbone models
Author: Paul Uithol
Latest version: 0.10.4

# Backbone-relational

Backbone-relational provides one-to-one, one-to-many and many-to-one relations between models for [Backbone](https://github.com/documentcloud/backbone).

Documentation: http://backbonerelational.org

Backbone-relational is released under the [MIT license](https://github.com/PaulUithol/Backbone-relational/blob/master/LICENSE.txt).
Contributors: https://github.com/PaulUithol/Backbone-relational/contributors