@fileverse-dev/fortune-react 1.1.55-smooth-scroll-1 → 1.1.56

package/lib/components/SheetOverlay/LucideIcon.js

@@ -0,0 +1,54 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UltimateIcons = exports.LucideIcon = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _Icon = require("./Icon");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var UltimateIcons = exports.UltimateIcons = Object.assign({}, _Icon.LucideIcons);
+var LucideIcon = exports.LucideIcon = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
+  var name = _a.name,
+    className = _a.className,
+    strokeWidth = _a.strokeWidth,
+    size = _a.size,
+    fill = _a.fill,
+    stroke = _a.stroke,
+    props = __rest(_a, ["name", "className", "strokeWidth", "size", "fill", "stroke"]);
+  var buttonSize = size === 'sm' ? 'w-6 h-6' : size === 'lg' ? 'w-10 h-10' : 'w-8 h-8';
+  var IconComponent = UltimateIcons[name];
+  if (!IconComponent) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(IconComponent, __assign({
+    name: name,
+    ref: ref,
+    className: (0, _classnames.default)(buttonSize, className),
+    strokeWidth: strokeWidth || 2,
+    fill: fill || 'none',
+    stroke: stroke || 'currentColor'
+  }, props));
+});
+LucideIcon.displayName = 'LucideIcon';

package/lib/components/SheetOverlay/index.css

@@ -950,3 +950,18 @@
   pointer-events: none;
   user-select: none;
 }
+
+.luckysheet-hint {
+  /* position: absolute; */
+  top: -18px;
+  left: 0;
+  background-color: #efc703;
+  color: #000000;
+  padding: 2px 8px;
+  font-size: 12px;
+  font-weight: 500;
+  white-space: nowrap;
+  z-index: 20;
+  pointer-events: none;
+  user-select: none;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse-dev/fortune-react",
-  "version": "1.1.55-smooth-scroll-1",
+  "version": "1.1.56",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "module": "es/index.js",
@@ -16,7 +16,7 @@
     "tsc": "tsc"
   },
   "dependencies": {
-    "@fileverse-dev/fortune-core": "1.1.55-smooth-scroll-1",
+    "@fileverse-dev/fortune-core": "1.1.56",
     "@fileverse/ui": "^4.1.7-patch-21",
     "@tippyjs/react": "^4.2.6",
     "@types/regenerator-runtime": "^0.13.6",

package/es/components/Sheet/use-smooth-scroll.d.ts

@@ -1,2 +0,0 @@
-import { RefObject } from "react";
-export declare const useSmoothScroll: (scrollContainerRef: RefObject<HTMLDivElement | null>) => void;

package/es/components/Sheet/use-smooth-scroll.js

@@ -1,85 +0,0 @@
-import { useContext, useEffect } from "react";
-import WorkbookContext from "../../context";
-export var useSmoothScroll = function useSmoothScroll(scrollContainerRef) {
-  var _a = useContext(WorkbookContext),
-    context = _a.context,
-    refs = _a.refs;
-  function attachSmoothWheelScroll(scrollContainer, moveScrollBy, getPixelScale) {
-    if (getPixelScale === void 0) {
-      getPixelScale = function getPixelScale() {
-        return window.devicePixelRatio || 1;
-      };
-    }
-    var queuedXPixels = 0;
-    var queuedYPixels = 0;
-    var animationFrameId = 0;
-    var MAX_PIXEL_DELTA_PER_FRAME = 1200;
-    function applyQueuedScroll() {
-      animationFrameId = 0;
-      if (Math.abs(queuedXPixels) < 0.5 && Math.abs(queuedYPixels) < 0.5) {
-        queuedXPixels = 0;
-        queuedYPixels = 0;
-        return;
-      }
-      var xPixels = Math.max(-MAX_PIXEL_DELTA_PER_FRAME, Math.min(MAX_PIXEL_DELTA_PER_FRAME, queuedXPixels));
-      var yPixels = Math.max(-MAX_PIXEL_DELTA_PER_FRAME, Math.min(MAX_PIXEL_DELTA_PER_FRAME, queuedYPixels));
-      moveScrollBy(xPixels, yPixels);
-      queuedXPixels = 0;
-      queuedYPixels = 0;
-    }
-    function handleWheelEvent(event) {
-      var _a, _b;
-      event.preventDefault();
-      var functionDetailsElement = document.getElementById("function-details");
-      var formulaSearchElement = document.getElementById("luckysheet-formula-search-c");
-      var isPointerOverFunctionDetails = functionDetailsElement === null || functionDetailsElement === void 0 ? void 0 : functionDetailsElement.matches(":hover");
-      var isPointerOverFormulaSearch = formulaSearchElement === null || formulaSearchElement === void 0 ? void 0 : formulaSearchElement.matches(":hover");
-      var isPointerInSearchDialog = !!((_b = (_a = refs === null || refs === void 0 ? void 0 : refs.globalCache) === null || _a === void 0 ? void 0 : _a.searchDialog) === null || _b === void 0 ? void 0 : _b.mouseEnter);
-      var hasFilterContextMenuOpen = context.filterContextMenu != null;
-      if (functionDetailsElement && isPointerOverFunctionDetails || formulaSearchElement && isPointerOverFormulaSearch || isPointerInSearchDialog || hasFilterContextMenuOpen) {
-        return;
-      }
-      var scaleFactor = getPixelScale();
-      queuedXPixels += event.deltaX * scaleFactor;
-      queuedYPixels += event.deltaY * scaleFactor;
-      if (!animationFrameId) animationFrameId = requestAnimationFrame(applyQueuedScroll);
-    }
-    scrollContainer.addEventListener("wheel", handleWheelEvent, {
-      passive: false
-    });
-    return function () {
-      scrollContainer.removeEventListener("wheel", handleWheelEvent);
-      if (animationFrameId) cancelAnimationFrame(animationFrameId);
-    };
-  }
-  var makeScrollbarsMoveByPixels = function makeScrollbarsMoveByPixels(horizontalScrollbarEl, verticalScrollbarEl) {
-    return function (xPixels, yPixels) {
-      var maxScrollLeft = horizontalScrollbarEl.scrollWidth - horizontalScrollbarEl.clientWidth;
-      var maxScrollTop = verticalScrollbarEl.scrollHeight - verticalScrollbarEl.clientHeight;
-      var targetScrollLeft = Math.max(0, Math.min(maxScrollLeft, horizontalScrollbarEl.scrollLeft + xPixels));
-      var targetScrollTop = Math.max(0, Math.min(maxScrollTop, verticalScrollbarEl.scrollTop + yPixels));
-      var didScrollX = targetScrollLeft !== horizontalScrollbarEl.scrollLeft;
-      var didScrollY = targetScrollTop !== verticalScrollbarEl.scrollTop;
-      if (didScrollX) {
-        horizontalScrollbarEl.scrollLeft = targetScrollLeft;
-      }
-      if (didScrollY) {
-        verticalScrollbarEl.scrollTop = targetScrollTop;
-      }
-    };
-  };
-  function routeWheelScrollToScrollbars(sheetContext, scrollContainerEl, horizontalScrollbarEl, verticalScrollbarEl) {
-    var moveScrollbarsByPixels = makeScrollbarsMoveByPixels(horizontalScrollbarEl, verticalScrollbarEl);
-    return attachSmoothWheelScroll(scrollContainerEl, moveScrollbarsByPixels, function () {
-      return (window.devicePixelRatio || 1) * sheetContext.zoomRatio;
-    });
-  }
-  useEffect(function () {
-    var scrollContainerEl = scrollContainerRef.current;
-    var horizontalScrollbarEl = refs.scrollbarX.current;
-    var verticalScrollbarEl = refs.scrollbarY.current;
-    if (!scrollContainerEl || !horizontalScrollbarEl || !verticalScrollbarEl) return function () {};
-    var unmountScrollHandler = routeWheelScrollToScrollbars(context, scrollContainerEl, horizontalScrollbarEl, verticalScrollbarEl);
-    return unmountScrollHandler;
-  }, [context.zoomRatio]);
-};

package/lib/components/Sheet/use-smooth-scroll.d.ts

@@ -1,2 +0,0 @@
-import { RefObject } from "react";
-export declare const useSmoothScroll: (scrollContainerRef: RefObject<HTMLDivElement | null>) => void;

package/lib/components/Sheet/use-smooth-scroll.js

@@ -1,92 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSmoothScroll = void 0;
-var _react = require("react");
-var _context = _interopRequireDefault(require("../../context"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var useSmoothScroll = exports.useSmoothScroll = function useSmoothScroll(scrollContainerRef) {
-  var _a = (0, _react.useContext)(_context.default),
-    context = _a.context,
-    refs = _a.refs;
-  function attachSmoothWheelScroll(scrollContainer, moveScrollBy, getPixelScale) {
-    if (getPixelScale === void 0) {
-      getPixelScale = function getPixelScale() {
-        return window.devicePixelRatio || 1;
-      };
-    }
-    var queuedXPixels = 0;
-    var queuedYPixels = 0;
-    var animationFrameId = 0;
-    var MAX_PIXEL_DELTA_PER_FRAME = 1200;
-    function applyQueuedScroll() {
-      animationFrameId = 0;
-      if (Math.abs(queuedXPixels) < 0.5 && Math.abs(queuedYPixels) < 0.5) {
-        queuedXPixels = 0;
-        queuedYPixels = 0;
-        return;
-      }
-      var xPixels = Math.max(-MAX_PIXEL_DELTA_PER_FRAME, Math.min(MAX_PIXEL_DELTA_PER_FRAME, queuedXPixels));
-      var yPixels = Math.max(-MAX_PIXEL_DELTA_PER_FRAME, Math.min(MAX_PIXEL_DELTA_PER_FRAME, queuedYPixels));
-      moveScrollBy(xPixels, yPixels);
-      queuedXPixels = 0;
-      queuedYPixels = 0;
-    }
-    function handleWheelEvent(event) {
-      var _a, _b;
-      event.preventDefault();
-      var functionDetailsElement = document.getElementById("function-details");
-      var formulaSearchElement = document.getElementById("luckysheet-formula-search-c");
-      var isPointerOverFunctionDetails = functionDetailsElement === null || functionDetailsElement === void 0 ? void 0 : functionDetailsElement.matches(":hover");
-      var isPointerOverFormulaSearch = formulaSearchElement === null || formulaSearchElement === void 0 ? void 0 : formulaSearchElement.matches(":hover");
-      var isPointerInSearchDialog = !!((_b = (_a = refs === null || refs === void 0 ? void 0 : refs.globalCache) === null || _a === void 0 ? void 0 : _a.searchDialog) === null || _b === void 0 ? void 0 : _b.mouseEnter);
-      var hasFilterContextMenuOpen = context.filterContextMenu != null;
-      if (functionDetailsElement && isPointerOverFunctionDetails || formulaSearchElement && isPointerOverFormulaSearch || isPointerInSearchDialog || hasFilterContextMenuOpen) {
-        return;
-      }
-      var scaleFactor = getPixelScale();
-      queuedXPixels += event.deltaX * scaleFactor;
-      queuedYPixels += event.deltaY * scaleFactor;
-      if (!animationFrameId) animationFrameId = requestAnimationFrame(applyQueuedScroll);
-    }
-    scrollContainer.addEventListener("wheel", handleWheelEvent, {
-      passive: false
-    });
-    return function () {
-      scrollContainer.removeEventListener("wheel", handleWheelEvent);
-      if (animationFrameId) cancelAnimationFrame(animationFrameId);
-    };
-  }
-  var makeScrollbarsMoveByPixels = function makeScrollbarsMoveByPixels(horizontalScrollbarEl, verticalScrollbarEl) {
-    return function (xPixels, yPixels) {
-      var maxScrollLeft = horizontalScrollbarEl.scrollWidth - horizontalScrollbarEl.clientWidth;
-      var maxScrollTop = verticalScrollbarEl.scrollHeight - verticalScrollbarEl.clientHeight;
-      var targetScrollLeft = Math.max(0, Math.min(maxScrollLeft, horizontalScrollbarEl.scrollLeft + xPixels));
-      var targetScrollTop = Math.max(0, Math.min(maxScrollTop, verticalScrollbarEl.scrollTop + yPixels));
-      var didScrollX = targetScrollLeft !== horizontalScrollbarEl.scrollLeft;
-      var didScrollY = targetScrollTop !== verticalScrollbarEl.scrollTop;
-      if (didScrollX) {
-        horizontalScrollbarEl.scrollLeft = targetScrollLeft;
-      }
-      if (didScrollY) {
-        verticalScrollbarEl.scrollTop = targetScrollTop;
-      }
-    };
-  };
-  function routeWheelScrollToScrollbars(sheetContext, scrollContainerEl, horizontalScrollbarEl, verticalScrollbarEl) {
-    var moveScrollbarsByPixels = makeScrollbarsMoveByPixels(horizontalScrollbarEl, verticalScrollbarEl);
-    return attachSmoothWheelScroll(scrollContainerEl, moveScrollbarsByPixels, function () {
-      return (window.devicePixelRatio || 1) * sheetContext.zoomRatio;
-    });
-  }
-  (0, _react.useEffect)(function () {
-    var scrollContainerEl = scrollContainerRef.current;
-    var horizontalScrollbarEl = refs.scrollbarX.current;
-    var verticalScrollbarEl = refs.scrollbarY.current;
-    if (!scrollContainerEl || !horizontalScrollbarEl || !verticalScrollbarEl) return function () {};
-    var unmountScrollHandler = routeWheelScrollToScrollbars(context, scrollContainerEl, horizontalScrollbarEl, verticalScrollbarEl);
-    return unmountScrollHandler;
-  }, [context.zoomRatio]);
-};