@lvce-editor/quick-pick-worker 4.20.2 → 4.21.0

package/dist/quickPickWorkerMain.js

@@ -2904,6 +2904,11 @@ const invoke$2 = (method, ...args) => {
   return state$1.rpc.invoke(method, ...args);
 };
 
+const isTextInput = args => {
+  const options = args.at(-1);
+  return options?.type === 'text';
+};
+
 const toProtoVisibleItem$2 = item => {
   const {
     args,
@@ -2928,6 +2933,9 @@ const toProtoVisibleItem$2 = item => {
 };
 const getPicks$d = async (searchValue, args) => {
   state$2.args = args;
+  if (isTextInput(args)) {
+    return [];
+  }
   const options = args.at(-1);
   let items;
   if (options?.mode === 'quickInput') {
@@ -3762,6 +3770,13 @@ const setValue = async (state, newValue) => {
   if (value === newValue) {
     return state;
   }
+  if (isTextInput(args)) {
+    return {
+      ...state,
+      inputSource: Script,
+      value: newValue
+    };
+  }
   const prefix = getQuickPickPrefix(newValue);
   const subId = getQuickPickSubProviderId(providerId, prefix);
   const quickInput = isQuickInput(args);
@@ -4042,7 +4057,7 @@ const getLoadedState = async state => {
   });
   array(newPicks);
   const filterValue = getFilterValue(id, subId, value);
-  const items = filterQuickPickItems(newPicks, filterValue);
+  const items = isTextInput(args) ? newPicks : filterQuickPickItems(newPicks, filterValue);
   const minLineY = 0;
   const maxLineY = Math.min(minLineY + maxVisibleItems, newPicks.length);
   const sliced = newPicks.slice(minLineY, maxLineY);
@@ -4780,14 +4795,17 @@ const QuickPick$1 = 'QuickPick';
 const QuickPickItems = 'QuickPickItems';
 const QuickPickItemActive = 'QuickPickItemActive';
 
-const getQuickPickInputVirtualDom = (placeholder = '', ariaLabel = typeNameofCommandToRun()) => {
+const getQuickPickInputVirtualDom = (placeholder = '', ariaLabel = typeNameofCommandToRun(), textInput = false) => {
   return [{
     childCount: 1,
     className: QuickPickInputWrapper,
     type: Div
   }, {
-    ariaAutoComplete: 'list',
-    ariaExpanded: true,
+    ...(!textInput && {
+      ariaAutoComplete: 'list',
+      ariaExpanded: true,
+      role: ComboBox
+    }),
     ariaLabel: ariaLabel,
     autocapitalize: 'off',
     autocomplete: 'off',
@@ -4799,18 +4817,17 @@ const getQuickPickInputVirtualDom = (placeholder = '', ariaLabel = typeNameofCom
     onFocus: HandleFocus,
     onInput: HandleInput,
     placeholder,
-    role: ComboBox,
     spellcheck: false,
     type: Input
   }];
 };
 
-const getQuickPickHeaderVirtualDom = (placeholder = '', ariaLabel) => {
+const getQuickPickHeaderVirtualDom = (placeholder = '', ariaLabel, textInput = false) => {
   return [{
     childCount: 1,
     className: QuickPickHeader,
     type: Div
-  }, ...getQuickPickInputVirtualDom(placeholder, ariaLabel)];
+  }, ...getQuickPickInputVirtualDom(placeholder, ariaLabel, textInput)];
 };
 
 const getFileIconVirtualDom = icon => {
@@ -4955,8 +4972,17 @@ const getRootNodeCount = nodes => {
   }
   return count;
 };
-const getQuickPickVirtualDom = (visibleItems, scrollBarHeight, scrollBarTop, placeholder = '', inputAriaLabel) => {
+const getQuickPickVirtualDom = (visibleItems, scrollBarHeight, scrollBarTop, placeholder = '', inputAriaLabel, textInput = false) => {
   const quickOpen$1 = quickOpen();
+  if (textInput) {
+    return [{
+      ariaLabel: quickOpen$1,
+      childCount: 1,
+      className: mergeClassNames(Viewlet, QuickPick$2),
+      id: QuickPick$1,
+      type: Div
+    }, ...getQuickPickHeaderVirtualDom(placeholder, inputAriaLabel, true)];
+  }
   const shouldShowScrollbar = scrollBarHeight > 0;
   const quickPickItemsDom = getQuickPickItemsVirtualDom(visibleItems);
   const listItemsChildCount = getRootNodeCount(quickPickItemsDom);
@@ -4993,7 +5019,7 @@ const renderItemsDom = state => {
     visibleItems
   } = viewModel;
   const inputAriaLabel = getQuickPickInputAriaLabel(state.providerId, state.value, state.placeholder);
-  return getQuickPickVirtualDom(visibleItems, scrollBarHeight, scrollBarTop, state.placeholder, inputAriaLabel);
+  return getQuickPickVirtualDom(visibleItems, scrollBarHeight, scrollBarTop, state.placeholder, inputAriaLabel, isTextInput(state.args));
 };
 const renderItems = (_oldState, newState) => {
   const dom = renderItemsDom(newState);
@@ -5167,6 +5193,7 @@ const showQuickInput = async ({
   initialItems = [],
   initialValue,
   placeholder,
+  type = id === undefined && initialItems.length === 0 ? 'text' : 'select',
   waitUntil
 }) => {
   const customItemsId = add(initialItems);
@@ -5179,6 +5206,7 @@ const showQuickInput = async ({
       mode: 'quickInput',
       placeholder,
       quickInputId: id,
+      type,
       waitUntil
     });
     return result ?? {
@@ -5197,20 +5225,22 @@ const showQuickPick = async ({
   applicationId,
   items,
   placeholder = '',
+  type = 'select',
   waitUntil = 'selected'
 }) => {
-  const customItemsId = add(items);
+  const customItemsId = add(type === 'text' ? [] : items);
   const {
     id,
     promise
   } = registerCallback();
   try {
     await invoke(applicationId, 'Viewlet.openWidget', QuickPick, 'custom', [], id, {
-      acceptInput,
+      acceptInput: type === 'text' || acceptInput,
       callbackOwner: 'quickPickWorker',
       customItemsId,
       mode: 'quickPick',
-      placeholder
+      placeholder,
+      type
     });
     if (waitUntil === 'visible') {
       return undefined;

package/package.json

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