@freelensapp/animate 1.2.0 → 1.3.0
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 +83 -79
- 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 +24 -17
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -1,7 +1,71 @@
|
|
|
1
1
|
/******/ (() => { // webpackBootstrap
|
|
2
2
|
/******/ var __webpack_modules__ = ({
|
|
3
3
|
|
|
4
|
-
/***/
|
|
4
|
+
/***/ 102:
|
|
5
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
6
|
+
|
|
7
|
+
"use strict";
|
|
8
|
+
__webpack_require__.r(__webpack_exports__);
|
|
9
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
10
|
+
/* harmony export */ defaultEnterDurationForAnimatedInjectable: () => (/* binding */ defaultEnterDurationForAnimatedInjectable)
|
|
11
|
+
/* harmony export */ });
|
|
12
|
+
/* harmony import */ var _ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(207);
|
|
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) Freelens Authors. All rights reserved.
|
|
16
|
+
* Copyright (c) OpenLens Authors. All rights reserved.
|
|
17
|
+
* Licensed under MIT License. See LICENSE in root directory for more information.
|
|
18
|
+
*/
|
|
19
|
+
|
|
20
|
+
const defaultEnterDurationForAnimatedInjectable = (0,_ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0__.getInjectable)({
|
|
21
|
+
id: "default-enter-duration-for-animated",
|
|
22
|
+
instantiate: () => 100,
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
/***/ }),
|
|
27
|
+
|
|
28
|
+
/***/ 207:
|
|
29
|
+
/***/ ((module) => {
|
|
30
|
+
|
|
31
|
+
"use strict";
|
|
32
|
+
module.exports = require("@ogre-tools/injectable");
|
|
33
|
+
|
|
34
|
+
/***/ }),
|
|
35
|
+
|
|
36
|
+
/***/ 358:
|
|
37
|
+
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
38
|
+
|
|
39
|
+
"use strict";
|
|
40
|
+
|
|
41
|
+
// EXPORTS
|
|
42
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
43
|
+
C: () => (/* binding */ animateFeature)
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
;// external "@freelensapp/feature-core"
|
|
47
|
+
const feature_core_namespaceObject = require("@freelensapp/feature-core");
|
|
48
|
+
;// external "@ogre-tools/injectable-extension-for-auto-registration"
|
|
49
|
+
const injectable_extension_for_auto_registration_namespaceObject = require("@ogre-tools/injectable-extension-for-auto-registration");
|
|
50
|
+
;// ./src/feature.ts
|
|
51
|
+
/* module decorator */ module = __webpack_require__.hmd(module);
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
const animateFeature = (0,feature_core_namespaceObject.getFeature)({
|
|
55
|
+
id: "animate-feature",
|
|
56
|
+
register: (di) => {
|
|
57
|
+
(0,injectable_extension_for_auto_registration_namespaceObject.autoRegister)({
|
|
58
|
+
di,
|
|
59
|
+
targetModule: module,
|
|
60
|
+
getRequireContexts: () => [__webpack_require__(446)],
|
|
61
|
+
});
|
|
62
|
+
},
|
|
63
|
+
});
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
/***/ }),
|
|
67
|
+
|
|
68
|
+
/***/ 427:
|
|
5
69
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
6
70
|
|
|
7
71
|
"use strict";
|
|
@@ -9,9 +73,10 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
9
73
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
10
74
|
/* harmony export */ defaultLeaveDurationForAnimatedInjectable: () => (/* binding */ defaultLeaveDurationForAnimatedInjectable)
|
|
11
75
|
/* harmony export */ });
|
|
12
|
-
/* 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);
|
|
13
77
|
/* harmony import */ var _ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0__);
|
|
14
78
|
/**
|
|
79
|
+
* Copyright (c) Freelens Authors. All rights reserved.
|
|
15
80
|
* Copyright (c) OpenLens Authors. All rights reserved.
|
|
16
81
|
* Licensed under MIT License. See LICENSE in root directory for more information.
|
|
17
82
|
*/
|
|
@@ -28,9 +93,9 @@ const defaultLeaveDurationForAnimatedInjectable = (0,_ogre_tools_injectable__WEB
|
|
|
28
93
|
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
29
94
|
|
|
30
95
|
var map = {
|
|
31
|
-
"./default-enter-duration.injectable.ts":
|
|
32
|
-
"./default-leave-duration.injectable.ts":
|
|
33
|
-
"./request-animation-frame.injectable.ts":
|
|
96
|
+
"./default-enter-duration.injectable.ts": 102,
|
|
97
|
+
"./default-leave-duration.injectable.ts": 427,
|
|
98
|
+
"./request-animation-frame.injectable.ts": 817
|
|
34
99
|
};
|
|
35
100
|
|
|
36
101
|
|
|
@@ -55,7 +120,7 @@ webpackContext.id = 446;
|
|
|
55
120
|
|
|
56
121
|
/***/ }),
|
|
57
122
|
|
|
58
|
-
/***/
|
|
123
|
+
/***/ 817:
|
|
59
124
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
60
125
|
|
|
61
126
|
"use strict";
|
|
@@ -63,9 +128,10 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
63
128
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
64
129
|
/* harmony export */ requestAnimationFrameInjectable: () => (/* binding */ requestAnimationFrameInjectable)
|
|
65
130
|
/* harmony export */ });
|
|
66
|
-
/* harmony import */ var _ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
|
|
131
|
+
/* harmony import */ var _ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(207);
|
|
67
132
|
/* harmony import */ var _ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0__);
|
|
68
133
|
/**
|
|
134
|
+
* Copyright (c) Freelens Authors. All rights reserved.
|
|
69
135
|
* Copyright (c) OpenLens Authors. All rights reserved.
|
|
70
136
|
* Licensed under MIT License. See LICENSE in root directory for more information.
|
|
71
137
|
*/
|
|
@@ -78,69 +144,6 @@ const requestAnimationFrameInjectable = (0,_ogre_tools_injectable__WEBPACK_IMPOR
|
|
|
78
144
|
});
|
|
79
145
|
|
|
80
146
|
|
|
81
|
-
/***/ }),
|
|
82
|
-
|
|
83
|
-
/***/ 745:
|
|
84
|
-
/***/ ((module) => {
|
|
85
|
-
|
|
86
|
-
"use strict";
|
|
87
|
-
module.exports = require("@ogre-tools/injectable");
|
|
88
|
-
|
|
89
|
-
/***/ }),
|
|
90
|
-
|
|
91
|
-
/***/ 846:
|
|
92
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
93
|
-
|
|
94
|
-
"use strict";
|
|
95
|
-
__webpack_require__.r(__webpack_exports__);
|
|
96
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
97
|
-
/* harmony export */ defaultEnterDurationForAnimatedInjectable: () => (/* binding */ defaultEnterDurationForAnimatedInjectable)
|
|
98
|
-
/* harmony export */ });
|
|
99
|
-
/* harmony import */ var _ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(745);
|
|
100
|
-
/* harmony import */ var _ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0__);
|
|
101
|
-
/**
|
|
102
|
-
* Copyright (c) OpenLens Authors. All rights reserved.
|
|
103
|
-
* Licensed under MIT License. See LICENSE in root directory for more information.
|
|
104
|
-
*/
|
|
105
|
-
|
|
106
|
-
const defaultEnterDurationForAnimatedInjectable = (0,_ogre_tools_injectable__WEBPACK_IMPORTED_MODULE_0__.getInjectable)({
|
|
107
|
-
id: "default-enter-duration-for-animated",
|
|
108
|
-
instantiate: () => 100,
|
|
109
|
-
});
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
/***/ }),
|
|
113
|
-
|
|
114
|
-
/***/ 859:
|
|
115
|
-
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
116
|
-
|
|
117
|
-
"use strict";
|
|
118
|
-
|
|
119
|
-
// EXPORTS
|
|
120
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
121
|
-
C: () => (/* binding */ animateFeature)
|
|
122
|
-
});
|
|
123
|
-
|
|
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
|
-
|
|
131
|
-
|
|
132
|
-
const animateFeature = (0,feature_core_namespaceObject.getFeature)({
|
|
133
|
-
id: "animate-feature",
|
|
134
|
-
register: (di) => {
|
|
135
|
-
(0,injectable_extension_for_auto_registration_namespaceObject.autoRegister)({
|
|
136
|
-
di,
|
|
137
|
-
targetModule: module,
|
|
138
|
-
getRequireContexts: () => [__webpack_require__(446)],
|
|
139
|
-
});
|
|
140
|
-
},
|
|
141
|
-
});
|
|
142
|
-
|
|
143
|
-
|
|
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__(102);
|
|
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__(427);
|
|
262
|
+
// EXTERNAL MODULE: ./src/request-animation-frame.injectable.ts
|
|
263
|
+
var request_animation_frame_injectable = __webpack_require__(817);
|
|
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__(358);
|
|
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.
|
|
4
|
+
"version": "1.3.0",
|
|
5
5
|
"description": "Highly extendable animate in the Freelens.",
|
|
6
6
|
"type": "commonjs",
|
|
7
7
|
"files": [
|
|
@@ -27,22 +27,29 @@
|
|
|
27
27
|
},
|
|
28
28
|
"license": "MIT",
|
|
29
29
|
"homepage": "https://freelens.app",
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
"@freelensapp/feature-core": "^1.
|
|
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"
|
|
30
|
+
"dependencies": {
|
|
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
|
+
"react": "^17.0.2",
|
|
35
|
+
"@freelensapp/utilities": "^1.3.0",
|
|
36
|
+
"@freelensapp/feature-core": "^1.3.0"
|
|
42
37
|
},
|
|
43
38
|
"devDependencies": {
|
|
44
|
-
"@
|
|
45
|
-
"@
|
|
39
|
+
"@types/react": "^17.0.85",
|
|
40
|
+
"@types/webpack-env": "^1.18.8",
|
|
41
|
+
"css-loader": "^6.11.0",
|
|
42
|
+
"postcss-loader": "^8.1.1",
|
|
43
|
+
"sass-loader": "^16.0.5",
|
|
44
|
+
"ts-loader": "^9.5.2",
|
|
45
|
+
"typescript": "^5.8.3",
|
|
46
|
+
"webpack": "^5.99.8",
|
|
47
|
+
"@freelensapp/jest": "^1.3.0",
|
|
48
|
+
"@freelensapp/webpack": "^1.3.0",
|
|
49
|
+
"@freelensapp/typescript": "^1.3.0"
|
|
46
50
|
},
|
|
47
|
-
"
|
|
48
|
-
|
|
51
|
+
"scripts": {
|
|
52
|
+
"build": "lens-webpack-build",
|
|
53
|
+
"clean:node_modules": "pnpm dlx rimraf@6.0.1 node_modules"
|
|
54
|
+
}
|
|
55
|
+
}
|