indicator-ui 0.0.41 → 0.0.42
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.js
CHANGED
|
@@ -10100,6 +10100,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
10100
10100
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
10101
10101
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
10102
10102
|
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../styles */ "./src/ui/SlideTransition/styles/index.ts");
|
|
10103
|
+
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
|
|
10104
|
+
|
|
10103
10105
|
|
|
10104
10106
|
|
|
10105
10107
|
|
|
@@ -10120,7 +10122,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
10120
10122
|
* Учтите, что анимации **"снизу"** сужают компонент, поэтому он будет деформироваться.
|
|
10121
10123
|
* При высокой (автор проводил тесты на 300ms) скорости анимации это незаметно (если вы не Флеш).
|
|
10122
10124
|
* */
|
|
10123
|
-
function SlideTransition({ children, animation, animationOptions = { duration: 300, easing: 'ease-in-out', fill: 'forwards' } }) {
|
|
10125
|
+
function SlideTransition({ children, animation, additionStyles, animationOptions = { duration: 300, easing: 'ease-in-out', fill: 'forwards' } }) {
|
|
10124
10126
|
const mainRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
|
|
10125
10127
|
const animateDropWrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
|
|
10126
10128
|
const getConfig = (type) => {
|
|
@@ -10191,7 +10193,7 @@ function SlideTransition({ children, animation, animationOptions = { duration: 3
|
|
|
10191
10193
|
break;
|
|
10192
10194
|
}
|
|
10193
10195
|
}, [animation]);
|
|
10194
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { ref: animateDropWrapperRef, className: _styles__WEBPACK_IMPORTED_MODULE_2__.SlideTransitionStyle.animateDrop, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { ref: mainRef, className: _styles__WEBPACK_IMPORTED_MODULE_2__.SlideTransitionStyle.main, children: children }) }));
|
|
10196
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { ref: animateDropWrapperRef, className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.SlideTransitionStyle.animateDrop, additionStyles || []), children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { ref: mainRef, className: _styles__WEBPACK_IMPORTED_MODULE_2__.SlideTransitionStyle.main, children: children }) }));
|
|
10195
10197
|
}
|
|
10196
10198
|
|
|
10197
10199
|
|