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

package/dist/findWidgetWorkerMain.js

@@ -854,6 +854,7 @@ const createMockRpc = ({
   return mockRpc;
 };
 
+const Alert = 'alert';
 const CheckBox = 'checkbox';
 const Group = 'group';
 const None = 'none';
@@ -870,6 +871,7 @@ const TargetValue = 'event.target.value';
 
 const Tab = 2;
 const Enter = 3;
+const Escape = 8;
 const KeyF = 34;
 const F4 = 60;
 
@@ -1961,6 +1963,10 @@ const focusPreviousElement = state => {
 
 const getKeyBindings = () => {
   return [{
+    command: 'FindWidget.close',
+    key: Escape,
+    when: FocusFindWidget$1
+  }, {
     command: 'FindWidget.focusNext',
     key: Enter,
     when: FocusFindWidget$1
@@ -2449,10 +2455,14 @@ const getFindMatchCountClassName = (matchCount, hasValue) => {
   return FindWidgetMatchCount;
 };
 
-const getMatchCountVirtualDom = (matchCountText, matchCount, hasValue) => {
+const getMatchCountVirtualDom = (matchCountText, matchCount, hasValue, hasError = false) => {
   return [{
     childCount: 1,
     className: getFindMatchCountClassName(matchCount, hasValue),
+    ...(hasError && {
+      id: 'FindWidgetInputError',
+      role: Alert
+    }),
     type: Div
   }, text(matchCountText)];
 };
@@ -2484,7 +2494,7 @@ const getSearchFieldButtonVirtualDom = button => {
   }];
 };
 
-const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, outsideButtons, onFocus, extraClassName, autofocus = false) => {
+const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, outsideButtons, onFocus, extraClassName, autofocus = false, ariaDescribedBy = '', ariaInvalid = '') => {
   if (outsideButtons.length > 0) {
     throw new Error('outsideButtons are deprecated');
   }
@@ -2506,6 +2516,12 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
     type: TextArea,
     ...(autofocus && {
       autofocus: true
+    }),
+    ...(ariaDescribedBy && {
+      ariaDescribedBy
+    }),
+    ...(ariaInvalid && {
+      ariaInvalid
     })
   }, {
     childCount: insideButtons.length,
@@ -2530,11 +2546,11 @@ const getFindWidgetFindVirtualDom = (matchCountText, buttons, fieldButtons, matc
     childCount: 2,
     className: FindWidgetFind,
     type: Div
-  }, ...getSearchFieldVirtualDom(SearchValue, find(), HandleInput, fieldButtons, [], HandleFocus, extraClassName, inputFocused), {
+  }, ...getSearchFieldVirtualDom(SearchValue, find(), HandleInput, fieldButtons, [], HandleFocus, extraClassName, inputFocused, hasError ? 'FindWidgetInputError' : '', hasError ? 'true' : ''), {
     childCount: 1 + buttons.length,
     className: 'FindWidgetActions',
     type: Div
-  }, ...getMatchCountVirtualDom(matchCountText, matchCount, hasValue), ...buttons.flatMap(getIconButtonVirtualDom)];
+  }, ...getMatchCountVirtualDom(matchCountText, matchCount, hasValue, hasError), ...buttons.flatMap(getIconButtonVirtualDom)];
 };
 
 const getFindWidgetReplaceVirtualDom = (replaceExpanded, replaceButtons, replaceFieldButtons, replaceInputFocused) => {
@@ -2616,7 +2632,7 @@ const renderContent = (oldState, newState) => {
     useRegularExpression,
     value
   } = newState;
-  const matchCountText = getMatchCountText(newState.matchIndex, newState.matchCount);
+  const matchCountText = inputErrorMessage || getMatchCountText(newState.matchIndex, newState.matchCount);
   const {
     findButtonsEnabled,
     replaceButtonsEnabled

package/package.json

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