indicator-ui 0.1.109 → 0.1.110

package/dist/index.js

@@ -54117,6 +54117,7 @@ var DARK_THEME_PROPS = 'dark';
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   useControlInput: () => (/* reexport safe */ _useControlInput__WEBPACK_IMPORTED_MODULE_0__.useControlInput),
+/* harmony export */   useDrag: () => (/* reexport safe */ _useDrag__WEBPACK_IMPORTED_MODULE_4__.useDrag),
 /* harmony export */   useKeyboardInput: () => (/* reexport safe */ _useKeyboardInput__WEBPACK_IMPORTED_MODULE_1__.useKeyboardInput),
 /* harmony export */   useKeyboardPressing: () => (/* reexport safe */ _useKeyboardPressing__WEBPACK_IMPORTED_MODULE_2__.useKeyboardPressing),
 /* harmony export */   useTouchpadInput: () => (/* reexport safe */ _useTouchpadInput__WEBPACK_IMPORTED_MODULE_3__.useTouchpadInput)
@@ -54125,6 +54126,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _useKeyboardInput__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./useKeyboardInput */ "./src/hooks/controlsInput/useKeyboardInput.ts");
 /* harmony import */ var _useKeyboardPressing__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useKeyboardPressing */ "./src/hooks/controlsInput/useKeyboardPressing.ts");
 /* harmony import */ var _useTouchpadInput__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useTouchpadInput */ "./src/hooks/controlsInput/useTouchpadInput.ts");
+/* harmony import */ var _useDrag__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./useDrag */ "./src/hooks/controlsInput/useDrag.ts");
+
 
 
 
@@ -54147,6 +54150,143 @@ function useControlInput() {}
 
 /***/ }),
 
+/***/ "./src/hooks/controlsInput/useDrag.ts":
+/*!********************************************!*\
+  !*** ./src/hooks/controlsInput/useDrag.ts ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useDrag: () => (/* binding */ useDrag)
+/* 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");
+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 useDrag() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  var ref = args[0],
+    callback = args[1];
+  var _useSimpleRefElementW = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useSimpleRefElementWork)(ref),
+    _useSimpleRefElementW2 = _slicedToArray(_useSimpleRefElementW, 1),
+    getObj = _useSimpleRefElementW2[0];
+  var _useSyncedStateRef = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useSyncedStateRef)(false),
+    _useSyncedStateRef2 = _slicedToArray(_useSyncedStateRef, 3),
+    isDrag = _useSyncedStateRef2[0],
+    setIsDrag = _useSyncedStateRef2[1],
+    getIsDrag = _useSyncedStateRef2[2];
+  var startPos = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({
+    x: 0,
+    y: 0
+  });
+  var getPositionFromEvent = function getPositionFromEvent(e) {
+    var x = 0;
+    var y = 0;
+    if (e instanceof MouseEvent) {
+      x = e.clientX;
+      y = e.clientY;
+    } else if (e instanceof TouchEvent && e.touches[0]) {
+      x = e.touches[0].clientX;
+      y = e.touches[0].clientY;
+    }
+    return {
+      x: x,
+      y: y
+    };
+  };
+  var onStart = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (e) {
+    setIsDrag(true);
+    var _getPositionFromEvent = getPositionFromEvent(e),
+      toX = _getPositionFromEvent.x,
+      toY = _getPositionFromEvent.y;
+    var fromX = toX;
+    var fromY = toY;
+    startPos.current = {
+      x: toX,
+      y: toY
+    };
+    callback({
+      status: 'start',
+      toX: toX,
+      toY: toY,
+      fromX: fromX,
+      fromY: fromY
+    });
+  }, []);
+  var onMove = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (e) {
+    var isDragging = getIsDrag();
+    if (!isDragging) return;
+    var _getPositionFromEvent2 = getPositionFromEvent(e),
+      toX = _getPositionFromEvent2.x,
+      toY = _getPositionFromEvent2.y;
+    var fromX = startPos.current.x;
+    var fromY = startPos.current.y;
+    callback({
+      status: 'moving',
+      toX: toX,
+      toY: toY,
+      fromX: fromX,
+      fromY: fromY
+    });
+  }, []);
+  var onEnd = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (e) {
+    var isDragging = getIsDrag();
+    if (!isDragging) return;
+    setIsDrag(false);
+    var _getPositionFromEvent3 = getPositionFromEvent(e),
+      toX = _getPositionFromEvent3.x,
+      toY = _getPositionFromEvent3.y;
+    var fromX = startPos.current.x;
+    var fromY = startPos.current.y;
+    callback({
+      status: 'end',
+      toX: toX,
+      toY: toY,
+      fromX: fromX,
+      fromY: fromY
+    });
+  }, []);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    var obj = getObj();
+    obj === null || obj === void 0 || obj.addEventListener("mousedown", onStart);
+    obj === null || obj === void 0 || obj.addEventListener("mousemove", onMove);
+    obj === null || obj === void 0 || obj.addEventListener("mouseup", onEnd);
+    obj === null || obj === void 0 || obj.addEventListener("mouseleave", onEnd);
+    obj === null || obj === void 0 || obj.addEventListener("touchstart", onStart);
+    obj === null || obj === void 0 || obj.addEventListener("touchmove", onMove, {
+      passive: false
+    });
+    obj === null || obj === void 0 || obj.addEventListener("touchend", onEnd);
+    obj === null || obj === void 0 || obj.addEventListener("touchcancel", onEnd);
+    return function () {
+      obj === null || obj === void 0 || obj.removeEventListener("mousedown", onStart);
+      obj === null || obj === void 0 || obj.removeEventListener("mousemove", onMove);
+      obj === null || obj === void 0 || obj.removeEventListener("mouseup", onEnd);
+      obj === null || obj === void 0 || obj.removeEventListener("mouseleave", onEnd);
+      obj === null || obj === void 0 || obj.removeEventListener("touchstart", onStart);
+      obj === null || obj === void 0 || obj.removeEventListener("touchmove", onMove);
+      obj === null || obj === void 0 || obj.removeEventListener("touchend", onEnd);
+      obj === null || obj === void 0 || obj.removeEventListener("touchcancel", onEnd);
+    };
+  }, [onMove, onEnd]);
+  return {
+    isDrag: isDrag
+  };
+}
+
+/***/ }),
+
 /***/ "./src/hooks/controlsInput/useKeyboardInput.ts":
 /*!*****************************************************!*\
   !*** ./src/hooks/controlsInput/useKeyboardInput.ts ***!
@@ -56777,6 +56917,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useDebouncedInvoker: () => (/* reexport safe */ _useDebouncedInvoker__WEBPACK_IMPORTED_MODULE_8__.useDebouncedInvoker),
 /* harmony export */   useDeepCompareEffect: () => (/* reexport safe */ _useDeepCompareEffect__WEBPACK_IMPORTED_MODULE_3__.useDeepCompareEffect),
 /* harmony export */   useDidUpdateEffect: () => (/* reexport safe */ _useDidUpdateEffect__WEBPACK_IMPORTED_MODULE_9__.useDidUpdateEffect),
+/* harmony export */   useDrag: () => (/* reexport safe */ _controlsInput__WEBPACK_IMPORTED_MODULE_16__.useDrag),
 /* harmony export */   useElementFixedOffset: () => (/* reexport safe */ _useElementFixedOffset__WEBPACK_IMPORTED_MODULE_4__.useElementFixedOffset),
 /* harmony export */   useForm: () => (/* reexport safe */ _forms__WEBPACK_IMPORTED_MODULE_20__.useForm),
 /* harmony export */   useFormData: () => (/* reexport safe */ _useFormData__WEBPACK_IMPORTED_MODULE_1__.useFormData),
@@ -78857,6 +78998,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useDebouncedInvoker: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useDebouncedInvoker),
 /* harmony export */   useDeepCompareEffect: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useDeepCompareEffect),
 /* harmony export */   useDidUpdateEffect: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useDidUpdateEffect),
+/* harmony export */   useDrag: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useDrag),
 /* harmony export */   useElementFixedOffset: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useElementFixedOffset),
 /* harmony export */   useForm: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useForm),
 /* harmony export */   useFormData: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useFormData),