@lvce-editor/find-widget-worker 3.7.5 → 3.8.0

package/dist/findWidgetWorkerMain.js

@@ -2417,7 +2417,7 @@ const ViewletFindWidget = 'ViewletFindWidget';
 const getIconVirtualDom = (icon, type = Div) => {
   return {
     childCount: 0,
-    className: `${MaskIcon} MaskIcon${icon}`,
+    className: mergeClassNames(MaskIcon, `MaskIcon${icon}`),
     role: None,
     type
   };
@@ -2431,10 +2431,7 @@ const getIconButtonVirtualDom = iconButton => {
     name,
     onClick
   } = iconButton;
-  let className = IconButton;
-  if (disabled) {
-    className += ' ' + IconButtonDisabled;
-  }
+  const className = mergeClassNames(IconButton, disabled ? IconButtonDisabled : '');
   return [{
     ariaLabel: label,
     childCount: 1,
@@ -2467,6 +2464,8 @@ const getMatchCountVirtualDom = (matchCountText, matchCount, hasValue, hasError
   }, text(matchCountText)];
 };
 
+const Focusable = 0;
+
 const checkedClassName = mergeClassNames(SearchFieldButton, SearchFieldButtonChecked);
 const unCheckedClassName = SearchFieldButton;
 const getSearchFieldButtonVirtualDom = button => {
@@ -2484,7 +2483,7 @@ const getSearchFieldButtonVirtualDom = button => {
     name,
     onClick,
     role: CheckBox,
-    tabIndex: 0,
+    tabIndex: Focusable,
     title,
     type: Button
   }, {
@@ -2531,6 +2530,11 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
   return dom;
 };
 
+const findWidgetFindNode = {
+  childCount: 2,
+  className: FindWidgetFind,
+  type: Div
+};
 const getExtraClassName = (hasError, inputFocused) => {
   if (hasError) {
     return SearchFieldError;
@@ -2542,11 +2546,7 @@ const getExtraClassName = (hasError, inputFocused) => {
 };
 const getFindWidgetFindVirtualDom = (matchCountText, buttons, fieldButtons, matchCount, hasValue, hasError, inputFocused) => {
   const extraClassName = getExtraClassName(hasError, inputFocused);
-  return [{
-    childCount: 2,
-    className: FindWidgetFind,
-    type: Div
-  }, ...getSearchFieldVirtualDom(SearchValue, find(), HandleInput, fieldButtons, [], HandleFocus, extraClassName, inputFocused, hasError ? 'FindWidgetInputError' : '', hasError ? 'true' : ''), {
+  return [findWidgetFindNode, ...getSearchFieldVirtualDom(SearchValue, find(), HandleInput, fieldButtons, [], HandleFocus, extraClassName, inputFocused, hasError ? 'FindWidgetInputError' : '', hasError ? 'true' : ''), {
     childCount: 1 + buttons.length,
     className: 'FindWidgetActions',
     type: Div
@@ -2565,17 +2565,19 @@ const getFindWidgetReplaceVirtualDom = (replaceExpanded, replaceButtons, replace
   }, ...getSearchFieldVirtualDom(ReplaceValue, replace(), HandleReplaceInput, [], [], HandleReplaceFocus, extraClassName, replaceInputFocused), ...replaceButtons.flatMap(getIconButtonVirtualDom)];
 };
 
+const resizerNode = {
+  childCount: 1,
+  className: Resizer,
+  onPointerDown: HandleResizerPointerDown,
+  type: Div
+};
+const resizerHighlightNode = {
+  childCount: 0,
+  className: ResizerHighlight,
+  type: Div
+};
 const getResizerVirtualDom = () => {
-  return [{
-    childCount: 1,
-    className: Resizer,
-    onPointerDown: HandleResizerPointerDown,
-    type: Div
-  }, {
-    childCount: 0,
-    className: ResizerHighlight,
-    type: Div
-  }];
+  return [resizerNode, resizerHighlightNode];
 };
 
 const getSearchToggleButtonVirtualDom = (replaceExpanded, onClick = '') => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/find-widget-worker",
-  "version": "3.7.5",
+  "version": "3.8.0",
   "description": "Web Worker for the find widget in Lvce Editor",
   "repository": {
     "type": "git",