@ni/nimble-components 34.10.0 → 34.10.2

package/dist/all-components-bundle.js

@@ -46335,9 +46335,15 @@ ${renderedContent}
         return attrs;
       }
       const filtered = {};
-      allowedAttributes.forEach((key) => {
-        if (key in attrs) {
-          filtered[key] = attrs[key];
+      allowedAttributes.forEach((attr) => {
+        const attrName = typeof attr === "string" ? attr : attr.name;
+        const skipIfDefault = typeof attr === "string" ? void 0 : attr.skipIfDefault;
+        if (attrName in attrs) {
+          const value = attrs[attrName];
+          if (skipIfDefault !== void 0 && value === skipIfDefault) {
+            return;
+          }
+          filtered[attrName] = value;
         }
       });
       return filtered;
@@ -59347,32 +59353,36 @@ ${renderedContent}
           if (!view.editable) {
             return false;
           }
-          let link = null;
-          if (event.target instanceof HTMLAnchorElement) {
-            link = event.target;
-          } else {
-            let a = event.target;
-            const els = [];
-            while (a.nodeName !== "DIV") {
-              els.push(a);
-              a = a.parentNode;
-            }
-            link = els.find((value) => value.nodeName === "A");
-          }
-          if (!link) {
-            return false;
-          }
-          const attrs = getAttributes(view.state, options.type.name);
-          const href = (_a = link == null ? void 0 : link.href) != null ? _a : attrs.href;
-          const target = (_b = link == null ? void 0 : link.target) != null ? _b : attrs.target;
+          let handled = false;
           if (options.enableClickSelection) {
-            options.editor.commands.extendMarkRange(options.type.name);
+            const commandResult = options.editor.commands.extendMarkRange(options.type.name);
+            handled = commandResult;
           }
-          if (link && href) {
-            window.open(href, target);
-            return true;
+          if (options.openOnClick) {
+            let link = null;
+            if (event.target instanceof HTMLAnchorElement) {
+              link = event.target;
+            } else {
+              let a = event.target;
+              const els = [];
+              while (a.nodeName !== "DIV") {
+                els.push(a);
+                a = a.parentNode;
+              }
+              link = els.find((value) => value.nodeName === "A");
+            }
+            if (!link) {
+              return handled;
+            }
+            const attrs = getAttributes(view.state, options.type.name);
+            const href = (_a = link == null ? void 0 : link.href) != null ? _a : attrs.href;
+            const target = (_b = link == null ? void 0 : link.target) != null ? _b : attrs.target;
+            if (link && href) {
+              window.open(href, target);
+              handled = true;
+            }
           }
-          return false;
+          return handled;
         }
       }
     });
@@ -59613,15 +59623,14 @@ ${renderedContent}
           })
         );
       }
-      if (this.options.openOnClick === true) {
-        plugins.push(
-          clickHandler({
-            type: this.type,
-            editor: this.editor,
-            enableClickSelection: this.options.enableClickSelection
-          })
-        );
-      }
+      plugins.push(
+        clickHandler({
+          type: this.type,
+          editor: this.editor,
+          openOnClick: this.options.openOnClick === "whenNotEditable" ? true : this.options.openOnClick,
+          enableClickSelection: this.options.enableClickSelection
+        })
+      );
       if (this.options.linkOnPaste) {
         plugins.push(
           pasteHandler({
@@ -61142,7 +61151,25 @@ ${nextLine.slice(indentLevel + 2)}`;
       nodeName: "mention",
       name: "@",
       selfClosing: true,
-      allowedAttributes: ["id", "label"]
+      allowedAttributes: ["id", "label", { name: "mentionSuggestionChar", skipIfDefault: "@" }],
+      parseAttributes: (attrString) => {
+        const attrs = {};
+        const regex = /(\w+)=(?:"([^"]*)"|'([^']*)')/g;
+        let match = regex.exec(attrString);
+        while (match !== null) {
+          const [, key, doubleQuoted, singleQuoted] = match;
+          const value = doubleQuoted != null ? doubleQuoted : singleQuoted;
+          attrs[key === "char" ? "mentionSuggestionChar" : key] = value;
+          match = regex.exec(attrString);
+        }
+        return attrs;
+      },
+      serializeAttributes: (attrs) => {
+        return Object.entries(attrs).filter(([, value]) => value !== void 0 && value !== null).map(([key, value]) => {
+          const serializedKey = key === "mentionSuggestionChar" ? "char" : key;
+          return `${serializedKey}="${value}"`;
+        }).join(" ");
+      }
     }),
     renderText({ node }) {
       const args = {
@@ -70800,8 +70827,9 @@ focus outline in that case.
   function memo(getDeps, fn, opts) {
     let deps = opts.initialDeps ?? [];
     let result;
+    let isInitial = true;
     function memoizedFunction() {
-      var _a, _b, _c, _d;
+      var _a, _b, _c;
       let depTime;
       if (opts.key && ((_a = opts.debug) == null ? void 0 : _a.call(opts))) depTime = Date.now();
       const newDeps = getDeps();
@@ -70836,7 +70864,10 @@ focus outline in that case.
           opts == null ? void 0 : opts.key
         );
       }
-      (_d = opts == null ? void 0 : opts.onChange) == null ? void 0 : _d.call(opts, result);
+      if ((opts == null ? void 0 : opts.onChange) && !(isInitial && opts.skipInitialOnChange)) {
+        opts.onChange(result);
+      }
+      isInitial = false;
       return result;
     }
     memoizedFunction.updateDeps = (newDeps) => {
@@ -70984,7 +71015,11 @@ focus outline in that case.
       this.isScrolling = false;
       this.measurementsCache = [];
       this.itemSizeCache = /* @__PURE__ */ new Map();
+      this.laneAssignments = /* @__PURE__ */ new Map();
       this.pendingMeasuredCacheIndexes = [];
+      this.prevLanes = void 0;
+      this.lanesChangedFlag = false;
+      this.lanesSettling = false;
       this.scrollRect = null;
       this.scrollOffset = null;
       this.scrollDirection = null;
@@ -71183,47 +71218,99 @@ focus outline in that case.
           this.options.paddingStart,
           this.options.scrollMargin,
           this.options.getItemKey,
-          this.options.enabled
+          this.options.enabled,
+          this.options.lanes
         ],
-        (count, paddingStart, scrollMargin, getItemKey, enabled) => {
+        (count, paddingStart, scrollMargin, getItemKey, enabled, lanes) => {
+          const lanesChanged = this.prevLanes !== void 0 && this.prevLanes !== lanes;
+          if (lanesChanged) {
+            this.lanesChangedFlag = true;
+          }
+          this.prevLanes = lanes;
           this.pendingMeasuredCacheIndexes = [];
           return {
             count,
             paddingStart,
             scrollMargin,
             getItemKey,
-            enabled
+            enabled,
+            lanes
           };
         },
         {
-          key: false
+          key: false,
+          skipInitialOnChange: true,
+          onChange: () => {
+            this.notify(this.isScrolling);
+          }
         }
       );
       this.getMeasurements = memo(
         () => [this.getMeasurementOptions(), this.itemSizeCache],
-        ({ count, paddingStart, scrollMargin, getItemKey, enabled }, itemSizeCache) => {
+        ({ count, paddingStart, scrollMargin, getItemKey, enabled, lanes }, itemSizeCache) => {
           if (!enabled) {
             this.measurementsCache = [];
             this.itemSizeCache.clear();
+            this.laneAssignments.clear();
             return [];
           }
+          if (this.laneAssignments.size > count) {
+            for (const index of this.laneAssignments.keys()) {
+              if (index >= count) {
+                this.laneAssignments.delete(index);
+              }
+            }
+          }
+          if (this.lanesChangedFlag) {
+            this.lanesChangedFlag = false;
+            this.lanesSettling = true;
+            this.measurementsCache = [];
+            this.itemSizeCache.clear();
+            this.laneAssignments.clear();
+            this.pendingMeasuredCacheIndexes = [];
+          }
           if (this.measurementsCache.length === 0) {
             this.measurementsCache = this.options.initialMeasurementsCache;
             this.measurementsCache.forEach((item) => {
               this.itemSizeCache.set(item.key, item.size);
             });
           }
-          const min = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+          const min = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
           this.pendingMeasuredCacheIndexes = [];
+          if (this.lanesSettling && this.measurementsCache.length === count) {
+            this.lanesSettling = false;
+          }
           const measurements = this.measurementsCache.slice(0, min);
+          const laneLastIndex = new Array(lanes).fill(
+            void 0
+          );
+          for (let m = 0; m < min; m++) {
+            const item = measurements[m];
+            if (item) {
+              laneLastIndex[item.lane] = m;
+            }
+          }
           for (let i = min; i < count; i++) {
             const key = getItemKey(i);
-            const furthestMeasurement = this.options.lanes === 1 ? measurements[i - 1] : this.getFurthestMeasurement(measurements, i);
-            const start = furthestMeasurement ? furthestMeasurement.end + this.options.gap : paddingStart + scrollMargin;
+            const cachedLane = this.laneAssignments.get(i);
+            let lane;
+            let start;
+            if (cachedLane !== void 0 && this.options.lanes > 1) {
+              lane = cachedLane;
+              const prevIndex = laneLastIndex[lane];
+              const prevInLane = prevIndex !== void 0 ? measurements[prevIndex] : void 0;
+              start = prevInLane ? prevInLane.end + this.options.gap : paddingStart + scrollMargin;
+            } else {
+              const furthestMeasurement = this.options.lanes === 1 ? measurements[i - 1] : this.getFurthestMeasurement(measurements, i);
+              start = furthestMeasurement ? furthestMeasurement.end + this.options.gap : paddingStart + scrollMargin;
+              lane = furthestMeasurement ? furthestMeasurement.lane : i % this.options.lanes;
+              if (this.options.lanes > 1) {
+                this.laneAssignments.set(i, lane);
+              }
+            }
             const measuredSize = itemSizeCache.get(key);
             const size = typeof measuredSize === "number" ? measuredSize : this.options.estimateSize(i);
             const end = start + size;
-            const lane = furthestMeasurement ? furthestMeasurement.lane : i % this.options.lanes;
             measurements[i] = {
               index: i,
               start,
@@ -71232,6 +71319,7 @@ focus outline in that case.
               key,
               lane
             };
+            laneLastIndex[lane] = i;
           }
           this.measurementsCache = measurements;
           return measurements;
@@ -71525,6 +71613,7 @@ focus outline in that case.
       };
       this.measure = () => {
         this.itemSizeCache = /* @__PURE__ */ new Map();
+        this.laneAssignments = /* @__PURE__ */ new Map();
         this.notify(false);
       };
       this.setOptions(opts);