open-index/open-npm huggingface dataset:
npm package: @hawkingouyang/gic-input
Description: A Vue area select plugin
Author: oyxj
Latest version: 1.0.0

# gic-input

> A Vue.js project

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build
```

For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).
npm package: @hawkofsky/whirlflashx-uikit
Description: Set of UI components for whirlflashx-finance projects
Latest version: 1.2.0

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @hawkon/tranquil
Description: front-end framework for developing responsive, mobile first projects
Author: Hawkon
Latest version: 1.0.1


<p align="center">
	<img src="https://github.com/HawkonDK/Tranquil/blob/master/docs/src/Tranquil-logo.png">
</p>

## Tranquil

[![Github All Releases](https://img.shields.io/github/downloads/HawkonDK/Tranquil/total.svg?style=flat-square)](https://github.com/HawkonDK/Tranquil)
[![GitHub release](https://img.shields.io/github/release/HawkonDK/Tranquil.svg?style=flat-square)](https://github.com/HawkonDK/Tranquil)
[![license](https://img.shields.io/github/license/HawkonDK/Tranquil.svg?style=flat-square)]()
[![Twitter Follow](https://img.shields.io/twitter/follow/tranquil_frwk.svg?style=social&label=Follow)](https://twitter.com/tranquil_frwk)

---

Tranquil is the *world’s* leading front-end framework when it's come to customisable framework for building responsive, mobile-first sites and applications. Inside you’ll find high quality HTML, CSS, and JavaScript to make starting any project easier than ever.
npm package: @hawkrives/react-native-alternate-icons
Description: React Native Alternate Icons for iOS 10.3+
Author: Joey Kamsteeg
Latest version: 0.6.2

# react-native-alternate-icons
React Native Alternate Icons for iOS 10.3+

## Requirements
* React Native 0.44+ (only tested on 0.44)

## Installation

```bash
npm install @hawkrives/react-native-alternate-icons@latest --save
```

## Link the library to your React Native project

```bash
react-native link
```

#### Manual Linking

https://facebook.github.io/react-native/docs/linking-libraries-ios.html

## Preparation & Code Sample

### Preparation

#### Add your icons into your Xcode Project
![Icons in your Xcode Project](http://kamsteegsoftware.nl/react-native-alternate-icons/icons-project.png)

#### Add the following code to your info.plist
```xml
<key>supportsAlternateIcons</key>
<true/>
<key>CFBundleIcons</key>
<dict>
  <key>CFBundlePrimaryIcon</key>
  <dict>
    <key>CFBundleIconFiles</key>
    <array>
      <string>icon_filename</string>
    </array>
    <key>UIPrerenderedIcon</key>
    <true/>
  </dict>
  <key>CFBundleAlternateIcons</key>
  <dict>
    <key>icon_type_alternate_name</key>
    <dict>
      <key>CFBundleIconFiles</key>
      <array>
        <string>alternate_icon_filename</string>
      </array>
      <key>UIPrerenderedIcon</key>
      <true/>
    </dict>
  </dict>
</dict>
```

#### Using in your React Native applications
- `setIconName(name: string): Promise<void>` – takes one of the icon "names" defined in your Info.plist (`icon_type_alternate_name`, in the example above)
- `getIconName(): Promise<string>` – returns the current icon's name
- `reset(): Promise<void>` – resets the icon to the default bundle icon
- `isSupported(): Promise<boolean>` – checks if the current devide is supported. Always returns `false` on Android.

Because these all return promises, you can use them with ES2016's async/await syntax, too!

For example, you can import all of the functions as a namespace:

```js
import * as Icons from '@hawkrives/react-native-alternate-icons';

await Icons.setIconName(iconName);
```

or import just one or two of them:

```js
import {getIconName} from '@hawkrives/react-native-alternate-icons';

await getIconName();
```
npm package: @hawkrives/react-native-search-bar
Description: The native search bar for react native.
Latest version: 3.4.2-3

<h2 align="center">React Native Search Bar</h2>

<p align="center">The high-quality
 <a href="https://developer.apple.com/documentation/uikit/uisearchbar">native iOS search bar</a> for <a href="https://facebook.github.io/react-native/">react native.</a>

<p align="center">
  <a href="https://www.npmjs.com/package/react-native-search-bar">
    <img alt="npm version" src="https://img.shields.io/npm/v/react-native-search-bar.svg?style=flat-square">
  </a>
  <a href="https://www.npmjs.com/package/react-native-react-native-search-bar">
    <img alt="npm downloads" src="https://img.shields.io/npm/dm/react-native-search-bar.svg?style=flat-square">
  </a>
   <a href="https://prettier.io">
    <img alt="code style: prettier" src="https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square">
  </a>
</p>

<p align="center">
  <img src="./.github/SearchBar.png"/>
</p>

<br>

## Getting Started

1. Installation

   * Using npm: `npm install react-native-search-bar --save`
   * Using yarn: `yarn add react-native-search-bar`

2. Link
   * Run `react-native link react-native-search-bar`
   * If linking fails, follow the
     [manual linking steps](http://facebook.github.io/react-native/docs/linking-libraries-ios.html#manual-linking)

## Update

In your react native project, run

```Bash
# npm
npm install react-native-search-bar@latest --save

# yarn
yarn add react-native-search-bar@latest
```

## Usage

```javascript
import SearchBar from 'react-native-search-bar'
```

```JSX
<SearchBar
  ref='searchBar'
  placeholder='Search'
  onChangeText={...}
  onSearchButtonPress={...}
  onCancelButtonPress={...}
/>
```

### Managing the keyboard

* Show - `this.refs.searchBar.focus();`
* Hide
  * `this.refs.searchBar.blur();` - uses the iOS `endEditing:true` method on the
    underlying `UISearchBar` view.
  * `this.refs.searchBar.unFocus();` - calls `resignFirstResponder` on the
    `UITextField` used by the `UISearchBar`.

### Examples

* Show the keyboard when the view loads:

```javascript
componentDidMount() {
  this.refs.searchBar.focus();
}
```

* Hide the keyboard when the user searches:

```javascript
...
onSearchButtonPress={this.refs.searchBar.unFocus}
...
```

For a full list of props check out
[the typescript definitions file](./src/index.d.ts).

There is also an example project in the [example](./example) directory.

## Contribution

For now, only some of the features of
[UISearchBar](https://developer.apple.com/library/ios/documentation/UIKit/Reference/UISearchBar_Class/)
are implemented.

Feel free to send a pull request to the
[next](https://github.com/umhan35/react-native-search-bar/tree/next) branch. To
get started, you can read the
["Native UI Components (iOS)"](http://facebook.github.io/react-native/docs/native-components-ios.html)
guide on the React Native website.

Along with code contribution, you are welcomed to answer questions asked in the
[Issues](https://github.com/umhan35/react-native-search-bar/issues).

## License

MIT
npm package: @hawkrives/react-native-sortable-list
Description: React Native Sortable List component
Author: Tim Gibadullin
Latest version: 1.0.1

## Sortable list view for react-native

### Content
- [Demo](#demo)
- [Installation](#installation)
- [Examples](#examples)
- [API](#api)
- [Questions?](#questions)

### Demo
<a href="https://raw.githubusercontent.com/gitim/react-native-sortable-list/master/demo.gif"><img src="https://raw.githubusercontent.com/gitim/react-native-sortable-list/master/demo.gif" width="350"></a>

### Installation
```bash
npm i react-native-sortable-list --save
```

### Examples
- [Basic](https://github.com/gitim/react-native-sortable-list/tree/master/examples/Basic)


### API
####Props
- **data** (Object) data source
- **order** (Array) an array of keys from data, the order of keys from the array will be used to initial rows order
- **style** (Object, Array)
- **contentContainerStyle** (Object, Array) these styles will be applied to the inner scroll view content container
- **sortingEnabled** (boolean) when false, rows are not sortable. The default value is true.
- **scrollEnabled** (boolean) when false, the content does not scrollable. The default value is true.<br /><br />
- **renderRow** (function)<br />
`({key, index, data, disabled, active}) => renderable`<br />
Takes a row key, row index, data entry from the data source and its statuses disabled, active and should return a renderable component to be rendered as the row.<br /><br />
- **onChangeOrder** (function)<br />
`(nextOrder) => void`<br />
Called when rows were reordered, takes an array of rows keys of the next rows order.
- **onActivateRow** (function)<br />
`(key) => void`<br />
Called when a row was activated (user long tapped).
- **onReleaseRow** (function)<br />
`(key) => void`<br />
Called when the active row was released.

####Methods
- **scrollBy(dy?, animated?)** scrolls by a given y offset, either immediately or with a smooth animation
- **scrollTo(y?, animated?)** scrolls to a given y offset, either immediately or with a smooth animation
- **scrollToRowKey(key, animated?)** scrolls to a given row key, either immediately or with a smooth animation

### Questions?
Feel free to contact me via
- [Twitter](https://twitter.com/_gitim)

If you find a bug, please [submit an issue](https://github.com/gitim/react-native-sortable-list/issues/new)
npm package: @hawksightco/swagger-client
Description: OpenAPI client for Hawksight v2 Public API
Author: Hawksight
Latest version: 0.0.37

## @1.0.0

This generator creates TypeScript/JavaScript client that utilizes [axios](https://github.com/axios/axios). The generated Node module can be used in the following environments:

Environment
* Node.js
* Webpack
* Browserify

Language level
* ES5 - you must have a Promises/A+ library installed
* ES6

Module system
* CommonJS
* ES6 module system

It can be used in both TypeScript and JavaScript. In TypeScript, the definition should be automatically resolved via `package.json`. ([Reference](http://www.typescriptlang.org/docs/handbook/typings-for-npm-packages.html))

### Building

To build and compile the typescript sources to javascript use:
```
npm install
npm run build
```

### Publishing

First build the package then run ```npm publish```

### Consuming

navigate to the folder of your consuming project and run one of the following commands.

_published:_

```
npm install @1.0.0 --save
```

_unPublished (not recommended):_

```
npm install PATH_TO_GENERATED_PACKAGE --save