@chakra-ui/modal - npm Package Compare versions

Comparing version 1.7.0 to 1.8.0

CHANGELOG.md

 # Change Log
 
+## 1.8.0
+
+### Minor Changes
+
+- [`b724a9dd9`](https://github.com/chakra-ui/chakra-ui/commit/b724a9dd9429d02c0b2c7f7deac66d3553100bdc)
+  [#3674](https://github.com/chakra-ui/chakra-ui/pull/3674) Thanks
+  [@codebender828](https://github.com/codebender828)! - Extract all React based
+  utilities and types into `@chakra-ui/react-utils`
+
+### Patch Changes
+
+- Updated dependencies
+  [[`623e782e8`](https://github.com/chakra-ui/chakra-ui/commit/623e782e80124297740a109e5c6c58cddc35b2eb),
+  [`a58b724e9`](https://github.com/chakra-ui/chakra-ui/commit/a58b724e9c8656044f866b658f378662f2a44b46),
+  [`b724a9dd9`](https://github.com/chakra-ui/chakra-ui/commit/b724a9dd9429d02c0b2c7f7deac66d3553100bdc)]:
+  - @chakra-ui/hooks@1.3.0
+  - @chakra-ui/utils@1.5.0
+  - @chakra-ui/portal@1.2.0
+  - @chakra-ui/react-utils@1.1.0
+  - @chakra-ui/transition@1.1.1
+  - @chakra-ui/close-button@1.1.4
+  - @chakra-ui/focus-lock@1.1.3
+
 ## 1.7.0
@@ -4,0 +27,0 @@

dist/cjs/drawer.js

@@ -13,2 +13,4 @@ "use strict";
 
+var _reactUtils = require("@chakra-ui/react-utils");
+
 var React = _interopRequireWildcard(require("react"));
@@ -32,3 +34,3 @@
 
-var _createContext = (0, _utils.createContext)(),
+var _createContext = (0, _reactUtils.createContext)(),
     DrawerContextProvider = _createContext[0],
@@ -35,0 +37,0 @@ useDrawerContext = _createContext[1];

dist/cjs/modal.js

@@ -19,2 +19,4 @@ "use strict";
 
+var _reactUtils = require("@chakra-ui/react-utils");
+
 var _framerMotion = require("framer-motion");
@@ -38,3 +40,3 @@
 
-var _createContext = (0, _utils.createContext)({
+var _createContext = (0, _reactUtils.createContext)({
   strict: true,
@@ -41,0 +43,0 @@ name: "ModalContext",

dist/cjs/use-modal.js

@@ -11,2 +11,4 @@ "use strict";
 
+var _reactUtils = require("@chakra-ui/react-utils");
+
 var _ariaHidden = require("aria-hidden");
@@ -95,3 +97,3 @@
     }, props, {
-      ref: (0, _utils.mergeRefs)(ref, dialogRef),
+      ref: (0, _reactUtils.mergeRefs)(ref, dialogRef),
       id: dialogId,
@@ -141,3 +143,3 @@ tabIndex: -1,
     return _extends({}, props, {
-      ref: (0, _utils.mergeRefs)(ref, overlayRef),
+      ref: (0, _reactUtils.mergeRefs)(ref, overlayRef),
       onClick: (0, _utils.callAllHandlers)(props.onClick, onOverlayClick),
@@ -144,0 +146,0 @@ onKeyDown: (0, _utils.callAllHandlers)(props.onKeyDown, onKeyDown),

dist/esm/drawer.js

@@ -7,3 +7,4 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { Slide } from "@chakra-ui/transition";
-import { createContext, cx, __DEV__ } from "@chakra-ui/utils";
+import { cx, __DEV__ } from "@chakra-ui/utils";
+import { createContext } from "@chakra-ui/react-utils";
 import * as React from "react";
@@ -10,0 +11,0 @@ import { Modal, ModalFocusScope, useModalContext } from "./modal";

dist/esm/modal.js

@@ -10,3 +10,4 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { fadeConfig } from "@chakra-ui/transition";
-import { callAllHandlers, createContext, cx, __DEV__ } from "@chakra-ui/utils";
+import { callAllHandlers, cx, __DEV__ } from "@chakra-ui/utils";
+import { createContext } from "@chakra-ui/react-utils";
 import { AnimatePresence, motion, usePresence } from "framer-motion";
@@ -13,0 +14,0 @@ import * as React from "react";

dist/esm/use-modal.js

 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import { useIds } from "@chakra-ui/hooks";
-import { callAllHandlers, mergeRefs } from "@chakra-ui/utils";
+import { callAllHandlers } from "@chakra-ui/utils";
+import { mergeRefs } from "@chakra-ui/react-utils";
 import { hideOthers } from "aria-hidden";
@@ -6,0 +7,0 @@ import { useCallback, useEffect, useRef, useState } from "react";

dist/types/alert-dialog.d.ts

@@ -9,1 +9,2 @@ /// <reference types="react" />
 export { ModalBody as AlertDialogBody, ModalCloseButton as AlertDialogCloseButton, ModalFooter as AlertDialogFooter, ModalHeader as AlertDialogHeader, ModalOverlay as AlertDialogOverlay, } from "./modal";
+//# sourceMappingURL=alert-dialog.d.ts.map

dist/types/drawer.d.ts

@@ -25,1 +25,2 @@ /// <reference types="react" />
 export { ModalBody as DrawerBody, ModalCloseButton as DrawerCloseButton, ModalFooter as DrawerFooter, ModalHeader as DrawerHeader, ModalOverlay as DrawerOverlay, } from "./modal";
+//# sourceMappingURL=drawer.d.ts.map

dist/types/index.d.ts

@@ -5,1 +5,2 @@ export * from "./modal";
 export * from "./drawer";
+//# sourceMappingURL=index.d.ts.map

dist/types/modal-manager.d.ts

@@ -16,1 +16,2 @@ import { Ref } from "react";
 export {};
+//# sourceMappingURL=modal-manager.d.ts.map

dist/types/modal-transition.d.ts

@@ -8,1 +8,2 @@ import { ChakraProps } from "@chakra-ui/system";
 export declare const ModalTransition: React.ForwardRefExoticComponent<ModalTransitionProps & React.RefAttributes<any>>;
+//# sourceMappingURL=modal-transition.d.ts.map

dist/types/modal.d.ts

@@ -164,1 +164,2 @@ import { CloseButtonProps } from "@chakra-ui/close-button";
 export declare const ModalCloseButton: import("@chakra-ui/system").ComponentWithAs<"button", CloseButtonProps>;
+//# sourceMappingURL=modal.d.ts.map

dist/types/use-modal.d.ts

@@ -1,2 +0,2 @@
-import { PropGetter } from "@chakra-ui/utils";
+import { PropGetter } from "@chakra-ui/react-utils";
 import { RefObject } from "react";
@@ -73,1 +73,2 @@ export interface UseModalProps {
 export declare function useAriaHidden(ref: RefObject<HTMLElement>, shouldHide: boolean): void;
+//# sourceMappingURL=use-modal.d.ts.map

package.json

 {
   "name": "@chakra-ui/modal",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "description": "An accessible dialog (modal) component for React & Chakra UI",
@@ -62,8 +62,9 @@ "keywords": [
   "dependencies": {
-    "@chakra-ui/close-button": "1.1.3",
-    "@chakra-ui/focus-lock": "1.1.2",
-    "@chakra-ui/hooks": "1.2.0",
-    "@chakra-ui/portal": "1.1.3",
-    "@chakra-ui/transition": "1.1.0",
-    "@chakra-ui/utils": "1.4.0",
+    "@chakra-ui/close-button": "1.1.4",
+    "@chakra-ui/focus-lock": "1.1.3",
+    "@chakra-ui/hooks": "1.3.0",
+    "@chakra-ui/portal": "1.2.0",
+    "@chakra-ui/react-utils": "1.1.0",
+    "@chakra-ui/transition": "1.1.1",
+    "@chakra-ui/utils": "1.5.0",
     "aria-hidden": "^1.1.1",
@@ -73,3 +74,3 @@ "react-remove-scroll": "2.4.1"
   "devDependencies": {
-    "@chakra-ui/system": "1.5.0",
+    "@chakra-ui/system": "1.6.0",
     "framer-motion": "^4.0.0",
@@ -76,0 +77,0 @@ "react": "^17.0.1"

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

Improved metrics

Total package byte prevSize

188052

increased by4.02%

Number of package files

45

increased by18.42%

Lines of code

1677

increased by0.36%

Worsened metrics

Dependency count

12

increased by9.09%

Dependency changes

• + Added@chakra-ui/react-utils@1.1.0

• + Added@chakra-ui/close-button@1.1.4(transitive)

• + Added@chakra-ui/focus-lock@1.1.3(transitive)

• + Added@chakra-ui/hooks@1.3.0(transitive)

• + Added@chakra-ui/icon@1.1.4(transitive)

• + Added@chakra-ui/portal@1.2.0(transitive)

• + Added@chakra-ui/react-utils@1.1.0(transitive)

• + Added@chakra-ui/transition@1.1.1(transitive)

• + Added@chakra-ui/utils@1.5.0(transitive)

• - Removed@chakra-ui/close-button@1.1.3(transitive)

• - Removed@chakra-ui/focus-lock@1.1.2(transitive)

• - Removed@chakra-ui/hooks@1.2.0(transitive)

• - Removed@chakra-ui/icon@1.1.3(transitive)

• - Removed@chakra-ui/portal@1.1.3(transitive)

• - Removed@chakra-ui/transition@1.1.0(transitive)

• - Removed@chakra-ui/utils@1.4.0(transitive)

• - Removed@types/object-assign@4.0.30(transitive)

• Updated@chakra-ui/close-button@1.1.4

• Updated@chakra-ui/focus-lock@1.1.3

• Updated@chakra-ui/hooks@1.3.0

• Updated@chakra-ui/portal@1.2.0

• Updated@chakra-ui/transition@1.1.1

• Updated@chakra-ui/utils@1.5.0