🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more →

react-keep-alive

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-keep-alive - npm Package Compare versions

Comparing version

to
2.3.0

@@ -15,2 +15,9 @@ "use strict";

})();
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result["default"] = mod;
return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {

@@ -20,4 +27,4 @@ return (mod && mod.__esModule) ? mod : { "default": mod };

Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var react_dom_1 = __importDefault(require("react-dom"));
var React = __importStar(require("react"));
var ReactDOM = __importStar(require("react-dom"));
var noop_1 = __importDefault(require("../utils/noop"));

@@ -30,3 +37,3 @@ var ReactComment = /** @class */ (function (_super) {

ReactComment.prototype.componentDidMount = function () {
var node = react_dom_1.default.findDOMNode(this);
var node = ReactDOM.findDOMNode(this);
var commentNode = this.createComment();

@@ -37,3 +44,3 @@ this.commentNode = commentNode;

this.parentNode.replaceChild(commentNode, node);
react_dom_1.default.unmountComponentAtNode(node);
ReactDOM.unmountComponentAtNode(node);
this.props.onLoaded();

@@ -53,3 +60,3 @@ };

ReactComment.prototype.render = function () {
return react_1.default.createElement("div", null);
return React.createElement("div", null);
};

@@ -60,3 +67,3 @@ ReactComment.defaultProps = {

return ReactComment;
}(react_1.default.PureComponent));
}(React.PureComponent));
exports.default = ReactComment;

@@ -15,2 +15,9 @@ "use strict";

})();
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result["default"] = mod;
return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {

@@ -20,3 +27,3 @@ return (mod && mod.__esModule) ? mod : { "default": mod };

Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var React = __importStar(require("react"));
var Comment_1 = __importDefault(require("./Comment"));

@@ -57,6 +64,6 @@ var Provider_1 = require("./Provider");

var identification = this.identification;
return react_1.default.createElement(Comment_1.default, { ref: function (ref) { return _this.commentRef = ref; } }, identification);
return React.createElement(Comment_1.default, { ref: function (ref) { return _this.commentRef = ref; } }, identification);
};
return Consumer;
}(react_1.default.PureComponent));
}(React.PureComponent));
exports.default = Consumer;

@@ -15,5 +15,2 @@ "use strict";

})();
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
var __importStar = (this && this.__importStar) || function (mod) {

@@ -26,4 +23,7 @@ if (mod && mod.__esModule) return mod;

};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var React = __importStar(require("react"));
var AsyncComponent_1 = __importDefault(require("./AsyncComponent"));

@@ -145,7 +145,7 @@ var Provider_1 = require("./Provider");

// so you need to remove this div later.
return (react_1.default.createElement("div", { ref: function (ref) { return _this.ref = ref; } },
react_1.default.createElement(AsyncComponent_1.default, { setMounted: this.setMounted, getMounted: this.getMounted, onUpdate: this.correctionPosition }, this.props.children)));
return (React.createElement("div", { ref: function (ref) { return _this.ref = ref; } },
React.createElement(AsyncComponent_1.default, { setMounted: this.setMounted, getMounted: this.getMounted, onUpdate: this.correctionPosition }, this.props.children)));
};
return KeepAlive;
}(react_1.default.PureComponent));
}(React.PureComponent));
exports.default = keepAliveDecorator_1.default(KeepAlive);

@@ -26,2 +26,9 @@ "use strict";

};
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result["default"] = mod;
return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {

@@ -31,4 +38,4 @@ return (mod && mod.__esModule) ? mod : { "default": mod };

Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var react_dom_1 = __importDefault(require("react-dom"));
var React = __importStar(require("react"));
var ReactDOM = __importStar(require("react-dom"));
var Comment_1 = __importDefault(require("./Comment"));

@@ -95,3 +102,3 @@ var KeepAliveContext_1 = __importDefault(require("../contexts/KeepAliveContext"));

var _b = this.props, innerChildren = _b.children, include = _b.include, exclude = _b.exclude;
return (react_1.default.createElement(KeepAliveContext_1.default.Provider, { value: {
return (React.createElement(KeepAliveContext_1.default.Provider, { value: {
cache: cache,

@@ -109,3 +116,3 @@ keys: keys,

} },
react_1.default.createElement(react_1.default.Fragment, null,
React.createElement(React.Fragment, null,
innerChildren,

@@ -127,7 +134,7 @@ keys.map(function (identification) {

// current true, previous false, keepAlive false, not cache
return react_dom_1.default.createPortal((cacheChildren
? (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Comment_1.default, null, identification),
return ReactDOM.createPortal((cacheChildren
? (React.createElement(React.Fragment, null,
React.createElement(Comment_1.default, null, identification),
cacheChildren,
react_1.default.createElement(Comment_1.default, { onLoaded: function () { return _this.startMountingDOM(identification); } }, identification)))
React.createElement(Comment_1.default, { onLoaded: function () { return _this.startMountingDOM(identification); } }, identification)))
: null), storeElement);

@@ -138,3 +145,3 @@ }))));

return KeepAliveProvider;
}(react_1.default.PureComponent));
}(React.PureComponent));
exports.default = KeepAliveProvider;
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result["default"] = mod;
return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var WithKeepAliveContext = react_1.default.createContext({});
var React = __importStar(require("react"));
var WithKeepAliveContext = React.createContext({});
exports.default = WithKeepAliveContext;
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result["default"] = mod;
return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var KeepAliveContext = react_1.default.createContext({});
var React = __importStar(require("react"));
var KeepAliveContext = React.createContext({});
exports.default = KeepAliveContext;

@@ -22,2 +22,9 @@ "use strict";

};
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result["default"] = mod;
return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {

@@ -27,3 +34,3 @@ return (mod && mod.__esModule) ? mod : { "default": mod };

Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var React = __importStar(require("react"));
var hoist_non_react_statics_1 = __importDefault(require("hoist-non-react-statics"));

@@ -92,3 +99,3 @@ var noop_1 = __importDefault(require("./noop"));

}
return (react_1.default.createElement(Component, __assign({}, extra, wrapperProps, { ref: forwardRef || noop_1.default, _container: {
return (React.createElement(Component, __assign({}, extra, wrapperProps, { ref: forwardRef || noop_1.default, _container: {
identification: identification,

@@ -100,3 +107,3 @@ eventEmitter: eventEmitter,

});
var BindLifecycle = react_1.default.forwardRef(function (props, ref) { return (react_1.default.createElement(BindLifecycleHOC, __assign({}, props, { forwardRef: ref }))); });
var BindLifecycle = React.forwardRef(function (props, ref) { return (React.createElement(BindLifecycleHOC, __assign({}, props, { forwardRef: ref }))); });
BindLifecycle.WrappedComponent = WrappedComponent;

@@ -103,0 +110,0 @@ BindLifecycle.displayName = exports.bindLifecycleTypeName + "(" + getDisplayName_1.default(Component) + ")";

@@ -35,2 +35,9 @@ "use strict";

};
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result["default"] = mod;
return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {

@@ -40,3 +47,3 @@ return (mod && mod.__esModule) ? mod : { "default": mod };

Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var React = __importStar(require("react"));
var hoist_non_react_statics_1 = __importDefault(require("hoist-non-react-statics"));

@@ -152,4 +159,4 @@ var IdentificationContext_1 = __importDefault(require("../contexts/IdentificationContext"));

return !ifStillActivate
? (react_1.default.createElement(Consumer_1.default, { identification: identification, keepAlive: keepAlive, cache: cache, setCache: setCache, unactivate: unactivate },
react_1.default.createElement(IdentificationContext_1.default.Provider, { value: {
? (React.createElement(Consumer_1.default, { identification: identification, keepAlive: keepAlive, cache: cache, setCache: setCache, unactivate: unactivate },
React.createElement(IdentificationContext_1.default.Provider, { value: {
identification: identification,

@@ -163,3 +170,3 @@ eventEmitter: eventEmitter,

} },
react_1.default.createElement(Component, __assign({}, wrapperProps, { _container: {
React.createElement(Component, __assign({}, wrapperProps, { _container: {
isNeedActivate: isNeedActivate,

@@ -177,3 +184,3 @@ notNeedActivate: notNeedActivate,

return TriggerLifecycleContainer;
}(react_1.default.PureComponent));
}(React.PureComponent));
var ListenUpperKeepAliveContainer = /** @class */ (function (_super) {

@@ -249,7 +256,7 @@ __extends(ListenUpperKeepAliveContainer, _super);

return activated
? (react_1.default.createElement(TriggerLifecycleContainer, __assign({}, wrapperProps, { key: propKey, propKey: propKey, keepAlive: this.combinedKeepAlive, getCombinedKeepAlive: this.getCombinedKeepAlive })))
? (React.createElement(TriggerLifecycleContainer, __assign({}, wrapperProps, { key: propKey, propKey: propKey, keepAlive: this.combinedKeepAlive, getCombinedKeepAlive: this.getCombinedKeepAlive })))
: null;
};
return ListenUpperKeepAliveContainer;
}(react_1.default.Component));
}(React.Component));
var KeepAlive = withKeepAliveContextConsumer_1.default(withIdentificationContextConsumer_1.default(ListenUpperKeepAliveContainer));

@@ -256,0 +263,0 @@ return hoist_non_react_statics_1.default(KeepAlive, Component);

@@ -13,2 +13,9 @@ "use strict";

};
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result["default"] = mod;
return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {

@@ -18,3 +25,3 @@ return (mod && mod.__esModule) ? mod : { "default": mod };

Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var React = __importStar(require("react"));
var IdentificationContext_1 = __importDefault(require("../contexts/IdentificationContext"));

@@ -24,3 +31,3 @@ var getDisplayName_1 = __importDefault(require("./getDisplayName"));

function withIdentificationContextConsumer(Component) {
var WithIdentificationContextConsumer = function (props) { return (react_1.default.createElement(IdentificationContext_1.default.Consumer, null, function (contextProps) { return react_1.default.createElement(Component, __assign({ _identificationContextProps: contextProps }, props)); })); };
var WithIdentificationContextConsumer = function (props) { return (React.createElement(IdentificationContext_1.default.Consumer, null, function (contextProps) { return React.createElement(Component, __assign({ _identificationContextProps: contextProps }, props)); })); };
WithIdentificationContextConsumer.displayName = exports.withIdentificationContextConsumerDisplayName + "(" + getDisplayName_1.default(Component) + ")";

@@ -27,0 +34,0 @@ return WithIdentificationContextConsumer;

@@ -13,2 +13,9 @@ "use strict";

};
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result["default"] = mod;
return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {

@@ -18,3 +25,3 @@ return (mod && mod.__esModule) ? mod : { "default": mod };

Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var React = __importStar(require("react"));
var KeepAliveContext_1 = __importDefault(require("../contexts/KeepAliveContext"));

@@ -24,3 +31,3 @@ var getDisplayName_1 = __importDefault(require("./getDisplayName"));

function withKeepAliveContextConsumer(Component) {
var WithKeepAliveContextConsumer = function (props) { return (react_1.default.createElement(KeepAliveContext_1.default.Consumer, null, function (contextProps) { return react_1.default.createElement(Component, __assign({ _keepAliveContextProps: contextProps }, props)); })); };
var WithKeepAliveContextConsumer = function (props) { return (React.createElement(KeepAliveContext_1.default.Consumer, null, function (contextProps) { return React.createElement(Component, __assign({ _keepAliveContextProps: contextProps }, props)); })); };
WithKeepAliveContextConsumer.displayName = exports.WithKeepAliveContextConsumerDisplayName + "(" + getDisplayName_1.default(Component) + ")";

@@ -27,0 +34,0 @@ return WithKeepAliveContextConsumer;

@@ -14,4 +14,4 @@ var __extends = (this && this.__extends) || (function () {

})();
import React from 'react';
import ReactDOM from 'react-dom';
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import noop from '../utils/noop';

@@ -18,0 +18,0 @@ var ReactComment = /** @class */ (function (_super) {

@@ -14,3 +14,3 @@ var __extends = (this && this.__extends) || (function () {

})();
import React from 'react';
import * as React from 'react';
import Comment from './Comment';

@@ -17,0 +17,0 @@ import { LIFECYCLE } from './Provider';

@@ -14,3 +14,3 @@ var __extends = (this && this.__extends) || (function () {

})();
import React from 'react';
import * as React from 'react';
import AsyncComponent from './AsyncComponent';

@@ -17,0 +17,0 @@ import { START_MOUNTING_DOM, LIFECYCLE } from './Provider';

@@ -25,4 +25,4 @@ var __extends = (this && this.__extends) || (function () {

};
import React from 'react';
import ReactDOM from 'react-dom';
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import Comment from './Comment';

@@ -29,0 +29,0 @@ import KeepAliveContext from '../contexts/KeepAliveContext';

@@ -1,3 +0,3 @@

import React from 'react';
import * as React from 'react';
var WithKeepAliveContext = React.createContext({});
export default WithKeepAliveContext;

@@ -1,3 +0,3 @@

import React from 'react';
import * as React from 'react';
var KeepAliveContext = React.createContext({});
export default KeepAliveContext;

@@ -21,3 +21,3 @@ var __assign = (this && this.__assign) || function () {

};
import React from 'react';
import * as React from 'react';
import hoistNonReactStatics from 'hoist-non-react-statics';

@@ -24,0 +24,0 @@ import noop from './noop';

@@ -34,3 +34,3 @@ var __extends = (this && this.__extends) || (function () {

};
import React from 'react';
import * as React from 'react';
import hoistNonReactStatics from 'hoist-non-react-statics';

@@ -37,0 +37,0 @@ import IdentificationContext from '../contexts/IdentificationContext';

@@ -12,3 +12,3 @@ var __assign = (this && this.__assign) || function () {

};
import React from 'react';
import * as React from 'react';
import IdentificationContext from '../contexts/IdentificationContext';

@@ -15,0 +15,0 @@ import getDisplayName from './getDisplayName';

@@ -12,3 +12,3 @@ var __assign = (this && this.__assign) || function () {

};
import React from 'react';
import * as React from 'react';
import KeepAliveContext from '../contexts/KeepAliveContext';

@@ -15,0 +15,0 @@ import getDisplayName from './getDisplayName';

{
"name": "react-keep-alive",
"version": "2.2.0",
"version": "2.3.0",
"description": "Package will allow components to maintain their status, to avoid repeated re-rendering.",
"author": "Shen Chang",
"homepage": "https://github.com/Sam618/react-keep-alive",
"homepage": "https://github.com/StructureBuilder/react-keep-alive",
"keywords": [

@@ -15,10 +15,9 @@ "react",

"type": "git",
"url": "git+https://github.com/Sam618/react-keep-alive.git"
"url": "git+https://github.com/StructureBuilder/react-keep-alive.git"
},
"bugs": {
"url": "https://github.com/Sam618/react-keep-alive/issues"
"url": "https://github.com/StructureBuilder/react-keep-alive/issues"
},
"main": "cjs/index.js",
"module": "es/index.js",
"types": "index.d.ts",
"scripts": {

@@ -25,0 +24,0 @@ "clean:es": "rimraf es",