open-index/open-npm huggingface dataset:
npm package: @soramitsu-ui/icons
Description: For now it contains only old icons exported as raw SVGs. You probably should use bundler to use this package.
Latest version: 0.1.0

# icons

For now it contains only old icons exported as raw SVGs. You probably should use bundler to use this package.

## Usage example

**Vite:**

Setup [vite-svg-loader](https://www.npmjs.com/package/vite-svg-loader) plugin.

**Webpack:**

Setup [@svgv/webpack](https://www.npmjs.com/package/@svgv/webpack) loader.

Import example:

```vue
<script setup>
import ArrowBottomIcon from '@soramitsu-ui/icons/icomoon/arrow-bottom-16.svg'
</script>

<template>
  <ArrowBottomIcon />
</template>
```
npm package: @soramitsu-ui/ui
Description: ## Usage
Latest version: 0.13.15

# ui

## Usage

Styles import:

```ts
import '@soramitsu-ui/ui/styles'
```

All-in-one plugin:

```ts
import { plugin } from '@soramitsu-ui/ui'
import { createApp } from 'vue'

const app = createApp({}).use(plugin())
```

A-la-carte:

```vue
<script setup>
import { SButton } from '@soramitsu-ui/ui'
</script>

<template>
  <SButton>Click</SButton>
</template>
```

## Migration

### SMenu

SMenu components were renamed:

- `SMenu` -> `SNavigationMenu`
- `SSubmenu` -> `SNavigationSubmenu`
- `SMenuItem` -> `SNavigationMenuItem`

`router` property removed:\
There are no need for `router` as it was just call push with selected item `index`.

`index` property in `SMenuItem`(`SNavigationMenuItem`) renamed to `value`.

Toggling `SNavigationSubmenu` doesn't call `SNavigationMenu` `select` event.

### STable

There are columns sending reactive data to table with provided register function.
So creating table column prop values in template (like `:selectable="() => {}"`) causes recursive rerender,
as every render creates new value for prop which triggers another render.

Column type `index` removed and so is prop `index`.

All events now have naming: `mouse-enter:cell` or `change:expand` instead of `cell-mouse-enter` or `expand-change`

Added column type `details` removed and event `click:row-details`.

`align` in column options (like in events) now has values without `is-` prefix.

Callbacks for `headerCellStyle` and `headerCellClassName` now called without row information
and callbacks for `headerRowStyle` and `headerRowClassName` now don't have parameters at all,
because they don't have ones

Removed header filtration:

- Props: `filters`, `filterPlacement`, `filterMultiple`, `filterMethod`, `filteredValue`, `columnKey`
- Method `clearFilter`
- Event `filter-change`

Removed summary:

- Props: `showSummary`, `summaryMethod`, `sumText`

Removed tree rows:

- Props: `treeProps`, `load`, `lazy`, `indent`

Removed `property` and `showTooltipWhenOverflow` prop, which were aliases to `prop` and `showOverflowTooltip`.

Removed `renderHeader` prop (use slot instead).

Removed `resizable` prop, and so is `header-dragend` event.

Removed `stripe` and `border` props, as there are no design for them.

Removed public method `doLayout`, because resize observables should be enough.

Added adapted version of table which is a card grid without header and is used when table width is lower
than value defined by `adaptBreakpoint` prop. Number of gird columns defined by prop `cardGridBreakpoints`.
There rows are cards with label-value list. There are no sort and current row highlighting. Multiple rows selection can
be done by clicking on card.

### SPagination

There are removed props due to design restrictions: `small`, `background`, `pagerCount`, `layout`, `prevText`,
`nextText`, `disabled`, `hideOnSinglePage`, `pageCount`, `popperClass`.

Removed `size-change` and `current-change`. Use `update:currentPage` and `update:pageSize` instead.

Replaced `prev-click` and `next-click` with `click:prev` and `click:next`.
npm package: @soramitsu-ui/ui-vue2
Description: ## Project setup ``` yarn install ```
Author: Stefan Popov
Latest version: 1.1.6

# soramitsu-js-ui-library

## Project setup
```
yarn install
```

## Usage library in project

The full guide about usage can be found [here](./src/stories/Intro/Intro.stories.mdx)

### Compiles and hot-reloads storybook with components for development
```
yarn storybook:serve
```

### Compiles and minifies storybook with components and docs for production
```
yarn storybook:build
```

### Compiles and minifies for production
```
yarn build
```

### Run your unit tests
```
yarn test:unit
```

### Run your end-to-end tests
```
yarn test:e2e
```

### Lints and fixes files
```
yarn lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @soramitsu-ui/vite-plugin-svg
Description: SVG to Vue loader
Latest version: 0.1.0

# @soramitsu-ui/vite-plugin-svg

Simplified and **working** version of [vite-svg-loader](https://github.com/jpkleemans/vite-svg-loader).

This packages is created because of https://github.com/jpkleemans/vite-svg-loader/issues/54

## Install

As a regular NPM package.

## Usage

Install as Vite plugin:

```ts
// FILE: vite.config.ts

export default {
  plugins: [
    Svg({
      svgo: {}, // pass optimization options or `false` to disable
    }),
  ],
}
```

Import SVG as a Vue component:

```vue
<script setup>
import MyIcon from './my-icon.svg'
</script>

<template>
  <MyIcon />
</template>
```
npm package: @soramitsu/soraneo-wallet-web
Description: ## How to use
Author: Stefan Popov
Latest version: 1.46.3

# sora2-wallet-web

## How to use

You should set vuex storage and endpoint to blockchain url when using it as a vue plugin:
```
import Vue from 'vue'
import Wallet, { connection } from '@soramitsu/soraneo-wallet-web'

import store from '@/store'
import * as env from '../../public/env.json'

connection.endpoint = env.BLOCKCHAIN_URL
Vue.use(Wallet, { store })
```

You can also use `storage` instance to interact with wallet data:

```
import { storage } from '@soramitsu/soraneo-wallet-web'

```

If you want to change some default wallet permissions, pass related object to `initWallet` function.
Here is example with default permissions:

```
const permissions = {
    sendAssets: true, // enable 'send' button in assets list
    swapAssets: true, // enable 'swap' button in assets list
}

initWallet({ permissions })
```

Also, you need to unsubscribe from events of balances updates and txs statuses sync when Vue root component will be destroyed.

```
import { Action } from 'vuex-class'

@Action resetActiveTransactions
@Action resetAccountAssetsSubscription
@Action resetRuntimeVersionSubscription
@Action resetFiatPriceAndApySubscription

beforeDestroy (): void {
    this.resetActiveTransactions()
    this.resetAccountAssetsSubscription()
    this.resetRuntimeVersionSubscription()
    this.resetFiatPriceAndApySubscription()
}
```

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Run your unit tests
```
yarn test:unit
```

### Run your end-to-end tests
```
yarn test:e2e
```

### Lints and fixes files
```
yarn lint
```

### Desktop
To run desktop version in the browser window, please change **isElectron** flag in `src/store/settings/state.ts`

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).