@ni/ok-components 0.1.21 → 0.1.23

package/dist/all-components-bundle.js

@@ -46336,9 +46336,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;
@@ -59348,32 +59354,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;
         }
       }
     });
@@ -59614,15 +59624,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({
@@ -61143,7 +61152,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 = {
@@ -70801,8 +70828,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();
@@ -70837,7 +70865,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) => {
@@ -70985,7 +71016,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;
@@ -71184,47 +71219,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,
@@ -71233,6 +71320,7 @@ focus outline in that case.
               key,
               lane
             };
+            laneLastIndex[lane] = i;
           }
           this.measurementsCache = measurements;
           return measurements;
@@ -71526,6 +71614,7 @@ focus outline in that case.
       };
       this.measure = () => {
         this.itemSizeCache = /* @__PURE__ */ new Map();
+        this.laneAssignments = /* @__PURE__ */ new Map();
         this.notify(false);
       };
       this.setOptions(opts);
@@ -83118,28 +83207,33 @@ focus outline in that case.
           return this.bytes_.length;
       }
       readInt8(offset) {
-          return this.readUint8(offset) << 24 >> 24;
+          return (this.readUint8(offset) << 24) >> 24;
       }
       readUint8(offset) {
           return this.bytes_[offset];
       }
       readInt16(offset) {
-          return this.readUint16(offset) << 16 >> 16;
+          return (this.readUint16(offset) << 16) >> 16;
       }
       readUint16(offset) {
-          return this.bytes_[offset] | this.bytes_[offset + 1] << 8;
+          return this.bytes_[offset] | (this.bytes_[offset + 1] << 8);
       }
       readInt32(offset) {
-          return this.bytes_[offset] | this.bytes_[offset + 1] << 8 | this.bytes_[offset + 2] << 16 | this.bytes_[offset + 3] << 24;
+          return (this.bytes_[offset] |
+              (this.bytes_[offset + 1] << 8) |
+              (this.bytes_[offset + 2] << 16) |
+              (this.bytes_[offset + 3] << 24));
       }
       readUint32(offset) {
           return this.readInt32(offset) >>> 0;
       }
       readInt64(offset) {
-          return BigInt.asIntN(64, BigInt(this.readUint32(offset)) + (BigInt(this.readUint32(offset + 4)) << BigInt(32)));
+          return BigInt.asIntN(64, BigInt(this.readUint32(offset)) +
+              (BigInt(this.readUint32(offset + 4)) << BigInt(32)));
       }
       readUint64(offset) {
-          return BigInt.asUintN(64, BigInt(this.readUint32(offset)) + (BigInt(this.readUint32(offset + 4)) << BigInt(32)));
+          return BigInt.asUintN(64, BigInt(this.readUint32(offset)) +
+              (BigInt(this.readUint32(offset + 4)) << BigInt(32)));
       }
       readFloat32(offset) {
           int32[0] = this.readInt32(offset);
@@ -83199,11 +83293,11 @@ focus outline in that case.
        * start of a the root vtable).
        */
       getBufferIdentifier() {
-          if (this.bytes_.length < this.position_ + SIZEOF_INT +
-              FILE_IDENTIFIER_LENGTH) {
+          if (this.bytes_.length <
+              this.position_ + SIZEOF_INT + FILE_IDENTIFIER_LENGTH) {
               throw new Error('FlatBuffers: ByteBuffer is too short to contain an identifier.');
           }
-          let result = "";
+          let result = '';
           for (let i = 0; i < FILE_IDENTIFIER_LENGTH; i++) {
               result += String.fromCharCode(this.readInt8(this.position_ + SIZEOF_INT + i));
           }
@@ -83215,7 +83309,9 @@ focus outline in that case.
        */
       __offset(bb_pos, vtable_offset) {
           const vtable = bb_pos - this.readInt32(bb_pos);
-          return vtable_offset < this.readInt16(vtable) ? this.readInt16(vtable + vtable_offset) : 0;
+          return vtable_offset < this.readInt16(vtable)
+              ? this.readInt16(vtable + vtable_offset)
+              : 0;
       }
       /**
        * Initialize any Table-derived type to point to the union at the given offset.
@@ -83279,8 +83375,7 @@ focus outline in that case.
       }
       __has_identifier(ident) {
           if (ident.length != FILE_IDENTIFIER_LENGTH) {
-              throw new Error('FlatBuffers: file identifier must be length ' +
-                  FILE_IDENTIFIER_LENGTH);
+              throw new Error('FlatBuffers: file identifier must be length ' + FILE_IDENTIFIER_LENGTH);
           }
           for (let i = 0; i < FILE_IDENTIFIER_LENGTH; i++) {
               if (ident.charCodeAt(i) != this.readInt8(this.position() + SIZEOF_INT + i)) {
@@ -83393,7 +83488,9 @@ focus outline in that case.
        * called finish().
        */
       asUint8Array() {
-          return this.bb.bytes().subarray(this.bb.position(), this.bb.position() + this.offset());
+          return this.bb
+              .bytes()
+              .subarray(this.bb.position(), this.bb.position() + this.offset());
       }
       /**
        * Prepare to write an element of `size` after `additional_bytes` have been
@@ -83411,7 +83508,7 @@ focus outline in that case.
           }
           // Find the amount of alignment needed such that `size` is properly
           // aligned after `additional_bytes`
-          const align_size = ((~(this.bb.capacity() - this.space + additional_bytes)) + 1) & (size - 1);
+          const align_size = (~(this.bb.capacity() - this.space + additional_bytes) + 1) & (size - 1);
           // Reallocate the buffer if needed.
           while (this.space < align_size + size + additional_bytes) {
               const old_buf_size = this.bb.capacity();
@@ -83426,22 +83523,22 @@ focus outline in that case.
           }
       }
       writeInt8(value) {
-          this.bb.writeInt8(this.space -= 1, value);
+          this.bb.writeInt8((this.space -= 1), value);
       }
       writeInt16(value) {
-          this.bb.writeInt16(this.space -= 2, value);
+          this.bb.writeInt16((this.space -= 2), value);
       }
       writeInt32(value) {
-          this.bb.writeInt32(this.space -= 4, value);
+          this.bb.writeInt32((this.space -= 4), value);
       }
       writeInt64(value) {
-          this.bb.writeInt64(this.space -= 8, value);
+          this.bb.writeInt64((this.space -= 8), value);
       }
       writeFloat32(value) {
-          this.bb.writeFloat32(this.space -= 4, value);
+          this.bb.writeFloat32((this.space -= 4), value);
       }
       writeFloat64(value) {
-          this.bb.writeFloat64(this.space -= 8, value);
+          this.bb.writeFloat64((this.space -= 8), value);
       }
       /**
        * Add an `int8` to the buffer, properly aligned, and grows the buffer (if necessary).
@@ -83589,7 +83686,7 @@ focus outline in that case.
       static growByteBuffer(bb) {
           const old_buf_size = bb.capacity();
           // Ensure we don't grow beyond what fits in an int.
-          if (old_buf_size & 0xC0000000) {
+          if (old_buf_size & 0xc0000000) {
               throw new Error('FlatBuffers: cannot grow buffer beyond 2 gigabytes.');
           }
           const new_buf_size = old_buf_size << 1;
@@ -83688,8 +83785,7 @@ focus outline in that case.
           const size_prefix = opt_size_prefix ? SIZE_PREFIX_LENGTH : 0;
           if (opt_file_identifier) {
               const file_identifier = opt_file_identifier;
-              this.prep(this.minalign, SIZEOF_INT +
-                  FILE_IDENTIFIER_LENGTH + size_prefix);
+              this.prep(this.minalign, SIZEOF_INT + FILE_IDENTIFIER_LENGTH + size_prefix);
               if (file_identifier.length != FILE_IDENTIFIER_LENGTH) {
                   throw new TypeError('FlatBuffers: file identifier must be length ' +
                       FILE_IDENTIFIER_LENGTH);
@@ -83792,7 +83888,7 @@ focus outline in that case.
           }
           this.addInt8(0);
           this.startVector(1, utf8.length, 1);
-          this.bb.setPosition(this.space -= utf8.length);
+          this.bb.setPosition((this.space -= utf8.length));
           this.bb.bytes().set(utf8, this.space);
           return this.endVector();
       }
@@ -83807,7 +83903,7 @@ focus outline in that case.
               return 0;
           }
           this.startVector(1, v.length, 1);
-          this.bb.setPosition(this.space -= v.length);
+          this.bb.setPosition((this.space -= v.length));
           this.bb.bytes().set(v, this.space);
           return this.endVector();
       }