@lvce-editor/editor-worker 3.12.0 → 3.13.0

package/dist/editorWorkerMain.js

@@ -2442,7 +2442,11 @@ const setAdditionalFocus = async focusKey => {
   await invoke$3('Focus.setAdditionalFocus', focusKey);
 };
 
-const addWidgetToEditor = async (widgetId, focusKey, editor, factory, newStateGenerator) => {
+const setFocus = async focusKey => {
+  await invoke$3('Focus.setFocus', focusKey);
+};
+
+const addWidgetToEditor = async (widgetId, focusKey, editor, factory, newStateGenerator, fullFocus) => {
   const {
     widgets
   } = editor;
@@ -2457,7 +2461,11 @@ const addWidgetToEditor = async (widgetId, focusKey, editor, factory, newStateGe
   };
   const newWidgets = [...widgets, latestWidget];
   // TODO avoid side effect, apply focus shift during render
-  await setAdditionalFocus(focusKey);
+  if (fullFocus) {
+    await setFocus(focusKey);
+  } else {
+    await setAdditionalFocus(focusKey);
+  }
   const newEditor = {
     ...editor,
     widgets: newWidgets
@@ -2506,8 +2514,11 @@ const CompletionDetail = 999;
 const Empty = 0;
 const FindWidgetToggleReplace = 42;
 const FindWidgetReplace = 43;
-const FindWidgetReplaceAll = 46;
-const FindWidgetClose = 47;
+const FindWidgetReplaceButton = 46;
+const FindWidgetReplaceAllButton = 47;
+const FindWidgetCloseButton = 48;
+const FindWidgetFocusNext = 49;
+const FindWidgetFocusPrevious = 50;
 
 const newStateGenerator = state => {
   return loadContent$3(state);
@@ -5181,8 +5192,16 @@ const getMatchCount = matches => {
   return matches.length / 2;
 };
 
-const setFocus = async focusKey => {
-  await invoke$3('Focus.setFocus', focusKey);
+const setFindWidgetFocus = async (state, focusKey) => {
+  if (state.focus === focusKey) {
+    return state;
+  }
+  await setFocus(focusKey);
+  return {
+    ...state,
+    focus: focusKey,
+    focusSource: Script
+  };
 };
 
 const getPosition = editor => {
@@ -5349,43 +5368,35 @@ const handleReplaceFocus = async state => {
   };
 };
 const focusReplace = state => {
-  // TODO
-  return {
-    ...state,
-    focus: FindWidgetReplace,
-    focusSource: Script
-  };
+  return setFindWidgetFocus(state, FindWidgetReplace);
 };
 const focusFind = state => {
-  // TODO
-  return {
-    ...state,
-    focus: FindWidget,
-    focusSource: Script
-  };
+  return setFindWidgetFocus(state, FindWidget);
 };
 const handleReplaceInput = state => {
   // TODO
   return state;
 };
 const focusToggleReplace = async state => {
-  await setFocus(FindWidgetToggleReplace);
-  return {
-    ...state,
-    focus: FindWidgetToggleReplace,
-    focusSource: Script
-  };
+  return setFindWidgetFocus(state, FindWidgetToggleReplace);
 };
 const handleReplaceAllFocus = async state => {
-  if (state.focus === FindWidgetReplaceAll) {
+  if (state.focus === FindWidgetReplaceAllButton) {
     return state;
   }
-  await setFocus(FindWidgetReplaceAll);
+  await setFocus(FindWidgetReplaceAllButton);
   return {
     ...state,
-    focus: FindWidgetReplaceAll
+    focus: FindWidgetReplaceAllButton
   };
 };
+const focusReplaceButton = async state => {
+  console.log('f replace button');
+  return setFindWidgetFocus(state, FindWidgetReplaceButton);
+};
+const focusReplaceAllButton = async state => {
+  return setFindWidgetFocus(state, FindWidgetReplaceAllButton);
+};
 
 const openFind2 = async editor => {
   const newStateGenerator = async state => {
@@ -5417,7 +5428,8 @@ const openFind2 = async editor => {
     };
     return latestState;
   };
-  return addWidgetToEditor(Find, FindWidget, editor, create$1, newStateGenerator);
+  const fullFocus = true;
+  return addWidgetToEditor(Find, FindWidget, editor, create$1, newStateGenerator, fullFocus);
 };
 
 const openFind = async state => {
@@ -8721,7 +8733,9 @@ const widgetCommands = {
   'FindWidget.handleReplaceFocus': Find,
   'FindWidget.focusFind': Find,
   'FindWidget.focusToggleReplace': Find,
-  'FindWidget.focusReplace': Find
+  'FindWidget.focusReplace': Find,
+  'FindWidget.focusReplaceButton': Find,
+  'FindWidget.focusReplaceAllButton': Find
 };
 
 // TODO wrap commands globally, not per editor
@@ -8908,6 +8922,8 @@ const commandMap = {
   'FindWidget.toggleReplace': toggleReplace,
   'FindWidget.handleToggleReplaceFocus': handleToggleReplaceFocus,
   'FindWidget.handleReplaceAllFocus': handleReplaceAllFocus,
+  'FindWidget.focusReplaceButton': focusReplaceButton,
+  'FindWidget.focusReplaceAllButton': focusReplaceAllButton,
   'Font.ensure': ensure,
   'Hover.getHoverInfo': getEditorHoverInfo,
   'Hover.handleSashPointerDown': handleSashPointerDown,
@@ -9981,19 +9997,79 @@ const replaceAll = () => {
   return i18nString(UiStrings.ReplaceAll);
 };
 
+const ArrowDown = 'ArrowDown';
+const ArrowUp = 'ArrowUp';
+const Close$1 = 'Close';
+const Replace$1 = 'Replace';
+const ReplaceAll$1 = 'ReplaceAll';
+
+const SearchValue = 'search-value';
+const ReplaceValue = 'replace-value';
+const ReplaceAll = 'ReplaceAll';
+const Close = 'Close';
+const ToggleReplace = 'ToggleReplace';
+const FocusNext = 'FocusNext';
+const FocusPrevious = 'FocusPrevious';
+const Replace = 'Replace';
+
+const getFindWidgetButtons = buttonsEnabled => {
+  const findButtons = [{
+    label: previousMatch(),
+    icon: ArrowUp,
+    disabled: !buttonsEnabled,
+    onClick: 'handleClickPreviousMatch',
+    name: FocusPrevious
+  }, {
+    label: nextMatch(),
+    icon: ArrowDown,
+    disabled: !buttonsEnabled,
+    onClick: 'handleClickNextMatch',
+    name: FocusNext
+  }, {
+    label: close(),
+    icon: Close$1,
+    disabled: false,
+    onClick: 'handleClickClose',
+    name: Close
+  }];
+  const replaceButtons = [{
+    label: replace(),
+    icon: Replace$1,
+    disabled: !buttonsEnabled,
+    onClick: 'handleClickReplace',
+    name: Replace
+  }, {
+    label: replaceAll(),
+    icon: ReplaceAll$1,
+    disabled: !buttonsEnabled,
+    onClick: 'handleClickReplaceAll',
+    name: ReplaceAll
+  }];
+  return {
+    findButtons,
+    replaceButtons
+  };
+};
+
 // TODO always focus element by name
 const getFindWidgetFocusSelector = focus => {
   switch (focus) {
     case FindWidget:
-      return `[name="search-value"]`;
+      return `[name="${SearchValue}"]`;
     case FindWidgetReplace:
-      return '[name="replace-value"]';
-    case FindWidgetReplaceAll:
-      return `[name="replaceAll"]`;
-    case FindWidgetClose:
-      return `[name="close"]`;
+      return `[name="${ReplaceValue}"]`;
+    case FindWidgetReplaceAllButton:
+      return `[name="${ReplaceAll}"]`;
+    case FindWidgetCloseButton:
+      return `[name="${Close}"]`;
     case FindWidgetToggleReplace:
-      return `[name="ToggleReplace"]`;
+      return `[name="${ToggleReplace}"]`;
+    case FindWidgetFocusNext:
+      return `[name="${FocusNext}"]`;
+    case FindWidgetFocusPrevious:
+      return `[name="${FocusPrevious}"]`;
+    case FindWidgetReplaceButton:
+      return `[name="${Replace}"]`;
     default:
       return '';
   }
@@ -10012,7 +10088,9 @@ const getIconButtonVirtualDom = iconButton => {
   const {
     label,
     icon,
-    disabled
+    disabled,
+    name,
+    onClick
   } = iconButton;
   let className = IconButton;
   if (disabled) {
@@ -10025,7 +10103,8 @@ const getIconButtonVirtualDom = iconButton => {
     ariaLabel: label,
     childCount: 1,
     disabled: disabled ? true : undefined,
-    onClick: iconButton.onClick
+    onClick: onClick,
+    name: name
   }, getIconVirtualDom(icon)];
 };
 
@@ -10153,12 +10232,6 @@ const getMatchCountText = (matchIndex, matchCount) => {
   return matchOf(matchIndex + 1, matchCount);
 };
 
-const ArrowDown = 'ArrowDown';
-const ArrowUp = 'ArrowUp';
-const Close = 'Close';
-const Replace = 'Replace';
-const ReplaceAll = 'ReplaceAll';
-
 const renderValue = {
   isEqual(oldState, newState) {
     return oldState.value === newState.value;
@@ -10174,33 +10247,10 @@ const renderDetails = {
   apply(oldState, newState) {
     const matchCountText = getMatchCountText(newState.matchIndex, newState.matchCount);
     const buttonsEnabled = newState.matchCount > 0;
-    const findButtons = [{
-      label: previousMatch(),
-      icon: ArrowUp,
-      disabled: !buttonsEnabled,
-      onClick: 'handleClickPreviousMatch'
-    }, {
-      label: nextMatch(),
-      icon: ArrowDown,
-      disabled: !buttonsEnabled,
-      onClick: 'handleClickNextMatch'
-    }, {
-      label: close(),
-      icon: Close,
-      disabled: false,
-      onClick: 'handleClickClose'
-    }];
-    const replaceButtons = [{
-      label: replace(),
-      icon: Replace,
-      disabled: !buttonsEnabled,
-      onClick: 'handleClickReplace'
-    }, {
-      label: replaceAll(),
-      icon: ReplaceAll,
-      disabled: !buttonsEnabled,
-      onClick: 'handleClickReplaceAll'
-    }];
+    const {
+      findButtons,
+      replaceButtons
+    } = getFindWidgetButtons(buttonsEnabled);
     const dom = getFindWidgetVirtualDom(matchCountText, newState.replaceExpanded, findButtons, replaceButtons);
     return ['Viewlet.setDom2', dom];
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/editor-worker",
-  "version": "3.12.0",
+  "version": "3.13.0",
   "description": "",
   "main": "dist/testWorkerMain.js",
   "type": "module",