@chakra-ui/transition - npm Package Compare versions

Comparing version 1.0.0-next.4 to 1.0.0-next.5

CHANGELOG.md

@@ -6,2 +6,23 @@ # Change Log
 
+# [1.0.0-next.5](https://github.com/chakra-ui/chakra-ui/compare/@chakra-ui/transition@1.0.0-next.4...@chakra-ui/transition@1.0.0-next.5) (2020-07-15)
+
+### Bug Fixes
+
+- types in hidden transition
+  ([ef18845](https://github.com/chakra-ui/chakra-ui/commit/ef18845ce1754a9e36065d140c4bdca677b939aa))
+
+### Features
+
+- add popover transition
+  ([73d8c4f](https://github.com/chakra-ui/chakra-ui/commit/73d8c4fc9c676c95232cd259f59cce7d38eff94b))
+- add support for css transition
+  ([a41614c](https://github.com/chakra-ui/chakra-ui/commit/a41614c8e9757e5d38ddef6a356d2d8c718f406f))
+- add transition for modal
+  ([dda931b](https://github.com/chakra-ui/chakra-ui/commit/dda931bea7444c3f83392eebf1c34dd571a0dbbc))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 # 1.0.0-next.4 (2020-07-01)
@@ -8,0 +29,0 @@

dist/cjs/fade.js

@@ -6,6 +6,6 @@ "use strict";
 
+var _utils = require("@chakra-ui/utils");
+
 var React = _interopRequireWildcard(require("react"));
 
-var _utils = require("@chakra-ui/utils");
-
 var _transition = require("./transition");
@@ -12,0 +12,0 @@

dist/cjs/index.js

 "use strict";
 
 exports.__esModule = true;
+var _exportNames = {
+  CSSTransition: true
+};
+exports.CSSTransition = void 0;
 
@@ -9,2 +13,3 @@ var _fade = require("./fade");
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   exports[key] = _fade[key];
@@ -17,2 +22,3 @@ });
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   exports[key] = _scaleFade[key];
@@ -25,2 +31,3 @@ });
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   exports[key] = _slide[key];
@@ -33,2 +40,3 @@ });
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   exports[key] = _slideFade[key];
@@ -41,4 +49,41 @@ });
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   exports[key] = _transition[key];
 });
+
+var _transitionConfig = require("./transition-config");
+
+Object.keys(_transitionConfig).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  exports[key] = _transitionConfig[key];
+});
+
+var _hiddenTransition = require("./hidden-transition");
+
+Object.keys(_hiddenTransition).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  exports[key] = _hiddenTransition[key];
+});
+
+var _useTransitionConfig = require("./use-transition-config");
+
+Object.keys(_useTransitionConfig).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  exports[key] = _useTransitionConfig[key];
+});
+
+var _presets = require("./presets");
+
+Object.keys(_presets).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  exports[key] = _presets[key];
+});
+
+var _reactTransitionGroup = require("react-transition-group");
+
+exports.CSSTransition = _reactTransitionGroup.CSSTransition;
 //# sourceMappingURL=index.js.map

dist/esm/fade.js

@@ -5,4 +5,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 { __DEV__ } from "@chakra-ui/utils";
 import * as React from "react";
-import { __DEV__ } from "@chakra-ui/utils";
 import { Transition } from "./transition";
@@ -9,0 +9,0 @@ var styles = {

dist/esm/index.js

@@ -6,2 +6,7 @@ export * from "./fade";
 export * from "./transition";
+export * from "./transition-config";
+export * from "./hidden-transition";
+export * from "./use-transition-config";
+export * from "./presets";
+export { CSSTransition } from "react-transition-group";
 //# sourceMappingURL=index.js.map

dist/esm/transition.js

@@ -7,3 +7,3 @@ 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 * as React from "react";
-import CSSTransition from "react-transition-group/Transition";
+import ReactTransition from "react-transition-group/Transition";
 export function Transition(props) {
@@ -23,3 +23,3 @@ var {
 
-  return /*#__PURE__*/React.createElement(CSSTransition, _extends({
+  return /*#__PURE__*/React.createElement(ReactTransition, _extends({
     appear: true,
@@ -26,0 +26,0 @@ unmountOnExit: true,

dist/types/index.d.ts

@@ -6,2 +6,7 @@ export * from "./fade";
 export * from "./transition";
+export * from "./transition-config";
+export * from "./hidden-transition";
+export * from "./use-transition-config";
+export * from "./presets";
+export { CSSTransition } from "react-transition-group";
 //# sourceMappingURL=index.d.ts.map

dist/types/transition.d.ts

 import * as React from "react";
-import type { TransitionProps as TProps, TransitionStatus } from "react-transition-group/Transition";
-export declare type BaseProps = Pick<TProps, "in" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "unmountOnExit" | "timeout">;
-export interface TransitionProps extends BaseProps {
+import type { TransitionProps as ReactTransitionProps, TransitionStatus } from "react-transition-group/Transition";
+declare type RTGProps = Pick<ReactTransitionProps, "in" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "unmountOnExit" | "timeout">;
+export interface TransitionProps extends RTGProps {
     transition?: string;
@@ -6,0 +6,0 @@ children: (styles: React.CSSProperties) => React.ReactNode;

package.json

 {
   "name": "@chakra-ui/transition",
-  "version": "1.0.0-next.4",
+  "version": "1.0.0-next.5",
   "description": "Common transition components for Chakra UI",
@@ -50,10 +50,14 @@ "sideEffects": false,
   "dependencies": {
-    "@chakra-ui/utils": "^1.0.0-next.4",
+    "@chakra-ui/utils": "^1.0.0-next.5",
     "@types/react-transition-group": "4.4.0",
     "react-transition-group": "4.4.1"
   },
+  "devDependencies": {
+    "@chakra-ui/system": "^1.0.0-next.5"
+  },
   "peerDependencies": {
+    "@chakra-ui/system": "^1.0.0-next.4",
     "react": "16.x"
   },
-  "gitHead": "cdd5eac1db90ba33a07c009fb8dbcc4453d6ec01"
+  "gitHead": "24eec5d796d81b6fafbcfa7231fb2cb15e6d5a29"
 }

src/index.ts

@@ -6,1 +6,6 @@ export * from "./fade"
 export * from "./transition"
+export * from "./transition-config"
+export * from "./hidden-transition"
+export * from "./use-transition-config"
+export * from "./presets"
+export { CSSTransition } from "react-transition-group"

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

145477

increased by107.53%

Number of package files

95

increased by106.52%

Lines of code

1938

increased by114.38%

Worsened metrics

Dependency count

5

increased by25%

Dev dependency count

1

increased byInfinity%

Dependency changes

• + Added@babel/code-frame@7.24.7(transitive)

• + Added@babel/generator@7.25.6(transitive)

• + Added@babel/helper-module-imports@7.24.7(transitive)

• + Added@babel/helper-string-parser@7.24.8(transitive)

• + Added@babel/helper-validator-identifier@7.24.7(transitive)

• + Added@babel/highlight@7.24.7(transitive)

• + Added@babel/parser@7.25.6(transitive)

• + Added@babel/template@7.25.0(transitive)

• + Added@babel/traverse@7.25.6(transitive)

• + Added@babel/types@7.25.6(transitive)

• + Added@chakra-ui/color-mode@1.4.8(transitive)

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

• + Added@chakra-ui/react-env@1.1.6(transitive)

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

• + Added@chakra-ui/styled-system@1.19.0(transitive)

• + Added@chakra-ui/system@1.12.1(transitive)

• + Added@emotion/babel-plugin@11.12.0(transitive)

• + Added@emotion/cache@11.13.1(transitive)

• + Added@emotion/hash@0.9.2(transitive)

• + Added@emotion/is-prop-valid@1.3.0(transitive)

• + Added@emotion/memoize@0.9.0(transitive)

• + Added@emotion/react@11.13.3(transitive)

• + Added@emotion/serialize@1.3.1(transitive)

• + Added@emotion/sheet@1.4.0(transitive)

• + Added@emotion/styled@11.13.0(transitive)

• + Added@emotion/unitless@0.10.0(transitive)

• + Added@emotion/use-insertion-effect-with-fallbacks@1.1.0(transitive)

• + Added@emotion/utils@1.4.0(transitive)

• + Added@emotion/weak-memoize@0.4.0(transitive)

• + Added@jridgewell/gen-mapping@0.3.5(transitive)

• + Added@jridgewell/resolve-uri@3.1.2(transitive)

• + Added@jridgewell/set-array@1.2.1(transitive)

• + Added@jridgewell/sourcemap-codec@1.5.0(transitive)

• + Added@jridgewell/trace-mapping@0.3.25(transitive)

• + Added@types/parse-json@4.0.2(transitive)

• + Addedansi-styles@3.2.1(transitive)

• + Addedbabel-plugin-macros@3.1.0(transitive)

• + Addedcallsites@3.1.0(transitive)

• + Addedchalk@2.4.2(transitive)

• + Addedcolor-convert@1.9.3(transitive)

• + Addedcolor-name@1.1.3(transitive)

• + Addedcompute-scroll-into-view@1.0.14(transitive)

• + Addedconvert-source-map@1.9.0(transitive)

• + Addedcopy-to-clipboard@3.3.1(transitive)

• + Addedcosmiconfig@7.1.0(transitive)

• + Addedcsstype@3.0.9(transitive)

• + Addeddebug@4.3.7(transitive)

• + Addederror-ex@1.3.2(transitive)

• + Addedescape-string-regexp@1.0.54.0.0(transitive)

• + Addedfind-root@1.1.0(transitive)

• + Addedfunction-bind@1.1.2(transitive)

• + Addedglobals@11.12.0(transitive)

• + Addedhas-flag@3.0.0(transitive)

• + Addedhasown@2.0.2(transitive)

• + Addedhoist-non-react-statics@3.3.2(transitive)

• + Addedimport-fresh@3.3.0(transitive)

• + Addedis-arrayish@0.2.1(transitive)

• + Addedis-core-module@2.15.1(transitive)

• + Addedjsesc@2.5.2(transitive)

• + Addedjson-parse-even-better-errors@2.3.1(transitive)

• + Addedlines-and-columns@1.2.4(transitive)

• + Addedms@2.1.3(transitive)

• + Addedparent-module@1.0.1(transitive)

• + Addedparse-json@5.2.0(transitive)

• + Addedpath-parse@1.0.7(transitive)

• + Addedpath-type@4.0.0(transitive)

• + Addedpicocolors@1.1.0(transitive)

• + Addedreact-fast-compare@3.2.0(transitive)

• + Addedresolve@1.22.8(transitive)

• + Addedresolve-from@4.0.0(transitive)

• + Addedsource-map@0.5.7(transitive)

• + Addedstylis@4.2.0(transitive)

• + Addedsupports-color@5.5.0(transitive)

• + Addedsupports-preserve-symlinks-flag@1.0.0(transitive)

• + Addedto-fast-properties@2.0.0(transitive)

• + Addedtoggle-selection@1.0.6(transitive)

• + Addedyaml@1.10.2(transitive)

• - Removedcsstype@3.1.3(transitive)

• Updated@chakra-ui/utils@^1.0.0-next.5