react-infinite-grid-scroller - npm Package Compare versions

Comparing version 2.0.0 to 2.1.0

package.json

 {
   "name": "react-infinite-grid-scroller",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "infinite vertical or horizontal scroll using css grid layout",
@@ -29,3 +29,4 @@ "main": "index.js",
     "IntersectionObserver",
-    "ResizeObserver"
+    "ResizeObserver",
+    "Drag and drop"
   ],
@@ -32,0 +33,0 @@ "repository": {

README.md

 # react-infinite-grid-scroller (RIGS)
 Heavy-duty vertical or horizontal infinite scroller
 
-[![npm](https://img.shields.io/badge/npm-2.0.0-brightgreen)](https://www.npmjs.com/package/react-infinite-grid-scroller) [![licence](https://img.shields.io/badge/licence-MIT-green)](LICENSE.md)
+[![npm](https://img.shields.io/badge/npm-2.1.0-brightgreen)](https://www.npmjs.com/package/react-infinite-grid-scroller) [![licence](https://img.shields.io/badge/licence-MIT-green)](LICENSE.md)
 
@@ -30,3 +30,3 @@ # Key Features
 - [React hooks](https://react.dev/reference/react)
-- [React portals](https://www.npmjs.com/package/react-reverse-portal)
+- [React (reverse) portals](https://www.npmjs.com/package/react-reverse-portal)
 - [IntersectionObserver](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API)
@@ -104,3 +104,3 @@ - [ResizeObserver](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver)
 |orientation:string| 'vertical' (default) or 'horizontal'|direction of scroll|
-|layout:string| 'uniform' (default) or 'variable'|specifies handling of the height or width of cells, depending on orientation. 'uniform' is fixed cellHeight/cellWidth. 'variable' is constrained by cellHeight/cellWidth (maximum) and cellMinHeight/cellMinWidth (minimum)|
+|layout:string| 'uniform' (default), 'variable', or 'static'|specifies handling of the height or width of cells, depending on orientation. 'uniform' is fixed cellHeight/cellWidth. 'variable' is constrained by cellHeight/cellWidth (maximum) and cellMinHeight/cellMinWidth (minimum). See the `staticComponent` property regarding the special 'static' option.|
 |padding:integer \| []| number of pixels padding the `Scrollblock`| default = 0; accepts an array of integers as well as a standalone integer. Values match standard CSS order. Standalone integer = padding (in pixels) for all of top, right, bottom, left. 1-item array, same as integer. 2-item array = [t/b, r/l]. 3-item array = [t, r/l, b]. 4-item array = [t, r, b, l]|
@@ -117,2 +117,3 @@ |getExpansionCount(position:string, index:ingeger): integer| function optionally provided by host. Called whenever the lowindex or highindex are loaded into the Cradle.| `position` = "SOL" or "EOL"; index = the lowindex or highindex. Should return the number by which to expand the virtual list|
 |usePlaceholder:boolean| default = true|allows suppression of use of default or custom placeholder. Placeholders show messages to the user while user components are fetched, and report errors|
+|staticComponent:React.FC|an arbitrary react component inserted as a layer. Ignored unless the `layout` property is set to 'static'|This allows the root of the Scroller tree to have an arbitrary layout. Specifically the inserted component allows for more than one top-level scroller, with drag and drop between them. If the `layout` 'static' option is set all other properties (except `dndOptions`) are ignored|
 |[_**OBJECT PROPERTIES**_]|
@@ -425,3 +426,3 @@ |styles:object| collection of styles for scroller components|optional. These should be "passive" styles like backgroundColor. See below for details|
 ```
-2. `dndOptions` is a required property for all scrollers when dnd is enabled. It must include an `accept` property, with an array of accepted dnd content types (strings or Symbols). For the root scroller it may also include a `master` property, and a `profile` property with a simple object to help identify the scroller when the host responds to the `getDropEffect` function. A complete list here:
+2. `dndOptions` is a required property for all scrollers when dnd is enabled. It must include an `accept` property, with an array of accepted dnd content types (strings or Symbols). For the root scroller it may also include a `master` property. A complete list here:
 ```tsx
@@ -434,2 +435,3 @@ const dndOptions = {
     // undefined dropEffect means default = 'move', posibly modified to 'copy' by pressing the altKey on desktop systems
+  showScrollTabs, // default = true. When set to false, suppresses the scroll tabs on the scroller during drag.
 }
@@ -436,0 +438,0 @@ ```

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

729388

increased by0.66%

Lines of code

9906

increased by0.68%

Number of lines in readme file

687

increased by0.29%

Number of medium supply chain risk alerts

1

decreased by-50%

No dependency changes