@lvce-editor/extension-search-view 4.11.0 → 4.12.0

package/dist/extensionSearchViewWorkerMain.js

@@ -1241,6 +1241,46 @@ const getFinalDeltaY = (height, itemHeight, itemsLength) => {
   return finalDeltaY;
 };
 
+const Button = 1;
+
+const HandleClearSearchResults = 1;
+const HandleClickFilter = 2;
+const HandleContextMenu = 3;
+const HandleExtensionsInput = 4;
+const HandleFocus = 5;
+const HandlePointerDown = 7;
+const HandleScrollBarMove = 9;
+const HandleScrollBarPointerCaptureLost = 10;
+const HandleScrollBarPointerDown = 11;
+const HandleTouchEnd = 12;
+const HandleTouchMove = 13;
+const HandleTouchStart = 14;
+const HandleWheel = 15;
+const HandleHeaderContextMenu = 16;
+
+const ClearAll = 'ClearAll';
+const Filter = 'Filter';
+const Refresh = 'Refresh';
+const Ellipsis = 'Ellipsis';
+
+const getInputActions = hasValue => {
+  const clearEnabled = hasValue;
+  const actions = [{
+    onClick: HandleClearSearchResults,
+    icon: `MaskIcon${ClearAll}`,
+    title: clearExtensionSearchResults(),
+    type: Button,
+    enabled: clearEnabled
+  }, {
+    icon: `MaskIcon${Filter}`,
+    title: filter(),
+    type: Button,
+    onClick: HandleClickFilter,
+    enabled: true
+  }];
+  return actions;
+};
+
 const getListHeight = (itemsLength, itemHeight, maxHeight) => {
   number(itemsLength);
   number(itemHeight);
@@ -1421,6 +1461,8 @@ const searchExtensions = async (extensions, value, platform, assetDir) => {
 // TODO debounce
 const handleInput = async (state, value, inputSource = User) => {
   try {
+    const hasValue = value.length > 0;
+    const inputActions = getInputActions(hasValue);
     const {
       allExtensions,
       itemHeight,
@@ -1447,7 +1489,8 @@ const handleInput = async (state, value, inputSource = User) => {
         placeholder: searchExtensionsInMarketPlace(),
         scrollBarHeight: 0,
         searchValue: value,
-        inputSource
+        inputSource,
+        inputActions
       };
     }
     const total = items.length;
@@ -1471,7 +1514,8 @@ const handleInput = async (state, value, inputSource = User) => {
       scrollBarHeight,
       scrollBarY,
       searchValue: value,
-      inputSource
+      inputSource,
+      inputActions
     };
 
     // TODO handle out of order responses (a bit complicated)
@@ -2244,13 +2288,6 @@ const focusPreviousPage = state => {
   return focusIndex(state, indexPreviousPage);
 };
 
-const Button = 1;
-
-const ClearAll = 'ClearAll';
-const Filter = 'Filter';
-const Refresh = 'Refresh';
-const Ellipsis = 'Ellipsis';
-
 const getActions = () => {
   return [{
     type: Button,
@@ -2671,42 +2708,6 @@ const getAllExtensions = platform => {
   return getAllExtensions$1(platform);
 };
 
-const HandleClearSearchResults = 1;
-const HandleClickFilter = 2;
-const HandleContextMenu = 3;
-const HandleExtensionsInput = 4;
-const HandleFocus = 5;
-const HandlePointerDown = 7;
-const HandleScrollBarMove = 9;
-const HandleScrollBarPointerCaptureLost = 10;
-const HandleScrollBarPointerDown = 11;
-const HandleTouchEnd = 12;
-const HandleTouchMove = 13;
-const HandleTouchStart = 14;
-const HandleWheel = 15;
-const HandleHeaderContextMenu = 16;
-
-const getInputActions = newState => {
-  const {
-    searchValue
-  } = newState;
-  const clearEnabled = searchValue.length > 0;
-  const actions = [{
-    onClick: HandleClearSearchResults,
-    icon: `MaskIcon${ClearAll}`,
-    title: clearExtensionSearchResults(),
-    type: Button,
-    enabled: clearEnabled
-  }, {
-    icon: `MaskIcon${Filter}`,
-    title: filter(),
-    type: Button,
-    onClick: HandleClickFilter,
-    enabled: true
-  }];
-  return actions;
-};
-
 const Small = 1;
 const Normal = 2;
 const Large = 3;
@@ -2871,13 +2872,11 @@ const loadContent = async (state, savedState) => {
   const allExtensions = await getAllExtensions(platform);
   const size = getViewletSize(width);
   const normalized = normalizeExtension(allExtensions, platform, assetDir);
-  const inputActions = getInputActions(state);
   const updatedState = await handleInput({
     ...state,
     allExtensions: normalized,
     size,
     inputSource: Script,
-    inputActions,
     deltaY
   }, searchValue, Script);
   return updatedState;
@@ -3033,7 +3032,7 @@ const getExtensionHeaderVirtualDom = (placeholder, actions) => {
 };
 
 const renderHeader = newState => {
-  const actions = getInputActions(newState);
+  const actions = getInputActions(newState.searchValue.length > 0);
   const dom = getExtensionHeaderVirtualDom(newState.placeholder, actions);
   return ['setHeaderDom', dom];
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/extension-search-view",
-  "version": "4.11.0",
+  "version": "4.12.0",
   "description": "Extension Search View Worker",
   "repository": {
     "type": "git",