open-index/open-npm huggingface dataset:
npm package: @mapbox/react-simple-surveyor
Description: Simple higher-order React component for measuring a component's available width
Author: Mapbox
Latest version: 1.1.0

# @mapbox/react-simple-surveyor

Simple higher-order React component for simple measurements of a component's available width.

![simple surveyor](https://upload.wikimedia.org/wikipedia/commons/thumb/f/f7/Land_surveyor.jpg/640px-Land_surveyor.jpg)

## Usage

```jsx
const survey = require('@mapbox/react-simple-surveyor');

function Original(props) {
  // The wrapped component receives a `width` prop,
  // telling it how much width is available to it.
  return <div>Available width: {props.width}px.</div>;
}

const Surveyed = survey(Original);

// When the window is resized, the width is resurveyed.
// You can also trigger a resurvey manually, on all surveyed components,
// when there are programmatic layout changes.
survey.resurvey();

// All props provided to `Surveyed` will be passed along
// to your `Original` component.
<Surveyed className="green" aria-label="green box" title="Green!" />;

// Your `Original` component is available on the
// `WrappedComponent` static property of the returned
// React component class.
Surveyed.WrappedComponent === Original;
```

## Details and caveats

- Built for block-level elements, since those are the ones whose width is determined by their container.
  *Wraps your component in a `<div>`.*
- Upon mounting, initially renders an empty `<div>`.
  This makes no perceptible difference for the user, but might affect some other complicated stuff you have going on.

## Why use this instead of the many other dimension-measuring higher-order components?

There are lots of other modules that do similar things: react-measure, react-dimensions, react-measure-it, react-with-dimension, react-container-dimensions, react-element-queries, react-element-query, etc.

This module's goal is to provide the smallest and simplest way to measure the available width.
Pretty much all of the other modules I've found are larger and more ambitious.
The fundamental problems of measuring are not super difficult, so I think that a variety of modules with different APIs are kind of inevitable.

The closest I've found to this module's simplicity is react-with-available-width.

If this module doesn't suit your needs, you should try one of the others!

## Development

The most efficient way to test this module is with a quick manual review.
So `npm start` or `npm test` both start a development server that shows a page of test cases.
Check these before you commit changes.
Add more test cases as needed.
npm package: @mapbox/remark-lint-link-text
Description: A remark-lint plugin that warns against non-descriptive link text.
Author: Mapbox
Latest version: 0.7.0

# remark-lint-link-text

A remark-lint plugin that warns against non-descriptive link text.

```
✅ Visit [Mapbox documentation](https://docs.mapbox.com) to learn more.
🚫 Learn more [here](https://docs.mapbox.com).
```

The linter warns against:

- click here
- here
- read more
- this link
- more here
- this article
- this [whatever words in between] article

And [several others](banned.json).

💡 For all banned phrases that begin with `this` or `the`, any words that come between will also fail. For example "this post", "this Mapbox post", and "this Mapbox blog post" will all fail.

## Install

```
npm install --save-dev remark-cli @mapbox/remark-lint-link-text
```

In `package.json`:

```
"scripts": {
  "lint-md": "remark src/pages/"
},
"remarkConfig": {
  "plugins": [
    ["@mapbox/remark-lint-link-text", [2]]
  ]
},
```

If you do not want the linter to fail, but only give warnings:

```
"remarkConfig": {
  "plugins": [
    "@mapbox/remark-lint-link-text"
  ]
},
```

## Banned link text

Save banned link text in [banned.json](banned.json).

## Proper link text guidelines

> When calling the user to action, use brief but meaningful link text that:
>
> - provides some information when read out of context
> - explains what the link offers
> - doesn't talk about mechanics
> - is not a verb phrase

- https://www.w3.org/QA/Tips/noClickHere

> Write links that make sense out of context. Use descriptive link text detailing the destination; not just “click here,” or other similar phrases.

- http://accessibility.psu.edu/linktext/
npm package: @mapbox/rollup
Description: Next-generation ES6 module bundler
Author: Rich Harris
Latest version: 0.57.0-await.upstream.pr2035

# Rollup

This is a fork of [https://github.com/rollup/rollup](Rollup), published on NPM under [@mapbox/rollup](https://www.npmjs.com/package/@mapbox/rollup).

The intent behind this fork is to allow [Mapbox GL JS](https://github.com/mapbox/mapbox-gl-js) to target a branch of Rollup that includes changes that are expected to be accepted upstream but haven't yet been merged.

## License

[MIT](https://github.com/rollup/rollup/blob/master/LICENSE.md)