@freelensapp/animate 1.2.0 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +1 -0
- package/dist/index.js +94 -90
- package/dist/src/animate.d.ts +2 -1
- package/dist/src/default-enter-duration.injectable.d.ts +5 -0
- package/dist/src/default-leave-duration.injectable.d.ts +5 -0
- package/dist/src/request-animation-frame.injectable.d.ts +5 -0
- package/package.json +16 -18
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
@@ -1,94 +1,71 @@
|
|
1
1
|
/******/ (() => { // webpackBootstrap
|
2
2
|
/******/ var __webpack_modules__ = ({
|
3
3
|
|
4
|
-
/***/
|
5
|
-
/***/ ((
|
4
|
+
/***/ 207:
|
5
|
+
/***/ ((module) => {
|
6
6
|
|
7
7
|
"use strict";
|
8
|
-
|
9
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
10
|
-
/* harmony export */ defaultLeaveDurationForAnimatedInjectable: () => (/* binding */ defaultLeaveDurationForAnimatedInjectable)
|
11
|
-
/* harmony export */ });
|
12
|
-
/* harmony import */ var _ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(745);
|
13
|
-
/* harmony import */ var _ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0__);
|
14
|
-
/**
|
15
|
-
* Copyright (c) OpenLens Authors. All rights reserved.
|
16
|
-
* Licensed under MIT License. See LICENSE in root directory for more information.
|
17
|
-
*/
|
8
|
+
module.exports = require("@ogre-tools/injectable");
|
18
9
|
|
19
|
-
|
20
|
-
id: "default-leave-duration-for-animated",
|
21
|
-
instantiate: () => 100,
|
22
|
-
});
|
10
|
+
/***/ }),
|
23
11
|
|
12
|
+
/***/ 301:
|
13
|
+
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
24
14
|
|
25
|
-
|
15
|
+
"use strict";
|
26
16
|
|
27
|
-
|
28
|
-
|
17
|
+
// EXPORTS
|
18
|
+
__webpack_require__.d(__webpack_exports__, {
|
19
|
+
C: () => (/* binding */ animateFeature)
|
20
|
+
});
|
29
21
|
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
22
|
+
;// external "@freelensapp/feature-core"
|
23
|
+
const feature_core_namespaceObject = require("@freelensapp/feature-core");
|
24
|
+
;// external "@ogre-tools/injectable-extension-for-auto-registration"
|
25
|
+
const injectable_extension_for_auto_registration_namespaceObject = require("@ogre-tools/injectable-extension-for-auto-registration");
|
26
|
+
;// ./src/feature.ts
|
27
|
+
/* module decorator */ module = __webpack_require__.hmd(module);
|
35
28
|
|
36
29
|
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
}
|
49
|
-
webpackContext.keys = function webpackContextKeys() {
|
50
|
-
return Object.keys(map);
|
51
|
-
};
|
52
|
-
webpackContext.resolve = webpackContextResolve;
|
53
|
-
module.exports = webpackContext;
|
54
|
-
webpackContext.id = 446;
|
30
|
+
const animateFeature = (0,feature_core_namespaceObject.getFeature)({
|
31
|
+
id: "animate-feature",
|
32
|
+
register: (di) => {
|
33
|
+
(0,injectable_extension_for_auto_registration_namespaceObject.autoRegister)({
|
34
|
+
di,
|
35
|
+
targetModule: module,
|
36
|
+
getRequireContexts: () => [__webpack_require__(446)],
|
37
|
+
});
|
38
|
+
},
|
39
|
+
});
|
40
|
+
|
55
41
|
|
56
42
|
/***/ }),
|
57
43
|
|
58
|
-
/***/
|
44
|
+
/***/ 350:
|
59
45
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
60
46
|
|
61
47
|
"use strict";
|
62
48
|
__webpack_require__.r(__webpack_exports__);
|
63
49
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
64
|
-
/* harmony export */
|
50
|
+
/* harmony export */ defaultLeaveDurationForAnimatedInjectable: () => (/* binding */ defaultLeaveDurationForAnimatedInjectable)
|
65
51
|
/* harmony export */ });
|
66
|
-
/* harmony import */ var _ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
|
52
|
+
/* harmony import */ var _ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(207);
|
67
53
|
/* harmony import */ var _ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0__);
|
68
54
|
/**
|
55
|
+
* Copyright (c) Freelens Authors. All rights reserved.
|
69
56
|
* Copyright (c) OpenLens Authors. All rights reserved.
|
70
57
|
* Licensed under MIT License. See LICENSE in root directory for more information.
|
71
58
|
*/
|
72
59
|
|
73
|
-
const
|
74
|
-
id: "
|
75
|
-
|
76
|
-
instantiate: () => (callback) => requestAnimationFrame(callback),
|
77
|
-
causesSideEffects: true,
|
60
|
+
const defaultLeaveDurationForAnimatedInjectable = (0,_ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0__.getInjectable)({
|
61
|
+
id: "default-leave-duration-for-animated",
|
62
|
+
instantiate: () => 100,
|
78
63
|
});
|
79
64
|
|
80
65
|
|
81
66
|
/***/ }),
|
82
67
|
|
83
|
-
/***/
|
84
|
-
/***/ ((module) => {
|
85
|
-
|
86
|
-
"use strict";
|
87
|
-
module.exports = require("@ogre-tools/injectable");
|
88
|
-
|
89
|
-
/***/ }),
|
90
|
-
|
91
|
-
/***/ 846:
|
68
|
+
/***/ 395:
|
92
69
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
93
70
|
|
94
71
|
"use strict";
|
@@ -96,9 +73,10 @@ __webpack_require__.r(__webpack_exports__);
|
|
96
73
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
97
74
|
/* harmony export */ defaultEnterDurationForAnimatedInjectable: () => (/* binding */ defaultEnterDurationForAnimatedInjectable)
|
98
75
|
/* harmony export */ });
|
99
|
-
/* harmony import */ var _ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
|
76
|
+
/* harmony import */ var _ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(207);
|
100
77
|
/* harmony import */ var _ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0__);
|
101
78
|
/**
|
79
|
+
* Copyright (c) Freelens Authors. All rights reserved.
|
102
80
|
* Copyright (c) OpenLens Authors. All rights reserved.
|
103
81
|
* Licensed under MIT License. See LICENSE in root directory for more information.
|
104
82
|
*/
|
@@ -111,36 +89,61 @@ const defaultEnterDurationForAnimatedInjectable = (0,_ogre_tools_injectable__WEB
|
|
111
89
|
|
112
90
|
/***/ }),
|
113
91
|
|
114
|
-
/***/
|
115
|
-
/***/ ((
|
92
|
+
/***/ 422:
|
93
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
116
94
|
|
117
95
|
"use strict";
|
96
|
+
__webpack_require__.r(__webpack_exports__);
|
97
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
98
|
+
/* harmony export */ requestAnimationFrameInjectable: () => (/* binding */ requestAnimationFrameInjectable)
|
99
|
+
/* harmony export */ });
|
100
|
+
/* harmony import */ var _ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(207);
|
101
|
+
/* harmony import */ var _ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0__);
|
102
|
+
/**
|
103
|
+
* Copyright (c) Freelens Authors. All rights reserved.
|
104
|
+
* Copyright (c) OpenLens Authors. All rights reserved.
|
105
|
+
* Licensed under MIT License. See LICENSE in root directory for more information.
|
106
|
+
*/
|
118
107
|
|
119
|
-
|
120
|
-
|
121
|
-
|
108
|
+
const requestAnimationFrameInjectable = (0,_ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0__.getInjectable)({
|
109
|
+
id: "request-animation-frame",
|
110
|
+
// NOTE: this cannot be simplified to just `=> requestAnimationFrame` else an Illegal Invocation error will be thrown
|
111
|
+
instantiate: () => (callback) => requestAnimationFrame(callback),
|
112
|
+
causesSideEffects: true,
|
122
113
|
});
|
123
114
|
|
124
|
-
;// external "@freelensapp/feature-core"
|
125
|
-
const feature_core_namespaceObject = require("@freelensapp/feature-core");
|
126
|
-
;// external "@ogre-tools/injectable-extension-for-auto-registration"
|
127
|
-
const injectable_extension_for_auto_registration_namespaceObject = require("@ogre-tools/injectable-extension-for-auto-registration");
|
128
|
-
;// ./src/feature.ts
|
129
|
-
/* module decorator */ module = __webpack_require__.hmd(module);
|
130
115
|
|
116
|
+
/***/ }),
|
131
117
|
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
},
|
141
|
-
});
|
118
|
+
/***/ 446:
|
119
|
+
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
120
|
+
|
121
|
+
var map = {
|
122
|
+
"./default-enter-duration.injectable.ts": 395,
|
123
|
+
"./default-leave-duration.injectable.ts": 350,
|
124
|
+
"./request-animation-frame.injectable.ts": 422
|
125
|
+
};
|
142
126
|
|
143
127
|
|
128
|
+
function webpackContext(req) {
|
129
|
+
var id = webpackContextResolve(req);
|
130
|
+
return __webpack_require__(id);
|
131
|
+
}
|
132
|
+
function webpackContextResolve(req) {
|
133
|
+
if(!__webpack_require__.o(map, req)) {
|
134
|
+
var e = new Error("Cannot find module '" + req + "'");
|
135
|
+
e.code = 'MODULE_NOT_FOUND';
|
136
|
+
throw e;
|
137
|
+
}
|
138
|
+
return map[req];
|
139
|
+
}
|
140
|
+
webpackContext.keys = function webpackContextKeys() {
|
141
|
+
return Object.keys(map);
|
142
|
+
};
|
143
|
+
webpackContext.resolve = webpackContextResolve;
|
144
|
+
module.exports = webpackContext;
|
145
|
+
webpackContext.id = 446;
|
146
|
+
|
144
147
|
/***/ })
|
145
148
|
|
146
149
|
/******/ });
|
@@ -245,21 +248,22 @@ __webpack_require__.d(__webpack_exports__, {
|
|
245
248
|
requestAnimationFrameInjectable: () => (/* reexport */ request_animation_frame_injectable.requestAnimationFrameInjectable)
|
246
249
|
});
|
247
250
|
|
248
|
-
;// external "react"
|
249
|
-
const external_react_namespaceObject = require("react");
|
250
|
-
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
|
251
251
|
;// external "@freelensapp/utilities"
|
252
252
|
const utilities_namespaceObject = require("@freelensapp/utilities");
|
253
253
|
;// external "@ogre-tools/injectable-react"
|
254
254
|
const injectable_react_namespaceObject = require("@ogre-tools/injectable-react");
|
255
|
-
|
256
|
-
|
255
|
+
;// external "react"
|
256
|
+
const external_react_namespaceObject = require("react");
|
257
|
+
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
|
257
258
|
// EXTERNAL MODULE: ./src/default-enter-duration.injectable.ts
|
258
|
-
var default_enter_duration_injectable = __webpack_require__(
|
259
|
+
var default_enter_duration_injectable = __webpack_require__(395);
|
259
260
|
// EXTERNAL MODULE: ./src/default-leave-duration.injectable.ts
|
260
|
-
var default_leave_duration_injectable = __webpack_require__(
|
261
|
+
var default_leave_duration_injectable = __webpack_require__(350);
|
262
|
+
// EXTERNAL MODULE: ./src/request-animation-frame.injectable.ts
|
263
|
+
var request_animation_frame_injectable = __webpack_require__(422);
|
261
264
|
;// ./src/animate.tsx
|
262
265
|
/**
|
266
|
+
* Copyright (c) Freelens Authors. All rights reserved.
|
263
267
|
* Copyright (c) OpenLens Authors. All rights reserved.
|
264
268
|
* Licensed under MIT License. See LICENSE in root directory for more information.
|
265
269
|
*/
|
@@ -276,7 +280,6 @@ const NonInjectedAnimate = (propsAndDeps) => {
|
|
276
280
|
const [isVisible, setIsVisible] = (0,external_react_namespaceObject.useState)(false);
|
277
281
|
const [showClassNameEnter, setShowClassNameEnter] = (0,external_react_namespaceObject.useState)(false);
|
278
282
|
const [showClassNameLeave, setShowClassNameLeave] = (0,external_react_namespaceObject.useState)(false);
|
279
|
-
// eslint-disable-next-line xss/no-mixed-html
|
280
283
|
const contentElem = external_react_default().Children.only(children);
|
281
284
|
const classNames = (0,utilities_namespaceObject.cssNames)("Animate", name, contentElem.props.className, {
|
282
285
|
enter: showClassNameEnter,
|
@@ -330,9 +333,10 @@ const Animate = (0,injectable_react_namespaceObject.withInjectables)(NonInjected
|
|
330
333
|
});
|
331
334
|
|
332
335
|
// EXTERNAL MODULE: ./src/feature.ts + 2 modules
|
333
|
-
var feature = __webpack_require__(
|
336
|
+
var feature = __webpack_require__(301);
|
334
337
|
;// ./index.ts
|
335
338
|
/**
|
339
|
+
* Copyright (c) Freelens Authors. All rights reserved.
|
336
340
|
* Copyright (c) OpenLens Authors. All rights reserved.
|
337
341
|
* Licensed under MIT License. See LICENSE in root directory for more information.
|
338
342
|
*/
|
package/dist/src/animate.d.ts
CHANGED
@@ -1,10 +1,11 @@
|
|
1
1
|
/**
|
2
|
+
* Copyright (c) Freelens Authors. All rights reserved.
|
2
3
|
* Copyright (c) OpenLens Authors. All rights reserved.
|
3
4
|
* Licensed under MIT License. See LICENSE in root directory for more information.
|
4
5
|
*/
|
5
6
|
import "./animate.scss";
|
6
|
-
import React from "react";
|
7
7
|
import type { StrictReactNode } from "@freelensapp/utilities";
|
8
|
+
import React from "react";
|
8
9
|
export type AnimateName = "opacity" | "slide-right" | "opacity-scale" | string;
|
9
10
|
export interface AnimateProps {
|
10
11
|
name?: AnimateName;
|
@@ -1 +1,6 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright (c) Freelens Authors. All rights reserved.
|
3
|
+
* Copyright (c) OpenLens Authors. All rights reserved.
|
4
|
+
* Licensed under MIT License. See LICENSE in root directory for more information.
|
5
|
+
*/
|
1
6
|
export declare const defaultEnterDurationForAnimatedInjectable: import("@ogre-tools/injectable").Injectable<number, unknown, void>;
|
@@ -1 +1,6 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright (c) Freelens Authors. All rights reserved.
|
3
|
+
* Copyright (c) OpenLens Authors. All rights reserved.
|
4
|
+
* Licensed under MIT License. See LICENSE in root directory for more information.
|
5
|
+
*/
|
1
6
|
export declare const defaultLeaveDurationForAnimatedInjectable: import("@ogre-tools/injectable").Injectable<number, unknown, void>;
|
@@ -1,2 +1,7 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright (c) Freelens Authors. All rights reserved.
|
3
|
+
* Copyright (c) OpenLens Authors. All rights reserved.
|
4
|
+
* Licensed under MIT License. See LICENSE in root directory for more information.
|
5
|
+
*/
|
1
6
|
export type RequestAnimationFrame = (callback: () => void) => void;
|
2
7
|
export declare const requestAnimationFrameInjectable: import("@ogre-tools/injectable").Injectable<RequestAnimationFrame, unknown, void>;
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@freelensapp/animate",
|
3
3
|
"private": false,
|
4
|
-
"version": "1.2.
|
4
|
+
"version": "1.2.1",
|
5
5
|
"description": "Highly extendable animate in the Freelens.",
|
6
6
|
"type": "commonjs",
|
7
7
|
"files": [
|
@@ -27,22 +27,20 @@
|
|
27
27
|
},
|
28
28
|
"license": "MIT",
|
29
29
|
"homepage": "https://freelens.app",
|
30
|
-
"scripts": {
|
31
|
-
"build": "lens-webpack-build",
|
32
|
-
"lint": "lens-lint",
|
33
|
-
"lint:fix": "lens-lint --fix"
|
34
|
-
},
|
35
|
-
"peerDependencies": {
|
36
|
-
"@freelensapp/feature-core": "^1.2.0",
|
37
|
-
"@freelensapp/utilities": "^1.2.0",
|
38
|
-
"@ogre-tools/injectable": "^17.2.0",
|
39
|
-
"@ogre-tools/injectable-extension-for-auto-registration": "^17.2.0",
|
40
|
-
"@ogre-tools/injectable-react": "^17.2.0",
|
41
|
-
"react": "^17.0.2"
|
42
|
-
},
|
43
30
|
"devDependencies": {
|
44
|
-
"@
|
45
|
-
"@
|
31
|
+
"@ogre-tools/injectable": "^17.11.1",
|
32
|
+
"@ogre-tools/injectable-extension-for-auto-registration": "^17.11.1",
|
33
|
+
"@ogre-tools/injectable-react": "^17.11.1",
|
34
|
+
"@types/react": "^17.0.85",
|
35
|
+
"react": "^17.0.2",
|
36
|
+
"@freelensapp/feature-core": "^1.2.1",
|
37
|
+
"@freelensapp/utilities": "^1.2.1",
|
38
|
+
"@freelensapp/typescript": "^1.2.1",
|
39
|
+
"@freelensapp/webpack": "^1.2.1",
|
40
|
+
"@freelensapp/jest": "^1.2.1"
|
46
41
|
},
|
47
|
-
"
|
48
|
-
|
42
|
+
"scripts": {
|
43
|
+
"build": "lens-webpack-build",
|
44
|
+
"clean:node_modules": "pnpm dlx rimraf@6.0.1 node_modules"
|
45
|
+
}
|
46
|
+
}
|