open-index/open-npm huggingface dataset:
npm package: @kmdavis/eslint-plugin-sort-imports
Description: A sort-imports rule that properly distinguishes between ES6 import types.
Author: Kevan Davis
Latest version: 0.3.0

# eslint-plugin-sort-imports-es6-autofix

A sort-imports rule that properly distinguishes between ES6 import types.

It accepts the same options as the [original rule](http://eslint.org/docs/rules/sort-imports), but the `multiple` type corresponds to all named imports (regardless of how many are imported), while the `single` type corresponds only to default imports, and adds a `combined` type that mixes `all`, `multiple`, and `single` imports and alphabetizes them together.

This rule respects whitespace and comments between imports by only looking at the order of (and sorting) consecutive import statements (those without newlines/comments in between them).

## Usage

`npm i --save-dev eslint-plugin-sort-imports-es6-autofix`

```json
{
  "plugins": [
    "@kmdavis/sort-imports"
  ],
  "rules": {
    "@kmdavis/sort-imports/sort-imports": [2, {
      "ignoreCase": false,
      "ignoreMemberSort": false,
      "memberSyntaxSortOrder": ["combined", "none"]
    }]
  }
}
```
npm package: @kmdtmyk/midnight
Description: A javascript library that deals with date only not datetime.
Latest version: 0.3.3

[![Publish](https://github.com/kmdtmyk/midnight.js/workflows/Publish/badge.svg)](https://github.com/kmdtmyk/midnight.js/actions)
[![Test](https://github.com/kmdtmyk/midnight.js/workflows/Test/badge.svg)](https://github.com/kmdtmyk/midnight.js/actions)

# Midnight

A javascript library that deals with date only not datetime.

## Installation

```
npm install @kmdtmyk/midnight
```

## Usage

This is a subclass of Date, but the time is always 00:00:00.

```javascript
import Midnight from '@kmdtmyk/midnight'

const date = new Midnight(2017, 5 , 15) // => 2017/05/15 (month is 1-12 not 0-11)
date instanceof Date // => true
date.getHours() // => 0
date.getMinutes() // => 0
date.getSeconds() // => 0
date.getMilliseconds() // => 0
```

## Methods added

```javascript
const date = new Midnight(2017, 5 , 15)

date.day() // => 15
date.day(10) // => 2017/05/10

date.month() // => 5
date.month(8) // => 2017/08/15

date.year() // => 2017
date.year(2020) // => 2020/05/15

date.startOfMonth() // => 2017/05/01
date.endOfMonth() // => 2017/05/31

date.startOfYear() // => 2017/01/01
date.endOfYear() // => 2017/12/31

date.startOfDecade() // => 2010/01/01
date.endOfDecade() // => 2019/12/31

date.nextDay() // => 2017/05/16
date.nextDay(3) // => 2017/05/18

date.nextMonth() // => 2017/06/15
date.nextMonth(3) // => 2017/08/15

date.nextYear() // => 2018/05/15
date.nextYear(3) // => 2020/05/15

date.nextSunday() // => 2017/05/21
date.nextMonday() // => 2017/05/22
date.nexTuesday() // => 2017/05/16
date.nextWednesday() // => 2017/05/17
date.nextThursday() // => 2017/05/18
date.nextFriday() // => 2017/05/19
date.nextSaturday() // => 2017/05/20

date.isSunday() // => false
date.isMonday() // => true
date.isTuesday() // => false
date.isWednesday() // => false
date.isThursday() // => false
date.isFriday() // => false
date.isSaturday() // => false

date.isValid() // => true
```

```javascript
const date = Midnight.parse('2017/05/10')
// => 2017/05/10 not 1494342000000
```

## Immutable

These methods return new instance and don't change own state.

```javascript
const date1 = new Midnight(2017, 5 , 15)
const date2 = date1.nextDay()
// => date1: 2017/05/15 not 2017/05/16
// => date2: 2017/05/16
```

## License

MIT
npm package: @kmdtmyk/nconv
Description: Japanese conversion library.
Latest version: 0.3.6

[![Publish](https://github.com/kmdtmyk/nconv.js/workflows/Publish/badge.svg)](https://github.com/kmdtmyk/nconv.js/actions)
[![Test](https://github.com/kmdtmyk/nconv.js/workflows/Test/badge.svg)](https://github.com/kmdtmyk/nconv.js/actions)

# Nconv

Japanese conversion library. This converts hiragana, katakana, romaji. Also, this converts half-width and full-width character.

## Demo

https://kmdtmyk.github.io/nconv.js/

## Install

```
npm install @kmdtmyk/nconv
```

## Usage

```js
import Nconv from '@kmdtmyk/nconv'

Nconv.romajiToHiragana('aiueo')
// => あいうえお

Nconv.romajiToZenKata('aiueo')
// => アイウエオ

Nconv.romajiToHanKata('aiueo')
// => ｱｲｳｴｵ

Nconv.hiraganaToZenKata('あいうえお')
// => アイウエオ

Nconv.hiraganaToHanKata('あいうえお')
// => ｱｲｳｴｵ

Nconv.zenKataToHiragana('アイウエオ')
// => あいうえお

Nconv.zenKataToHanKata('アイウエオ')
// => ｱｲｳｴｵ

Nconv.hanKataToHiragana('ｱｲｳｴｵ')
// => あいうえお

Nconv.hanKataToZenKata('ｱｲｳｴｵ')
// => アイウエオ

Nconv.alphabetToZenkaku('abcde')
// => ａｂｃｄｅｆ

Nconv.alphabetToHankaku('ａｂｃｄｅｆ')
// => abcde

Nconv.numericToZenkaku('0123456789')
// => ０１２３４５６７８９

Nconv.numericToHankaku('０１２３４５６７８９')
// => 0123456789

Nconv.symbolToZenkaku('!?(){}')
// => ！？（）｛｝

Nconv.symbolToHankaku('！？（）｛｝')
// => !?(){}

Nconv.toZenkaku('123abcｱｲｳ!?')
// => １２３ａｂｃアイウ！？

Nconv.toHankaku('１２３ａｂｃアイウ！？')
// => 123abcｱｲｳ!?
```

## License

MIT
npm package: @kmdtmyk/range
Description: A javascript library inspired by ruby range.
Latest version: 0.1.1

[![Build Status](https://travis-ci.org/kmdtmyk/range.js.svg?branch=master)](https://travis-ci.org/kmdtmyk/range.js)

# Range

A javascript library inspired by ruby range.

## Installation

```
npm install @kmdtmyk/range
```

## Usage

```javascript
import Range from '@kmdtmyk/range'

const range = new Range(0, 5)

for(const i of range){
  console.log(i)
}
// => 0, 1, 2, 3, 4, 5

range.toArray()
// => [0, 1, 2, 3, 4, 5]

range.forEach(i => console.log(i))
// => 0, 1, 2, 3, 4, 5

range.map(i => i * i)
// => [0, 1, 4, 9, 16, 25]

range.step(2)
// => [0, 2, 4]

new Range(0, 5, true /* exclude end */).toArray()
// => [0, 1, 2, 3, 4]
```

## License

MIT
npm package: @kmdtmyk/ruby-date
Description: Date class that can be used same as Ruby's Date
Latest version: 0.3.0

[![Publish](https://github.com/kmdtmyk/ruby-date.js/workflows/Publish/badge.svg)](https://github.com/kmdtmyk/ruby-date.js/actions)
[![Test](https://github.com/kmdtmyk/ruby-date.js/workflows/Test/badge.svg)](https://github.com/kmdtmyk/ruby-date.js/actions)

# RubyDate

Date class that can be used same as Ruby's Date.

## Installation

```
npm install @kmdtmyk/ruby-date
```

## Usage

```javascript
import RubyDate from '@kmdtmyk/ruby-date'

const date = new RubyDate(2021, 3, 15) // => 2021-03-15

date.day() // => 15

date.month() // => 3

date.year() // => 2021

date.wday() // => 1 (0-6, Sunday is 0)

date.beginningOfMonth() // => 2021-03-01
date.endOfMonth() // => 2021-03-31

date.beginningOfYear() // => 2021-01-01
date.endOfYear() // => 2021-12-31

date.nextDay() // => 2021-03-16
date.nextDay(3) // => 2021-03-18

date.nextMonth() // => 2021-04-15
date.nextMonth(3) // => 2021-06-15

date.nextYear() // => 2022-03-15
date.nextYear(3) // => 2024-03-15

date.strftime('%Y/%m/%d') // => "2021/03/15"
/*
  [Support format]
  %a - Sun, Mon, Tue, Wed, Thu, Fri, Sat
  %A - Sunday, Monday, Tuesday, Wednesday, Thursday, Friday, Saturday
  %m - zero-padded month (01..12)
  %d - zero-padded day (01..31)
  %Y - Year with century (can be negative, 4 digits at least)
  %y - year % 100 (00..99)
*/

date.toDate() // => return JavaScript standard build-in Date object
date.toString() // => "2021-03-15"
```

```javascript
RubyDate.parse('2021/03/15') // => 2021-03-15
RubyDate.today()
```

## npm

```bash
npm version [major | minor | patch]
git push
git push --tags
```

## License

MIT

Sunday, Monday, Tuesday, Wednesday, Thursday, Friday, Saturday
npm package: @kmdtmyk/vue-fields
Description: Input components for vue.js
Latest version: 0.2.7

[![Publish](https://github.com/kmdtmyk/vue-fields/workflows/Publish/badge.svg)](https://github.com/kmdtmyk/vue-fields/actions)
[![Test](https://github.com/kmdtmyk/vue-fields/workflows/Test/badge.svg)](https://github.com/kmdtmyk/vue-fields/actions)

## Demo

https://kmdtmyk.github.io/vue-fields/

## Installation

```
npm install @kmdtmyk/vue-fields
```

Register as plugin.

```javascript
import VueFields from '@kmdtmyk/vue-fields'

Vue.use(VueFields)
```

Register as component.

```javascript
import {NumberField} from '@kmdtmyk/vue-fields'

Vue.component('number-field', NumberField)
```

### Plugin option

inputClass

```javascript
Vue.use(VueFields, {inputClass: 'form-control'})
```

```html
<text-field/> <!-- <input type='text' class='form-control'> -->
```
prefix, suffix

```javascript
Vue.use(VueFields, {prefix: 'v', suffix: ''})
```

```html
<v-text/> <!-- <input type='text'> -->
```

|name|default value|
|-|-|
|inputClass|''|
|prefix|''|
|suffix|'Field'|

## License

MIT
npm package: @kmeh/heroicons
Description: A set of free MIT-licensed high-quality SVG icons for UI development, with better typing, ESM, and no more confusing imports.
Latest version: 2.2.0

<p align="center">
  <a href="https://heroicons.com" target="_blank">
    <picture>
      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/tailwindlabs/heroicons/HEAD/.github/logo-dark.svg">
      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/tailwindlabs/heroicons/HEAD/.github/logo-light.svg">
      <img alt="Heroicons" width="315" height="117" style="max-width: 100%" src="https://raw.githubusercontent.com/tailwindlabs/heroicons/HEAD/.github/logo-light.svg">
    </picture>
  </a>
</p>

<p align="center">Beautiful hand-crafted SVG icons. Typed, modularized, simplified, and better than ever before.<p>

<p align="center">
  <a href="https://heroicons.com"><strong>Browse at Heroicons.com &rarr;</strong></a>
</p>

## Basic Usage

First, install `@kmeh/heroicons` from npm:

```sh
npm install @kmeh/heroicons
```

Now each icon can be imported individually as a React component:

```js
import { BeakerIcon } from '@kmeh/heroicons'

function MyComponent() {
  return (
    <div>
      <BeakerIcon className="size-6 text-blue-500" />
      <p>...</p>
    </div>
  )
}
```

Icons use an upper camel case naming convention and are always suffixed with the word `Icon`.

[Browse the full list of icon names on UNPKG &rarr;](https://unpkg.com/browse/@heroicons/react/24/outline/)

## Contributing

While we absolutely appreciate anyone's willingness to try and improve the project, we're currently only interested in contributions that fix bugs, for example things like incorrect TypeScript types, or fixing an icon that's been exported with a fill instead of a stroke, etc.

**We're not accepting contributions for new icons or adding support for other frameworks like Svelte or SolidJS**. Instead we encourage you to release your own icons in your own library, and create your own packages for any other frameworks you'd like to see supported.

## License

This library is MIT licensed.
npm package: @kmetsalu/react-portal-tooltip
Description: Awesome React tooltips
Author: Romain Berger
Latest version: 1.1.1

# React Portal Tooltip 

Awesome tooltips.

[![Build Status](https://img.shields.io/travis/romainberger/react-portal-tooltip/master.svg?style=flat-square)](https://travis-ci.org/romainberger/react-portal-tooltip) [![npm version](https://img.shields.io/npm/v/react-portal-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-portal-tooltip)
[![npm downloads](https://img.shields.io/npm/dm/react-portal-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-portal-tooltip)

![react tooltip](https://raw.githubusercontent.com/romainberger/react-portal-tooltip/master/react-portal-tooltip.gif)

## Installation

```shell
$ npm install react-portal-tooltip
```

**Warning** The latest version on npm is compatible with React 15. Corresponding versions for older versions of React:

```shell
# For react 0.14
$ npm install react-portal-tooltip@0.14

# For react 0.13
$ npm install react-portal-tooltip@0.13
```

## Documentation and demo

[http://romainberger.github.io/react-portal-tooltip/](http://romainberger.github.io/react-portal-tooltip/)

## Usage

```javascript
import React from 'react'
import ToolTip from 'react-portal-tooltip'

class MyComponent extends React.Component {
    state = {
        isTooltipActive: false
    }
    showTooltip() {
        this.setState({isTooltipActive: true})
    }
    hideTooltip() {
        this.setState({isTooltipActive: false})
    }
    render() {
        return (
            <div>
                <p id="text" onMouseEnter={::this.showTooltip} onMouseLeave={::this.hideTooltip}>This is a cool component</p>
                <ToolTip active={this.state.isTooltipActive} position="top" arrow="center" parent="#text">
                    <div>
                        <p>This is the content of the tooltip</p>
                        <img src="image.png"/>
                    </div>
                </ToolTip>
            </div>
        )
    }
}
```

### Props

* `active`: boolean, the tooltip will be visible if true
* `position`: top, right, bottom or left. Default to right
* `arrow`: center, right, left, top or bottom (depending on the position prop). No arrow when the prop is not sepecified
* `tooltipTimeout`: timeout for the tooltip fade out in milliseconds. Default to 500
* `parent`: the tooltip will be placed next to this element
* `group`: string, necessary if you want several independant tooltips
* `style`: object, allows customizing the tooltip. Checkout the [example](https://github.com/romainberger/react-portal-tooltip/blob/master/example/src/style.js) for details.

## Development

```shell
# clone
$ git clone git@github.com:romainberger/react-portal-tooltip.git

# install the dependencies
$ npm install

# go to the example folder, then install more dependencies
$ cd example && npm install

# start the development server with hot reloading
$ npm start

# to build run this command from the root directory
$ npm build
```

## License

MIT