open-index/open-npm huggingface dataset:
npm package: @stryber/stryber-react-ui-components
Description: ## Description ##
Latest version: 0.0.25

# Stryber React UI Components (Matterhorn) #

## Description ##

UI library for React

## How to Run in Storybook mode (for demo and development purposes) ##

1) Run following commands in the terminal:

```shell script
npm i
npm start
```

2) Browse to 'http://localhost:9001/'
(should normally open automatically after step 1)

## Using the library within other projects ##
Projects that would use this package have two options 
of how to install and import this *private* library 
within our organization:

a) Install as an NPM package from GitHub registry 
(THE RIGHT WAY). 
1) Create an '.npmrc' file at the 
root of the project that will be using
Matterhorn library.

'.npmrc' file contents:

```text
@stryberventures:registry=https://npm.pkg.github.com/stryberventures
```

2) Authorize to your GitHub account and create a new
'Personal Access Token' (https://github.com/settings/tokens).
This token should have *read:packages* permission checked.

3) Copy the created TOKEN and use it to create an
'~/.npmrc' file  located in the '~' (home) folder 
of your user:

```text
//npm.pkg.github.com/:_authToken=TOKEN
```

4) After this The package can be installed by typing
the following command in the terminal:

```shell script
npm i @stryberventures/stryber-react-ui-components@0.0.8 --save
```

b) Install directly from the git repository's
URL by typing the following command in the 
terminal (THE EASIER WAY):

```shell script
npm i git+ssh://git@github.com/stryberventures/stryber-react-ui-components.git#0.0.8
```

## How to build library for production ##

```shell script
npm i
npm run build
```

## How to publish library to GitHub npm registry (Beta)

1) Create a personal access token in the
"Developer settings" page on GitHub
(https://github.com/settings/tokens)

_Note: Your account must have appropriate GitHub
permissions for you to be able to publish it_

2) Create '~/.npmrc' file:

```text
//npm.pkg.github.com/:_authToken=TOKEN
```

_Note: Full guide can be found here
https://help.github.com/en/github/managing-packages-with-github-package-registry/configuring-npm-for-use-with-github-package-registry_

3) Publish this package to GitHub npm registry by
running following command(s) in the terminal:

```shell script
npm publish
```
npm package: @stryberventures/gaia-react-native.avatar
Description: This is the Avatar component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Avatar component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.button
Description: This is the Button component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Button component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.checkbox
Description: This is the Checkbox component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Checkbox component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.checkbox-group
Description: This is the CheckboxGroup component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the CheckboxGroup component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.chip
Description: This is the Chip component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Chip component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.circular-progress
Description: This is the CircularProgress component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the CircularProgress component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.combobox
Description: This is the Combobox component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Combobox component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.dialog
Description: This is the Dialog component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Dialog component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.divider
Description: This is the Divider component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Divider component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.dropdown
Description: This is the Dropdown component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Dropdown component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.elevation
Description: This is the Elevation component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Elevation component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.form
Description: This is the Form component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Form component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.icons
Description: This is the Icons component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Icons component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.input
Description: This is the Input component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Input component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.linear-progress
Description: This is the LinearProgress component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the LinearProgress component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.list
Description: This is the List component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the List component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.menu
Description: This is the Menu component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Menu component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.multiselect
Description: This is the Multiselect component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Multiselect component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.number-input
Description: This is the NumberInput component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the NumberInput component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.password-input
Description: This is the PasswordInput component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the PasswordInput component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.radio-button
Description: This is the RadioButton component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the RadioButton component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.search-input
Description: This is the SearchInput component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the SearchInput component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.select
Description: This is the Select component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Select component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.slider
Description: This is the Slider component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Slider component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.snackbar
Description: This is the Snackbar component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Snackbar component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.switch
Description: This is the Switch component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Switch component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.tag
Description: This is the Tag component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Tag component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.text
Description: This is the Text component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Text component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.text-link
Description: This is the TextLink component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the TextLink component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.textarea
Description: This is the TextArea component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the TextArea component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.theme
Description: This is the Theme component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Theme component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.toggle-input
Description: This is the ToggleInput component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the ToggleInput component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react-native.tooltip
Description: This is the Tooltip component from GAIA Component library. Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
Latest version: 0.1.2

This is the Tooltip component from GAIA Component library.
Find out more in [our Github Repository](https://github.com/stryberventures/stryber-react-native-ui-components-v2)
npm package: @stryberventures/gaia-react.avatar
Description: This is the Avatar component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the Avatar component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.button
Description: This is the Button component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the Button component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.checkbox
Description: This is the CheckBox component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the CheckBox component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.checkbox-group
Description: This is the CheckboxGroup component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the CheckboxGroup component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.chip
Description: This is the Chip component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the Chip component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.circular-progress
Description: This is the CircularProgress component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the CircularProgress component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.combobox
Description: This is the Combobox component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the Combobox component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.dialog
Description: This is the Dialog component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the Dialog component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.divider
Description: This is the Divider component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the Divider component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.dropdown
Description: This is the Dropdown component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the Dropdown component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.elevation
Description: This is the Elevation component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the Elevation component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.form
Description: This is the Form component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the Form component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.grid
Description: This is the Grid component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the Grid component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.icons
Description: This is the Icons component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the Icons component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.input
Description: This is the Input component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the Input component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.input-password
Description: This is the InputPassword component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the InputPassword component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.input-toggle-layout
Description: This is the InputToggleLayout component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the InputToggleLayout component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.linear-progress
Description: This is the LinearProgress component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the LinearProgress component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.list
Description: This is the List component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the List component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.menu
Description: This is the Menu component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.4

This is the Menu component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.multiselect
Description: This is the Multiselect component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the Multiselect component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.number-input
Description: This is the NumberInput component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.4

This is the NumberInput component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.pagination
Description: This is the Pagination component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the Pagination component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.radio-button
Description: This is the RadioButton component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the RadioButton component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.search-input
Description: This is the SearchInput component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the SearchInput component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.select
Description: This is the Select component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the Select component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.slider
Description: This is the Slider component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the Slider component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.snackbar
Description: This is the Snackbar component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the Snackbar component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.switch
Description: This is the Switch component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the Switch component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.table
Description: This is the Table component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.3

This is the Table component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.tabs
Description: This is the Tabs component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the Tabs component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.tag
Description: This is the Tag component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the Tag component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.text
Description: This is the Text component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.3

This is the Text component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.text-area
Description: This is the TextArea component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the TextArea component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.text-link
Description: This is the TextLink component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the TextLink component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.theme
Description: This is the Theme component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.3

This is the Theme component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.theme-provider
Description: This is the ThemeProvider component from the GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.0.1

This is the ThemeProvider component from the GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/gaia-react.tooltip
Description: This is the Tooltip component from GAIA Component library. Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
Latest version: 0.1.2

This is the Tooltip component from GAIA Component library.
Find out more at https://github.com/stryberventures/stryber-react-ui-components-v2
npm package: @stryberventures/stryber-react-ui-components
Description: ## Description ##
Latest version: 0.0.62

# Stryber React UI Components (Matterhorn) #

## Description ##

UI library for React

## How to Run in Storybook mode (for demo and development purposes) ##

1) Run following commands in the terminal:

```shell script
docker-compose up --build dev
```

2) Browse to [http://localhost:9001/](http://localhost:9001/)

## Using the library within other projects ##
You can install whole library by running this command inside your project:
```shell script
npm i --save @stryberventures/stryber-react-ui-components
# or
yarn add @stryberventures/stryber-react-ui-components
```

## Bit: use each component as separate library

### Setup Bit in your project

To use components from our **[Bit.dev/Stryber/Matterhorn](https://bit.dev/stryber/matterhorn)** repo you have to create `.npmrc` file in your project's root directory, and place the following code inside:

```shell
@bit:registry=https://node.bit.dev
always-auth=true
```

### Bit CLI setup

To install Bit CLI use:

```shell
npm install bit-bin -g
```
(if you got error on Mac try: `sudo npm install bit-bin -g`)

### Add new component to Bit repo

To add new component to our bit repo run in terminal(after you've created it):
```shell
bit add src/components/CompoentFolderName --exclude 'src/components/{PARENT}/*.stories.tsx'
```

Where:
* `src/components/CompoentFolderName` – path to your component.

    Here `CompoentFolderName` is the name of the folder where you store your component

* `--exclude 'src/components/{PARENT}/*.stories.tsx'` – way to exclude files from tracking.

    Here `{PARENT}` is variable and in our case it will be automatically recognized as `CompoentFolderName`.

    `*.stories.tsx` will select all file names that end in .stories.tsx

### Update existing component

To update existing component workflow stays the same as it was. All changes will be automatically applied to component in bit repo after your changes will be merged to `dev` branch(you can check whole process in github action `bit-export.yml`).

### Build Bit component(optional)

You can build Bit component locally by running:

```shell
bit build
```
You will find your component in `/dist` folder

## How to build the library for production ##

```shell script
npm i
npm run build
```

## How to publish the library to NPM

```shell script
npm publish --access public
```

## Testing

To run tests:
```bash
docker-compose up --build test
```
npm package: @stryberventures/stryber-rn-core-components-auth
Description: ## Description ##
Latest version: 0.0.1

# Stryber Authentication Service #

## Description ##

Service which contains API to handle authentication (sign up, sign in, sign out and forgot password), based on
axios and redux-sagas. Service adds authentication token when user is signed in and removes token after sign out.

## Installation ##

Install dependencies
```shell script
npm i @stryberventures/stryber-react-core-components-auth --save
```
Service expects next peer dependencies:

```shell script
"axios": ">= 0.19.0",
"react-redux": ">= 7.1.0",
"redux-saga": ">= 1.1.3"
```

## Usage ###

To initialize auth service:

1) Call Auth.register method:
```shell script
Auth.register({
  axiosInstance,
  storageProvider,
  routes: {
    signIn: 'auth/my-custom-route',
  }
});
```
where axiosInstance should be axios instance which is used in application and storageProvider should be wrapper above 
storage module, like:
```shell script
const storageProvider = {
  setItem: localStorage.setItem.bind(localStorage),
  getItem: localStorage.getItem.bind(localStorage),
  removeItem: localStorage.removeItem.bind(localStorage),
};
```
The idea of storage wrapping is that you can use any storage provider (for example AsyncStorage for React Native).
2) Dispatch initialization method
```shell script
dispatch(Auth.actions.initialize());
```
After that you are able to use Auth actions, for example:
```shell script
dispatch(Auth.actions.signIn({
  email, password,
}));
dispatch(Auth.actions.resetPasswordConfirmation({
  email, password, token,
}));
```

#### Error handling ####

Service expects that error will look in next way:
```shell script
interface IAuthError {
  message: string;
  errors?: null | {
    [errorKey: string]: string[];
  };
}
```
otherwise, you will get general authentication error message. If your error data looks different, or it is wrapped by other
object, you can handle it with axios interceptor:

```shell script
axiosInstance.interceptors.response.use(
  (response) => response,
  (error) => {
    return Promise.reject(error?.response?.data?.someObject || error);
  },
);
```
where someObject is typeof IAuthError
npm package: @stryberventures/stryber-rn-core-components-jailbreak-detector
Description: ## Description ##
Latest version: 0.0.1

# Stryber React Native JailBreakDetector #

## Description ##

React Native Component which prevents content to be rendered if device was jailbroken (iOS) or rooted (Android).
Jailbreak/root detection is based on "react-native-jailbreak" package.
  
## Installation ##

Install dependencies
```shell script
npm i react-native-jailbreak@0.0.1 @stryberventures/stryber-rn-core-components-jailbreak-detector@0.0.1 --save
```

## Usage ###

```shell script
import JailBreakDetector from '@stryberventures/stryber-rn-core-components-jailbreak-detector';

//...

const usuallyAppRootComponent = () => {
  return (
    <JailBreakDetector>
      <ApplicationContent/>
    </JailBreakDetector>
  );
}
```
JailBreakDetector props
```shell script
interface IJailBreakDetectorProps {
  children: React.ReactNode;
  disableNotification?: boolean;
  notificationTitle?: string;
  notificationMessage?: string;
  onDetected?: () => void;
}
```
npm package: @stryberventures/stryber-rn-core-components-version-updater
Description: ## Description ##
Latest version: 0.0.5

# Stryber React Native Version Updater #

## Description ##

Module which can compare current app version with the latest one. 
If the newer version exists and is configured with force update, user will see a modal window
which will navigate him to Apple/Play Store to update the app. Versions for different platforms 
might be different.

## Installation ##

Install the module and dependencies
```shell script
npm i @stryberventures/stryber-rn-core-components-version-updater react-native-version-number@0.3.6 --save
```
 
## How it works ##

Version list and latest version configuration are stored on the server side. 
To allow the server to compare current app version with server configuration
we should send information about device platform and current app version in request headers
in each request. If server response status is 426, it means that newer version exists and 
app should be force updated to this version. In this case we should show modal window which will
navigate user to Apple/Play Store.