indicator-ui 0.1.28 → 0.1.30

package/dist/index.js

@@ -54192,6 +54192,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useDidUpdateEffect: () => (/* reexport safe */ _useDidUpdateEffect__WEBPACK_IMPORTED_MODULE_8__.useDidUpdateEffect),
 /* harmony export */   useElementFixedOffset: () => (/* reexport safe */ _useElementFixedOffset__WEBPACK_IMPORTED_MODULE_4__.useElementFixedOffset),
 /* harmony export */   useFormData: () => (/* reexport safe */ _useFormData__WEBPACK_IMPORTED_MODULE_1__.useFormData),
+/* harmony export */   useHoverAutoScrollText: () => (/* reexport safe */ _ui_animations__WEBPACK_IMPORTED_MODULE_13__.useHoverAutoScrollText),
 /* harmony export */   useInteractiveZone: () => (/* reexport safe */ _useInteractiveZone__WEBPACK_IMPORTED_MODULE_11__.useInteractiveZone),
 /* harmony export */   useIntersectionObserver: () => (/* reexport safe */ _elementObservers__WEBPACK_IMPORTED_MODULE_16__.useIntersectionObserver),
 /* harmony export */   useIsErrorField: () => (/* reexport safe */ _useIsErrorField__WEBPACK_IMPORTED_MODULE_0__.useIsErrorField),
@@ -55547,13 +55548,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   COLLAPSIBLE_ANIM: () => (/* reexport safe */ _collapsibleAnimations__WEBPACK_IMPORTED_MODULE_4__.COLLAPSIBLE_ANIM),
 /* harmony export */   MODAL_ANIMATIONS: () => (/* reexport safe */ _modalAnimations__WEBPACK_IMPORTED_MODULE_0__.MODAL_ANIMATIONS),
 /* harmony export */   MOVING_ANIMATIONS: () => (/* reexport safe */ _movingAnimations__WEBPACK_IMPORTED_MODULE_3__.MOVING_ANIMATIONS),
-/* harmony export */   SHIMMER_ANIMATIONS: () => (/* reexport safe */ _shimmerAnimation__WEBPACK_IMPORTED_MODULE_2__.SHIMMER_ANIMATIONS)
+/* harmony export */   SHIMMER_ANIMATIONS: () => (/* reexport safe */ _shimmerAnimation__WEBPACK_IMPORTED_MODULE_2__.SHIMMER_ANIMATIONS),
+/* harmony export */   TEXT_AUTO_SCROLL_ANIM: () => (/* reexport safe */ _textAutoScrollAnimations__WEBPACK_IMPORTED_MODULE_5__.TEXT_AUTO_SCROLL_ANIM)
 /* harmony export */ });
 /* harmony import */ var _modalAnimations__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./modalAnimations */ "./src/hooks/ui-animations/assets/modalAnimations.ts");
 /* harmony import */ var _backdropModalAnimations__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./backdropModalAnimations */ "./src/hooks/ui-animations/assets/backdropModalAnimations.ts");
 /* harmony import */ var _shimmerAnimation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./shimmerAnimation */ "./src/hooks/ui-animations/assets/shimmerAnimation.ts");
 /* harmony import */ var _movingAnimations__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./movingAnimations */ "./src/hooks/ui-animations/assets/movingAnimations.ts");
 /* harmony import */ var _collapsibleAnimations__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./collapsibleAnimations */ "./src/hooks/ui-animations/assets/collapsibleAnimations.ts");
+/* harmony import */ var _textAutoScrollAnimations__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./textAutoScrollAnimations */ "./src/hooks/ui-animations/assets/textAutoScrollAnimations.ts");
+
 
 
 
@@ -55845,7 +55849,7 @@ var DEFAULT_ANIMATION = function DEFAULT_ANIMATION() {
     top: top,
     left: left,
     duration: duration,
-    ease: "power1.out"
+    ease: "power2.out"
   });
   return timeline;
 };
@@ -55923,6 +55927,72 @@ var SHIMMER_ANIMATIONS = function SHIMMER_ANIMATIONS() {
 
 /***/ }),
 
+/***/ "./src/hooks/ui-animations/assets/textAutoScrollAnimations.ts":
+/*!********************************************************************!*\
+  !*** ./src/hooks/ui-animations/assets/textAutoScrollAnimations.ts ***!
+  \********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   TEXT_AUTO_SCROLL_ANIM: () => (/* binding */ TEXT_AUTO_SCROLL_ANIM)
+/* harmony export */ });
+var DURATION_SPEED = 75;
+function TEXT_AUTO_SCROLL_ANIM() {
+  var start = function start() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    var obj = args[0],
+      timeline = args[1],
+      _args$ = args[2],
+      options = _args$ === void 0 ? {} : _args$;
+    var _options$xSpeed = options.xSpeed,
+      xSpeed = _options$xSpeed === void 0 ? 1 : _options$xSpeed;
+    var scrollWidth = obj.scrollWidth;
+    var containerWidth = obj.clientWidth;
+    var distance = scrollWidth - containerWidth;
+    if (distance <= 0) return timeline;
+    timeline.clear();
+    timeline.to(obj, {
+      x: -distance,
+      duration: distance / (DURATION_SPEED * xSpeed),
+      ease: "power1.inOut",
+      repeat: -1,
+      yoyo: true
+    });
+    return timeline;
+  };
+  var end = function end() {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    var obj = args[0],
+      timeline = args[1];
+    timeline.clear().to(obj, {
+      x: 0,
+      duration: 0.3,
+      ease: "power2.inOut"
+    });
+    return timeline;
+  };
+  var getInitStyle = function getInitStyle() {
+    return {
+      width: "100%",
+      display: "block",
+      textWrap: "nowrap" // исправлено
+    };
+  };
+  return {
+    start: start,
+    end: end,
+    getInitStyle: getInitStyle
+  };
+}
+
+/***/ }),
+
 /***/ "./src/hooks/ui-animations/helpers.ts":
 /*!********************************************!*\
   !*** ./src/hooks/ui-animations/helpers.ts ***!
@@ -55995,15 +56065,18 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   useBackgroundModalAnim: () => (/* reexport safe */ _useBackgroundModalAnim__WEBPACK_IMPORTED_MODULE_1__.useBackgroundModalAnim),
 /* harmony export */   useCollapsible: () => (/* reexport safe */ _useCollapsible__WEBPACK_IMPORTED_MODULE_3__.useCollapsible),
+/* harmony export */   useHoverAutoScrollText: () => (/* reexport safe */ _useHoverAutoScrollText__WEBPACK_IMPORTED_MODULE_4__.useHoverAutoScrollText),
 /* harmony export */   useModalAnim: () => (/* reexport safe */ _useModalAnim__WEBPACK_IMPORTED_MODULE_0__.useModalAnim),
 /* harmony export */   useShimmer: () => (/* reexport safe */ _useShimmer__WEBPACK_IMPORTED_MODULE_2__.useShimmer),
-/* harmony export */   useTimeline: () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_4__.useTimeline)
+/* harmony export */   useTimeline: () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_5__.useTimeline)
 /* harmony export */ });
 /* harmony import */ var _useModalAnim__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./useModalAnim */ "./src/hooks/ui-animations/useModalAnim.ts");
 /* harmony import */ var _useBackgroundModalAnim__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./useBackgroundModalAnim */ "./src/hooks/ui-animations/useBackgroundModalAnim.ts");
 /* harmony import */ var _useShimmer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useShimmer */ "./src/hooks/ui-animations/useShimmer.ts");
 /* harmony import */ var _useCollapsible__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useCollapsible */ "./src/hooks/ui-animations/useCollapsible.ts");
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./helpers */ "./src/hooks/ui-animations/helpers.ts");
+/* harmony import */ var _useHoverAutoScrollText__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./useHoverAutoScrollText */ "./src/hooks/ui-animations/useHoverAutoScrollText.ts");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./helpers */ "./src/hooks/ui-animations/helpers.ts");
+
 
 
 
@@ -56399,6 +56472,92 @@ function useIsOpen() {
 
 /***/ }),
 
+/***/ "./src/hooks/ui-animations/useHoverAutoScrollText.ts":
+/*!***********************************************************!*\
+  !*** ./src/hooks/ui-animations/useHoverAutoScrollText.ts ***!
+  \***********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useHoverAutoScrollText: () => (/* binding */ useHoverAutoScrollText)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/hooks */ "./src/hooks/index.ts");
+/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./assets */ "./src/hooks/ui-animations/assets/index.ts");
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+
+
+
+function useHoverAutoScrollText() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  var ref = args[0],
+    _args$ = args[1],
+    options = _args$ === void 0 ? {} : _args$;
+  var xSpeed = options.xSpeed;
+  var _useSimpleRefElementW = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useSimpleRefElementWork)(ref),
+    _useSimpleRefElementW2 = _slicedToArray(_useSimpleRefElementW, 1),
+    getObj = _useSimpleRefElementW2[0];
+  var _useTimeline = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useTimeline)(),
+    getTimeline = _useTimeline.getTimeline;
+  var initStyle = function initStyle() {
+    var obj = getObj();
+    if (!obj) return;
+    Object.assign(obj.style, (0,_assets__WEBPACK_IMPORTED_MODULE_2__.TEXT_AUTO_SCROLL_ANIM)().getInitStyle());
+  };
+  var startScrolling = function startScrolling() {
+    var obj = getObj();
+    if (!obj) return;
+    var timeline = getTimeline();
+    (0,_assets__WEBPACK_IMPORTED_MODULE_2__.TEXT_AUTO_SCROLL_ANIM)().start(obj, timeline, {
+      xSpeed: xSpeed
+    }).play();
+  };
+  var endScrolling = function endScrolling() {
+    var obj = getObj();
+    if (!obj) return;
+    var timeline = getTimeline();
+    (0,_assets__WEBPACK_IMPORTED_MODULE_2__.TEXT_AUTO_SCROLL_ANIM)().end(obj, timeline).play();
+  };
+  var onMouseEnter = function onMouseEnter() {
+    return startScrolling();
+  };
+  var onMouseLeave = function onMouseLeave() {
+    return endScrolling();
+  };
+  var setUpListeners = function setUpListeners() {
+    var obj = getObj();
+    if (!obj) return;
+    obj.addEventListener('mouseenter', onMouseEnter);
+    obj.addEventListener('mouseleave', onMouseLeave);
+  };
+  var clearListeners = function clearListeners() {
+    var obj = getObj();
+    if (!obj) return;
+    obj.removeEventListener('mouseenter', onMouseEnter);
+    obj.removeEventListener('mouseleave', onMouseLeave);
+  };
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    setUpListeners();
+    initStyle();
+    return clearListeners;
+  }, []);
+  return {
+    getInitStyle: (0,_assets__WEBPACK_IMPORTED_MODULE_2__.TEXT_AUTO_SCROLL_ANIM)().getInitStyle
+  };
+}
+
+/***/ }),
+
 /***/ "./src/hooks/ui-animations/useModalAnim.ts":
 /*!*************************************************!*\
   !*** ./src/hooks/ui-animations/useModalAnim.ts ***!
@@ -63561,24 +63720,24 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 
 
-function DropdownItem(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'small' : _ref$size,
-    _ref$selected = _ref.selected,
-    selected = _ref$selected === void 0 ? false : _ref$selected,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    supportingText = _ref.supportingText,
-    showIcon = _ref.showIcon,
-    user = _ref.user,
-    text = _ref.text,
-    additionStyles = _ref.additionStyles,
-    onClick = _ref.onClick,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 'fill' : _ref$width,
-    beforeElement = _ref.beforeElement,
-    afterElement = _ref.afterElement,
-    ownerElement = _ref.ownerElement;
+function DropdownItem(props) {
+  var _props$size = props.size,
+    size = _props$size === void 0 ? 'small' : _props$size,
+    _props$selected = props.selected,
+    selected = _props$selected === void 0 ? false : _props$selected,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    supportingText = props.supportingText,
+    showIcon = props.showIcon,
+    user = props.user,
+    text = props.text,
+    additionStyles = props.additionStyles,
+    onClick = props.onClick,
+    _props$width = props.width,
+    width = _props$width === void 0 ? 'fill' : _props$width,
+    beforeElement = props.beforeElement,
+    afterElement = props.afterElement,
+    ownerElement = props.ownerElement;
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     isHover = _useState2[0],
@@ -68002,22 +68161,22 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 
 
 
-function TextareaField(_ref) {
-  var value = _ref.value,
-    name = _ref.name,
-    placeholder = _ref.placeholder,
-    onChange = _ref.onChange,
-    _ref$required = _ref.required,
-    required = _ref$required === void 0 ? false : _ref$required,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$isError = _ref.isError,
-    isError = _ref$isError === void 0 ? false : _ref$isError,
-    _ref$offFocus = _ref.offFocus,
-    offFocus = _ref$offFocus === void 0 ? false : _ref$offFocus,
-    _ref$autoResize = _ref.autoResize,
-    autoResize = _ref$autoResize === void 0 ? false : _ref$autoResize,
-    additionStyles = _ref.additionStyles;
+function TextareaField(props) {
+  var value = props.value,
+    name = props.name,
+    placeholder = props.placeholder,
+    onChange = props.onChange,
+    _props$required = props.required,
+    required = _props$required === void 0 ? false : _props$required,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$isError = props.isError,
+    isError = _props$isError === void 0 ? false : _props$isError,
+    _props$autoResize = props.autoResize,
+    autoResize = _props$autoResize === void 0 ? false : _props$autoResize,
+    additionStyles = props.additionStyles,
+    _onBlur = props.onBlur,
+    _onFocus = props.onFocus;
   var textareaRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
   var resizeTextarea = function resizeTextarea() {
     if (autoResize) {
@@ -68043,6 +68202,12 @@ function TextareaField(_ref) {
     onChange: handleOnChange,
     required: required,
     disabled: disabled,
+    onBlur: function onBlur() {
+      return _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur();
+    },
+    onFocus: function onFocus() {
+      return _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus();
+    },
     className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.TextareaFieldStyle.textareaField, _defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_3__.TextareaFieldStyle.isError, isError), additionStyles),
     ref: textareaRef
   });
@@ -72461,6 +72626,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useDidUpdateEffect: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useDidUpdateEffect),
 /* harmony export */   useElementFixedOffset: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useElementFixedOffset),
 /* harmony export */   useFormData: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useFormData),
+/* harmony export */   useHoverAutoScrollText: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useHoverAutoScrollText),
 /* harmony export */   useInteractiveZone: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useInteractiveZone),
 /* harmony export */   useIntersectionObserver: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useIntersectionObserver),
 /* harmony export */   useIsErrorField: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useIsErrorField),