open-index/open-npm huggingface dataset:
npm package: @new-osv-offline/osv-offline-db
Description: [![Package version](https://img.shields.io/npm/v/@new-osv-offline/osv-offline-db?style=for-the-badge)](https://www.npmjs.com/package/@new-osv-offline/osv-offline-db) [![Build status](https://img.shields.io/github/actions/workflow/status/renovatebot/osv-of
Latest version: 1.0.0

# osv-offline-db

[![Package version](https://img.shields.io/npm/v/@new-osv-offline/osv-offline-db?style=for-the-badge)](https://www.npmjs.com/package/@new-osv-offline/osv-offline-db)
[![Build status](https://img.shields.io/github/actions/workflow/status/renovatebot/osv-offline/build.yml?branch=main&style=for-the-badge)](https://github.com/renovatebot/osv-offline/actions/workflows/build.yml)
[![MIT license](https://img.shields.io/badge/license-MIT-blue?style=for-the-badge)](./LICENSE)

## License

This package is licensed under [the MIT license](https://opensource.org/licenses/MIT).

Vulnerabilities are provided from the following upstream data sources and licenses:

- [GitHub Advisory Database](https://github.com/github/advisory-database) ([CC-BY 4.0](https://github.com/github/advisory-database/blob/main/LICENSE.md))
- [PyPI Advisory Database](https://github.com/pypa/advisory-database) ([CC-BY 4.0](https://github.com/pypa/advisory-database/blob/main/LICENSE))
- [Go Vulnerability Database](https://github.com/golang/vulndb) ([CC-BY 4.0](https://github.com/golang/vulndb#license))
- [Rust Advisory Database](https://github.com/RustSec/advisory-db) ([CC0 1.0](https://github.com/rustsec/advisory-db/blob/main/LICENSE.txt))
- [Global Security Database](https://github.com/cloudsecurityalliance/gsd-database) ([CC0 1.0](https://github.com/cloudsecurityalliance/gsd-database/blob/main/LICENSE))
- [OSS-Fuzz](https://github.com/google/oss-fuzz-vulns) ([CC-BY 4.0](https://github.com/google/oss-fuzz-vulns/blob/main/LICENSE))
npm package: @new-osv-offline2/osv-offline
Description: [![Package version](https://img.shields.io/npm/v/@new-osv-offline2/osv-offline?style=for-the-badge)](https://www.npmjs.com/package/@new-osv-offline2/osv-offline) [![Build status](https://img.shields.io/github/actions/workflow/status/renovatebot/osv-offlin
Latest version: 1.0.3

# osv-offline

[![Package version](https://img.shields.io/npm/v/@new-osv-offline2/osv-offline?style=for-the-badge)](https://www.npmjs.com/package/@new-osv-offline2/osv-offline)
[![Build status](https://img.shields.io/github/actions/workflow/status/renovatebot/osv-offline/build.yml?branch=main&style=for-the-badge)](https://github.com/renovatebot/osv-offline/actions/workflows/build.yml)
[![MIT license](https://img.shields.io/badge/license-MIT-blue?style=for-the-badge)](./LICENSE)

## License

This package is licensed under [the MIT license](https://opensource.org/licenses/MIT).

Vulnerabilities are provided from the following upstream data sources and licenses:

- [GitHub Advisory Database](https://github.com/github/advisory-database) ([CC-BY 4.0](https://github.com/github/advisory-database/blob/main/LICENSE.md))
- [PyPI Advisory Database](https://github.com/pypa/advisory-database) ([CC-BY 4.0](https://github.com/pypa/advisory-database/blob/main/LICENSE))
- [Go Vulnerability Database](https://github.com/golang/vulndb) ([CC-BY 4.0](https://github.com/golang/vulndb#license))
- [Rust Advisory Database](https://github.com/RustSec/advisory-db) ([CC0 1.0](https://github.com/rustsec/advisory-db/blob/main/LICENSE.txt))
- [Global Security Database](https://github.com/cloudsecurityalliance/gsd-database) ([CC0 1.0](https://github.com/cloudsecurityalliance/gsd-database/blob/main/LICENSE))
- [OSS-Fuzz](https://github.com/google/oss-fuzz-vulns) ([CC-BY 4.0](https://github.com/google/oss-fuzz-vulns/blob/main/LICENSE))
npm package: @new-osv-offline2/osv-offline-db
Description: [![Package version](https://img.shields.io/npm/v/@new-osv-offline2/osv-offline-db?style=for-the-badge)](https://www.npmjs.com/package/@new-osv-offline2/osv-offline-db) [![Build status](https://img.shields.io/github/actions/workflow/status/renovatebot/osv-
Latest version: 1.1.0

# osv-offline-db

[![Package version](https://img.shields.io/npm/v/@new-osv-offline2/osv-offline-db?style=for-the-badge)](https://www.npmjs.com/package/@new-osv-offline2/osv-offline-db)
[![Build status](https://img.shields.io/github/actions/workflow/status/renovatebot/osv-offline/build.yml?branch=main&style=for-the-badge)](https://github.com/renovatebot/osv-offline/actions/workflows/build.yml)
[![MIT license](https://img.shields.io/badge/license-MIT-blue?style=for-the-badge)](./LICENSE)

## License

This package is licensed under [the MIT license](https://opensource.org/licenses/MIT).

Vulnerabilities are provided from the following upstream data sources and licenses:

- [GitHub Advisory Database](https://github.com/github/advisory-database) ([CC-BY 4.0](https://github.com/github/advisory-database/blob/main/LICENSE.md))
- [PyPI Advisory Database](https://github.com/pypa/advisory-database) ([CC-BY 4.0](https://github.com/pypa/advisory-database/blob/main/LICENSE))
- [Go Vulnerability Database](https://github.com/golang/vulndb) ([CC-BY 4.0](https://github.com/golang/vulndb#license))
- [Rust Advisory Database](https://github.com/RustSec/advisory-db) ([CC0 1.0](https://github.com/rustsec/advisory-db/blob/main/LICENSE.txt))
- [Global Security Database](https://github.com/cloudsecurityalliance/gsd-database) ([CC0 1.0](https://github.com/cloudsecurityalliance/gsd-database/blob/main/LICENSE))
- [OSS-Fuzz](https://github.com/google/oss-fuzz-vulns) ([CC-BY 4.0](https://github.com/google/oss-fuzz-vulns/blob/main/LICENSE))
npm package: @new-ui/colors
Description: New UI colors
Author: @planetabhi
Latest version: 2.2.3

# New UI Colors

## Install

Install New UI Colors from your terminal via npm.

```
npm i -D @new-ui/colors
```

To get started quickly, you can use the CDN files.

```html
<!-- Place this at the html head -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@new-ui/colors@latest/dist/index.css"
/>
```

## Usage

```scss
// Place this at the top of your SCSS/CSS file
@use '@new-ui/colors'; // Use `@import` for CSS
```

```html
<!-- Add this attribute to html wrapper -->
<html data-new-ui-theme="light"></html>
```

### Available themes

- light
- light--warm
- light--cold
- dark
- dark--warm
- dark--cold

## Guides

- [Read our colors guide](https://new-ui.com/docs/foundations/colors)
npm package: @new-ui/effects
Description: Layering, elevations, and effects styles
Author: @planetabhi
Latest version: 0.1.9

# New UI Effects

## Install

Install New UI Effects from your terminal via npm.

```
npm i @new-ui/effects
```

To get started quickly, you can use the CDN files.

```html
<!-- Place this at the html head -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@new-ui/effects@latest/dist/index.css"
/>
```

## Usage

```scss
// Place this at the top of your SCSS/CSS file
@use '@new-ui/effects';
```

## Guides

- [Read our effects guide](https://new-ui.com/docs/foundations/effects)
npm package: @new-ui/grid
Description: Lightweight flex grid
Author: @planetabhi
Latest version: 0.1.2

Install from your terminal via npm.

```
npm i @new-ui/grid
```

To get started quickly, you can use the CDN files.

```html
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@new-ui/grid@latest/dist/index.css"
/>
```
npm package: @new-ui/skills
Description: Skill for building beautiful, accessible web interfaces with semantic CSS. Provides design tokens for colors, typography, spacing, and effects with a 6-theme system.
Author: Abhimanyu Rana
Latest version: 0.1.0

# Semantic CSS

A skill for AI agents that teaches semantic CSS styling using the [New UI Framework](https://github.com/CreateNewUI).

## Installation

```bash
npx skills add CreateNewUI/skills
```

## What's Included

- **6 Theme Variants** - light, light-warm, light-cold, dark, dark-warm, dark-cold
- **Design Tokens** - Spacing, typography, colors, shadows, radius, blur
- **Utility Classes** - Prefixed with `nu-` using BEM naming conventions
- **Responsive Typography** - Automatic desktop/mobile scaling

## Usage

Skills are automatically available once installed. The agent will use them when building web interfaces.

```
Style this page with semantic CSS
```

```
Create a dark-themed card component
```

```
Add proper spacing and typography
```

## Skill Structure

```
semantic-css/
└── SKILL.md    # Complete New UI Framework reference
```

## Dependencies

```bash
npm i -D @new-ui/foundations
```
npm package: @new-ui/spacings
Description: Spacing blocks
Author: @planetabhi
Latest version: 0.1.8

# New UI Spacings

## Install

Install New UI Spacings from your terminal via npm.

```
npm i @new-ui/spacings
```

To get started quickly, you can use the CDN files.

```html
<!-- Place this at the html head -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@new-ui/spacings@latest/dist/index.css"
/>
...
```

## Usage

```scss
// Place this at the top of your SCSS/CSS file
@use '@new-ui/spacings';
```

## Guides

- [Read our spacings guide](https://new-ui.com/docs/foundations/spacings)
npm package: @new-ui/typography
Description: Modular typographic scale for your apps and websites.
Author: @planetabhi
Latest version: 0.2.0

# New UI Typography

## Install

Install New UI Typography from your terminal via npm.

```
npm i @new-ui/typography
```

To get started quickly, you can use the CDN files.

```html
<!-- Place this at the html head -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@new-ui/typography@latest/dist/index.css"
/>
```

## Usage

```scss
// Place this at the top of your SCSS/CSS file
@use '@new-ui/typography';
```

## Guides

- [Read our typography guide](https://new-ui.com/docs/foundations/typography)
npm package: @new10com/lru-memoizer
Description: Memoize functions results using an lru-cache.
Author: José F. Romaniello
Latest version: 1.13.6
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @new10com/lru-memoizer

[![NPM version][npm-image]][npm-url]
[![NPM downloads][download-image]][npm-url]
[![Install Size][install-size-image]][install-size-url]
[![Release][release-image]][release-url]

[npm-image]: https://img.shields.io/npm/v/@new10com/lru-memoizer.svg
[npm-url]: https://www.npmjs.org/package/@new10com/lru-memoizer
[download-image]: https://img.shields.io/npm/dm/@new10com/lru-memoizer.svg
[install-size-image]: https://packagephobia.now.sh/badge?p=@new10com/lru-memoizer
[install-size-url]: https://packagephobia.now.sh/result?p=@new10com/lru-memoizer
[release-image]: https://img.shields.io/github/release/new10com/lru-memoizer.svg
[release-url]: https://github.com/new10com/lru-memoizer/releases/latest

Memoize functions results using an lru-cache.

## Installation

```
npm i @new10com/lru-memoizer
```

## Intro

**Forked from https://github.com/jfromaniello/lru-memoizer**

This module uses an [lru-cache](https://github.com/isaacs/node-lru-cache) internally to cache the results of an async function.

The `load` function can have N parameters and the last one must be a callback. The callback should be an errback (first parameter is `err`).

The `hash` function purpose is generate a custom hash for storing results. It has all the arguments applied to it minus the callback, and must return an string synchronous.

The `freeze` option (defaults to **false**) allows you to deep-freeze the result of the async function.

The `clone` option (defaults to **false**) allows you to deep-clone the result every time is returned from the cache.

## Usage

```javascript

var memoizer = require('@new10com/lru-memoizer');

var memoizedGet = memoizer({
  //defines how to load the resource when
  //it is not in the cache.
  load: function (options, callback) {
    request.get(options, callback);
  },

  //defines how to create a cache key from the params.
  hash: function (options) {
    return options.url + qs.stringify(options.qs);
  },

  //all other params for the LRU cache.
  max: 100,
  maxAge: 1000 * 60
});

memoizedGet({
  url: 'https://google.com',
  qs: { foo: 123 }
}, function (err, result, body) {
 //console.log(body);
})

```

## Sync lru-memoizer

Use `memoizer.sync` to cache things that are slow to calculate or methods returning promises.

```
var memoizer = require('@new10com/lru-memoizer');
var memoizedGet = memoizer.sync({
  //defines how to load the resource when
  //it is not in the cache.
  load: function (params) {
    //return something_hard_to_compute;s
  },

  //defines how to create a cache key from the params.
  hash: function (params) {
    return params.foo;
  },

  //all other params for the LRU cache.
  max: 100,
  maxAge: 1000 * 60
});
```

## Similar modules

This module is very similar to [async-cache](https://github.com/isaacs/async-cache), the main difference is the `hash` function.

## License

MIT 2016 - José F. Romaniello
npm package: @new1333/noscript
Description: 将 scripts 目录下的 JS/TS 文件注册为可执行命令
Latest version: 0.0.1

# noscript

将 scripts 目录下的 JS/TS 文件自动注册为可执行命令。

## 特性

- ✅ 支持 JavaScript 和 TypeScript 文件
- ✅ 自动处理相对导入和第三方包
- ✅ 零配置，开箱即用
- ✅ 无需手动编译 TypeScript

## 安装

```bash
npm install -g noscript
# 或
pnpm add -g noscript
```

## 使用方法

### 1. 创建脚本文件

在项目中创建 `scripts` 目录，添加你的脚本文件：

```typescript
// scripts/hello.ts
export default () => {
  console.log("Hello, World!");
};
```

```typescript
// scripts/greet.ts
import chalk from "chalk";

export default async () => {
  console.log(chalk.blue("Hello from TypeScript!"));
};
```

### 2. 生成可执行命令

```typescript
import { NoScript } from "noscript";
import path from "path";

const noscript = new NoScript();
await noscript.addScriptDir(path.resolve("./scripts"));
await noscript.createExecutables();
```

### 3. 运行命令

生成的命令会在 `./bin` 目录中：

```bash
./bin/hello
./bin/greet
```

## API

### `NoScript`

主类，用于管理脚本和生成可执行文件。

#### `addScriptDir(dirPath: string): Promise<void>`

添加脚本目录。

#### `getAllScriptPaths(): Promise<Set<string>>`

获取所有脚本文件路径。

#### `createExecutables(): Promise<void>`

为所有脚本创建可执行文件。

#### `createExecutable(scriptPath: string): Promise<void>`

为指定脚本创建可执行文件。

## 脚本规范

所有脚本必须 `export default` 一个函数：

```typescript
// ✅ 正确
export default () => {
  console.log("This works!");
};

// ✅ 也可以是异步函数
export default async () => {
  await someAsyncOperation();
};

// ❌ 错误 - 没有导出函数
console.log("This won't work");
```

## 工作原理

1. noscript 扫描指定目录中的 `.js` 和 `.ts` 文件
2. 为每个脚本生成一个可执行文件到 `bin` 目录
3. 可执行文件使用 [jiti](https://github.com/unjs/jiti) 在运行时编译 TypeScript
4. 自动处理相对导入和 node_modules 中的包

## License

MIT
npm package: @new4/utils
Description: new4's utils
Author: new4
Latest version: 0.0.32

# @new4/utils

[![Build Status](https://travis-ci.org/new4/utils.svg?branch=master)](https://travis-ci.org/new4/utils)
[![npm version](https://badge.fury.io/js/%40new4%2Futils.svg)](https://badge.fury.io/js/%40new4%2Futils)

common utils

## install

```bash
npm i @new4/utils
# or
yarn add @new4/utils
```

## use

```js
const util = require('@new4/utils');
```

or, you can only require one file by:

```js
const cache = require('@new4/utils/lib/cache');
```
npm package: @new______t/ad-mediation
Description: Ad mediation waterfall system for React apps - Google Ad Manager (GPT) Rewarded Ads
Latest version: 0.1.0

# @gfactory/ad-mediation

React용 광고 매디에이션 워터폴 시스템. Google Ad Manager (GPT) Rewarded Ads 지원.

## 설치

```bash
npm install @gfactory/ad-mediation
```

## 사용법

### 기본 사용

```tsx
import { useAdMediation } from '@gfactory/ad-mediation'
import { useEffect } from 'react'

function GamePage() {
  const ad = useAdMediation({
    providers: [
      { name: 'google-gpt', key: '/22996174068/your-ad-unit-path' }
    ],
    onAdCompleted: () => {
      console.log('광고 시청 완료 - 보상 지급')
    },
    onAdClosed: () => {
      console.log('광고 닫힘')
    },
    onNoAd: () => {
      console.log('광고 없음')
    }
  })

  // 페이지 진입 시 사전 로딩 (권장)
  useEffect(() => {
    ad.preloadGoogleGPT()
  }, [])

  // 버튼 클릭 등 원하는 시점에 호출
  return (
    <button onClick={ad.startMediation} disabled={ad.isLoading}>
      광고 보기
    </button>
  )
}
```

### 워터폴 (여러 슬롯 순차 시도)

```tsx
const ad = useAdMediation({
  providers: [
    { name: 'google-gpt', key: '/22996174068/slot-A' },
    { name: 'google-gpt', key: '/22996174068/slot-B' },
  ],
  onAdCompleted: () => grantReward(),
})
```

첫 번째 슬롯이 실패하면 자동으로 두 번째 슬롯을 시도합니다.

### 전환 이벤트 추적

```tsx
const ad = useAdMediation({
  providers: [{ name: 'google-gpt', key: '/22996174068/my-slot' }],
  onAdCompleted: () => grantReward(),
  onConversion: (providerName) => {
    // 서버에 전환 이벤트 전송
    fetch('/api/ad-event', {
      method: 'POST',
      body: JSON.stringify({ provider: providerName, contentId: 'my-content' })
    })
  }
})
```

### 디버그 모드

URL에 `?ad_debug` 파라미터를 추가하면 콘솔에 상세 로그가 출력됩니다.

```
https://example.com/game?ad_debug
```

## API

### `useAdMediation(options)`

#### Options

| 속성 | 타입 | 필수 | 설명 |
|------|------|------|------|
| `providers` | `AdProviderConfig[]` | O | 광고 프로바이더 목록 (순서대로 시도) |
| `onAdCompleted` | `() => void` | - | 광고 시청 완료 콜백 |
| `onAdClosed` | `() => void` | - | 광고 닫힘 콜백 |
| `onNoAd` | `() => void` | - | 모든 프로바이더 실패 콜백 |
| `onConversion` | `(provider: string) => void` | - | 전환 이벤트 콜백 |

#### Returns

| 속성 | 타입 | 설명 |
|------|------|------|
| `startMediation` | `() => Promise<void>` | 워터폴 시작 |
| `isLoading` | `boolean` | 로딩 중 여부 |
| `currentProvider` | `string \| null` | 현재 시도 중인 프로바이더 |
| `adCompleted` | `boolean` | 시청 완료 여부 |
| `preloadGoogleGPT` | `(key?) => Promise<void>` | GPT 사전 로딩 |
| `clearPreloadedGPT` | `() => void` | 사전 로딩 슬롯 정리 |
| `gptPreloadState` | `GptPreloadState` | `'idle' \| 'loading' \| 'ready' \| 'failed'` |

## 지원 프로바이더

| 프로바이더 | key 형식 | 상태 |
|-----------|---------|------|
| `google-gpt` | Ad Unit Path (예: `/22996174068/slot`) | 지원 |

## 라이선스

MIT
npm package: @new_star/rapipdf-cli
Description: Unofficial CLI for RapiPDF ===========
Author: new_star
Latest version: 0.1.0

Unofficial CLI for RapiPDF
===========

[![Version](https://img.shields.io/npm/v/@kingjan1999/rapipdf-cli.svg)](https://www.npmjs.com/package/@kingjan1999/rapipdf-cli)
[![Downloads/week](https://img.shields.io/npm/dw/@kingjan1999/rapipdf-cli.svg)](https://npmjs.org/package/@kingjan1999/rapipdf-cli)
[![License](https://img.shields.io/npm/l/@kingjan1999/rapipdf-cli.svg)](https://github.com/kingjan1999/rapipdf-cli/blob/master/package.json)

This project is an adaption of [RapiPDF](https://github.com/mrin9/RapiPdf) providing a CLI for generating PDFs based on OpenAPI specs.
Apart from just providing an CLI, some additional configuration options (e.g. adding a logo) are provided.

<!-- toc -->
* [Usage](#usage)
* [Configuration File](#configuration-file)
* [Example Usage](#example-usage)
<!-- tocstop -->

# Usage
```sh-session
$ npm install -g @new_openapi/rapipdf-cli
$ rapipdf (-v|--version|version)
@new_openapi/rapipdf-cli/0.0.3 linux-x64 node-v14.15.1
$ rapipdf --help [COMMAND]
USAGE
  $ rapipdf SpecFile # can be either the path to a local file or a remote url (both .yaml and .json are supported)

OPTIONS

  -c, --configFile=configFile # pass the path to the configuration file (optional, see below)
  -o, --outputFile=outputFile # pass the path to the output file (defaults to "api.pdf")
```


# Configuration File

You can pass a configuration file to the CLI (using the `-c` parameter) overriding the defaults. An example is provided in this repository (`rapipdf.config.example-de.json`).

# Example Usage

Calling

```sh-session
$ rapipdf -o petstore.json.pdf -c config.json  petstore.json
```

in the `examples/` folder results in the uploaded [petstore.json.pdf](https://github.com/kingjan1999/rapipdf-cli/raw/master/examples/petstore.json.pdf).
npm package: @new_sunflower/react-cli
Description: The react-cli is developed with node api
Author: new_sunflower
Latest version: 1.0.5

# react-cli
The react-cli is developed with node api

### 安装方法

```

npm install @new_sunflower/react-cli -g

```

#### 创建你的react项目

```

react-cli init <projectName>

```

#### 运行项目

```

npm run dev

```
npm package: @new_york_style/project-template-ui
Description: React UI Kit for Project Template
Latest version: 1.2.2

# project-template-ui

React UI kit на базе `antd` с экспортируемыми обертками компонентов и системой дизайн-токенов.

## Быстрый старт

Менеджер пакетов — **pnpm** (версия задаётся полем `packageManager` в `package.json`; при необходимости: `corepack enable`).

```bash
pnpm install
pnpm run build
pnpm test
pnpm run storybook
```

### Доступные команды

- `pnpm run build` — сборка библиотеки (tsup)
- `pnpm test` / `pnpm run test` — один прогон unit-тестов (Vitest, `vitest run`)
- `pnpm run test:coverage` — те же тесты с отчётом покрытия (V8)
- `pnpm exec vitest` — интерактивный watch-режим Vitest
- `pnpm run storybook` — Storybook dev сервер (порт `6006`)
- `pnpm run build-storybook` — сборка Storybook
- `pnpm run prettier:format` / `pnpm run prettier:check` — форматирование/проверка

## Структура

- `src/components/*` - компоненты и их `*.stories.tsx` + тесты в `__tests__/`
- `src/theme/*` - дизайн-токены и `UiProvider`
- `src/index.ts` - публичные экспорты пакета

## Тема

Общий провайдер `UiProvider` поддерживает переопределение токенов через проп `tokens` (см. `src/theme/ui-provider.tsx`).
npm package: @newagebel/react-native-currency-field
Description: A fully native TextInput component that supports all currencies and locales.
Author: NewAgeBel
Latest version: 1.1.0

<p align="center">
  <img src="https://img.shields.io/npm/v/@newagebel/react-native-currency-field" />
  <img src="https://img.shields.io/badge/platform-Android%20%7C%20iOS-brightgreen" />
</p>

<h2 align="center">🤑 react-native-currency-field 🤑</h2>
A fully native TextInput component that supports all currencies and locales.

## Demo
| Currency: USD, Locale: en_US                                                         | Currency: EUR, Locale: de_DE                                                         | Currency: UAH, Locale: uk_UA                                                         |
|--------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------|
| <img  src="https://media.giphy.com/media/SjReA1yR2hBJ4DaVaX/giphy.gif"> | <img  src="https://media.giphy.com/media/v0cdT4M0ILu659VYYN/giphy.gif"> | <img  src="https://media.giphy.com/media/RnnLeKsnn7gb6InlBb/giphy.gif">


## Installation

```
npm install @newagebel/react-native-currency-field
```
or
```
yarn add @newagebel/react-native-currency-field
```
### iOS Installation
```
cd ios && pod install && cd ..
```
### Android Installation
There are no extra steps 💆‍♂️

## Usage

```
import CurrencyField from '@newagebel/react-native-currency-field'

function MyComponent() {
  const [value, setValue] = useState(20);

  <CurrencyField
    value={value}
    onChangeText={setValue}
    currency={'EUR'}
    maxValue={10000}
    selectTextOnInit={false}
    style={style.inputStyle}
  />;
}
```
## Props
| Prop                   | Type     | Default                                              | Description                                                                                                                                |
| ---------------------- | -------- |------------------------------------------------------| ------------------------------------------------------------------------------------------------------------------------------------------ |
| **...TextInputProps**  |          |                                                      | Inherit all [props of `TextInput`](https://reactnative.dev/docs/textinput#props).|
| **`value`**            | number   | 0                                                    | |
| **`onChangeText`**    | function | (unmaskedValue: number, maskedValue: string) => null | |
| **`currency`**        | string   | USD                                                  | |
| **`maxValue`**        | string   | 100000000                                            | |
| **`selectTextOnInit`**        | boolean   | false                                                | Select all text on initialization

**To change the locale, you need to change the region in the phone settings.**

## License
MIT
npm package: @newageerp/nae-react-auth-wrapper
Description: Made with create-react-library
Author: newageerp
Latest version: 1.0.56

# nae-react-auth-wrapper

> Made with create-react-library

[![NPM](https://img.shields.io/npm/v/nae-react-auth-wrapper.svg)](https://www.npmjs.com/package/nae-react-auth-wrapper) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save nae-react-auth-wrapper
```

## Usage

```tsx
import React, { Component } from 'react'

import MyComponent from 'nae-react-auth-wrapper'
import 'nae-react-auth-wrapper/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```

## License

MIT © [newageerp](https://github.com/newageerp)
npm package: @newageerp/nae-react-ui
Description: NaeReactUI
Author: newageerp
Latest version: 1.8.3

# nae-react-ui

> Made with create-react-library

[![NPM](https://img.shields.io/npm/v/nae-react-ui.svg)](https://www.npmjs.com/package/nae-react-ui) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save nae-react-ui
```

## Usage

```tsx
import React, { Component } from 'react'

import MyComponent from 'nae-react-ui'
import 'nae-react-ui/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```

## License

MIT © [](https://github.com/)
npm package: @newagesmb/prettier-config
Description: A Prettier shareable config for NewAgeSMB projects.
Author: Krishnadas P
Latest version: 1.0.2

# `@newagesmb/prettier-config`

> NewAgeSMB [Prettier](https://prettier.io) config.

## Usage

**Install**:

```bash
$ npm install --save-dev @newagesmb/prettier-config
```

**Edit `package.json`**:

```jsonc
{
  // ...
  "devDependencies": {
    "@newagesmb/prettier-config": "^1.0.0"
    // ...
  }
}
```

**Edit `.prettierrc.js`**:

```jsonc
import companyPrettierConfig from "@newagesmb/prettier-config";

export default {
  ...companyPrettierConfig,
  // ...,
};
```
npm package: @newamerica/data-table
Description: Tables on tables
Author: lorenries
Latest version: 0.0.9

# @newamerica/data-table

A nicely styled, responsive data table, with options for pagination and search. This basically wraps [react-table](https://react-table.js.org) with some extra functionality and custom styling.

### Installation

```
npm install @newamerica/data-table --save
```

### Usage Example

```jsx
import { DataTable, DataTableWithSearch } from "@newamerica/data-table";
import "@newamerica/data-table/dist/styles.css";

const columns = [
  {
    Header: // string for the column header,
    Accessor: // accessor string,
    // ^ this is the bare minimum, but react-table accepts a lot more, like custom cell renderers etc...
  }
]

const MyTable = () => (
  <DataTable data={data} columns={columns} showPagination={true} maxRows={20} />
);
```


## Components



  - [DataTable](#datatable)

## API




### DataTable
 
From [`./src/DataTable/index.js`](./src/DataTable/index.js)
 
All extra props will be passed directly to the `ReactTable` component. See docs for that [here](https://react-table.js.org).

TODO:
- [ ] add functionality for a sticky first column
- [ ] add functionality for a select dropdown in addition to a search box
 
prop | type | default | required | description
---- | :----: | :-------: | :--------: | -----------
**children** | `ReactElement` |  | :x: | 
**columns** | `Array[]<Object>` |  | :white_check_mark: | 
**data** | `Array` |  | :white_check_mark: | 
**showPagination** | `Boolean` | `true` | :x: |
npm package: @newamerica/meta
Description: Title, description, and source components for data viz projects
Author: lorenries
Latest version: 0.0.4

# @newamerica/meta

Components for wrapping charts with New America-styled backgrounds, titles, descriptions, and sources.

### Installation

```
npm install @newamerica/meta --save
```

### Usage Example

```jsx
import { ChartContainer, Title, Description, Source } from "@newamerica/meta";
import "@newamerica/meta/dist/styles.css";

const MyChart = () => (
  <ChartContainer>
    <Title>This is a title</Title>
    <Description>This is a description</Description>
    // your chart here
    <Source>This is a source</Source>
  </ChartContainer>
);
```


## Components



  - [ChartContainer](#chartcontainer)
  - [Description](#description)
  - [Source](#source)
  - [Title](#title)

## API




### ChartContainer
 
From [`./src/ChartContainer/index.js`](./src/ChartContainer/index.js)
 

 
prop | type | default | required | description
---- | :----: | :-------: | :--------: | -----------
**children** | `*` |  | :x: | 
**className** | `String` |  | :x: | 
**full** | `Boolean` | `false` | :x: | Wraps your children in a div with the class `dv-ChartContainer__child`
**noBackground** | `Boolean` | `false` | :x: | Removes the light gray background and padding from the chart container
**style** | `Object` |  | :x: | 
 
 
 


### Description
 
From [`./src/Description/index.js`](./src/Description/index.js)
 

 
prop | type | default | required | description
---- | :----: | :-------: | :--------: | -----------
**children** | `*` |  | :x: | 
**className** | `String` |  | :x: | 
**style** | `Object` |  | :x: | 
 
 
 


### Source
 
From [`./src/Source/index.js`](./src/Source/index.js)
 

 
prop | type | default | required | description
---- | :----: | :-------: | :--------: | -----------
**children** | `*` |  | :x: | 
**className** | `String` |  | :x: | 
**style** | `Object` |  | :x: | 
 
 
 


### Title
 
From [`./src/Title/index.js`](./src/Title/index.js)
 

 
prop | type | default | required | description
---- | :----: | :-------: | :--------: | -----------
**children** | `*` |  | :x: | 
**className** | `String` |  | :x: | 
**style** | `Object` |  | :x: |