@glideapps/glide-data-grid - npm Package Compare versions

Comparing version 3.1.0-beta1 to 3.1.0-beta2

dist/js/data-grid-overlay-editor/data-grid-overlay-editor.js

@@ -52,4 +52,13 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
   var targetValue = tempValue !== null && tempValue !== void 0 ? tempValue : content;
+  var CustomEditor = React.useMemo(function () {
+    return provideEditor === null || provideEditor === void 0 ? void 0 : provideEditor(content);
+  }, [content, provideEditor]);
+  var CellEditor = React.useMemo(function () {
+    var _renderer$getEditor;
+
+    if (content.kind === GridCellKind.Custom) return undefined;
+    var renderer = CellRenderers[content.kind];
+    return (_renderer$getEditor = renderer.getEditor) === null || _renderer$getEditor === void 0 ? void 0 : _renderer$getEditor.call(renderer, content);
+  }, [content]);
   var editor;
-  var CustomEditor = provideEditor === null || provideEditor === void 0 ? void 0 : provideEditor(targetValue);
 
@@ -63,21 +72,14 @@ if (CustomEditor !== undefined) {
     });
-  } else if (targetValue.kind !== GridCellKind.Custom) {
-    var _renderer$getEditor;
-
-    var renderer = CellRenderers[targetValue.kind];
-    var CellEditor = (_renderer$getEditor = renderer.getEditor) === null || _renderer$getEditor === void 0 ? void 0 : _renderer$getEditor.call(renderer, targetValue);
-
-    if (CellEditor !== undefined) {
-      editor = React.createElement(CellEditor, {
-        forceEditMode: forceEditMode,
-        isHighlighted: highlight,
-        onChange: setTempValue,
-        value: targetValue,
-        onFinishedEditing: onClickOutside,
-        onKeyDown: onKeyDown,
-        target: target,
-        imageEditorOverride: imageEditorOverride,
-        markdownDivCreateNode: markdownDivCreateNode
-      });
-    }
+  } else if (CellEditor !== undefined) {
+    editor = React.createElement(CellEditor, {
+      forceEditMode: forceEditMode,
+      isHighlighted: highlight,
+      onChange: setTempValue,
+      value: targetValue,
+      onFinishedEditing: onClickOutside,
+      onKeyDown: onKeyDown,
+      target: target,
+      imageEditorOverride: imageEditorOverride,
+      markdownDivCreateNode: markdownDivCreateNode
+    });
   }
@@ -84,0 +86,0 @@

dist/js/data-grid/data-grid-lib.js

@@ -0,1 +1,5 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -177,2 +181,31 @@
 var metricsCache = {};
+
+function clearCacheOnLoad() {
+  return _clearCacheOnLoad.apply(this, arguments);
+}
+
+function _clearCacheOnLoad() {
+  _clearCacheOnLoad = _asyncToGenerator(regeneratorRuntime.mark(function _callee() {
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return document.fonts.ready;
+
+          case 2:
+            metricsSize = 0;
+            metricsCache = {};
+
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _clearCacheOnLoad.apply(this, arguments);
+}
+
+void clearCacheOnLoad();
 export function measureTextCached(s, ctx) {
@@ -179,0 +212,0 @@ var key = "".concat(s, "_").concat(ctx.font);

dist/js/data-grid/data-grid.js

@@ -335,2 +335,34 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
   }, [draw]);
+  React.useEffect(function () {
+    var fn = function () {
+      var _ref4 = _asyncToGenerator(regeneratorRuntime.mark(function _callee2() {
+        var prev;
+        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return document.fonts.ready;
+
+              case 2:
+                prev = canBlit.current;
+                canBlit.current = false;
+                lastDrawRef.current();
+                canBlit.current = prev;
+
+              case 6:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2);
+      }));
+
+      return function fn() {
+        return _ref4.apply(this, arguments);
+      };
+    }();
+
+    void fn();
+  }, []);
   var damageInternal = React.useCallback(function (locations) {
@@ -351,6 +383,6 @@ var last = canBlit.current;
 
-  var _ref4 = hoveredItem !== null && hoveredItem !== void 0 ? hoveredItem : [],
-      _ref5 = _slicedToArray(_ref4, 2),
-      hCol = _ref5[0],
-      hRow = _ref5[1];
+  var _ref5 = hoveredItem !== null && hoveredItem !== void 0 ? hoveredItem : [],
+      _ref6 = _slicedToArray(_ref5, 2),
+      hCol = _ref6[0],
+      hRow = _ref6[1];
 
@@ -723,6 +755,6 @@ var headerHovered = hCol !== undefined && hRow === undefined;
 
-        var _ref6 = (_selectedCell$cell = selectedCell === null || selectedCell === void 0 ? void 0 : selectedCell.cell) !== null && _selectedCell$cell !== void 0 ? _selectedCell$cell : [],
-            _ref7 = _slicedToArray(_ref6, 2),
-            fCol = _ref7[0],
-            fRow = _ref7[1];
+        var _ref7 = (_selectedCell$cell = selectedCell === null || selectedCell === void 0 ? void 0 : selectedCell.cell) !== null && _selectedCell$cell !== void 0 ? _selectedCell$cell : [],
+            _ref8 = _slicedToArray(_ref7, 2),
+            fCol = _ref8[0],
+            fRow = _ref8[1];
 
@@ -729,0 +761,0 @@ var focused = fCol === col && fRow === row;

package.json

 {
   "name": "@glideapps/glide-data-grid",
-  "version": "3.1.0-beta1",
+  "version": "3.1.0-beta2",
   "description": "Super fast, pure canvas Data Grid Editor",
@@ -5,0 +5,0 @@ "main": "dist/js/index.js",

No alert changes

Improved metrics

Total package byte prevSize

423478

increased by0.55%

Lines of code

7673

increased by0.76%

No dependency changes