flex-wrap-layout - npm Package Compare versions

Comparing version 0.9.0 to 0.9.1

CHANGELOG.md

@@ -0,1 +1,5 @@
+## v0.9.1 (2020/02/24)
+
+- DevTools accepts div props
+
 ## v0.9.0 (2020/02/24)
@@ -2,0 +6,0 @@

dist/cjs/DevTools.js

@@ -43,5 +43,7 @@ "use strict";
 function DevTools(props) {
-    const { detectWrappedElementsRef, context } = props;
+    const { detectWrappedElementsRef, context, ...otherProps } = props;
     const { showBorders, setShowBorders, detectWrappedElements, setDetectWrappedElements, flexFill, setFlexFill } = context;
-    return (react_1.default.createElement("div", { style: { ...panel } },
+    return (
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    react_1.default.createElement("div", Object.assign({ style: { ...panel } }, otherProps),
         detectWrappedElements && (react_1.default.createElement(DetectWrappedElements, { detectWrappedElementsRef: detectWrappedElementsRef })),
@@ -48,0 +50,0 @@ react_1.default.createElement("label", { title: "Dotted line: growing block, solid line: fixed block" },

dist/DevTools.d.ts

@@ -22,3 +22,3 @@ import React from 'react';
 };
-interface Props {
+interface Props extends React.HTMLAttributes<HTMLDivElement> {
     detectWrappedElementsRef: React.RefObject<HTMLElement>;
@@ -25,0 +25,0 @@ context: DevToolsContext;

dist/DevTools.js

@@ -33,5 +33,7 @@ import React, { useState } from 'react';
 export function DevTools(props) {
-    const { detectWrappedElementsRef, context } = props;
+    const { detectWrappedElementsRef, context, ...otherProps } = props;
     const { showBorders, setShowBorders, detectWrappedElements, setDetectWrappedElements, flexFill, setFlexFill } = context;
-    return (React.createElement("div", { style: { ...panel } },
+    return (
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    React.createElement("div", Object.assign({ style: { ...panel } }, otherProps),
         detectWrappedElements && (React.createElement(DetectWrappedElements, { detectWrappedElementsRef: detectWrappedElementsRef })),
@@ -38,0 +40,0 @@ React.createElement("label", { title: "Dotted line: growing block, solid line: fixed block" },

package.json

 {
   "name": "flex-wrap-layout",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "repository": {
@@ -5,0 +5,0 @@ "type": "git",

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

40995

increased by1.11%

Lines of code

696

increased by0.72%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes