open-index/open-npm huggingface dataset:
npm package: @la-components/react-month-picker
Description: React month-picker Component
Author: parsons
Latest version: 1.0.17

React-Month-Picker-Component
=========================
## Demo [react-Month-Picker-demo](https://google.com)

## Basic Usage
```javascript
import React, { Component } from 'react'
import ReactDOM from 'react-dom'
import { LaMonthPicker } from '@la-components/react-month-picker';
import '@la-components/react-month-picker/dist/style.css';

export default class App extends Component {
    constructor(props){
        super(props);
        this.state = {
            selectedYear: 2021,
            selectedMonth: 10,
            selectedFromDay: 1,
            selectedToDay: 31,
        };
    }

    onYearChange(year){
        this.setState({selectedYear: year});
    }

    onMonthChange(month){
        this.setState({selectedMonth: month});
    }

    onFromDayChange(fromDay){
        this.setState({selectedFromDay: fromDay});
    }

    onToDayChange(toDay){
        this.setState({selectedToDay: toDay});
    }

    render() {
        return (
            <div>
                <LaMonthPicker 
                    onYearChange={this.onYearChange}
                    onMonthChange={this.onMonthChange}
                    onFromDayChange={this.onFromDayChange}
                    onToDayChange={this.onToDayChange}
                    defaultDate="2021-10-01"
                    minDate="2018-10-01"
                    maxDate="2021-10-31"
                    labelMonthPicker="Tháng"
                    isShowDayRange={true}
                />
            </div>
        );
    }
}

ReactDOM.render(<App />, document.getElementById("app"));
```

## Props
```javascript
MonthPicker.propTypes = {
    onYearChange: PropTypes.func.isRequired,
    onMonthChange: PropTypes.func.isRequired,
    onFromDayChange: PropTypes.func.isRequired,
    onToDayChange: PropTypes.func.isRequired,
    defaultDate: PropTypes.string,
    minDate: PropTypes.string,
    maxDate: PropTypes.string,
    labelMonthPicker: PropTypes.string,
    isShowDayRange: PropTypes.bool
}
```
npm package: @la-front/components
Description: base business element ui components
Latest version: 1.0.10

# my-component
支持组件：
com-fi-area.vue
com-fi-input.vue
com-fi-licence.vue
com-fi-select.vue
com-fi-text.vue
com-fi-upload.vue
com-pagination.vue
com-tb-colum-click.vue
npm package: @la-front/plugin-filters
Description: plugin-filters
Latest version: 1.1.5

# @la-front/plugin-filters

- 基于rollup打包
- 会同时打包index和index.min
- index.js 不会压缩代码，开发环境使用
- index.min.js 压缩代码，生成环境使用


### .babelrc.js
该文件用来转es6代码为es5是必须的
npm package: @la-haute-societe/lhs-parallax
Description: LHS Parallax plugin to make parallax animation when scrolling
Author: La Haute Societe
Latest version: 0.1.4
Deprecated: This package has been renamed to "@lahautesociete/parallax".

# Deprecation warning

This package has been renamed to [@lahautesociete/parallax][].

[@lahautesociete/parallax]: https://www.npmjs.com/package/@lahautesociete/parallax


# LHS Parallax

LHS Parallax plugin to make parallax animation when scrolling.

## Installation

```
npm install @la-haute-societe/lhs-parallax
```

## Usage

### HTML
Create an HTML element with the `scroll-level` attribute.  

You can pass two attributes to your element :
- `scroll-level` - Parallax level (required)
- `scroll-direction` - Parallax direction (optional) : x / y (default y),
```html
<div class="myElement" scroll-level="3" scroll-direction="x"></div>
```

### JavaScript
Import LhsParallax where you want to use it.  
Then get the HTML element and create an instance of LhsParallax passing your element in parameter.
```js
import LhsParallax from '@la-haute-societe/lhs-parallax';
var myElement = document.querySelector('.myElement');
var scroll = new LhsParallax(myElement);
```
npm package: @la-haute-societe/lhs-vue-parallax
Description: LHS Vue plugin to use lhs-parallax in Vue with directive
Author: La Haute Societe
Latest version: 0.1.2
Deprecated: This package has been renamed to "@lahautesociete/vue-parallax".

# Deprecation warning

This package has been renamed to [@lahautesociete/vue-parallax][].

[@lahautesociete/vue-parallax]: https://www.npmjs.com/package/@lahautesociete/vue-parallax

# LHS Vue Parallax

LHS Vue plugin to use lhs-parallax in Vue with directive.

## Installation

```
npm install @la-haute-societe/lhs-vue-parallax
```

## Usage
*main.js*   
Import Vue and LhsParallax somewhere in your entry file.  
Then tell Vue to use LhsParallax plugin.
```js
import Vue from 'vue';
import LhsVueParallax from '@la-haute-societe/lhs-vue-parallax'
Vue.use(LhsVueParallax);
```

*CustomComponent.vue*  
In your vue template, add a HTML element with the `v-parallax` directive and specify a parallax level.  
You can add an optional modifier (x / y) to specify the parallax direction. 
```html
<div v-parallax.x="5"></div>
```
npm package: @la-main-verte/shared-types
Description: Shared TypeScript interfaces for frontend of la-main-verte app
Author: lamainverte.ca
Latest version: 1.0.74

# La Main Verte - Shared TypeScript Interfaces

This package contains the TypeScript interfaces used for the front-end of La Main Verte application.

## Installation

To install the package, run:

```bash

npm install @la-main-verte/shared-types
```

## Usage

You can import the interfaces directly into your project:

```ts
import type { PlantI, NoteI } from '@la-main-verte/shared-types'

const plant: PlantI = await APIResponse.json()
```

## License

This package is licensed under the MIT License.