@lvce-editor/editor-worker 4.7.0 → 4.9.0

package/dist/editorWorkerMain.js

@@ -7881,6 +7881,7 @@ const Diagnostic = 'Diagnostic';
 const FindWidgetReplace = 'FindWidgetReplace';
 const FindWidgetFind = 'FindWidgetFind';
 const FindWidgetMatchCount = 'FindWidgetMatchCount';
+const FindWidgetMatchCountEmpty = 'FindWidgetMatchCountEmpty';
 const FindWidgetRight = 'FindWidgetRight';
 const EditorCompletionItem = 'EditorCompletionItem';
 const EditorCompletionItemDeprecated = 'EditorCompletionItemDeprecated';
@@ -7949,6 +7950,15 @@ const HandleSashPointerDown = 'handleSashPointerDown';
 const HandleClose = 'handleClose';
 const HandleFocusIn = 'handleFocusIn';
 const HandleClick = 'handleClick';
+const HandleInput = 'handleInput';
+const HandleFocus = 'handleFocus';
+const HandleClickPreviousMatch = 'handleClickPreviousMatch';
+const HandleClickNextMatch = 'handleClickNextMatch';
+const HandleClickClose = 'handleClickClose';
+const HandleClickReplace = 'handleClickReplace';
+const HandleClickReplaceAll = 'handleClickReplaceAll';
+const HandleReplaceInput = 'handleReplaceInput';
+const HandleReplaceFocus = 'handleReplaceFocus';
 
 const hoverProblemMessage = {
   type: Span,
@@ -10557,37 +10567,37 @@ const FocusNext = 'FocusNext';
 const FocusPrevious = 'FocusPrevious';
 const Replace = 'Replace';
 
-const getFindWidgetButtons = buttonsEnabled => {
+const getFindWidgetButtons = (findButtonsEnabled, replaceButtonsEnabled) => {
   const findButtons = [{
     label: previousMatch(),
     icon: ArrowUp,
-    disabled: !buttonsEnabled,
-    onClick: 'handleClickPreviousMatch',
+    disabled: !findButtonsEnabled,
+    onClick: HandleClickPreviousMatch,
     name: FocusPrevious
   }, {
     label: nextMatch(),
     icon: ArrowDown,
-    disabled: !buttonsEnabled,
-    onClick: 'handleClickNextMatch',
+    disabled: !findButtonsEnabled,
+    onClick: HandleClickNextMatch,
     name: FocusNext
   }, {
     label: close(),
     icon: Close$1,
     disabled: false,
-    onClick: 'handleClickClose',
+    onClick: HandleClickClose,
     name: Close
   }];
   const replaceButtons = [{
     label: replace(),
     icon: Replace$1,
-    disabled: !buttonsEnabled,
-    onClick: 'handleClickReplace',
+    disabled: !replaceButtonsEnabled,
+    onClick: HandleClickReplace,
     name: Replace
   }, {
     label: replaceAll(),
     icon: ReplaceAll$1,
-    disabled: !buttonsEnabled,
-    onClick: 'handleClickReplaceAll',
+    disabled: !replaceButtonsEnabled,
+    onClick: HandleClickReplaceAll,
     name: ReplaceAll
   }];
   return {
@@ -10596,6 +10606,15 @@ const getFindWidgetButtons = buttonsEnabled => {
   };
 };
 
+const getFindWidgetButtonsEnabled = (matchCount, value) => {
+  const findButtonsEnabled = matchCount > 0;
+  const replaceButtonsEnabled = value.length > 0;
+  return {
+    findButtonsEnabled,
+    replaceButtonsEnabled
+  };
+};
+
 // TODO always focus element by name
 const getFindWidgetFocusSelector = focus => {
   switch (focus) {
@@ -10620,6 +10639,13 @@ const getFindWidgetFocusSelector = focus => {
   }
 };
 
+const getFindMatchCountClassName = (matchCount, value) => {
+  if (value && matchCount === 0) {
+    return mergeClassNames(FindWidgetMatchCount, FindWidgetMatchCountEmpty);
+  }
+  return FindWidgetMatchCount;
+};
+
 const getIconVirtualDom = (icon, type = Div) => {
   return {
     type,
@@ -10702,17 +10728,18 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
   return dom;
 };
 
-const getFindWidgetFindVirtualDom = (matchCountText, buttons) => {
+const getFindWidgetFindVirtualDom = (matchCountText, buttons, matchCount, value) => {
   const dom = [];
   dom.push({
     type: Div,
     className: FindWidgetFind,
     childCount: 5
   });
-  dom.push(...getSearchFieldVirtualDom('search-value', find(), 'handleInput', [], [], 'handleFocus'));
+  dom.push(...getSearchFieldVirtualDom('search-value', find(), HandleInput, [], [], HandleFocus));
+  const findClassName = getFindMatchCountClassName(matchCount, value);
   dom.push({
     type: Div,
-    className: FindWidgetMatchCount,
+    className: findClassName,
     childCount: 1
   }, text(matchCountText), ...buttons.flatMap(getIconButtonVirtualDom));
   return dom;
@@ -10725,7 +10752,7 @@ const getFindWidgetReplaceVirtualDom = (replaceExpanded, replaceButtons) => {
       type: Div,
       className: FindWidgetReplace,
       childCount: 1 + replaceButtons.length
-    }, ...getSearchFieldVirtualDom('replace-value', replace(), 'handleReplaceInput', [], [], 'handleReplaceFocus'), ...replaceButtons.flatMap(getIconButtonVirtualDom));
+    }, ...getSearchFieldVirtualDom('replace-value', replace(), HandleReplaceInput, [], [], HandleReplaceFocus), ...replaceButtons.flatMap(getIconButtonVirtualDom));
   }
   return dom;
 };
@@ -10749,7 +10776,7 @@ const getSearchToggleButtonVirtualDom = (replaceExpanded, onClick = '') => {
   }];
 };
 
-const getFindWidgetVirtualDom = (matchCountText, replaceExpanded, findButtons, replaceButtons, matchCase, matchWholeWord, useRegularExpression) => {
+const getFindWidgetVirtualDom = (matchCountText, replaceExpanded, findButtons, replaceButtons, matchCase, matchWholeWord, useRegularExpression, matchCount, value) => {
   const dom = [];
   dom.push({
     type: Div,
@@ -10763,7 +10790,7 @@ const getFindWidgetVirtualDom = (matchCountText, replaceExpanded, findButtons, r
     className: FindWidgetRight,
     childCount: replaceExpanded ? 2 : 1
   });
-  dom.push(...getFindWidgetFindVirtualDom(matchCountText, findButtons));
+  dom.push(...getFindWidgetFindVirtualDom(matchCountText, findButtons, matchCount, value));
   if (replaceExpanded) {
     dom.push(...getFindWidgetReplaceVirtualDom(replaceExpanded, replaceButtons));
   }
@@ -10787,16 +10814,19 @@ const renderValue = {
 };
 const renderDetails = {
   isEqual(oldState, newState) {
-    return oldState.matchIndex === newState.matchIndex && oldState.matchCount === newState.matchCount && oldState.replaceExpanded === newState.replaceExpanded;
+    return oldState.matchIndex === newState.matchIndex && oldState.matchCount === newState.matchCount && oldState.replaceExpanded === newState.replaceExpanded && oldState.value === newState.value;
   },
   apply(oldState, newState) {
     const matchCountText = getMatchCountText(newState.matchIndex, newState.matchCount);
-    const buttonsEnabled = newState.matchCount > 0;
+    const {
+      findButtonsEnabled,
+      replaceButtonsEnabled
+    } = getFindWidgetButtonsEnabled(newState.matchCount, newState.value);
     const {
       findButtons,
       replaceButtons
-    } = getFindWidgetButtons(buttonsEnabled);
-    const dom = getFindWidgetVirtualDom(matchCountText, newState.replaceExpanded, findButtons, replaceButtons);
+    } = getFindWidgetButtons(findButtonsEnabled, replaceButtonsEnabled);
+    const dom = getFindWidgetVirtualDom(matchCountText, newState.replaceExpanded, findButtons, replaceButtons, newState.matchCase, newState.matchWholeWord, newState.useRegularExpression, newState.matchCount, newState.value);
     return ['Viewlet.setDom2', dom];
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/editor-worker",
-  "version": "4.7.0",
+  "version": "4.9.0",
   "description": "",
   "main": "dist/editorWorkerMain.js",
   "type": "module",