@chakra-ui/popper - npm Package Compare versions

Comparing version 0.0.0-dev-202212083710 to 0.0.0-dev-20221221104434

package.json

 {
   "name": "@chakra-ui/popper",
-  "version": "0.0.0-dev-202212083710",
+  "version": "0.0.0-dev-20221221104434",
   "description": "A React component and hooks wrapper for popper.js",
@@ -21,8 +21,5 @@ "keywords": [
   "license": "MIT",
-  "main": "dist/chakra-ui-popper.cjs.js",
-  "module": "dist/chakra-ui-popper.esm.js",
-  "types": "dist/chakra-ui-popper.cjs.d.ts",
+  "main": "dist/index.cjs.js",
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
@@ -35,3 +32,3 @@ "publishConfig": {
     "url": "git+https://github.com/chakra-ui/chakra-ui.git",
-    "directory": "packages/popper"
+    "directory": "packages/components/popper"
   },
@@ -42,11 +39,32 @@ "bugs": {
   "dependencies": {
-    "@chakra-ui/react-utils": "0.0.0-dev-202212083710",
-    "@popperjs/core": "^2.9.3"
+    "@popperjs/core": "^2.9.3",
+    "@chakra-ui/react-use-merge-refs": "2.0.5",
+    "@chakra-ui/react-types": "2.0.5"
   },
+  "devDependencies": {
+    "framer-motion": "^6.2.9",
+    "react": "^18.0.0",
+    "clean-package": "2.1.1",
+    "@chakra-ui/hooks": "2.1.2"
+  },
   "peerDependencies": {
-    "react": ">=16.8.6"
+    "react": ">=18"
   },
-  "devDependencies": {
-    "react": "^17.0.1"
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --dts",
+    "dev": "pnpm build:fast -- --watch",
+    "clean": "rimraf dist .turbo",
+    "typecheck": "tsc --noEmit",
+    "build:fast": "tsup src/index.ts"
   }
-}
+}

README.md

@@ -6,3 +6,3 @@ # Popper
 
-> This is an internal hook of Chakra-UI and it's not covered by semver, and may
+> This is an internal hook of Chakra-UI, and it's not covered by semver, and may
 > cause unexpected or broken application behavior. Use them at your own risk.
@@ -22,4 +22,4 @@
 ```jsx
-import { Box } from '@chakra-ui/layout'
-import { Button } from '@chakra-ui/button'
+import { Box } from "@chakra-ui/layout"
+import { Button } from "@chakra-ui/button"
 import { useDisclosure } from "@chakra-ui/hooks"
@@ -81,4 +81,4 @@ import { usePopper } from "@chakra-ui/popper"
 
-You can place the popper next to the reference without margin or distance between them.
-Useful to create an autocomplete or typeahead feature.
+You can place the popper next to the reference without margin or distance
+between them. Useful to create an autocomplete or typeahead feature.
 
@@ -93,7 +93,8 @@ ```jsx
 
-If the reference element is inside a fixed container, you should use the `fixed` strategy.
+If the reference element is inside a fixed container, you should use the `fixed`
+strategy.
 
 ```jsx
 const { popperRef, referenceRef } = usePopper({
-  strategy: 'fixed',
+  strategy: "fixed",
 })
@@ -107,3 +108,3 @@ ```
 
-```jsx
+```tsx
 // 1. Import components
@@ -131,5 +132,6 @@ import { useDisclosure } from "@chakra-ui/hooks"
   // 4. Consume the `usePopper` hook
-  const { getPopperProps, getReferenceProps, getArrowProps, transformOrigin } = usePopper({
-    placement: "bottom-start",
-  })
+  const { getPopperProps, getReferenceProps, getArrowProps, transformOrigin } =
+    usePopper({
+      placement: "bottom-start",
+    })
 
@@ -136,0 +138,0 @@ return (

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

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

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

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

173

increased by1.17%

Number of low supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

31661

decreased by-57.01%

Dependency count

4

increased by33.33%

Dev dependency count

4

increased by300%

Number of package files

6

decreased by-72.73%

Lines of code

858

decreased by-57.48%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@chakra-ui/react-types@2.0.5

• + Added@chakra-ui/react-use-merge-refs@2.0.5

• + Added@chakra-ui/react-types@2.0.5(transitive)

• + Added@chakra-ui/react-use-merge-refs@2.0.5(transitive)

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

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

• - Removed@chakra-ui/utils@0.0.0-v3-20240109123510(transitive)

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

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

• - Removedlodash.mergewith@4.6.2(transitive)