@microsoft/fast-breakpoint-tracker-react
Advanced tools
Comparing version 1.2.1 to 1.2.2
@@ -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 @@ |
@@ -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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
67647
45