open-index/open-npm huggingface dataset:
npm package: @commercetools-frontend/browser-history
Description: Enhances browser history
Latest version: 27.2.0

# @commercetools-frontend/browser-history

<p align="center">
  <a href="https://www.npmjs.com/package/@commercetools-frontend/browser-history"><img src="https://badgen.net/npm/v/@commercetools-frontend/browser-history" alt="Latest release (latest dist-tag)" /></a> <a href="https://www.npmjs.com/package/@commercetools-frontend/browser-history"><img src="https://badgen.net/npm/v/@commercetools-frontend/browser-history/next" alt="Latest release (next dist-tag)" /></a> <a href="https://bundlephobia.com/result?p=@commercetools-frontend/browser-history"><img src="https://badgen.net/bundlephobia/minzip/@commercetools-frontend/browser-history" alt="Minified + GZipped size" /></a> <a href="https://github.com/commercetools/merchant-center-application-kit/blob/main/LICENSE"><img src="https://badgen.net/github/license/commercetools/merchant-center-application-kit" alt="GitHub license" /></a>
</p>

Enhances browser history.

## Install

```bash
$ npm install --save @commercetools-frontend/browser-history
```
npm package: @commercetools-frontend/staff-bar
Description: Toolbar that makes testing inside Merchant Center easier
Latest version: 2.3.1

# @commercetools-frontend/staff-bar

> This is a package used internally for Merchant Center applications. We do not provide any guarantees or support for the functionality.

This package offers a toolbar that can be seamlessly incorporated into Merchant Center applications. This toolbar simplifies the developer's work by providing easy access to various information and settings.

## Installation

```bash
$ npm install --save @commercetools-frontend/staff-bar
```

## Background

Staff bar is an experimental feature available only to commercetools employees. It allows to quickly switch environment, toggle different feature flags and other useful actions. This feature is not visible to end customers nor partners.

## Usage

Add the StaffBar component to your application's entry point. Specify the feature flags your application uses in the props.

```
import { StaffBar } from '@commercetools-frontend/staff-bar';

<StaffBar featureFlags={DEFAULT_SHORT_LIVED_FLAGS} />
```
npm package: @commercetools-test-data/business-unit
Description: Data models for commercetools API Business Unit
Latest version: 10.18.2

# @commercetools-test-data/business-unit

This package provides the data model for the commercetools platform `BusinessUnit` representations

https://docs.commercetools.com/api/projects/business-units#representations

# Install

```bash
$ pnpm add -D @commercetools-test-data/business-unit
```

# Usage

Company and Division are classified as distinct types of Business Units, and therefore share a common representation within the package.
<br/>
The strategic separation of splitting them into separate models within this package aims to simplify both the test data itself, as well as their underlying distinctions.

## BusinessUnit - Company & Division

```ts
import { CompanyDraft, DivisionDraft, type TBusinessUnitDraft } from from '@commercetools-test-data/business-unit';

const companyDraft = CompanyDraft.random().build<TBusinessUnitDraft>();
const divisionDraft = DivisionDraft.random().build<TBusinessUnitDraft>();
```

## Associate and AssociateRoleAssignment

```ts
import { Associate, AssociateRoleAssignment, type TAssociateDefault, type TAssociateRoleAssignmentDefault } from from '@commercetools-test-data/business-unit';

const associate = Associate.random().build<TAssociateDefault>();
const associateRoleAssignment = AssociateRoleAssignment.random().build<TAssociateRoleAssignmentDefault>();
```
npm package: @commercetools-test-data/channel
Description: Data model for commercetools API Channel
Latest version: 10.18.2

# @commercetools-test-data/channel

This package provides the data model for the commercetools platform `Channel` type

https://docs.commercetools.com/api/projects/channels

# Install

```bash
$ pnpm add -D @commercetools-test-data/channel
```

# Usage

```ts
import {
  ChannelRest,
  ChannelDraftRest,
  ChannelGraphql,
  ChannelDraftGraphql,
} from '@commercetools-test-data/inventory-entry';

const channelRest = ChannelRest.random().build();
const channelDraftRest = ChannelDraftRest.random().build();

const channelGraphql = ChannelGraphql.random().build();
const channelDraftGraphql = ChannelDraftGraphql.random().build();

// Presets
const withInventorySupplyAndProductDistributionRolesRest =
  ChannelDraftRest.presets
    .withInventorySupplyAndProductDistributionRoles()
    .build();
const withInventorySupplyAndProductDistributionRolesGraphql =
  ChannelDraftGraphql.presets
    .withInventorySupplyAndProductDistributionRoles()
    .build();
```

For backwards compatibility, we still support using the generic data models, but you should consider them legacy as we will be removing them in the future.

```ts
import {
  Channel,
  ChannelDraft,
  type TChannel,
  type TChannelDraft,
} from '@commercetools-test-data/channel';

const channel = Channel.random().build<TChannel>();
const channelDraft = ChannelDraft.random().build<TChannelDraft>();

// Presets
const withInventorySupplyAndProductDistributionRoles = ChannelDraft.presets
  .withInventorySupplyAndProductDistributionRoles()
  .build<TChannelDraft>();
```
npm package: @commercetools-test-data/organization
Description: Data model for commercetools API Organization
Latest version: 10.18.2

# @commercetools-test-data/organization

This package provides the data model for `Organization` and `Team`.

# Install

```bash
$ pnpm add -D @commercetools-test-data/organization
```

# Usage

```ts
import {
  Organization,
  McOrganization,
  Team,
  type TOrganization,
  type TMcOrganization,
  type TTeam,
} from '@commercetools-test-data/organization';

const organization = Organization.random().buildGraphql<TOrganization>();
const mcOrganization = McOrganization.random().buildGraphql<TMcOrganization>();
const team = Team.random().buildGraphql<TTeam>();
```
npm package: @commercetools-test-data/organization-extension
Description: Data model for internal Merchant Center API Organization Extension
Latest version: 10.18.2

# @commercetools-test-data/organization-extension

This package provides the data model for the commercetools internal API `OrganizationExtension` type

# Install

```bash
$ pnpm add -D @commercetools-test-data/organization-extension
```

# Usage

```ts
import {
  OrganizationExtension,
  type TOrganizationExtension,
  type TOrganizationExtensionGraphql,
} from '@commercetools-test-data/custom-view';

const organizationExtension =
  OrganizationExtension.random().build<TOrganizationExtension>();
const organizationExtensionGraphQL =
  OrganizationExtension.random().buildGraphql<TOrganizationExtensionGraphql>();
```
npm package: @commercetools-test-data/quote
Description: Data model for commercetools API Quote
Latest version: 10.18.2

# @commercetools-test-data/quote

This package provides the data model for the commercetools platform `Quote` type

https://docs.commercetools.com/api/projects/quotes

# Install

```bash
$ pnpm add -D @commercetools-test-data/quote
```

# Usage

```ts
import {
  Quote,
  QuoteDraft,
  type TQuote,
  type TQuoteDraft,
} from '@commercetools-test-data/quote';

const quote = Quote.random().build<TQuote>();
const quoteDraft = QuoteDraft.random().build<TQuoteDraft>();
```
npm package: @commercetools-uikit/toggle-input
Description: The `ToggleInput` component allows a single settings option to be turned on or off.
Latest version: 20.5.0

<!-- THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. -->
<!-- This file is created by the `yarn generate-readme` script. -->

# ToggleInput

## Description

The \`ToggleInput\` component allows a single settings option to be turned on or off.

## Installation

```
yarn add @commercetools-uikit/toggle-input
```

```
npm --save install @commercetools-uikit/toggle-input
```

Additionally install the peer dependencies (if not present)

```
yarn add react
```

```
npm --save install react
```

## Usage

```jsx
import ToggleInput from '@commercetools-uikit/toggle-input';

const Example = () => (
  <ToggleInput
    isDisabled={false}
    isChecked={false}
    onChange={(event) => alert(event.target.checked)}
    size="small"
  />
);

export default Example;
```

## Properties

| Props        | Type                                               | Required | Default | Description                                                                                         |
| ------------ | -------------------------------------------------- | :------: | ------- | --------------------------------------------------------------------------------------------------- |
| `id`         | `string`                                           |          |         | Used as the HTML `id` property                                                                      |
| `name`       | `string`                                           |          |         | Used as the HTML `name` property                                                                    |
| `size`       | `union`<br/>Possible values:<br/>`'small' , 'big'` |          | `'big'` | The size of the ToggleInput component.                                                              |
| `isDisabled` | `boolean`                                          |          | `false` | Disables the ToggleInput                                                                            |
| `isChecked`  | `boolean`                                          |          | `false` | Checks the ToggleInput                                                                              |
| `value`      | `string`                                           |          |         | Determines the toggle state.                                                                        |
| `onChange`   | `ChangeEventHandler`                               |    ✅    |         | Handler when toggle state changes. <br/>&#xA;**Note**: that key value of the `target` is `checked`. |

## When to use `ToggleInput` vs `Checkbox` and `Radio`

| Switch type   | Number of options | Selection |
| ------------- | ----------------- | --------- |
| `Checkbox`    | Multiple          | Multiple  |
| `Radio`       | Multiple          | Single    |
| `ToggleInput` | Two               | Single    |
npm package: @commercetools/csv-parser-state
Description: Package to parse states from CSV to JSON
Author: Williams Omayuku
Latest version: 5.0.0

# commercetools-csv-parser-state

Convert [commercetools states](https://docs.commercetools.com/api/projects/states#state) CSV data to JSON

More info here: https://commercetools.github.io/nodejs/cli/csv-parser-state.html

## Install

```bash
npm install @commercetools/csv-parser-state --global
```
npm package: @commercial-tribe/eslint-config
Description: CommercialTribe JavaScript ESLint Shareable Config
Author: Jason Waldrip
Latest version: 1.35.0

# CommercialTribe eslint-configs [![travis][travis-image]][travis-url] [![npm][npm-image]][npm-url] [![downloads][downloads-image]][downloads-url]

[travis-image]: https://img.shields.io/travis/commercialtribe/eslint-config-isomorphic/master.svg
[travis-url]: https://travis-ci.org/commercialtribe/eslint-config-isomorphic
[npm-image]: https://img.shields.io/npm/v/eslint-config-isomorphic.svg
[npm-url]: https://npmjs.org/package/eslint-config-isomorphic
[downloads-image]: https://img.shields.io/npm/dm/eslint-config-isomorphic.svg
[downloads-url]: https://npmjs.org/package/eslint-config-isomorphic

#### An ESLint [Shareable Config](http://eslint.org/docs/developer-guide/shareable-configs) for JavaScript Isomorphic Apps

## Install

First install the base config, then choose one of the following configs.

```bash
yarn add --dev \
  @commercial-tribe/eslint-config
  eslint \
  babel-eslint \
  eslint-plugin-promise \
  eslint-plugin-standard
```

### For React:

```bash
yarn add --dev \
  eslint-plugin-react \
  eslint-plugin-import \
  eslint-import-resolver-webpack
```

*Then, add this to your .eslintrc file:*

```
{
  "extends": "@commercial-tribe/eslint-config/react"
}
```

### For Angular:

```bash
yarn add --dev \
  eslint-plugin-angular
```

*Then, add this to your .eslintrc file:*

```
{
  "extends": "@commercial-tribe/eslint-config/angular"
}
```

### For Node:

```bash
yarn add --dev \
  eslint-plugin-node
```

```
{
  "extends": "@commercial-tribe/eslint-config/node"
}
```

*Note: We omitted the `eslint-config-` prefix since it is automatically assumed by ESLint.*

You can override settings from the shareable config by adding them directly into your
`.eslintrc` file.