Socket
Socket
Sign inDemoInstall

@microsoft/fast-breakpoint-tracker-react

Package Overview
Dependencies
Maintainers
5
Versions
18
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@microsoft/fast-breakpoint-tracker-react - npm Package Compare versions

Comparing version 1.2.1 to 1.2.2

8

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log

## [1.2.2](https://github.com/Microsoft/fast-dna/compare/@microsoft/fast-breakpoint-tracker-react@1.2.1...@microsoft/fast-breakpoint-tracker-react@1.2.2) (2018-12-31)
**Note:** Version bump only for package @microsoft/fast-breakpoint-tracker-react
## [1.2.1](https://github.com/Microsoft/fast-dna/compare/@microsoft/fast-breakpoint-tracker-react@1.2.0...@microsoft/fast-breakpoint-tracker-react@1.2.1) (2018-11-07)

@@ -8,0 +16,0 @@

4

coverage/coverage-final.json

@@ -1,3 +0,3 @@

{"/mnt/d/dev/fast-dna/packages/fast-breakpoint-tracker-react/src/breakpoint-tracker.tsx": {"path":"/mnt/d/dev/fast-dna/packages/fast-breakpoint-tracker-react/src/breakpoint-tracker.tsx","statementMap":{"0":{"start":{"line":1,"column":0},"end":{"line":1,"column":30}},"1":{"start":{"line":2,"column":0},"end":{"line":2,"column":37}},"2":{"start":{"line":4,"column":0},"end":{"line":4,"column":83}},"3":{"start":{"line":38,"column":8},"end":{"line":38,"column":21}},"4":{"start":{"line":79,"column":12},"end":{"line":93,"column":6}},"5":{"start":{"line":80,"column":36},"end":{"line":80,"column":53}},"6":{"start":{"line":81,"column":42},"end":{"line":84,"column":9}},"7":{"start":{"line":86,"column":8},"end":{"line":90,"column":9}},"8":{"start":{"line":87,"column":12},"end":{"line":89,"column":15}},"9":{"start":{"line":92,"column":8},"end":{"line":92,"column":47}},"10":{"start":{"line":98,"column":12},"end":{"line":103,"column":6}},"11":{"start":{"line":99,"column":8},"end":{"line":102,"column":9}},"12":{"start":{"line":100,"column":12},"end":{"line":100,"column":50}},"13":{"start":{"line":101,"column":12},"end":{"line":101,"column":64}},"14":{"start":{"line":40,"column":8},"end":{"line":42,"column":10}},"15":{"start":{"line":53,"column":8},"end":{"line":57,"column":9}},"16":{"start":{"line":54,"column":12},"end":{"line":54,"column":36}},"17":{"start":{"line":56,"column":12},"end":{"line":56,"column":65}},"18":{"start":{"line":64,"column":8},"end":{"line":66,"column":9}},"19":{"start":{"line":65,"column":12},"end":{"line":65,"column":68}},"20":{"start":{"line":73,"column":8},"end":{"line":73,"column":62}},"21":{"start":{"line":27,"column":18},"end":{"line":27,"column":64}},"22":{"start":{"line":20,"column":0},"end":{"line":104,"column":1}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":37,"column":4},"end":{"line":37,"column":15}},"loc":{"start":{"line":37,"column":45},"end":{"line":43,"column":5}}},"1":{"name":"(anonymous_1)","decl":{"start":{"line":79,"column":31},"end":{"line":79,"column":39}},"loc":{"start":{"line":79,"column":42},"end":{"line":93,"column":5}}},"2":{"name":"(anonymous_2)","decl":{"start":{"line":98,"column":27},"end":{"line":98,"column":35}},"loc":{"start":{"line":98,"column":38},"end":{"line":103,"column":5}}},"3":{"name":"(anonymous_3)","decl":{"start":{"line":48,"column":11},"end":{"line":48,"column":27}},"loc":{"start":{"line":48,"column":28},"end":{"line":58,"column":5}}},"4":{"name":"(anonymous_4)","decl":{"start":{"line":63,"column":11},"end":{"line":63,"column":30}},"loc":{"start":{"line":63,"column":31},"end":{"line":67,"column":5}}},"5":{"name":"(anonymous_5)","decl":{"start":{"line":72,"column":11},"end":{"line":72,"column":16}},"loc":{"start":{"line":72,"column":17},"end":{"line":74,"column":5}}}},"branchMap":{"0":{"loc":{"start":{"line":86,"column":8},"end":{"line":90,"column":9}},"type":"if","locations":[{"start":{"line":86,"column":8},"end":{"line":90,"column":9}},{"start":{"line":86,"column":8},"end":{"line":90,"column":9}}]},"1":{"loc":{"start":{"line":99,"column":8},"end":{"line":102,"column":9}},"type":"if","locations":[{"start":{"line":99,"column":8},"end":{"line":102,"column":9}},{"start":{"line":99,"column":8},"end":{"line":102,"column":9}}]},"2":{"loc":{"start":{"line":53,"column":8},"end":{"line":57,"column":9}},"type":"if","locations":[{"start":{"line":53,"column":8},"end":{"line":57,"column":9}},{"start":{"line":53,"column":8},"end":{"line":57,"column":9}}]},"3":{"loc":{"start":{"line":64,"column":8},"end":{"line":66,"column":9}},"type":"if","locations":[{"start":{"line":64,"column":8},"end":{"line":66,"column":9}},{"start":{"line":64,"column":8},"end":{"line":66,"column":9}}]}},"s":{"0":1,"1":1,"2":1,"3":5,"4":5,"5":5,"6":5,"7":5,"8":5,"9":5,"10":5,"11":0,"12":0,"13":0,"14":5,"15":5,"16":5,"17":5,"18":1,"19":1,"20":10,"21":1,"22":1},"f":{"0":5,"1":5,"2":0,"3":5,"4":1,"5":10},"b":{"0":[5,0],"1":[0,0],"2":[5,0],"3":[1,0]}}
,"/mnt/d/dev/fast-dna/packages/fast-breakpoint-tracker-react/src/breakpoints.ts": {"path":"/mnt/d/dev/fast-dna/packages/fast-breakpoint-tracker-react/src/breakpoints.ts","statementMap":{"0":{"start":{"line":3,"column":13},"end":{"line":3,"column":79}},"1":{"start":{"line":12,"column":4},"end":{"line":16,"column":5}},"2":{"start":{"line":13,"column":8},"end":{"line":15,"column":9}},"3":{"start":{"line":14,"column":12},"end":{"line":14,"column":30}},"4":{"start":{"line":8,"column":0},"end":{"line":17,"column":1}}},"fnMap":{"0":{"name":"identifyBreakpoint","decl":{"start":{"line":8,"column":16},"end":{"line":8,"column":34}},"loc":{"start":{"line":10,"column":28},"end":{"line":17,"column":1}}}},"branchMap":{"0":{"loc":{"start":{"line":13,"column":8},"end":{"line":15,"column":9}},"type":"if","locations":[{"start":{"line":13,"column":8},"end":{"line":15,"column":9}},{"start":{"line":13,"column":8},"end":{"line":15,"column":9}}]}},"s":{"0":2,"1":21,"2":65,"3":21,"4":2},"f":{"0":21},"b":{"0":[21,44]}}
{"/Users/nirice/dev/fast-dna/packages/fast-breakpoint-tracker-react/src/breakpoint-tracker.tsx": {"path":"/Users/nirice/dev/fast-dna/packages/fast-breakpoint-tracker-react/src/breakpoint-tracker.tsx","statementMap":{"0":{"start":{"line":1,"column":0},"end":{"line":1,"column":30}},"1":{"start":{"line":2,"column":0},"end":{"line":2,"column":37}},"2":{"start":{"line":4,"column":0},"end":{"line":4,"column":83}},"3":{"start":{"line":38,"column":8},"end":{"line":38,"column":21}},"4":{"start":{"line":79,"column":12},"end":{"line":93,"column":6}},"5":{"start":{"line":80,"column":36},"end":{"line":80,"column":53}},"6":{"start":{"line":81,"column":42},"end":{"line":84,"column":9}},"7":{"start":{"line":86,"column":8},"end":{"line":90,"column":9}},"8":{"start":{"line":87,"column":12},"end":{"line":89,"column":15}},"9":{"start":{"line":92,"column":8},"end":{"line":92,"column":47}},"10":{"start":{"line":98,"column":12},"end":{"line":103,"column":6}},"11":{"start":{"line":99,"column":8},"end":{"line":102,"column":9}},"12":{"start":{"line":100,"column":12},"end":{"line":100,"column":50}},"13":{"start":{"line":101,"column":12},"end":{"line":101,"column":64}},"14":{"start":{"line":40,"column":8},"end":{"line":42,"column":10}},"15":{"start":{"line":53,"column":8},"end":{"line":57,"column":9}},"16":{"start":{"line":54,"column":12},"end":{"line":54,"column":36}},"17":{"start":{"line":56,"column":12},"end":{"line":56,"column":65}},"18":{"start":{"line":64,"column":8},"end":{"line":66,"column":9}},"19":{"start":{"line":65,"column":12},"end":{"line":65,"column":68}},"20":{"start":{"line":73,"column":8},"end":{"line":73,"column":62}},"21":{"start":{"line":27,"column":18},"end":{"line":27,"column":64}},"22":{"start":{"line":20,"column":0},"end":{"line":104,"column":1}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":37,"column":4},"end":{"line":37,"column":15}},"loc":{"start":{"line":37,"column":45},"end":{"line":43,"column":5}}},"1":{"name":"(anonymous_1)","decl":{"start":{"line":79,"column":31},"end":{"line":79,"column":39}},"loc":{"start":{"line":79,"column":42},"end":{"line":93,"column":5}}},"2":{"name":"(anonymous_2)","decl":{"start":{"line":98,"column":27},"end":{"line":98,"column":35}},"loc":{"start":{"line":98,"column":38},"end":{"line":103,"column":5}}},"3":{"name":"(anonymous_3)","decl":{"start":{"line":48,"column":11},"end":{"line":48,"column":27}},"loc":{"start":{"line":48,"column":28},"end":{"line":58,"column":5}}},"4":{"name":"(anonymous_4)","decl":{"start":{"line":63,"column":11},"end":{"line":63,"column":30}},"loc":{"start":{"line":63,"column":31},"end":{"line":67,"column":5}}},"5":{"name":"(anonymous_5)","decl":{"start":{"line":72,"column":11},"end":{"line":72,"column":16}},"loc":{"start":{"line":72,"column":17},"end":{"line":74,"column":5}}}},"branchMap":{"0":{"loc":{"start":{"line":86,"column":8},"end":{"line":90,"column":9}},"type":"if","locations":[{"start":{"line":86,"column":8},"end":{"line":90,"column":9}},{"start":{"line":86,"column":8},"end":{"line":90,"column":9}}]},"1":{"loc":{"start":{"line":99,"column":8},"end":{"line":102,"column":9}},"type":"if","locations":[{"start":{"line":99,"column":8},"end":{"line":102,"column":9}},{"start":{"line":99,"column":8},"end":{"line":102,"column":9}}]},"2":{"loc":{"start":{"line":53,"column":8},"end":{"line":57,"column":9}},"type":"if","locations":[{"start":{"line":53,"column":8},"end":{"line":57,"column":9}},{"start":{"line":53,"column":8},"end":{"line":57,"column":9}}]},"3":{"loc":{"start":{"line":64,"column":8},"end":{"line":66,"column":9}},"type":"if","locations":[{"start":{"line":64,"column":8},"end":{"line":66,"column":9}},{"start":{"line":64,"column":8},"end":{"line":66,"column":9}}]}},"s":{"0":1,"1":1,"2":1,"3":5,"4":5,"5":5,"6":5,"7":5,"8":5,"9":5,"10":5,"11":0,"12":0,"13":0,"14":5,"15":5,"16":5,"17":5,"18":1,"19":1,"20":10,"21":1,"22":1},"f":{"0":5,"1":5,"2":0,"3":5,"4":1,"5":10},"b":{"0":[5,0],"1":[0,0],"2":[5,0],"3":[1,0]}}
,"/Users/nirice/dev/fast-dna/packages/fast-breakpoint-tracker-react/src/breakpoints.ts": {"path":"/Users/nirice/dev/fast-dna/packages/fast-breakpoint-tracker-react/src/breakpoints.ts","statementMap":{"0":{"start":{"line":3,"column":13},"end":{"line":3,"column":79}},"1":{"start":{"line":12,"column":4},"end":{"line":16,"column":5}},"2":{"start":{"line":13,"column":8},"end":{"line":15,"column":9}},"3":{"start":{"line":14,"column":12},"end":{"line":14,"column":30}},"4":{"start":{"line":8,"column":0},"end":{"line":17,"column":1}}},"fnMap":{"0":{"name":"identifyBreakpoint","decl":{"start":{"line":8,"column":16},"end":{"line":8,"column":34}},"loc":{"start":{"line":10,"column":28},"end":{"line":17,"column":1}}}},"branchMap":{"0":{"loc":{"start":{"line":13,"column":8},"end":{"line":15,"column":9}},"type":"if","locations":[{"start":{"line":13,"column":8},"end":{"line":15,"column":9}},{"start":{"line":13,"column":8},"end":{"line":15,"column":9}}]}},"s":{"0":2,"1":21,"2":65,"3":21,"4":2},"f":{"0":21},"b":{"0":[21,44]}}
}

@@ -5,3 +5,3 @@ {

"sideEffects": false,
"version": "1.2.1",
"version": "1.2.2",
"author": {

@@ -89,3 +89,3 @@ "name": "Microsoft",

},
"gitHead": "e4ae6d6885991568f6ea76488bf87a590147a8b2"
"gitHead": "86b09b441e27c78db3a586cc45aa61f5c6007052"
}
# React Breakpoint Tracker
`fast-breakpoint-tracker-react` is a React component for managing viewport breakpoints. Given a set of breakpoints, this component will monitor the width of the browser window and track the current active breakpoint.
A library for managing viewport breakpoints. Given a set of breakpoints, this component will monitor the width of the browser window and track the current active breakpoint.
## Installation
`npm i --save @microsoft/fast-breakpoint-tracker-react`
## Breakpoints
`Breakpoints` are expected as an array. Six default breakpoint values are provided for convenience:

@@ -14,5 +17,6 @@

### Set custom breakpoint values
Custom breakpoint values can be set by setting the `breakpoints` value on the BreakpointTracker class with new key:value pairs. Custom keys are supported, but the values must be numbers.
### Setting custom breakpoint values
Custom breakpoint values are defined by setting the `breakpoints` value on the BreakpointTracker class with a new array of number values:
```jsx

@@ -24,2 +28,3 @@ // Set the public static value to your custom breakpoints

## Usage
```jsx

@@ -42,2 +47,2 @@ import * as React from "react";

}
```
```

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc