@lvce-editor/quick-pick-worker 4.14.0 → 4.14.2

package/dist/quickPickWorkerMain.js

@@ -2758,14 +2758,24 @@ const i18nString = (key, placeholders = emptyObject) => {
 const GoToFile = 'Go to file';
 const GoToLineColumn = 'Go to Line / Column';
 const GoToSymbolInEditor = 'Go to Symbol in Editor';
+const GoToSymbolInWorkspace = 'Go to Symbol in Workspace';
 const NoResults = 'No Results';
 const OpenView = 'Open View';
 const QuickOpen = 'Quick open';
 const SearchForText = 'Search for text';
+const SelectColorTheme = 'Select Color Theme';
+const SelectLanguageMode = 'Select Language Mode';
+const SelectToOpen = 'Select to open';
 const ShowAndRunCommands = 'Show And Run Commands';
 const TypeNameOfCommandToRun = 'Type the name of a command to run.';
 const PressEnterToGoToLine = "Press 'Enter' to go to line {PH1} column {PH2}";
 
+const selectColorTheme = () => {
+  return i18nString(SelectColorTheme);
+};
+const selectLanguageMode = () => {
+  return i18nString(SelectLanguageMode);
+};
 const pressEnterToGoToLine = (row, column) => {
   return i18nString(PressEnterToGoToLine, {
     PH1: row,
@@ -2784,6 +2794,9 @@ const goToFile = () => {
 const noResults = () => {
   return i18nString(NoResults);
 };
+const selectToOpen = () => {
+  return i18nString(SelectToOpen);
+};
 const quickOpen = () => {
   return i18nString(QuickOpen);
 };
@@ -2793,6 +2806,9 @@ const goToLineColumn = () => {
 const goToSymbolInEditor = () => {
   return i18nString(GoToSymbolInEditor);
 };
+const goToSymbolInWorkspace = () => {
+  return i18nString(GoToSymbolInWorkspace);
+};
 const searchForText = () => {
   return i18nString(SearchForText);
 };
@@ -3838,8 +3854,8 @@ const renderCursorOffset = (_oldState, newState) => {
 
 const QuickPickInput = 'QuickPickInput';
 
-const renderFocus = (_oldState, _newState) => {
-  return ['Viewlet.focusElementByName', QuickPickInput];
+const renderFocus = (_oldState, newState) => {
+  return ['Viewlet.focusElementByName', newState.uid, QuickPickInput];
 };
 
 const renderFocusedIndex = (oldState, newState) => {
@@ -4269,6 +4285,36 @@ const createQuickPickViewModel = (oldState, newState) => {
   };
 };
 
+const getQuickPickInputAriaLabel = (providerId, value, placeholder) => {
+  const prefix = getQuickPickPrefix(value);
+  const subProviderId = getQuickPickSubProviderId(providerId, prefix);
+  switch (subProviderId) {
+    case ColorTheme$1:
+      return selectColorTheme();
+    case Commands$1:
+      return typeNameofCommandToRun();
+    case Custom$1:
+      return placeholder || quickOpen();
+    case File$1:
+      return goToFile();
+    case GoToColumn$1:
+    case GoToLine$2:
+      return goToLineColumn();
+    case LanguageMode$1:
+      return selectLanguageMode();
+    case Recent$1:
+      return selectToOpen();
+    case Symbol$3:
+      return goToSymbolInEditor();
+    case View$3:
+      return openView();
+    case WorkspaceSymbol$2:
+      return goToSymbolInWorkspace();
+    default:
+      return quickOpen();
+  }
+};
+
 const ComboBox = 'combobox';
 const ListBox = 'listbox';
 const None = 'none';
@@ -4309,8 +4355,7 @@ const QuickPick$1 = 'QuickPick';
 const QuickPickItems = 'QuickPickItems';
 const QuickPickItemActive = 'QuickPickItemActive';
 
-const getQuickPickInputVirtualDom = (placeholder = '') => {
-  const ariaLabel = typeNameofCommandToRun();
+const getQuickPickInputVirtualDom = (placeholder = '', ariaLabel = typeNameofCommandToRun()) => {
   return [{
     childCount: 1,
     className: QuickPickInputWrapper,
@@ -4335,12 +4380,12 @@ const getQuickPickInputVirtualDom = (placeholder = '') => {
   }];
 };
 
-const getQuickPickHeaderVirtualDom = (placeholder = '') => {
+const getQuickPickHeaderVirtualDom = (placeholder = '', ariaLabel) => {
   return [{
     childCount: 1,
     className: QuickPickHeader,
     type: Div
-  }, ...getQuickPickInputVirtualDom(placeholder)];
+  }, ...getQuickPickInputVirtualDom(placeholder, ariaLabel)];
 };
 
 const getFileIconVirtualDom = icon => {
@@ -4489,7 +4534,7 @@ const getRootNodeCount = nodes => {
   }
   return count;
 };
-const getQuickPickVirtualDom = (visibleItems, scrollBarHeight, scrollBarTop, placeholder = '') => {
+const getQuickPickVirtualDom = (visibleItems, scrollBarHeight, scrollBarTop, placeholder = '', inputAriaLabel) => {
   const quickOpen$1 = quickOpen();
   const shouldShowScrollbar = scrollBarHeight > 0;
   const quickPickItemsDom = getQuickPickItemsVirtualDom(visibleItems);
@@ -4500,7 +4545,7 @@ const getQuickPickVirtualDom = (visibleItems, scrollBarHeight, scrollBarTop, pla
     className: mergeClassNames(Viewlet, QuickPick$2),
     id: QuickPick$1,
     type: Div
-  }, ...getQuickPickHeaderVirtualDom(placeholder), {
+  }, ...getQuickPickHeaderVirtualDom(placeholder, inputAriaLabel), {
     ariaActivedescendant: QuickPickItemActive,
     childCount: shouldShowScrollbar ? 2 : 1,
     className: mergeClassNames(List, ContainContent),
@@ -4526,7 +4571,8 @@ const renderItemsDom = state => {
     scrollBarTop,
     visibleItems
   } = viewModel;
-  return getQuickPickVirtualDom(visibleItems, scrollBarHeight, scrollBarTop, state.placeholder);
+  const inputAriaLabel = getQuickPickInputAriaLabel(state.providerId, state.value, state.placeholder);
+  return getQuickPickVirtualDom(visibleItems, scrollBarHeight, scrollBarTop, state.placeholder, inputAriaLabel);
 };
 const renderItems = (_oldState, newState) => {
   const dom = renderItemsDom(newState);
@@ -4541,7 +4587,7 @@ const renderIncremental = (oldState, newState) => {
 };
 
 const renderValue = (_oldState, newState) => {
-  return ['Viewlet.setValueByName', QuickPickInput, /* value */newState.value];
+  return ['Viewlet.setValueByName', newState.uid, QuickPickInput, /* value */newState.value];
 };
 
 const getRenderer = diffType => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/quick-pick-worker",
-  "version": "4.14.0",
+  "version": "4.14.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/lvce-editor/quick-pick-worker.git"