open-index/open-npm huggingface dataset:
npm package: @oasis-games/watch-chart-component
Description: watchChart
Author: gzl
Latest version: 1.0.1

# test-components

> 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: @oasis-games/watch-components
Description: watchComponents
Author: gzl
Latest version: 1.0.2

# test-components

> 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: @oasis-path/react-table
Description: A React Select that follow the same way as HTML by rendering children instead of handling data sent by the user. The user will need to build the logic and send the Select children to render.
Author: Oasis Path
Latest version: 1.1.1

# Oasis-Path/React-Select

A React Select that follow the same way as HTML by rendering children instead of handling data sent by the user. The user will need to build the logic and send the Select children to render.

## Basic Usage

```javascript
const [options, setOptions] = useState([
  {
    value: "Option 1",
    id: "1",
    selected: false,
  },
  {
    value: "Option 2",
    id: "2",
    selected: false,
  },
  {
    value: "Option 3",
    id: "3",
    selected: false,
  },
  {
    value: "Option 4",
    id: "4",
    selected: false,
  },
]);

function optionSelected(option: any) {
  const index = options.findIndex((o) => o.id === option.id);
  const newOptions = [...options];
  newOptions[index].selected = !newOptions[index].selected;
  setOptions(newOptions);
}

const tags = (
  <div style={{ display: "flex" }}>
    {options
      .filter((option) => option.selected)
      .map((option) => (
        <span style={{ color: "black" }} key={option.id}>
          {option.value}
        </span>
      ))}
  </div>
);

return (
  <Select tags={tags} placeholder="This is a placeholder">
    {options.map((option) => (
      <SelectOption
        isCheckboxDisplayed={true}
        isSelected={option.selected}
        option={option}
        handleOptionClick={optionSelected}
        key={option.id}>
        {option.value}
      </SelectOption>
    ))}
  </Select>
);
```
npm package: @oasis-sh/cli
Description: The Official CLI for dev.oasis.sh.
Author: Bereket Semagn
Latest version: 1.0.10

# cli - official oasis command line interface

## Installation

`npm i -g @oasis-sh/cli`

`yarn global add @oasis-sh/cli`

NOTE: You may have to prefix sudo in order for it to install properly

## building

`yarn build`

## running tests

`yarn test`

`yarn test:ci`

`yarn test:watch`