open-index/open-npm huggingface dataset:
npm package: @talend/scripts-preset-react-lib
Description: Preset for talend/scripts-core
Author: Talend Frontend
Latest version: 14.0.1

# Talend Preset

This is a preset for @talend/scripts-core. It holds most of Talend projects tools configuration for hybrid angularJS/react webapp.

This preset allows some customisation through specific entry points. The configuration is done via `talend-scripts` configuration file.

## Customisation

* [Babel customisation](../config-babel/README.md)
* [Eslint customisation](../config-eslint/README.md)
* [Jest customisation](../config-jest/README.md)
* [Typescript customisation](../config-typescript/README.md)

## Details

### Babel

* [Babel configuration](../config-babel/.babelrc.json)

### Jest

| Configuration | Description |
|---|---|
| moduleNameMapper | * `jpg/jpeg/png/gif/eot/otf/webp/svg/woff/woff2` are mocked with an empty object<br/>* `css/scss` are mocked with an object that adds a `theme` prefix to the requested classname. Example: `drawer` will result to `theme-drawer`. This is used to spot the classnames that come from css modules. |
| rootDir | You app root folder |
| setupFilesAfterEnv | * It configures enzyme with react 16 adapter<br/>* It mocks fetch with `(url, { response }) => promise that resolved response` |
| testEnvironment | It uses [`jest-environment-jsdom-global`](https://github.com/simon360/jest-environment-jsdom-global/blob/master/README.md) |
| testRegex | Jest will execute all the files that ends with `.test.js` in your `src/` folder. |
| transform | It transforms js files via babel, using the same [babel configuration](../config-babel/.babelrc.json) as webpack. |

### Eslint

The linter is based on airbnb configuration, with some customisation.
[Eslint configuration](../config-eslint/.eslintrc)

### Typescript

* [Typescript configuration](../config-typescript/tsconfig.json)
npm package: @talend/scripts-prettier
Description: Shared Prettier config
Latest version: 7.4.1

# Prettier config customisation

To use the jest configuration in your IDE, or to add customisation

1. Create an `.prettierrc.js` at your project root folder
2. Make it extend the one from talend preset

```javascript
const defaults = require('@talend/scripts-config-prettier/.prettierrc.js');

module.exports = {
	...defaults,

	// add/change default config here
};
```
npm package: @talend/scripts-yarn-workspace
Description: yarn workspace commands but more friendly
Author: frontend@talend.com
Latest version: 2.1.2

# @talend/scripts-yarn-workspace

This package expose a command line useful for mono repository management.

To use it as usual with scripts packages: `npx talend-yarn-workspace {command} {arguments}`

| command             | arguments      | description                                                                             |
| ------------------- | -------------- | --------------------------------------------------------------------------------------- |
| `run`               | scriptName     | run package.json script accross all packages inside your mono repository                |
| `lint-merge-report` | main pr-branch | merge all eslint-report.json and stylelint-report.json and filter on only changed files |
npm package: @talend/storybook-docs
Description: Talend Storybook Docs component library
Latest version: 2.7.0

# Talend Storybook doc tools

<hr />

This package holds shared elements used in Storybook (themes) and its docs mode (.mdx files).

## Getting Started

Clone the repository

```sh
$> git clone git@github.com:Talend/ui.git
```

Install the dependencies

```sh
$> yarn
```

Start Storybook and start editing

```sh
$> yarn workspace @talend/storybook-docs run start
```

## How to integrate the shared theme in your storybook

In your `.storybook` directory you'll need to edit or create three files:

### manager.js

```js
import { addons } from '@storybook/addons';
import { create } from '@storybook/theming';
import { light } from '@talend/storybook-docs/lib/themes';
import '@talend/storybook-docs/dist/managerStyles.min.css';

addons.setConfig({
	theme: create(light),
});
```

### manager-head.html

```html
<link
	href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap"
	rel="stylesheet"
/>
```

### preview.js

```js
import '@talend/storybook-docs/dist/globalStyles.min.css';
```

## License

[Apache 2.0](https://github.com/Talend/ui/blob/master/packages/storybook-docs/LICENSE)