open-index/open-npm huggingface dataset:
npm package: @scaleflex/i18n-it
Description: Backend plugin to load data via i18n.it service for i18next
Author: scaleflex
Latest version: 1.0.3

[![Contributions welcome](https://img.shields.io/badge/contributions-welcome-orange.svg)](#contributing)
[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![Scaleflex team](https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg)](https://www.scaleflex.it/en/home)

<h1 align="center">
   @scaleflex/i18n-it
</h1>

Backend plugin to load data via i18n.it service for i18next

---

## Install

```npm i @scaleflex/i18n-it --save```

---
usage

i18n.client.js
```js
import i18n from 'i18next';
import Backend from '@scaleflex/i18n-it';

const newInstance = i18n.createInstance();  // create new instance (helpful if you have nested i18nProviders)

newInstance
  .use(Backend)
  .init({
    fallbackLng: false,
    lng: 'en',                  // initial language
    ns: ['translations'],
    defaultNS: 'translations',
    debug: false,
    load: 'languageOnly',
    keySeparator: false,
    nsSeparator: false,
    saveMissing: true,
    react: {
      wait: true
    },
    backend: {
      uuid: 'xxx'                // your grid key in i18n.it service
    }
  });


export default newInstance;
```

in your index.js

```js
...
// import I18nextProvider from react-i18next and i18n from i18n.client.js
import { I18nextProvider } from 'react-i18next';
import i18n from './i18nIt/i18n.client'


ReactDOM.render(
  <I18nextProvider i18n={i18n}>  // wrap your app with I18nextProvider and pass i18n module
    <Suspense fallback="loading">
      <App/>
    </Suspense>
  </I18nextProvider>,
  document.getElementById('root')
);
```

>
> ! make sure you use the correct language formats everywhere in your app. Different formats like “fr” / “fr-FR” / “fr-fr”  will cause to extra API call.
>

check the documentation for [i18next](https://www.i18next.com/)


## <a name="contributing"></a>Contributing!

All contributions are super welcome!

## <a name="license"></a>License
@scaleflex/i18n-it is provided under the [MIT License](https://opensource.org/licenses/MIT)
npm package: @scaleflex/icons
Description: SVG icons as React components
Author: scaleflex
Latest version: 3.0.1

# @scaleflex/icons

SVG icons as React components.

---

## Installation

```shell script
npm i @scaleflex/icons # react react-dom
```

```shell script
yarn add @scaleflex/icons # react react-dom
```

> Make sure to have `react` and `react-dom` installed in your package as they are included in our peer dependencies.

## Usage

Every icon present in this package is a pure React component, wrapping plain `svg` element.
Each component is exported by default and gives access to the `ref` and `className` props, as well as standard `svg` attributes.

```typescript jsx
import DownloadIcon from '@scaleflex/icons/download';
```
npm package: @scaleflex/icons-tw
Description: SVG icons as React components
Author: scaleflex
Latest version: 0.0.152

# @scaleflex/icons

SVG icons as React components.

---

TODO: update doc

## Installation

```shell script
npm i @scaleflex/icons # react react-dom
```

```shell script
yarn add @scaleflex/icons # react react-dom
```

> Make sure to have `react` and `react-dom` installed in your package as they are included in our peer dependencies.

## Usage

Every icon present in this package is a pure React component, wrapping plain `svg` element.
Each component is exported by default and gives access to the `ref` and `className` props, as well as standard `svg` attributes.

```typescript jsx
import DownloadIcon from '@scaleflex/icons-tw/download'
```
npm package: @scaleflex/ui
Description: React UI components library by Scaleflex Company
Author: scaleflex
Latest version: 3.0.9

# @scaleflex/ui

React UI components library by Scaleflex

---

## Installation

```shell script
npm i @scaleflex/ui # styled-components react react-dom
```

```shell script
yarn add @scaleflex/ui # styled-components react react-dom
```

> Make sure to have `react`, `react-dom` and `styled-components` installed in your package as they are included in our peer dependencies.

## Usage

Scaleflex UI includes several parts:

- [`core`](src/core/README.md)
- [`hooks`](src/hooks/README.md)
- [`theme`](src/theme/README.md)
- [`utils`](src/utils/README.md)
npm package: @scaleflex/ui-tw
Description: React UI components library based on Tailwind and ShadCN by Scaleflex Company
Author: scaleflex
Latest version: 0.0.152

# @scaleflex/ui-tw

React UI components library based on shadcn and tailwind by Scaleflex

---

TODO: Update doc

## Installation

```shell script
yarn add @scaleflex/ui-tw
```
npm package: @scaleflex/widget-box
Description: Import files from Box, into Scaleflex.
Latest version: 4.8.13

# @scaleflex/widget-box

[![Plugins][plugins-image]](#plugins)
[![Website][filerobot-image]][sfx-url]
[![Version][filerobot-version]][version-url]
[![Scaleflex team][made-by-image]][sfx-url]
[![License][license-image]][license-url]
[![CodeSandbox][codeSandbox-image]][codeSandbox-url]


<div align='center'>
<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
</div>

The Box plugin for [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core) lets users import files from their Box account.

## Usage

### NPM

```bash
npm install --save @scaleflex/widget-box
```
### YARN

```bash
yarn add @scaleflex/widget-box
```
then

```js
import Box from '@scaleflex/widget-box'
...
...
...
scaleflexWidget.use(Box, propertiesObject)
```

### CDN

The plugin from CDN is found inside `Scaleflex` global object `Scaleflex.Box`

```js
const box = window.ScaleflexWidget.Box
...
...
...
scaleflexWidget.use(box, propertiesObject)
```

## Properties
### `title`

<u>Type:</u> `string`.

<u>Default:</u> `Box`

The title/label that would be shown & used for the plugin.

### `companionHeaders`

<u>Type:</u> `null` | `object`.

<u>Default:</u> `null`

If you need to pass additional headers for in companion requests then pass them in this property.

<!-- Variables -->

[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-box
[license-url]: https://opensource.org/licenses/MIT
[sfx-url]: https://www.scaleflex.com/
[version-url]: https://www.npmjs.com/package/@scaleflex/widget-box
[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js


[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-box?label=Version&style=for-the-badge&logo=npm
[codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox
npm package: @scaleflex/widget-common
Description: The common components shared between Scaleflex Media Asset Widget modules
Latest version: 4.8.13

# `@scaleflex/widget-common`

[![Plugins][plugins-image]](#plugins)
[![Website][filerobot-image]][sfx-url]
[![Version][filerobot-version]][version-url]
[![Scaleflex team][made-by-image]][sfx-url]
[![License][license-image]][license-url]
[![CodeSandbox][codeSandbox-image]][codeSandbox-url]


<div align='center'>
<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
</div>

A helper NPM package containing the main components utilized by [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core).

## Usage

### NPM

```bash
npm install --save @scaleflex/widget-common
```

### YARN

```bash
yarn add @scaleflex/widget-common
```

then

```js
import { RangeSlider } from '@scaleflex/widget-common'
...
...
...
<RangeSlider {...rangeSliderProps} />
```

> Note: Check each component's props from the component's file itself.

<!-- Variables -->

[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-common
[license-url]: https://opensource.org/licenses/MIT
[sfx-url]: https://www.scaleflex.com/
[version-url]: https://www.npmjs.com/package/@scaleflex/widget-common
[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js


[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-common?label=Version&style=for-the-badge&logo=npm
[codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox
npm package: @scaleflex/widget-companion-client
Description: Client library for communication with Companion. Intended for use in Scaleflex plugins.
Latest version: 4.8.13

# @scaleflex/widget-companion-client

[![Plugins][plugins-image]](#plugins)
[![Website][filerobot-image]][sfx-url]
[![Version][filerobot-version]][version-url]
[![Scaleflex team][made-by-image]][sfx-url]
[![License][license-image]][license-url]
[![CodeSandbox][codeSandbox-image]][codeSandbox-url]


<div align='center'>
<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
</div>

The package used internally in [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core) while communicating with companion of backend for handling 3rd parties uploading.


<!-- Variables -->

[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-companion-client
[license-url]: https://opensource.org/licenses/MIT
[sfx-url]: https://www.scaleflex.com/
[version-url]: https://www.npmjs.com/package/@scaleflex/widget-companion-client
[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js


[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-companion-client?label=Version&style=for-the-badge&logo=npm
[codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox
npm package: @scaleflex/widget-drag-drop
Description: Droppable zone UI for Filrobot filerobot. Drag and drop files into it to upload.
Latest version: 4.8.13

# @scaleflex/widget-drag-drop

[![Plugins][plugins-image]](#plugins)
[![Website][filerobot-image]][sfx-url]
[![Version][filerobot-version]][version-url]
[![Scaleflex team][made-by-image]][sfx-url]
[![License][license-image]][license-url]
[![CodeSandbox][codeSandbox-image]][codeSandbox-url]


<div align='center'>
<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
</div>

Drag drop container. On Drop it opens [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core) as a modal.

## Usage

### NPM

```bash
npm install --save @scaleflex/widget-drag-drop
```
### YARN

```bash
yarn add @scaleflex/widget-drag-drop
```
then

```js
import DragDrop from '@scaleflex/widget-drag-drop'
...
...
...
scaleflexWidget.use(DragDrop, propertiesObject)
```

### CDN

The plugin from CDN is found inside `Scaleflex` global object `Scaleflex.DragDrop`

```js
const DragDrop = window.ScaleflexWidget.DragDrop
...
...
...
scaleflexWidget.use(DragDrop, propertiesObject)
```
<!-- TODO(docs): add properties -->


<!-- Variables -->

[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-drag-drop
[license-url]: https://opensource.org/licenses/MIT
[sfx-url]: https://www.scaleflex.com/
[version-url]: https://www.npmjs.com/package/@scaleflex/widget-drag-drop
[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js


[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-drag-drop?label=Version&style=for-the-badge&logo=npm
[codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox
npm package: @scaleflex/widget-dropbox
Description: Import files from Dropbox, into Scaleflex.
Latest version: 4.8.13

# @scaleflex/widget-dropbox

[![Plugins][plugins-image]](#plugins)
[![Website][filerobot-image]][sfx-url]
[![Version][filerobot-version]][version-url]
[![Scaleflex team][made-by-image]][sfx-url]
[![License][license-image]][license-url]
[![CodeSandbox][codeSandbox-image]][codeSandbox-url]


<div align='center'>
<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
</div>

The Dropbox plugin for [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core). lets users import files from their Dropbox account.


## Usage

### NPM

```bash
npm install --save @scaleflex/widget-dropbox
```
### YARN

```bash
yarn add @scaleflex/widget-dropbox
```

then

```js
import Dropbox from '@scaleflex/widget-dropbox'
...
...
...
scaleflexWidget.use(Dropbox, propertiesObject)
```

### CDN

The plugin from CDN is found inside `Scaleflex` global object `Scaleflex.Dropbox`

```js
const dropbox = window.ScaleflexWidget.Dropbox
...
...
...
scaleflexWidget.use(dropbox, propertiesObject)
```

## Properties

### `title`

<u>Type:</u> `string`

<u>Default:</u> `'Dropbox'`

The title/label that would be shown & used for the plugin.

### `companionHeaders`

<u>Type:</u> `null` | `object`

<u>Default:</u> `null`

If you need to pass additional headers for in companion requests then pass them in this property.


<!-- Variables -->

[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-dropbox
[license-url]: https://opensource.org/licenses/MIT
[sfx-url]: https://www.scaleflex.com/
[version-url]: https://www.npmjs.com/package/@scaleflex/widget-dropbox
[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js


[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-dropbox?label=Version&style=for-the-badge&logo=npm
[codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox
npm package: @scaleflex/widget-facebook
Description: Import files from Facebook, into Scaleflex.
Latest version: 4.8.13

# @scaleflex/widget-facebook

[![Plugins][plugins-image]](#plugins)
[![Website][filerobot-image]][sfx-url]
[![Version][filerobot-version]][version-url]
[![Scaleflex team][made-by-image]][sfx-url]
[![License][license-image]][license-url]
[![CodeSandbox][codeSandbox-image]][codeSandbox-url]


<div align='center'>
<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
</div>

The Facebook plugin for [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core) lets users import files from their Facebook account.

## Usage

### NPM

```bash
npm install --save @scaleflex/widget-facebook
```

### YARN

```bash
yarn add @scaleflex/widget-facebook
```

then

```js
import Facebook from '@scaleflex/widget-facebook'
...
...
...
scaleflexWidget.use(Facebook, propertiesObject)
```

### CDN

The plugin from CDN is found inside `Scaleflex` global object `Scaleflex.Facebook`

```js
const facebook = window.ScaleflexWidget.Facebook
...
...
...
scaleflexWidget.use(facebook, propertiesObject)
```

## Properties

### `title`

<u>Type:</u> `string`

<u>Default:</u> `'Facebook'`

The title/label that would be shown & used for the plugin.

### `companionHeaders`

<u>Type:</u> `null` | `object`

<u>Default:</u> `null`

If you need to pass additional headers for in companion requests then pass them in this property.

<!-- Variables -->

[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-facebook
[license-url]: https://opensource.org/licenses/MIT
[sfx-url]: https://www.scaleflex.com/
[version-url]: https://www.npmjs.com/package/@scaleflex/widget-facebook
[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js


[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-facebook?label=Version&style=for-the-badge&logo=npm
[codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox
npm package: @scaleflex/widget-google-drive
Description: Google Drive plugin for Scaleflex Widget lets users import files from their Google Drive account into Scaleflex
Latest version: 4.8.13

# @scaleflex/widget-google-drive

[![Plugins][plugins-image]](#plugins)
[![Website][filerobot-image]][sfx-url]
[![Version][filerobot-version]][version-url]
[![Scaleflex team][made-by-image]][sfx-url]
[![License][license-image]][license-url]
[![CodeSandbox][codeSandbox-image]][codeSandbox-url]

<div align='center'>
<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
</div>

The Google Drive plugin for [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core) lets users import files from their Google Drive account.

## Usage

### NPM

```bash
npm install --save @scaleflex/widget-google-drive
```

### YARN

```bash
yarn add @scaleflex/widget-google-drive
```

then

```js
import GoogleDrive from '@scaleflex/widget-google-drive'
...
...
...
scaleflexWidget.use(GoogleDrive, propertiesObject)
```

### CDN

The plugin from CDN is found inside `Scaleflex` global object `Scaleflex.GoogleDrive`

```js
const googleDrive = window.ScaleflexWidget.GoogleDrive
...
...
...
scaleflexWidget.use(googleDrive, propertiesObject)
```

## Properties

### `title`

<u>Type:</u> `string`

<u>Default:</u> `'Google Drive'`

The title/label that would be shown & used for the plugin.

### `companionHeaders`

<u>Type:</u> `null` | `object`

<u>Default:</u> `null`

If you need to pass additional headers for in companion requests then pass them in this property.

<!-- Variables -->

[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-google-drive
[license-url]: https://opensource.org/licenses/MIT
[sfx-url]: https://www.scaleflex.com/
[version-url]: https://www.npmjs.com/package/@scaleflex/widget-google-drive
[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js


[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-google-drive?label=Version&style=for-the-badge&logo=npm
[codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox
npm package: @scaleflex/widget-icons
Description: The icons needed for Scaleflex Media Asset Widget modules
Latest version: 4.8.13

# `@scaleflex/widget-icons`

[![Plugins][plugins-image]](#plugins)
[![Website][filerobot-image]][sfx-url]
[![Version][filerobot-version]][version-url]
[![Scaleflex team][made-by-image]][sfx-url]
[![License][license-image]][license-url]
[![CodeSandbox][codeSandbox-image]][codeSandbox-url]


<div align='center'>
<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
</div>

A helper NPM package contains all the SVG icons used by [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core) exported and ready to be used.

## Usage

### NPM

```bash
npm install --save @scaleflex/widget-icons
```
### YARN

```bash
yarn add @scaleflex/widget-icons
```


then

```js
import { TickArrowIcon } from '@scaleflex/widget-icons'
...
...
...
<TickArrowIcon color="#FFFFFF" onClick={() => console.log('tick')} />
```

<!-- Variables -->

[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-icons
[license-url]: https://opensource.org/licenses/MIT
[sfx-url]: https://www.scaleflex.com/
[version-url]: https://www.npmjs.com/package/@scaleflex/widget-icons
[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js

[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-icons?label=Version&style=for-the-badge&logo=npm
[codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox
npm package: @scaleflex/widget-instagram
Description: Import photos and videos from Instagram, into Scaleflex.
Latest version: 4.8.13

# @scaleflex/widget-instagram

[![Plugins][plugins-image]](#plugins)
[![Website][filerobot-image]][sfx-url]
[![Version][filerobot-version]][version-url]
[![Scaleflex team][made-by-image]][sfx-url]
[![License][license-image]][license-url]
[![CodeSandbox][codeSandbox-image]][codeSandbox-url]


<div align='center'>
<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
</div>

The Instagram [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core) lets users import photos from their Instagram account.

## Usage

### NPM

```bash
npm install --save @scaleflex/widget-instagram
```
### YARN

```bash
yarn add @scaleflex/widget-instagram
```

then

```js
import Instagram from '@scaleflex/widget-instagram'
...
...
...
scaleflexWidget.use(Instagram, propertiesObject)
```

### CDN

The plugin from CDN is found inside `Scaleflex` global object `Scaleflex.Instagram`

```js
const Instagram = window.ScaleflexWidget.Instagram
...
...
...
scaleflexWidget.use(Instagram, propertiesObject)
```

## Properties

### `title`

<u>Type:</u> `string`

<u>Default:</u> `'Instagram'`

The title/label that would be shown & used for the plugin.

### `companionHeaders`

<u>Type:</u> `null` | `object`

<u>Default:</u> `null`

If you need to pass additional headers for in companion requests then pass them in this property.

<!-- Variables -->

[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-instagram
[license-url]: https://opensource.org/licenses/MIT
[sfx-url]: https://www.scaleflex.com/
[version-url]: https://www.npmjs.com/package/@scaleflex/widget-instagram
[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js

[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-instagram?label=Version&style=for-the-badge&logo=npm
npm package: @scaleflex/widget-media-player
Description: Media player integration for video/audio files with Scaleflex
Latest version: 4.8.13

# `@scaleflex/widget-media-player`

[![Plugins][plugins-image]](#plugins)
[![Website][filerobot-image]][sfx-url]
[![Version][filerobot-version]][version-url]
[![Scaleflex team][made-by-image]][sfx-url]
[![License][license-image]][license-url]
[![CodeSandbox][codeSandbox-image]][codeSandbox-url]


<div align='center'>
<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
</div>

The media-player plugin provides player controls to audio/video files in [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core).
> Note: The supported playback audio/video formats are `audio/mpeg, audio/ogg, audio/wav, video/mp4, video/quicktime, video/3gpp, video/x-msvideo, video/webm, video/x-matroska`


## Usage

### NPM

```bash
npm install --save @scaleflex/widget-media-player
```

### YARN

```bash
yarn add @scaleflex/widget-media-player
```

then

```js
import MediaPlayer from '@scaleflex/widget-media-player
...
...
...
scaleflexWidget.use(MediaPlayer)
```

### CDN

The plugin from CDN is found inside `Scaleflex` global object `Scaleflex.MediaPlayer`

```js
const MediaPlayer = window.ScaleflexWidget.MediaPlayer
...
...
...
scaleflexWidget.use(MediaPlayer)
```

<!-- Variables -->

[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-media-player
[license-url]: https://opensource.org/licenses/MIT
[sfx-url]: https://www.scaleflex.com/
[version-url]: https://www.npmjs.com/package/@scaleflex/widget-media-player
[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js

[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-media-player?label=Version&style=for-the-badge&logo=npm
[codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox
npm package: @scaleflex/widget-onedrive
Description: Import files from OneDrive, into Scaleflex.
Latest version: 4.8.13

# @scaleflex/widget-onedrive

[![Plugins][plugins-image]](#plugins)
[![Website][filerobot-image]][sfx-url]
[![Version][filerobot-version]][version-url]
[![Scaleflex team][made-by-image]][sfx-url]
[![License][license-image]][license-url]

<div align='center'>
<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
</div>

The OneDrive plugin for [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core) lets users import files from their OneDrive account.

## Usage

### NPM

```bash
npm install --save @scaleflex/widget-onedrive
```

### YARN

```bash
yarn add @scaleflex/widget-onedrive
```

then

```js
import OneDrive from '@scaleflex/widget-onedrive'
...
...
...
scaleflexWidget.use(OneDrive, propertiesObject)
```

### CDN

The plugin from CDN is found inside `Scaleflex` global object `Scaleflex.OneDrive`

```js
const oneDrive = window.ScaleflexWidget.OneDrive
...
...
...
scaleflexWidget.use(oneDrive, propertiesObject)
```

## Properties
### `title`

<u>Type:</u> `string`

<u>Default:</u> `'OneDrive'`

The title/label that would be shown & used for the plugin.

### `companionHeaders`

<u>Type:</u> `null` | `object`

<u>Default:</u> `null`

If you need to pass additional headers for in companion requests then pass them in this property.

<!-- Variables -->

[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-onedrive
[license-url]: https://opensource.org/licenses/MIT
[sfx-url]: https://www.scaleflex.com/
[version-url]: https://www.npmjs.com/package/@scaleflex/widget-onedrive
[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js

[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-onedrive?label=Version&style=for-the-badge&logo=npm
[codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox
npm package: @scaleflex/widget-pdf-js
Description: Pdf-js integration with Scaleflex
Latest version: 4.8.13

# `@scaleflex/widget-pdf-js`

[![Plugins][plugins-image]](#plugins)
[![Website][filerobot-image]][sfx-url]
[![Version][filerobot-version]][version-url]
[![Scaleflex team][made-by-image]][sfx-url]
[![License][license-image]][license-url]
[![CodeSandbox][codeSandbox-image]][codeSandbox-url]


<div align='center'>
<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
</div>

The pdf-js plugin provides functionality for preview pdf pages in [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core).

## Usage

### NPM

```bash
npm install --save @scaleflex/widget-pdf-js
```

### YARN

```bash
yarn add @scaleflex/widget-pdf-js
```

then

```js
import PdfJs from '@scaleflex/widget-pdf-js'
...
...
...
scaleflexWidget.use(PdfJs)
```

### CDN

The plugin from CDN is found inside `Scaleflex` global object `Scaleflex.PdfJs`

```js
const PdfJs = window.ScaleflexWidget.PdfJs
...
...
...
scaleflexWidget.use(PdfJs)
```

<!-- Variables -->

[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-pdf-js
[license-url]: https://opensource.org/licenses/MIT
[sfx-url]: https://www.scaleflex.com/
[version-url]: https://www.npmjs.com/package/@scaleflex/widget-pdf-js
[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js

[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-pdf-js?label=Version&style=for-the-badge&logo=npm
[codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox
npm package: @scaleflex/widget-pdftron
Description: PDFTRON integration with Scaleflex
Latest version: 4.8.13

# `@scaleflex/widget-pdftron`

[![Plugins][plugins-image]](#plugins)
[![Website][filerobot-image]][sfx-url]
[![Version][filerobot-version]][version-url]
[![Scaleflex team][made-by-image]][sfx-url]
[![License][license-image]][license-url]
[![CodeSandbox][codeSandbox-image]][codeSandbox-url]


<div align='center'>
<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
</div>

pdftron integration with [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core).

<!-- TODD(docs): add usage and properties section -->

<!-- Variables -->

[npm-url]: https://www.npmjs.com/package/@filerobobt/pdftron
[license-url]: https://opensource.org/licenses/MIT
[sfx-url]: https://www.scaleflex.com/
[version-url]: https://www.npmjs.com/package/@scaleflex/widget-pdftron
[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js

[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-pdftron?label=Version&style=for-the-badge&logo=npm
[codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox
npm package: @scaleflex/widget-provider-views
Description: View library for Scaleflex remote provider plugins.
Latest version: 4.8.13

# `@scaleflex/widget-provider-views`

[![Plugins][plugins-image]](#plugins)
[![Website][filerobot-image]][sfx-url]
[![Version][filerobot-version]][version-url]
[![Scaleflex team][made-by-image]][sfx-url]
[![License][license-image]][license-url]
[![CodeSandbox][codeSandbox-image]][codeSandbox-url]


<div align='center'>
<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
</div>

View library for [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core) remote provider plugins.

## Usage

> Unless you are creating a custom provider plugin, you do not need to install this.
### NPM

```bash
npm install --save @scaleflex/widget-provider-views
```
### YARN

```bash
yarn add @scaleflex/widget-provider-views
```

<!-- Variables -->

[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-provider-views
[license-url]: https://opensource.org/licenses/MIT
[sfx-url]: https://www.scaleflex.com/
[version-url]: https://www.npmjs.com/package/@scaleflex/widget-provider-views
[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js

[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-provider-views?label=Version&style=for-the-badge&logo=npm
npm package: @scaleflex/widget-tus
Description: Resumable uploads for Scaleflex using Tus.io
Latest version: 4.8.13

# @scaleflex/widget-tus

[![Plugins][plugins-image]](#plugins)
[![Website][filerobot-image]][sfx-url]
[![Version][filerobot-version]][version-url]
[![Scaleflex team][made-by-image]][sfx-url]
[![License][license-image]][license-url]
[![CodeSandbox][codeSandbox-image]][codeSandbox-url]


<div align='center'>
<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
</div>

<!-- Variables -->

[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-tus
[license-url]: https://opensource.org/licenses/MIT
[sfx-url]: https://www.scaleflex.com/
[version-url]: https://www.npmjs.com/package/@scaleflex/widget-tus
[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js

[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-tus?label=Version&style=for-the-badge&logo=npm
[codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox
npm package: @scaleflex/widget-unsplash
Description: Import files from Unsplash, the free stock photography resource
Latest version: 4.8.13

<!-- Variables -->

[![Plugins][plugins-image]](#plugins)
[![Website][filerobot-image]][sfx-url]
[![Version][filerobot-version]][version-url]
[![Scaleflex team][made-by-image]][sfx-url]
[![License][license-image]][license-url]
[![CodeSandbox][codeSandbox-image]][codeSandbox-url]


<div align='center'>
<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
</div>

The Unsplash plugin for [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core) lets users import files from Unsplash, the free stock photography resource.



[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-unsplash
[license-url]: https://opensource.org/licenses/MIT
[sfx-url]: https://www.scaleflex.com/
[version-url]: https://www.npmjs.com/package/@scaleflex/widget-@scaleflex/widget-unsplash
[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js

[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-unsplash?label=Version&style=for-the-badge&logo=npm
[codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox
npm package: @scaleflex/widget-utils
Description: Shared utility functions for filerobot modules
Latest version: 4.8.13

# `@scaleflex/widget-utils`

[![Plugins][plugins-image]](#plugins)
[![Website][filerobot-image]][sfx-url]
[![Version][filerobot-version]][version-url]
[![Scaleflex team][made-by-image]][sfx-url]
[![License][license-image]][license-url]
[![CodeSandbox][codeSandbox-image]][codeSandbox-url]


<div align='center'>
<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
</div>

A helper NPM package contains all utils used by [Scaleflex Media Asset Widget](https://www.npmjs.com/package/@scaleflex/widget-core) plugins.

## Usage

### NPM

```bash
npm install --save @scaleflex/widget-utils
```

### YARN

```bash
yarn add @scaleflex/widget-utils
```

then

```js
import getFileLink, { constants } from '@scaleflex/widget-utils'
...
...
...
<TickArrowIcon color="#FFFFFF" onClick={() => console.log('tick')} />
```

> Note: Check each function's params from the function's file itself.


<!-- Variables -->

[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-utils
[license-url]: https://opensource.org/licenses/MIT
[sfx-url]: https://www.scaleflex.com/
[version-url]: https://www.npmjs.com/package/@scaleflex/widget-utils
[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js

[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-utils?label=Version&style=for-the-badge&logo=npm
[codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox