Socket
Socket
Sign inDemoInstall

rc-motion

Package Overview
Dependencies
Maintainers
3
Versions
43
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

rc-motion - npm Package Compare versions

Comparing version 2.6.2 to 2.6.3

20

es/CSSMotion.js

@@ -12,7 +12,8 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";

import classNames from 'classnames';
import { getTransitionName, supportTransition } from './util/motion';
import { STATUS_NONE, STEP_PREPARE, STEP_START } from './interface';
import useStatus from './hooks/useStatus';
import DomWrapper from './DomWrapper';
import { isActive } from './hooks/useStepQueue';
import { getTransitionName, supportTransition } from "./util/motion";
import { STATUS_NONE, STEP_PREPARE, STEP_START } from "./interface";
import useStatus from "./hooks/useStatus";
import DomWrapper from "./DomWrapper";
import { isActive } from "./hooks/useStepQueue";
/**

@@ -22,3 +23,2 @@ * `transitionSupport` is used for none transition test case.

*/
export function genCSSMotion(config) {

@@ -98,7 +98,7 @@ var transitionSupport = config;

motionChildren = children(_objectSpread({}, mergedProps), setNodeRef);
} else if (!removeOnLeave && renderedRef.current) {
} else if (!removeOnLeave && renderedRef.current && leavedClassName) {
motionChildren = children(_objectSpread(_objectSpread({}, mergedProps), {}, {
className: leavedClassName
}), setNodeRef);
} else if (forceRender) {
} else if (forceRender || !removeOnLeave && !leavedClassName) {
motionChildren = children(_objectSpread(_objectSpread({}, mergedProps), {}, {

@@ -134,4 +134,4 @@ style: {

if ( /*#__PURE__*/React.isValidElement(motionChildren) && supportRef(motionChildren)) {
var _motionChildren = motionChildren,
originNodeRef = _motionChildren.ref;
var _ref = motionChildren,
originNodeRef = _ref.ref;

@@ -138,0 +138,0 @@ if (!originNodeRef) {

24

es/CSSMotionList.js

@@ -6,4 +6,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";

import _createClass from "@babel/runtime/helpers/esm/createClass";
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
import _inherits from "@babel/runtime/helpers/esm/inherits";
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
var _excluded = ["component", "children", "onVisibleChanged", "onAllRemoved"],

@@ -14,6 +16,7 @@ _excluded2 = ["status"];

import * as React from 'react';
import OriginCSSMotion from './CSSMotion';
import { supportTransition } from './util/motion';
import { STATUS_ADD, STATUS_KEEP, STATUS_REMOVE, STATUS_REMOVED, diffKeys, parseKeys } from './util/diff';
import OriginCSSMotion from "./CSSMotion";
import { supportTransition } from "./util/motion";
import { STATUS_ADD, STATUS_KEEP, STATUS_REMOVE, STATUS_REMOVED, diffKeys, parseKeys } from "./util/diff";
var MOTION_PROP_NAMES = ['eventProps', 'visible', 'children', 'motionName', 'motionAppear', 'motionEnter', 'motionLeave', 'motionLeaveImmediately', 'motionDeadline', 'removeOnLeave', 'leavedClassName', 'onAppearStart', 'onAppearActive', 'onAppearEnd', 'onEnterStart', 'onEnterActive', 'onEnterEnd', 'onLeaveStart', 'onLeaveActive', 'onLeaveEnd'];
/**

@@ -24,3 +27,2 @@ * Generate a CSSMotionList component with config

*/
export function genCSSMotionList(transitionSupport) {

@@ -44,7 +46,8 @@ var CSSMotion = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : OriginCSSMotion;

_this = _super.call.apply(_super, [this].concat(args));
_this.state = {
_defineProperty(_assertThisInitialized(_this), "state", {
keyEntities: []
};
});
_this.removeKey = function (removeKey) {
_defineProperty(_assertThisInitialized(_this), "removeKey", function (removeKey) {
var keyEntities = _this.state.keyEntities;

@@ -66,3 +69,3 @@ var nextKeyEntities = keyEntities.map(function (entity) {

}).length;
};
});

@@ -146,7 +149,8 @@ return _this;

CSSMotionList.defaultProps = {
_defineProperty(CSSMotionList, "defaultProps", {
component: 'div'
};
});
return CSSMotionList;
}
export default genCSSMotionList(supportTransition);

2

es/hooks/useDomMotionEvents.js
import * as React from 'react';
import { useRef } from 'react';
import { animationEndName, transitionEndName } from '../util/motion';
import { animationEndName, transitionEndName } from "../util/motion";
export default (function (callback) {

@@ -5,0 +5,0 @@ var cacheElementRef = useRef(); // Cache callback

9

es/hooks/useStatus.js

@@ -7,6 +7,6 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";

import useState from "rc-util/es/hooks/useState";
import { STATUS_APPEAR, STATUS_NONE, STATUS_LEAVE, STATUS_ENTER, STEP_PREPARE, STEP_START, STEP_ACTIVE } from '../interface';
import useStepQueue, { DoStep, SkipStep, isActive } from './useStepQueue';
import useDomMotionEvents from './useDomMotionEvents';
import useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';
import { STATUS_APPEAR, STATUS_NONE, STATUS_LEAVE, STATUS_ENTER, STEP_PREPARE, STEP_START, STEP_ACTIVE } from "../interface";
import useStepQueue, { DoStep, SkipStep, isActive } from "./useStepQueue";
import useDomMotionEvents from "./useDomMotionEvents";
import useIsomorphicLayoutEffect from "./useIsomorphicLayoutEffect";
export default function useStatus(supportMotion, visible, getElement, _ref) {

@@ -125,3 +125,2 @@ var _ref$motionEnter = _ref.motionEnter,

// Rest step is sync update
if (step in eventHandlers) {

@@ -128,0 +127,0 @@ var _eventHandlers$step;

6

es/hooks/useStepQueue.js
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import * as React from 'react';
import useState from "rc-util/es/hooks/useState";
import { STEP_PREPARE, STEP_ACTIVE, STEP_START, STEP_ACTIVATED, STEP_NONE } from '../interface';
import useNextFrame from './useNextFrame';
import useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';
import { STEP_PREPARE, STEP_ACTIVE, STEP_START, STEP_ACTIVATED, STEP_NONE } from "../interface";
import useNextFrame from "./useNextFrame";
import useIsomorphicLayoutEffect from "./useIsomorphicLayoutEffect";
var STEP_QUEUE = [STEP_PREPARE, STEP_START, STEP_ACTIVE, STEP_ACTIVATED];

@@ -8,0 +8,0 @@ /** Skip current step */

11

es/index.d.ts

@@ -1,5 +0,8 @@

import CSSMotion, { CSSMotionProps } from './CSSMotion';
import CSSMotionList, { CSSMotionListProps } from './CSSMotionList';
import { MotionEventHandler, MotionEndEventHandler } from './interface';
export { CSSMotionProps, CSSMotionList, CSSMotionListProps, MotionEventHandler, MotionEndEventHandler, };
import CSSMotion from './CSSMotion';
import CSSMotionList from './CSSMotionList';
import type { CSSMotionProps } from './CSSMotion';
import type { CSSMotionListProps } from './CSSMotionList';
import type { MotionEventHandler, MotionEndEventHandler } from './interface';
export { CSSMotionList };
export type { CSSMotionProps, CSSMotionListProps, MotionEventHandler, MotionEndEventHandler, };
export default CSSMotion;

4

es/index.js

@@ -1,4 +0,4 @@

import CSSMotion from './CSSMotion';
import CSSMotionList from './CSSMotionList';
import CSSMotion from "./CSSMotion";
import CSSMotionList from "./CSSMotionList";
export { CSSMotionList };
export default CSSMotion;

2

es/util/diff.d.ts

@@ -11,3 +11,3 @@ /// <reference types="react" />

}
export declare function wrapKeyToObject(key: React.Key): {
export declare function wrapKeyToObject(key: React.Key | KeyObject): {
key: string;

@@ -14,0 +14,0 @@ status?: DiffStatus;

5

es/util/motion.js
import _typeof from "@babel/runtime/helpers/esm/typeof";
import canUseDOM from "rc-util/es/Dom/canUseDom"; // ================= Transition =================
import canUseDOM from "rc-util/es/Dom/canUseDom";
// ================= Transition =================
// Event wrapper. Copy from react source code
function makePrefixMap(styleProp, eventName) {

@@ -6,0 +7,0 @@ var prefixes = {};

22

lib/CSSMotion.js
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof3 = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {

@@ -25,3 +25,3 @@ value: true

var _ref = require("rc-util/lib/ref");
var _ref2 = require("rc-util/lib/ref");

@@ -40,2 +40,6 @@ var _classnames = _interopRequireDefault(require("classnames"));

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
/* eslint-disable react/default-props-match-prop-types, react/no-multi-comp, react/prop-types */

@@ -105,3 +109,3 @@

nodeRef.current = node;
(0, _ref.fillRef)(ref, node);
(0, _ref2.fillRef)(ref, node);
}, [ref]); // ===================== Render =====================

@@ -121,7 +125,7 @@

motionChildren = children((0, _objectSpread2.default)({}, mergedProps), setNodeRef);
} else if (!removeOnLeave && renderedRef.current) {
} else if (!removeOnLeave && renderedRef.current && leavedClassName) {
motionChildren = children((0, _objectSpread2.default)((0, _objectSpread2.default)({}, mergedProps), {}, {
className: leavedClassName
}), setNodeRef);
} else if (forceRender) {
} else if (forceRender || !removeOnLeave && !leavedClassName) {
motionChildren = children((0, _objectSpread2.default)((0, _objectSpread2.default)({}, mergedProps), {}, {

@@ -156,5 +160,5 @@ style: {

if ( /*#__PURE__*/React.isValidElement(motionChildren) && (0, _ref.supportRef)(motionChildren)) {
var _motionChildren = motionChildren,
originNodeRef = _motionChildren.ref;
if ( /*#__PURE__*/React.isValidElement(motionChildren) && (0, _ref2.supportRef)(motionChildren)) {
var _ref = motionChildren,
originNodeRef = _ref.ref;

@@ -161,0 +165,0 @@ if (!originNodeRef) {

27

lib/CSSMotionList.js

@@ -5,3 +5,3 @@ "use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _typeof = require("@babel/runtime/helpers/typeof");

@@ -24,2 +24,4 @@ Object.defineProperty(exports, "__esModule", {

var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

@@ -29,2 +31,4 @@

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var React = _interopRequireWildcard(require("react"));

@@ -40,3 +44,9 @@

_excluded2 = ["status"];
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
var MOTION_PROP_NAMES = ['eventProps', 'visible', 'children', 'motionName', 'motionAppear', 'motionEnter', 'motionLeave', 'motionLeaveImmediately', 'motionDeadline', 'removeOnLeave', 'leavedClassName', 'onAppearStart', 'onAppearActive', 'onAppearEnd', 'onEnterStart', 'onEnterActive', 'onEnterEnd', 'onLeaveStart', 'onLeaveActive', 'onLeaveEnd'];
/**

@@ -47,3 +57,2 @@ * Generate a CSSMotionList component with config

*/
function genCSSMotionList(transitionSupport) {

@@ -67,7 +76,6 @@ var CSSMotion = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _CSSMotion.default;

_this = _super.call.apply(_super, [this].concat(args));
_this.state = {
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
keyEntities: []
};
_this.removeKey = function (removeKey) {
});
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "removeKey", function (removeKey) {
var keyEntities = _this.state.keyEntities;

@@ -89,4 +97,3 @@ var nextKeyEntities = keyEntities.map(function (entity) {

}).length;
};
});
return _this;

@@ -165,5 +172,5 @@ }

CSSMotionList.defaultProps = {
(0, _defineProperty2.default)(CSSMotionList, "defaultProps", {
component: 'div'
};
});
return CSSMotionList;

@@ -170,0 +177,0 @@ }

8

lib/DomWrapper.js
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {

@@ -22,2 +22,6 @@ value: true

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
var DomWrapper = /*#__PURE__*/function (_React$Component) {

@@ -24,0 +28,0 @@ (0, _inherits2.default)(DomWrapper, _React$Component);

6

lib/hooks/useDomMotionEvents.js
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _typeof = require("@babel/runtime/helpers/typeof");

@@ -14,2 +14,6 @@ Object.defineProperty(exports, "__esModule", {

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
var _default = function _default(callback) {

@@ -16,0 +20,0 @@ var cacheElementRef = (0, React.useRef)(); // Cache callback

6

lib/hooks/useNextFrame.js

@@ -5,3 +5,3 @@ "use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _typeof = require("@babel/runtime/helpers/typeof");

@@ -17,2 +17,6 @@ Object.defineProperty(exports, "__esModule", {

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
var _default = function _default() {

@@ -19,0 +23,0 @@ var nextFrameRef = React.useRef(null);

9

lib/hooks/useStatus.js
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {

@@ -30,2 +30,6 @@ value: true

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function useStatus(supportMotion, visible, getElement, _ref) {

@@ -144,3 +148,2 @@ var _ref$motionEnter = _ref.motionEnter,

// Rest step is sync update
if (step in eventHandlers) {

@@ -147,0 +150,0 @@ var _eventHandlers$step;

8

lib/hooks/useStepQueue.js
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {

@@ -25,2 +25,6 @@ value: true

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
var STEP_QUEUE = [_interface.STEP_PREPARE, _interface.STEP_START, _interface.STEP_ACTIVE, _interface.STEP_ACTIVATED];

@@ -27,0 +31,0 @@ /** Skip current step */

11

lib/index.d.ts

@@ -1,5 +0,8 @@

import CSSMotion, { CSSMotionProps } from './CSSMotion';
import CSSMotionList, { CSSMotionListProps } from './CSSMotionList';
import { MotionEventHandler, MotionEndEventHandler } from './interface';
export { CSSMotionProps, CSSMotionList, CSSMotionListProps, MotionEventHandler, MotionEndEventHandler, };
import CSSMotion from './CSSMotion';
import CSSMotionList from './CSSMotionList';
import type { CSSMotionProps } from './CSSMotion';
import type { CSSMotionListProps } from './CSSMotionList';
import type { MotionEventHandler, MotionEndEventHandler } from './interface';
export { CSSMotionList };
export type { CSSMotionProps, CSSMotionListProps, MotionEventHandler, MotionEndEventHandler, };
export default CSSMotion;

2

lib/util/diff.d.ts

@@ -11,3 +11,3 @@ /// <reference types="react" />

}
export declare function wrapKeyToObject(key: React.Key): {
export declare function wrapKeyToObject(key: React.Key | KeyObject): {
key: string;

@@ -14,0 +14,0 @@ status?: DiffStatus;

50

package.json
{
"name": "rc-motion",
"version": "2.6.2",
"version": "2.6.3",
"description": "React lifecycle controlled motion library",

@@ -13,12 +13,6 @@ "keywords": [

],
"main": "./lib/index",
"module": "./es/index",
"files": [
"assets/*.css",
"assets/*.less",
"es",
"lib",
"dist"
],
"homepage": "https://react-component.github.io/motion",
"bugs": {
"url": "http://github.com/react-component/motion/issues"
},
"repository": {

@@ -28,17 +22,21 @@ "type": "git",

},
"bugs": {
"url": "http://github.com/react-component/motion/issues"
},
"license": "MIT",
"main": "./lib/index",
"module": "./es/index",
"typings": "es/index.d.ts",
"files": [
"es",
"lib"
],
"scripts": {
"start": "cross-env NODE_ENV=development father doc dev --storybook",
"build": "father doc build --storybook",
"compile": "father build && lessc assets/index.less assets/index.css",
"gh-pages": "npm run build && father doc deploy",
"compile": "father build",
"docs:build": "dumi build",
"docs:deploy": "gh-pages -d .doc",
"lint": "eslint src/ --ext .tsx,.ts",
"now-build": "npm run docs:build",
"prepublishOnly": "npm run compile && np --yolo --no-publish",
"postpublish": "npm run gh-pages",
"lint": "eslint src/ --ext .ts,.tsx,.jsx,.js,.md",
"test": "father test",
"coverage": "father test --coverage",
"now-build": "npm run build"
"prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
"postpublish": "npm run docs:deploy",
"start": "dumi dev",
"test": "rc-test"
},

@@ -51,2 +49,3 @@ "dependencies": {

"devDependencies": {
"@rc-component/father-plugin": "^1.0.1",
"@testing-library/jest-dom": "^5.16.4",

@@ -61,11 +60,10 @@ "@testing-library/react": "^13.0.0",

"cross-env": "^7.0.2",
"dumi": "^2.0.18",
"eslint": "^7.0.0",
"father": "^2.13.4",
"jest": "^26.4.2",
"less": "^3.10.3",
"father": "^4.1.2",
"np": "^6.2.4",
"prettier": "^2.1.1",
"rc-test": "^7.0.14",
"react": "^18.0.0",
"react-dom": "^18.0.0",
"regenerator-runtime": "^0.13.7",
"typescript": "^4.0.3"

@@ -72,0 +70,0 @@ },

10

README.md
# rc-motion
[![NPM version][npm-image]][npm-url]
[![npm download][download-image]][download-url]
[![build status][github-actions-image]][github-actions-url]
[![Codecov][codecov-image]][codecov-url]
[![Dependencies][david-image]](david-url)
[![DevDependencies][david-dev-image]][david-dev-url]
[![bundle size][bundlephobia-image]][bundlephobia-url]
[![NPM version][npm-image]][npm-url] [![npm download][download-image]][download-url] [![build status][github-actions-image]][github-actions-url] [![Codecov][codecov-image]][codecov-url] [![Dependencies][david-image]](david-url) [![DevDependencies][david-dev-image]][david-dev-url] [![bundle size][bundlephobia-image]][bundlephobia-url]

@@ -38,3 +32,3 @@ [npm-image]: http://img.shields.io/npm/v/rc-motion.svg?style=flat-square

```tsx
```js
import CSSMotion from 'rc-motion';

@@ -41,0 +35,0 @@ 

assets/index.css
assets/index.less
HISTORY.md
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc