open-index/open-npm huggingface dataset:
npm package: @se09deluca/react-native-component-inview
Description: A React Native wrapper to check whether a component is in the view port to track impressions and clicks
Author: https://github.com/se09deluca
Latest version: 0.1.4

# @se09deluca/react-native-component-inview

A React Native wrapper to check whether a component is in the viewport. Useful to track impressions, clicks or implements custom logic.

It works on **Android, iOS & Web** .

<table border="0">
 <tr>
    <td style="width: 50%; border-color: transparent;">

## Installation

#### using npm
```sh
npm install @se09deluca/react-native-component-inview
```
#### using Yarn
```sh
yarn add @se09deluca/react-native-component-inview
```


## Usage

```js
import InView from '@se09deluca/react-native-component-inview'

const [isInView, setIsInView] = useState(false)

const checkVisible = (isVisible:boolean) => {
  if (isVisible){
    setIsInView(isVisible)
  } else {
    setIsInView(isVisible)
  }
}

<ScrollView>
  <InView onChange={(isVisible) => this.checkVisible(isVisible)}>
    <View style={[styles.item, {backgroundColor: isInView ? 'yellow' : '#f9c2ff'}]}>
      <Text>This View is currently visible? {isInView ? 'yes': 'no'}</Text>
    </View>
  </InView>
</ScrollView>

// ...
```
</td>

<td style="width: 50%; min-width: 200px; border-color: transparent; text-align: center;">

## Demo

  <img src="https://drive.google.com/uc?export=view&id=1jjU2o1SnUEMvFR9MMqQHOaGtPOVdW7M-" style="width: 250px; max-width: 100%; height: auto" title="The original legends in a demo." alt="demo"/>
</td>
 </tr>
</table>


## Contributing

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

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
npm package: @se7ensky/webiny-api-page-builder-page-settings-additional
Description: SE7ENSKY plugin for Webiny
Author: SE7ENSKY
Latest version: 1.5.2

# SE7ENSKY WEBINY PLUGIN

## Install
```
yarn add webiny-plugin-name....
```

## Setup
To setup, you must register a set of plugins. For more information on
plugins, please visit [Webiny documentation](https://docs.webiny.com/docs/developer-tutorials/plugins-crash-course).

#### Admin
```
import pluginName from "webiny-plugin-name..../admin"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(...pluginName);
```

This enables plugin in your admin.

#### Site
```
import pluginName from "webiny-plugin-name..../render"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(..pluginName);
```

This enables plugin in your public website.
npm package: @se7ensky/webiny-api-page-builder-page-settings-connections
Description: SE7ENSKY plugin for Webiny
Author: SE7ENSKY
Latest version: 1.5.0

# SE7ENSKY WEBINY PLUGIN

## Install
```
yarn add webiny-plugin-name....
```

## Setup
To setup, you must register a set of plugins. For more information on
plugins, please visit [Webiny documentation](https://docs.webiny.com/docs/developer-tutorials/plugins-crash-course).

#### Admin
```
import pluginName from "webiny-plugin-name..../admin"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(...pluginName);
```

This enables plugin in your admin.

#### Site
```
import pluginName from "webiny-plugin-name..../render"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(..pluginName);
```

This enables plugin in your public website.
npm package: @se7ensky/webiny-api-page-builder-unpublish-page
Description: SE7ENSKY plugin for Webiny
Author: SE7ENSKY
Latest version: 1.5.0

# SE7ENSKY WEBINY PLUGIN

## Install
```
yarn add webiny-plugin-name....
```

## Setup
To setup, you must register a set of plugins. For more information on
plugins, please visit [Webiny documentation](https://docs.webiny.com/docs/developer-tutorials/plugins-crash-course).

#### Admin
```
import pluginName from "webiny-plugin-name..../admin"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(...pluginName);
```

This enables plugin in your admin.

#### Site
```
import pluginName from "webiny-plugin-name..../render"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(..pluginName);
```

This enables plugin in your public website.
npm package: @se7ensky/webiny-app-page-builder-classname
Description: SE7ENSKY plugin for Webiny
Author: SE7ENSKY
Latest version: 1.5.0

# SE7ENSKY WEBINY PLUGIN

## Install
```
yarn add webiny-plugin-name....
```

## Setup
To setup, you must register a set of plugins. For more information on
plugins, please visit [Webiny documentation](https://docs.webiny.com/docs/developer-tutorials/plugins-crash-course).

#### Admin
```
import pluginName from "webiny-plugin-name..../admin"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(...pluginName);
```

This enables plugin in your admin.

#### Site
```
import pluginName from "webiny-plugin-name..../render"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(..pluginName);
```

This enables plugin in your public website.
npm package: @se7ensky/webiny-app-page-builder-custom-google-map
Description: Google Map widget for Webiny Page Builder
Author: SE7ENSKY
Latest version: 1.5.0

# Webiny Google Maps Plugin

Adds a Google Maps element to Webiny Page Builder.

## Setup
To activate the plugin you need to install it and import it inside your `Admin` app and inside the `Site` app. To do that, follow the two sections below.

#### Admin

Because Webiny uses a monorepo setup, you will need to run the install command from the correct app, and not from your project root folder. In your project folder navigate to `apps/admin` and install the plugin like so:

```
yarn add @se7ensky/webiny-app-page-builder-custom-google-map
```

Then inside the same folder open the file `src/plugins/index.js` and add the following import:

``` js
import googleMapsPlugin from "@se7ensky/webiny-app-page-builder-custom-google-map/admin";
```

After the import, make sure to include your plugin name inside the `plugins` array, like so:
```js
const plugins = [
    ///...,
    googleMapsPlugin ({}),
];
```

This enables the plugin in your admin.

#### Site

Enabling the plugin for the `Site` app has a similar approach. 
In your project root navigate to `apps/site` folder. There run the install command:

```
yarn add @se7ensky/webiny-app-page-builder-custom-google-map
```

Then inside the same folder open the file `src/plugins/index.js` and add the following import:

```js
import googleMapsPlugin from "@se7ensky/webiny-app-page-builder-custom-google-map/render";
```

And then register the plugin like so:

```js
const plugins = [
    ///...,
    googleMapsPlugin
];
```

This enables plugin in your public website. And that was it. Rebuild your project and the plugin should be visible.

## How to use the plugin

This plugin is available from Webiny Page Builder. Inside the Page Builder editor you'll find Google Map as one of the elements that you can now add to your pages.

By default the plugin is available under the "Basic" group. If you wish to move the plugin to another group, you can pass on the group id as a parameter when registering the plugin, like so:

```js
const plugins = [
    ///...,
    googleMapsPlugin ({groupName: 'pb-editor-element-group-custom'}),
];
```
npm package: @se7ensky/webiny-app-page-builder-custom-image-hovered
Description: SE7ENSKY plugin for Webiny
Author: SE7ENSKY
Latest version: 1.5.0

# SE7ENSKY WEBINY PLUGIN

## Install
```
yarn add webiny-plugin-name....
```

## Setup
To setup, you must register a set of plugins. For more information on
plugins, please visit [Webiny documentation](https://docs.webiny.com/docs/developer-tutorials/plugins-crash-course).

#### Admin
```
import pluginName from "webiny-plugin-name..../admin"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(...pluginName);
```

This enables plugin in your admin.

#### Site
```
import pluginName from "webiny-plugin-name..../render"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(..pluginName);
```

This enables plugin in your public website.
npm package: @se7ensky/webiny-app-page-builder-custom-image-link
Description: SE7ENSKY plugin for Webiny
Author: SE7ENSKY
Latest version: 1.5.0

# SE7ENSKY WEBINY PLUGIN

## Install
```
yarn add webiny-plugin-name....
```

## Setup
To setup, you must register a set of plugins. For more information on
plugins, please visit [Webiny documentation](https://docs.webiny.com/docs/developer-tutorials/plugins-crash-course).

#### Admin
```
import pluginName from "webiny-plugin-name..../admin"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(...pluginName);
```

This enables plugin in your admin.

#### Site
```
import pluginName from "webiny-plugin-name..../render"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(..pluginName);
```

This enables plugin in your public website.
npm package: @se7ensky/webiny-app-page-builder-custom-video
Description: SE7ENSKY plugin for Webiny
Author: SE7ENSKY
Latest version: 1.5.0

# SE7ENSKY WEBINY PLUGIN

## Install
```
yarn add webiny-plugin-name....
```

## Setup
To setup, you must register a set of plugins. For more information on
plugins, please visit [Webiny documentation](https://docs.webiny.com/docs/developer-tutorials/plugins-crash-course).

#### Admin
```
import pluginName from "webiny-plugin-name..../admin"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(...pluginName);
```

This enables plugin in your admin.

#### Site
```
import pluginName from "webiny-plugin-name..../render"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(..pluginName);
```

This enables plugin in your public website.
npm package: @se7ensky/webiny-app-page-builder-custom-video-bg
Description: SE7ENSKY plugin for Webiny
Author: SE7ENSKY
Latest version: 1.5.0

# SE7ENSKY WEBINY PLUGIN

## Install
```
yarn add webiny-plugin-name....
```

## Setup
To setup, you must register a set of plugins. For more information on
plugins, please visit [Webiny documentation](https://docs.webiny.com/docs/developer-tutorials/plugins-crash-course).

#### Admin
```
import pluginName from "webiny-plugin-name..../admin"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(...pluginName);
```

This enables plugin in your admin.

#### Site
```
import pluginName from "webiny-plugin-name..../render"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(..pluginName);
```

This enables plugin in your public website.
npm package: @se7ensky/webiny-app-page-builder-duplicate-page
Description: SE7ENSKY plugin for Webiny
Author: SE7ENSKY
Latest version: 1.5.0

# SE7ENSKY WEBINY PLUGIN

## Install
```
yarn add webiny-plugin-name....
```

## Setup
To setup, you must register a set of plugins. For more information on
plugins, please visit [Webiny documentation](https://docs.webiny.com/docs/developer-tutorials/plugins-crash-course).

#### Admin
```
import pluginName from "webiny-plugin-name..../admin"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(...pluginName);
```

This enables plugin in your admin.

#### Site
```
import pluginName from "webiny-plugin-name..../render"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(..pluginName);
```

This enables plugin in your public website.
npm package: @se7ensky/webiny-app-page-builder-element-groups
Description: SE7ENSKY plugin for Webiny
Author: SE7ENSKY
Latest version: 1.5.0

# SE7ENSKY WEBINY PLUGIN

## Install
```
yarn add webiny-plugin-name....
```

## Setup
To setup, you must register a set of plugins. For more information on
plugins, please visit [Webiny documentation](https://docs.webiny.com/docs/developer-tutorials/plugins-crash-course).

#### Admin
```
import pluginName from "webiny-plugin-name..../admin"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(...pluginName);
```

This enables plugin in your admin.

#### Site
```
import pluginName from "webiny-plugin-name..../render"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(..pluginName);
```

This enables plugin in your public website.
npm package: @se7ensky/webiny-app-page-builder-images-carousel
Description: SE7ENSKY plugin for Webiny
Author: SE7ENSKY
Latest version: 1.5.0

# SE7ENSKY WEBINY PLUGIN

## Install
```
yarn add webiny-plugin-name....
```

## Setup
To setup, you must register a set of plugins. For more information on
plugins, please visit [Webiny documentation](https://docs.webiny.com/docs/developer-tutorials/plugins-crash-course).

#### Admin
```
import pluginName from "webiny-plugin-name..../admin"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(...pluginName);
```

This enables plugin in your admin.

#### Site
```
import pluginName from "webiny-plugin-name..../render"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(..pluginName);
```

This enables plugin in your public website.
npm package: @se7ensky/webiny-app-page-builder-page-settings-additional
Description: SE7ENSKY plugin for Webiny
Author: SE7ENSKY
Latest version: 1.5.0

# SE7ENSKY WEBINY PLUGIN

## Install
```
yarn add webiny-plugin-name....
```

## Setup
To setup, you must register a set of plugins. For more information on
plugins, please visit [Webiny documentation](https://docs.webiny.com/docs/developer-tutorials/plugins-crash-course).

#### Admin
```
import pluginName from "webiny-plugin-name..../admin"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(...pluginName);
```

This enables plugin in your admin.

#### Site
```
import pluginName from "webiny-plugin-name..../render"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(..pluginName);
```

This enables plugin in your public website.
npm package: @se7ensky/webiny-app-page-builder-page-settings-connections
Description: SE7ENSKY plugin for Webiny
Author: SE7ENSKY
Latest version: 1.5.0

# SE7ENSKY WEBINY PLUGIN

## Install
```
yarn add webiny-plugin-name....
```

## Setup
To setup, you must register a set of plugins. For more information on
plugins, please visit [Webiny documentation](https://docs.webiny.com/docs/developer-tutorials/plugins-crash-course).

#### Admin
```
import pluginName from "webiny-plugin-name..../admin"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(...pluginName);
```

This enables plugin in your admin.

#### Site
```
import pluginName from "webiny-plugin-name..../render"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(..pluginName);
```

This enables plugin in your public website.
npm package: @se7ensky/webiny-app-page-builder-slider
Description: SE7ENSKY plugin for Webiny.
Author: SE7ENSKY
Latest version: 1.5.0

# SE7ENSKY WEBINY PLUGIN

## Install
```
yarn add webiny-plugin-name....
```

## Setup
To setup, you must register a set of plugins. For more information on
plugins, please visit [Webiny documentation](https://docs.webiny.com/docs/developer-tutorials/plugins-crash-course).

#### Admin
```
import pluginName from "webiny-plugin-name..../admin"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(...pluginName);
```

This enables plugin in your admin.

#### Site
```
import pluginName from "webiny-plugin-name..../render"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(..pluginName);
```

This enables plugin in your public website.
npm package: @se7ensky/webiny-app-page-builder-unpublish-page
Description: SE7ENSKY plugin for Webiny
Author: SE7ENSKY
Latest version: 1.5.0

# SE7ENSKY WEBINY PLUGIN

## Install
```
yarn add webiny-plugin-name....
```

## Setup
To setup, you must register a set of plugins. For more information on
plugins, please visit [Webiny documentation](https://docs.webiny.com/docs/developer-tutorials/plugins-crash-course).

#### Admin
```
import pluginName from "webiny-plugin-name..../admin"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(...pluginName);
```

This enables plugin in your admin.

#### Site
```
import pluginName from "webiny-plugin-name..../render"
import { registerPlugins } from "@webiny/plugins";

registerPlugins(..pluginName);
```

This enables plugin in your public website.