@ni/ok-components 1.1.0 → 1.1.2

package/dist/all-components-bundle.js

@@ -14764,6 +14764,7 @@
   const tokenNames = {
       actionRgbPartialColor: 'action-rgb-partial-color',
       applicationBackgroundColor: 'application-background-color',
+      containerBackgroundColor: 'container-background-color',
       dividerBackgroundColor: 'divider-background-color',
       dividerBackgroundDynamicColor: 'divider-background-dynamic-color',
       headerBackgroundColor: 'header-background-color',
@@ -16301,6 +16302,7 @@
   const tokenValues = {
       actionRgbPartialColor: hexToRgbPartialThemeColor(createThemeColor(Black91, Black15, White)),
       applicationBackgroundColor: createThemeColor(White, Black85, ForestGreen),
+      containerBackgroundColor: hexToRgbaCssThemeColor(createThemeColor(Black91, Black15, White), 0.07, 0.1, 0.1),
       headerBackgroundColor: createThemeColor(Black7, Black88, ForestGreen),
       sectionBackgroundColor: createThemeColor(Black15, Black80, ForestGreen),
       sectionBackgroundImage: createThemeColor(`linear-gradient(${Black15}, ${hexToRgbaCssColor(Black15, 0)})`, `linear-gradient(${Black82}, ${hexToRgbaCssColor(Black82, 0)})`, `linear-gradient(${ForestGreen}, ${hexToRgbaCssColor(ForestGreen, 0)})`),
@@ -16474,6 +16476,7 @@
   // #region color tokens
   const actionRgbPartialColor = createThemeColorToken(tokenNames.actionRgbPartialColor, tokenValues.actionRgbPartialColor);
   const applicationBackgroundColor = createThemeColorToken(tokenNames.applicationBackgroundColor, tokenValues.applicationBackgroundColor);
+  createThemeColorToken(tokenNames.containerBackgroundColor, tokenValues.containerBackgroundColor);
   createThemeColorToken(tokenNames.headerBackgroundColor, tokenValues.headerBackgroundColor);
   createThemeColorToken(tokenNames.sectionBackgroundColor, tokenValues.sectionBackgroundColor);
   const sectionBackgroundImage = createThemeColorToken(tokenNames.sectionBackgroundImage, tokenValues.sectionBackgroundImage);
@@ -39622,8 +39625,8 @@ so this becomes the fallback color for the slot */ ''}
           this.target = targetDesc && targetDesc.nodeDOM.nodeType == 1 ? targetDesc.nodeDOM : null;
           let { selection } = view.state;
           if (event.button == 0 &&
-              targetNode.type.spec.draggable && targetNode.type.spec.selectable !== false ||
-              selection instanceof NodeSelection && selection.from <= targetPos && selection.to > targetPos)
+              (targetNode.type.spec.draggable && targetNode.type.spec.selectable !== false ||
+                  selection instanceof NodeSelection && selection.from <= targetPos && selection.to > targetPos))
               this.mightDrag = {
                   node: targetNode,
                   pos: targetPos,
@@ -39972,8 +39975,9 @@ so this becomes the fallback color for the slot */ ''}
   }
   const dragCopyModifier = mac$2 ? "altKey" : "ctrlKey";
   function dragMoves(view, event) {
-      let moves = view.someProp("dragCopies", test => !test(event));
-      return moves != null ? moves : !event[dragCopyModifier];
+      let copy;
+      view.someProp("dragCopies", test => { copy = copy || test(event); });
+      return copy != null ? !copy : !event[dragCopyModifier];
   }
   handlers.dragstart = (view, _event) => {
       let event = _event;
@@ -40000,7 +40004,7 @@ so this becomes the fallback color for the slot */ ''}
       if (!event.dataTransfer.files.length || !chrome || chrome_version > 120)
           event.dataTransfer.clearData();
       event.dataTransfer.setData(brokenClipboardAPI ? "Text" : "text/html", dom.innerHTML);
-      // See https://github.com/ProseMirror/prosemirror/issues/1156
+      // See https://code.haverbeke.berlin/prosemirror/prosemirror/issues/1156
       event.dataTransfer.effectAllowed = "copyMove";
       if (!brokenClipboardAPI)
           event.dataTransfer.setData("text/plain", text);
@@ -41625,7 +41629,7 @@ so this becomes the fallback color for the slot */ ''}
           this.pluginViews = [];
           /**
           Holds `true` when a hack node is needed in Firefox to prevent the
-          [space is eaten issue](https://github.com/ProseMirror/prosemirror/issues/651)
+          [space is eaten issue](https://code.haverbeke.berlin/prosemirror/prosemirror/issues/651)
           @internal
           */
           this.requiresGeckoHackNode = false;
@@ -43166,7 +43170,7 @@ so this becomes the fallback color for the slot */ ''}
         const fromSelectionAtStart = $from.parentOffset === 0;
         const isTextSelection2 = $fromNode.isText || $fromNode.isTextblock;
         const hasContent = $fromNode.content.size > 0;
-        if (fromSelectionAtStart && isTextSelection2 && hasContent) {
+        if (fromSelectionAtStart && isTextSelection2 && hasContent && isOnlyBlockContent) {
           from = Math.max(0, from - 1);
         }
         tr.replaceWith(from, to, newContent);
@@ -44783,6 +44787,16 @@ so this becomes the fallback color for the slot */ ''}
     tr.join(after);
     return true;
   };
+  function createInnerSelectionForWholeDocList(tr) {
+    const doc = tr.doc;
+    const list = doc.firstChild;
+    if (!list) {
+      return null;
+    }
+    const $start = doc.resolve(1);
+    const $end = doc.resolve(list.nodeSize - 1);
+    return TextSelection.between($start, $end);
+  }
   var toggleList = (listTypeOrName, itemTypeOrName, keepMarks, attributes = {}) => ({ editor, tr, state, dispatch, chain, commands, can }) => {
     const { extensions, splittableMarks } = editor.extensionManager;
     const listType = getNodeType(listTypeOrName, state.schema);
@@ -44795,13 +44809,35 @@ so this becomes the fallback color for the slot */ ''}
       return false;
     }
     const parentList = findParentNode((node) => isList(node.type.name, extensions))(selection);
-    if (range.depth >= 1 && parentList && range.depth - parentList.depth <= 1) {
-      if (parentList.node.type === listType) {
+    const isAllSelection = selection.from === 0 && selection.to === state.doc.content.size;
+    const topLevelNodes = state.doc.content.content;
+    const soleTopLevelNode = topLevelNodes.length === 1 ? topLevelNodes[0] : null;
+    const allSelectionList = isAllSelection && soleTopLevelNode && isList(soleTopLevelNode.type.name, extensions) ? {
+      node: soleTopLevelNode,
+      pos: 0} : null;
+    const currentList = parentList != null ? parentList : allSelectionList;
+    const isInsideExistingList = !!parentList && range.depth >= 1 && range.depth - parentList.depth <= 1;
+    const hasWholeDocSelectedList = !!allSelectionList;
+    if ((isInsideExistingList || hasWholeDocSelectedList) && currentList) {
+      if (currentList.node.type === listType) {
+        if (isAllSelection && hasWholeDocSelectedList) {
+          return chain().command(({ tr: trx, dispatch: disp }) => {
+            const nextSelection = createInnerSelectionForWholeDocList(trx);
+            if (!nextSelection) {
+              return false;
+            }
+            trx.setSelection(nextSelection);
+            if (disp) {
+              disp(trx);
+            }
+            return true;
+          }).liftListItem(itemType).run();
+        }
         return commands.liftListItem(itemType);
       }
-      if (isList(parentList.node.type.name, extensions) && listType.validContent(parentList.node.content) && dispatch) {
+      if (isList(currentList.node.type.name, extensions) && listType.validContent(currentList.node.content)) {
         return chain().command(() => {
-          tr.setNodeMarkup(parentList.pos, listType);
+          tr.setNodeMarkup(currentList.pos, listType);
           return true;
         }).command(() => joinListBackwards(tr, listType)).command(() => joinListForwards(tr, listType)).run();
       }
@@ -47882,7 +47918,10 @@ ${indentedChild}`;
           }
           markEnd = range.from + startSpaces + captureGroup.length;
           tr.addMark(range.from + startSpaces, markEnd, config.type.create(attributes || {}));
-          tr.removeStoredMark(config.type);
+          const isMatchAtEndOfText = match.index !== void 0 && match.input !== void 0 && match.index + match[0].length >= match.input.length;
+          if (!isMatchAtEndOfText) {
+            tr.removeStoredMark(config.type);
+          }
         }
       }
     });
@@ -61409,6 +61448,36 @@ ${indentedChild}`;
   // src/ordered-list/utils.ts
   var ORDERED_LIST_ITEM_REGEX = /^(\s*)(\d+)\.\s+(.*)$/;
   var INDENTED_LINE_REGEX = /^\s/;
+  function isBlockContentLine(line) {
+    const trimmedLine = line.trimStart();
+    return /^[-+*]\s+/.test(trimmedLine) || /^\d+\.\s+/.test(trimmedLine) || /^>\s?/.test(trimmedLine) || /^```/.test(trimmedLine) || /^~~~/.test(trimmedLine);
+  }
+  function splitItemContent(contentLines) {
+    const paragraphLines = [];
+    const blockLines = [];
+    let reachedBlockBoundary = false;
+    contentLines.forEach((line) => {
+      if (reachedBlockBoundary) {
+        blockLines.push(line);
+        return;
+      }
+      if (line.trim() === "") {
+        reachedBlockBoundary = true;
+        blockLines.push(line);
+        return;
+      }
+      if (paragraphLines.length > 0 && isBlockContentLine(line)) {
+        reachedBlockBoundary = true;
+        blockLines.push(line);
+        return;
+      }
+      paragraphLines.push(line);
+    });
+    return {
+      paragraphLines,
+      blockLines
+    };
+  }
   function collectOrderedListItems(lines) {
     const listItems = [];
     let currentLineIndex = 0;
@@ -61421,9 +61490,10 @@ ${indentedChild}`;
       }
       const [, indent, number, content] = match;
       const indentLevel = indent.length;
-      let itemContent = content;
+      const itemContentLines = [content];
       let nextLineIndex = currentLineIndex + 1;
       const itemLines = [line];
+      let sawBlankLine = false;
       while (nextLineIndex < lines.length) {
         const nextLine = lines[nextLineIndex];
         const nextMatch = nextLine.match(ORDERED_LIST_ITEM_REGEX);
@@ -61432,21 +61502,27 @@ ${indentedChild}`;
         }
         if (nextLine.trim() === "") {
           itemLines.push(nextLine);
-          itemContent += "\n";
+          itemContentLines.push("");
+          sawBlankLine = true;
           nextLineIndex += 1;
         } else if (nextLine.match(INDENTED_LINE_REGEX)) {
           itemLines.push(nextLine);
-          itemContent += `
-${nextLine.slice(indentLevel + 2)}`;
+          itemContentLines.push(nextLine.slice(indentLevel + 2));
           nextLineIndex += 1;
         } else {
-          break;
+          if (sawBlankLine) {
+            break;
+          }
+          itemLines.push(nextLine);
+          itemContentLines.push(nextLine);
+          nextLineIndex += 1;
         }
       }
       listItems.push({
         indent: indentLevel,
         number: parseInt(number, 10),
-        content: itemContent.trim(),
+        content: itemContentLines.join("\n").trim(),
+        contentLines: itemContentLines,
         raw: itemLines.join("\n")
       });
       consumed = nextLineIndex;
@@ -61455,14 +61531,13 @@ ${nextLine.slice(indentLevel + 2)}`;
     return [listItems, consumed];
   }
   function buildNestedStructure(items, baseIndent, lexer) {
-    var _a;
     const result = [];
     let currentIndex = 0;
     while (currentIndex < items.length) {
       const item = items[currentIndex];
       if (item.indent === baseIndent) {
-        const contentLines = item.content.split("\n");
-        const mainText = ((_a = contentLines[0]) == null ? void 0 : _a.trim()) || "";
+        const { paragraphLines, blockLines } = splitItemContent(item.contentLines);
+        const mainText = paragraphLines.join("\n").trim();
         const tokens = [];
         if (mainText) {
           tokens.push({
@@ -61471,7 +61546,7 @@ ${nextLine.slice(indentLevel + 2)}`;
             tokens: lexer.inlineTokens(mainText)
           });
         }
-        const additionalContent = contentLines.slice(1).join("\n").trim();
+        const additionalContent = blockLines.join("\n").trim();
         if (additionalContent) {
           const blockTokens = lexer.blockTokens(additionalContent);
           tokens.push(...blockTokens);
@@ -72943,6 +73018,7 @@ focus outline in that case.
           isRtl: false,
           useScrollendEvent: false,
           useAnimationFrameWithResizeObserver: false,
+          laneAssignmentMode: "estimate",
           ...opts2
         };
       };
@@ -73082,9 +73158,10 @@ focus outline in that case.
           this.options.scrollMargin,
           this.options.getItemKey,
           this.options.enabled,
-          this.options.lanes
+          this.options.lanes,
+          this.options.laneAssignmentMode
         ],
-        (count, paddingStart, scrollMargin, getItemKey, enabled, lanes) => {
+        (count, paddingStart, scrollMargin, getItemKey, enabled, lanes, laneAssignmentMode) => {
           const lanesChanged = this.prevLanes !== void 0 && this.prevLanes !== lanes;
           if (lanesChanged) {
             this.lanesChangedFlag = true;
@@ -73097,7 +73174,8 @@ focus outline in that case.
             scrollMargin,
             getItemKey,
             enabled,
-            lanes
+            lanes,
+            laneAssignmentMode
           };
         },
         {
@@ -73106,7 +73184,15 @@ focus outline in that case.
       );
       this.getMeasurements = memo(
         () => [this.getMeasurementOptions(), this.itemSizeCache],
-        ({ count, paddingStart, scrollMargin, getItemKey, enabled, lanes }, itemSizeCache) => {
+        ({
+          count,
+          paddingStart,
+          scrollMargin,
+          getItemKey,
+          enabled,
+          lanes,
+          laneAssignmentMode
+        }, itemSizeCache) => {
           if (!enabled) {
             this.measurementsCache = [];
             this.itemSizeCache.clear();
@@ -73154,6 +73240,7 @@ focus outline in that case.
             const cachedLane = this.laneAssignments.get(i);
             let lane;
             let start;
+            const shouldCacheLane = laneAssignmentMode === "estimate" || itemSizeCache.has(key);
             if (cachedLane !== void 0 && this.options.lanes > 1) {
               lane = cachedLane;
               const prevIndex = laneLastIndex[lane];
@@ -73163,7 +73250,7 @@ focus outline in that case.
               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) {
+              if (this.options.lanes > 1 && shouldCacheLane) {
                 this.laneAssignments.set(i, lane);
               }
             }