@chakra-ui/popper - npm Package Compare versions

Comparing version 0.0.0-dev-20220820152257 to 0.0.0-dev-20220820165925

dist/index.cjs.js

@@ -29,3 +29,3 @@ "use strict";
 // src/use-popper.ts
-var import_react_utils = require("@chakra-ui/react-utils");
+var import_react_use_merge_refs = require("@chakra-ui/react-use-merge-refs");
 var import_core = require("@popperjs/core");
@@ -316,3 +316,3 @@ var import_react = require("react");
     ...props2,
-    ref: (0, import_react_utils.mergeRefs)(referenceRef, ref)
+    ref: (0, import_react_use_merge_refs.mergeRefs)(referenceRef, ref)
   }), [referenceRef]);
@@ -325,3 +325,3 @@ const popperRef = (0, import_react.useCallback)((node) => {
     ...props2,
-    ref: (0, import_react_utils.mergeRefs)(popperRef, ref),
+    ref: (0, import_react_use_merge_refs.mergeRefs)(popperRef, ref),
     style: {
@@ -328,0 +328,0 @@ ...props2.style,

dist/index.d.ts

 import { Placement, Modifier, VirtualElement } from '@popperjs/core';
 export { Placement } from '@popperjs/core';
-import { PropGetterV2 } from '@chakra-ui/react-utils';
+import * as _chakra_ui_react_types from '@chakra-ui/react-types';
+import { PropGetter } from '@chakra-ui/react-types';
 
@@ -87,19 +88,2 @@ declare type Logical = "start-start" | "start-end" | "end-start" | "end-end" | "start" | "end";
 }
-declare type ArrowCSSVarProps = {
-    /**
-     * The size of the popover arrow.
-     * This sets the `--popper-arrow-size` css property
-     */
-    size?: string | number;
-    /**
-     * The box-shadow color of the popover arrow.
-     * This sets the `--popper-arrow-shadow-color` css property
-     */
-    shadowColor?: string;
-    /**
-     * The background color of teh popper arrow.
-     * This sets the `--popper-arrow-bg` css property.
-     */
-    bg?: string;
-};
 declare function usePopper(props?: UsePopperProps): {
@@ -111,6 +95,6 @@ update(): void;
     popperRef: <T_1 extends HTMLElement>(node: T_1 | null) => void;
-    getPopperProps: PropGetterV2<"div", {}>;
-    getArrowProps: PropGetterV2<"div", ArrowCSSVarProps>;
-    getArrowInnerProps: PropGetterV2<"div", {}>;
-    getReferenceProps: PropGetterV2<"button", {}>;
+    getPopperProps: PropGetter<Record<string, any>, _chakra_ui_react_types.DOMAttributes<_chakra_ui_react_types.DOMElement>>;
+    getArrowProps: PropGetter<Record<string, any>, _chakra_ui_react_types.DOMAttributes<_chakra_ui_react_types.DOMElement>>;
+    getArrowInnerProps: PropGetter<Record<string, any>, _chakra_ui_react_types.DOMAttributes<_chakra_ui_react_types.DOMElement>>;
+    getReferenceProps: PropGetter<Record<string, any>, _chakra_ui_react_types.DOMAttributes<_chakra_ui_react_types.DOMElement>>;
 };
@@ -146,2 +130,2 @@ declare type UsePopperReturn = ReturnType<typeof usePopper>;
 
-export { ArrowCSSVarProps, PlacementWithLogical, UsePopperProps, UsePopperReturn, cssVars as popperCSSVars, usePopper };
+export { PlacementWithLogical, UsePopperProps, UsePopperReturn, cssVars as popperCSSVars, usePopper };

dist/index.esm.js

 // src/use-popper.ts
-import { mergeRefs } from "@chakra-ui/react-utils";
+import { mergeRefs } from "@chakra-ui/react-use-merge-refs";
 import {
@@ -4,0 +4,0 @@ createPopper

package.json

 {
   "name": "@chakra-ui/popper",
-  "version": "0.0.0-dev-20220820152257",
+  "version": "0.0.0-dev-20220820165925",
   "description": "A React component and hooks wrapper for popper.js",
@@ -39,13 +39,14 @@ "keywords": [
   "dependencies": {
-    "@chakra-ui/react-utils": "0.0.0-dev-20220820152257",
+    "@chakra-ui/react-use-merge-refs": "0.0.0-dev-20220820165925",
+    "@chakra-ui/react-types": "0.0.0-dev-20220820165925",
     "@popperjs/core": "^2.9.3"
   },
-  "peerDependencies": {
-    "react": ">=18"
-  },
   "devDependencies": {
-    "@chakra-ui/hooks": "0.0.0-dev-20220820152257",
+    "@chakra-ui/hooks": "0.0.0-dev-20220820165925",
     "framer-motion": "^6.2.9",
     "react": "^18.0.0"
   },
+  "peerDependencies": {
+    "react": ">=18"
+  },
   "scripts": {
@@ -52,0 +53,0 @@ "build": "tsup src/index.ts --dts",

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

Worsened metrics

Total package byte prevSize

31101

decreased by-0.01%

Dependency count

4

increased by33.33%

Lines of code

850

decreased by-1.85%

Dependency changes

• + Added@chakra-ui/react-types@0.0.0-dev-20220820165925

• + Added@chakra-ui/react-use-merge-refs@0.0.0-dev-20220820165925

• + Added@chakra-ui/react-types@0.0.0-dev-20220820165925(transitive)

• + Added@chakra-ui/react-use-merge-refs@0.0.0-dev-20220820165925(transitive)

• - Removed@chakra-ui/react-utils@0.0.0-dev-20220820152257

• - Removed@chakra-ui/react-utils@0.0.0-dev-20220820152257(transitive)

• - Removed@chakra-ui/utils@0.0.0-dev-20220820152257(transitive)

• - Removed@types/lodash@4.17.7(transitive)

• - Removed@types/lodash.mergewith@4.6.6(transitive)

• - Removedcss-box-model@1.2.1(transitive)

• - Removedframesync@5.3.0(transitive)

• - Removedlodash.mergewith@4.6.2(transitive)

• - Removedtiny-invariant@1.3.3(transitive)

• - Removedtslib@2.7.0(transitive)