open-index/open-npm huggingface dataset:
npm package: @gemcook/auth
Description: ## Getting Start
Author: Gemcook Engineers
Latest version: 2.1.4

# @gemcook/auth

## Getting Start

### Install

```Shell
yarn add @gemcook/auth
```

### Import

```JavaScript
import {
  initAmplify,
  checkSession,
  signUp,
  confirmSignUp,
  signIn,
  signOut,
  changePassword,
  forgotPassword,
  confirmForgotPassword,
  getIdToken,
  getUserClaim,
  registeSNSUser,
  signInSNS,
  errorMessages,
  updateAttributes,
  resendSignUp,
} from '@gemcook/auth';
```

## Usage

### initAmplify

```JavaScript
import {initAmplify} from '@gemcook/auth';

initAmplify(
  env.COGNITO_REGION,
  env.COGNITO_USER_POOL_ID,
  env.COGNITO_CLIENT_ID
);
```

## Contributing

### Install

```Shell
yarn
```

### Build

```Shell
make build
```

## License

[MIT](https://github.com/gemcook/auth/blob/master/LICENSE)
npm package: @gemcook/form
Description: ---
Author: Gemcook, Inc.
Latest version: 5.4.0

# @gemcook/form

---

[![npm version](https://badge.fury.io/js/%40gemcook%2Fform.svg)](https://badge.fury.io/js/%40gemcook%2Fform)

React form Component.

## Installation

```shell
npm install --save @gemcook/form
```

or

```shell
yarn add @gemcook/form
```

## Usage

### SCSS

#### Import `@gemcook/form/lib/styles/index.scss` to your SCSS.

```scss
@import "~@gemcook/form/lib/styles/index";
```

### Override Styles

```scss
$form__main-color: #fa6681 !default;
$form__accent-color: #245492 !default;
$form__error-color: #d95858 !default;
$form__warning-color: #ffe121 !default;
$form__white-color: #fff !default;
$form__dark-color: #edeced !default;
$form__dark_placeholder-color: #787878 !default;
```

## Storybook

Storybook v4.0.4

build settings by Create React App v2.1.1
zero config and supporting jsx, css, scss

## License

@gemcook/form is released under the MIT license.
npm package: @gemcook/modal
Description: ---
Author: Gemcook Engineers
Latest version: 3.5.3

# [@gemcook/modal](https://modal.storybook.gemcook.com)

---

[![npm version](https://badge.fury.io/js/%40gemcook%2Fmodal.svg)](https://badge.fury.io/js/%40gemcook%2Fmodal)

React Modal Component.

## Online Demo

* https://modal.storybook.gemcook.com

## Installation

```shell
npm install --save @gemcook/modal
```

or

```shell
yarn add @gemcook/modal
```

## Usage

### SCSS

#### Import `@gemcook/modal/lib/styles/index.scss` to your SCSS.

```scss
@import "~@gemcook/modal/lib/styles/index";
```

## Examples

### default

```jsx
<div>
  <Button
    color="pink"
    onClick={() => store.set({ isModal: !store.state.isModal })}
  >
    Open Modal
  </Button>
  <Modal
    isModal={store.state.isModal}
    ModalBody={Welcome}
    handleCloseModal={() => store.set({ isModal: !store.state.isModal })}
  />
</div>
```

## Documentaion

### Props

| **Parameter**    | **Type**                   | **Required** | **Default** | **Description**                               |
| :--------------- | :------------------------- | :----------- | :---------- | :-------------------------------------------- |
| isModal          | boolean                    | true         | undefined   | \-                                            |
| ModalBody        | React.Element              | true         | undefined   | \-                                            |
| handleCloseModal | (isModal: boolean) => void | true         | undefined   | \-                                            |
| size             | enum                       | false        | 'sm'        | Enums: `'xs', 'sm', 'md', 'lg', 'xl', 'full'` |

## License

@gemcook/modal is released under the MIT license.
npm package: @gemcook/notification
Description: ---
Author: Gemcook Engineers
Latest version: 1.6.0

# [@gemcook/notification](https://notification.storybook.gemcook.com)

---

React Notification Component.

## Online Demo

* https://notification.storybook.gemcook.com

## Installation

```shell
npm install --save @gemcook/notification
```

or

```shell
yarn add @gemcook/notification
```

## Usage

### SCSS

#### Import `@gemcook/notification/lib/styles/index.scss` to your SCSS.

```scss
@import "~@gemcook/notification/lib/styles/index";
```

## Documentaion

### API

## License

@gemcook/notification is released under the MIT license.
npm package: @gemcook/react-native-animated-scroll-view
Description: A component that animates the header when the content is scrolled.
Author: Gemcook Engineers
Latest version: 0.2.2

# react-native-animated-scroll-view

A component that animates the header when the content is scrolled.

![example1](https://user-images.githubusercontent.com/41561321/129012122-6677bdc3-6fb5-4f08-9104-028be504cf42.gif)

## Installation

```sh
npm install @gemcook/react-native-animated-scroll-view
```

or yarn

```sh
yarn add @gemcook/react-native-animated-scroll-view
```

## Usage

Simple to use

```tsx
import * as React from 'react';
import { StyleSheet, View, Text } from 'react-native';
import { ScrollView } from 'react-native-animated-scroll-view';

const DATA = Array.from({ length: 30 }).map((_, index) => ({ id: index }));
const maxHeaderHeight = 150;
const minHeaderHeight = 50;

export default function App() {
  return (
    <View style={styles.container}>
      <ScrollView
        maxHeaderHeight={maxHeaderHeight}
        minHeaderHeight={minHeaderHeight}
        AnimationHeaderComponent={<View style={styles.animationHeader} />}
      >
        {DATA.map((item) => {
          return (
            <View style={styles.listItem} key={item.id}>
              <Text>{item.id}</Text>
            </View>
          );
        })}
      </ScrollView>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  listItem: {
    width: '100%',
    height: 60,
    justifyContent: 'center',
    alignItems: 'center',
  },
  animationHeader: {
    backgroundColor: 'red',
    height: '100%',
    width: '100%',
  },
});
```

It can be used not only for `ScrollView`, but also for `FlatList` or `SectionList`

```tsx
import {
  ScrollView,
  FlatList,
  SectionList,
} from 'react-native-animated-scroll-view';
```

## Props

Each component inherits the Props of the original component

| Props                    | type      | description               | required | default |
| :----------------------- | :-------- | :------------------------ | :------- | :------ |
| AnimationHeaderComponent | ReactNode | AnimationHeader component | false    | --      |
| animationHeaderStyle     | ViewStyle | AnimationHeader style     | false    | --      |
| maxHeaderHeight          | number    | Header maximum height     | true     | --      |
| minHeaderHeight          | number    | Header minimum height     | true     | --      |
| floating                 | boolean   | Whether or not the header should appear immediately when the user scrolls upward     | false     | false      |

## Contributing

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

## License

MIT
npm package: @gemcook/styles
Description: ## useage
Author: Gemcook Engineers
Latest version: 1.3.0

# @gemcook/styles

## useage

```
@import "~@gemcook/styles/lib/styles/index";
```

## default values

```
// color
$gc__main-color: #fa6681 !default;
$gc__accent-color: #245492 !default;
$gc__white-color: #fff !default;
$gc__error-color: #d95858 !default;
$gc__warning-color: #ffe121 !default;
$gc__success-color: #5ba19b !default;
$gc__black-color: #555 !default;
$gc__dark-color: #8f9aae !default;

// font-size

$gc__font-size: 16px !default;

// min-width
$bp_up: (
  'xs': 'screen and (min-width: 0px)',
  'sm': 'screen and (min-width: 360px)',
  'md': 'screen and (min-width: 768px)',
  'lg': 'screen and (min-width: 992px)',
  'xl': 'screen and (min-width: 1366px)'
);

// max-width
$bp_down: (
  'xs': 'screen and (max-width: 359px)',
  'sm': 'screen and (max-width: 767px)',
  'md': 'screen and (max-width: 991px)',
  'lg': 'screen and (max-width: 1365px)',
  'xl': 'screen and (max-width: 10000px)'
);
```
npm package: @gemcook/utils
Description: ---
Author: Gemcook, Inc.
Latest version: 5.2.0

# @gemcook/utils

---

Gemcook Common Utils.

## Installation

```shell
npm install --save @gemcook/utils
```

or

```shell
yarn add @gemcook/utils
```

## Usage

## Documentaion

### API

#### shapeQueryParameter

#### checkCurrentPath

## License

@gemcook/utils is released under the MIT license.
npm package: @gemcook/validates
Description: ---
Author: Gemcook Engineers
Latest version: 1.1.0

# @gemcook/validates

---

Gemcook Common Validation.

## Installation

```shell
npm install --save @gemcook/validates
```

or

```shell
yarn add @gemcook/validates
```

## Usage

## Documentaion

### Validation Rule

#### Email

#### Password

#### Confirm Password

#### Code

### API

## License

@gemcook/validations is released under the MIT license.
npm package: @gemedico/react-native-sounds
Description: react-native-sounds
Author: Gemedico GmbH
Latest version: 1.0.2

# React-Native Sounds

An very lite module to play system sounds and beep for react-native apps (no sound files)

[![NPM Version][npm-image]][npm-url]
[![NPM Downloads][downloads-image]][downloads-url]

## Installation

This is a [Node.js](https://nodejs.org/en/) module available through the
[npm registry](https://www.npmjs.com/).

```bash
$ npm install @gemedico/react-native-sounds
```

### Mostly automatic installation

```bash
$ react-native link @gemedico/react-native-sounds
```

### IOS

```bash
$ cd ios
$ pod install
```

## Usage

```js
import RNSounds from '@gemedico/react-native-sounds';
```

Examples:
```
<Button onPress={ () => {RNSounds.beep()} } title="Beep Success"></Button>
<Button onPress={ () => {RNSounds.beep(false)} } title="Beep Fail"></Button>
<Button onPress={ () => {RNSounds.PlaySysSound(RNSounds.AndroidSoundIDs.TONE_CDMA_ABBR_ALERT)} } title="Beep Android Custom"></Button>
<Button onPress={ () => {RNSounds.PlaySysSound(41)} } title="Beep Something"></Button>
<Button onPress={ () => {RNSounds.PlaySysSound(RNSounds.iOSSoundIDs.AudioToneBusy)} } title="Beep iOS Custom"></Button>
```

## License

  [MIT](LICENSE)

[npm-image]: https://img.shields.io/npm/v/@gemedico/react-native-sounds.svg
[npm-url]: https://npmjs.org/package/@gemedico/react-native-sounds
[downloads-image]: https://img.shields.io/npm/dm/@gemedico/react-native-sounds.svg
[downloads-url]: https://npmcharts.com/compare/@gemedico/react-native-sounds?minimal=true