open-index/open-npm huggingface dataset:
npm package: @heydovetail/collector-react
Description: The feedback collector is a simple form that helps you quickly gather user feedback from your own website or web app. When people fill out the form, their entries are saved as notes in Dovetail.
Author: Benjamin Humphrey
Latest version: 1.1.2
Deprecated: This Dovetail feature has been deprecated

# collector-react

The feedback collector is a simple form that helps you quickly gather user feedback from your own website or web app. When people fill out the form, their entries are saved as notes in [Dovetail](https://dovetailapp.com). You’ll need a project on Dovetail, along with its collector ID (found in [collector settings](https://dovetailapp.com/help/form-code)).

![Screenshot of collector-react](https://raw.githubusercontent.com/heydovetail/collector-react/master/img/screenshot.png)

## Installation

```bash
npm i @heydovetail/collector-react
```

## Example implementation

```jsx
import { Collector } from "@heydovetail/collector-react"
import * as React from "react";

interface State {
  feedback: boolean;
}

class Example extends React.Component<{}, State> {
  public state: State = { feedback: false };

  public render() {
    return (
      <div>
        <button onClick={() => { this.setState({ feedback: true }); }}>Send feedback</button>

        {this.state.feedback ? (
          <Collector
            collectorId="yourCollectorId"
            defaultEntries={{ email: "foo@example.com" }}
            onDismiss={(sent: boolean) => {
              sent ? console.log("Feedback sent!") : this.setState({ feedback: false });
            }}
            metadata={{ browser: navigator.userAgent }}
          />
        ) : null}
      </div>
    );
  }
}
```

## Props

```jsx
export interface Props {
  // Collector ID from Dovetail.
  // Find this in your project’s collector settings.
  collectorId: string;

  // Optional key:value pairs for setting default data.
  // e.g. prefill user’s name and email if they’re logged in.
  defaultEntries?: { [key: string]: string };

  // Optional domain for where to fetch the dialog.
  // Defaults to dovetailapp.com.
  domain?: string;

  // Optional key:value pairs for passing extra information.
  // e.g. store browser version, local time, etc.
  metadata?: { [key: string]: string };

  // Called when the user clicks the ‘X’ icon to close the dialog
  // or the ‘Done’ button after successfully sending the form.
  //
  // Returns true or false depending on whether feedback was sucessfully sent
  // or false if the user just closed the dialog without sending feedback.
  onDismiss: (sent: boolean) => void;
}
```

## Configuration

Configure the look & feel in your Dovetail project. You can customize the color, text, where entries are saved, and more. Read the [customization documentation](https://dovetailapp.com/help/form-customize) for more information.

## Build status

[![CircleCI](https://circleci.com/gh/heydovetail/collector-react.svg?style=svg)](https://circleci.com/gh/heydovetail/collector-react)
npm package: @heydovetail/editorconfig
Description: Shared EditorConfig for Dovetail projects
Author: Bradley Ayers
Latest version: 2.0.0

# @heydovetail/editorconfig

Shared EditorConfig for Dovetail projects.

# Usage

EditorConfig doesn't natively support sharing or extending configuration (see
https://github.com/editorconfig/editorconfig/issues/236) however a [symbolic
link](https://en.wikipedia.org/wiki/Symbolic_link) can be used as a stop-gap:

```
npm install --save-dev @heydovetail/editorconfig
ln -s './node_modules/@heydovetail/editorconfig/.editorconfig' .editorconfig
```

# NPM package

This is packaged as an NPM package to leverage
[Greenkeeper](https://greenkeeper.io/) for managing pushing out updates across
multiple projects.
npm package: @heydovetail/tslint-config
Description: The shared TSLint configuration for https://dovetailapp.com
Author: Bradley William Ayers
Latest version: 2.4.0

# tslint-config

![NPM version](https://img.shields.io/npm/v/@heydovetail/tslint-config.svg)

The shared TSLint configuration used at Dovetail

# Usage

Install the package:

```sh
npm i @heydovetail/tslint-config
```

Add a `tslint.json` file to your project that extends `@heydovetail/tslint-config`:

```json
{
    "extends": "@heydovetail/tslint-config"
}
```
npm package: @heydovetail/ui-components
Description: React integration for TypeStyle
Author: Bradley Ayers
Latest version: 5.18.1

# @heydovetail/ui-components

Dovetail User Interface component library.

## Getting started

```sh
yarn install
```

## Development

Running the storybook:

```sh
yarn storybook
```

Updating story snapshots:

```sh
yarn jest
```

TypeScript autofix:

```sh
yarn fix
```

Running tests:

```sh
yarn test
```