@univerjs/sheets-filter-ui 0.24.0 → 0.25.0

package/lib/index.js

@@ -1,5 +1,5 @@
 import { BooleanNumber, ColorKit, CommandType, DependentOn, Disposable, ICommandService, IConfigService, IContextService, ILogService, IUniverInstanceService, Inject, Injector, InterceptorEffectEnum, LocaleService, Optional, Plugin, Quantity, RxDisposable, ThemeService, Tools, UniverInstanceType, VerticalAlign, createIdentifier, extractPureTextFromCell, fromCallback, isNumeric, merge, numfmt, registerDependencies, touchDependencies } from "@univerjs/core";
-import { ClearSheetsFilterCriteriaCommand, CustomFilterOperator, FILTER_MUTATIONS, FilterBy, ReCalcSheetsFilterCommand, ReCalcSheetsFilterMutation, RemoveSheetFilterCommand, RemoveSheetsFilterMutation, SetSheetFilterRangeCommand, SetSheetsFilterCriteriaCommand, SetSheetsFilterCriteriaMutation, SetSheetsFilterRangeMutation, SheetsFilterService, SheetsFilterSyncController, SmartToggleSheetsFilterCommand, UniverSheetsFilterPlugin } from "@univerjs/sheets-filter";
+import { ClearSheetsFilterCriteriaCommand, CustomFilterOperator, FILTER_MUTATIONS, FilterBy, ReCalcSheetsFilterCommand, ReCalcSheetsFilterMutation, RemoveSheetsFilterMutation, SetSheetsFilterCriteriaCommand, SetSheetsFilterCriteriaMutation, SetSheetsFilterRangeMutation, SheetsFilterService, SheetsFilterSyncController, SmartToggleSheetsFilterCommand, UniverSheetsFilterPlugin } from "@univerjs/sheets-filter";
 import { IEditorBridgeService, ISheetSelectionRenderService, SelectionControl, SetCellEditVisibleOperation, SheetCanvasPopManagerService, SheetSkeletonManagerService, SheetsRenderService, SheetsUIPart, getCoordByCell, getCurrentRangeDisable$, getObservableWithExclusiveRange$, whenSheetEditorFocused } from "@univerjs/sheets-ui";
 import { ComponentContainer, ComponentManager, ILayoutService, IMenuManagerService, IMessageService, IShortcutService, KeyCode, MenuItemType, MetaKeys, RibbonDataGroup, getMenuHiddenObservable, useComponentsOfPart, useDependency, useObservable } from "@univerjs/ui";
 import { COLOR_BLACK_RGB, IRenderManagerService, Rect, Shape } from "@univerjs/engine-render";
@@ -15,7 +15,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 let FilterConditionItems;
 (function(_FilterConditionItems) {
 	const NONE = _FilterConditionItems.NONE = {
-		label: "sheets-filter.conditions.none",
+		label: "sheets-filter-ui.conditions.none",
 		operator: "none",
 		order: 1,
 		numOfParameters: 0,
@@ -34,7 +34,7 @@ let FilterConditionItems;
 	const ALL_CONDITIONS = _FilterConditionItems.ALL_CONDITIONS = [
 		NONE,
 		_FilterConditionItems.EMPTY = {
-			label: "sheets-filter.conditions.empty",
+			label: "sheets-filter-ui.conditions.empty",
 			operator: "empty",
 			order: 1,
 			numOfParameters: 0,
@@ -52,7 +52,7 @@ let FilterConditionItems;
 			}
 		},
 		_FilterConditionItems.NOT_EMPTY = {
-			label: "sheets-filter.conditions.not-empty",
+			label: "sheets-filter-ui.conditions.not-empty",
 			operator: "notEmpty",
 			order: 1,
 			numOfParameters: 0,
@@ -73,7 +73,7 @@ let FilterConditionItems;
 			}
 		},
 		_FilterConditionItems.TEXT_CONTAINS = {
-			label: "sheets-filter.conditions.text-contains",
+			label: "sheets-filter-ui.conditions.text-contains",
 			operator: "contains",
 			order: 0,
 			numOfParameters: 1,
@@ -103,7 +103,7 @@ let FilterConditionItems;
 			}
 		},
 		_FilterConditionItems.DOES_NOT_CONTAIN = {
-			label: "sheets-filter.conditions.does-not-contain",
+			label: "sheets-filter-ui.conditions.does-not-contain",
 			operator: "doesNotContain",
 			order: 0,
 			numOfParameters: 1,
@@ -132,7 +132,7 @@ let FilterConditionItems;
 			}
 		},
 		_FilterConditionItems.STARTS_WITH = {
-			label: "sheets-filter.conditions.starts-with",
+			label: "sheets-filter-ui.conditions.starts-with",
 			operator: "startsWith",
 			order: 0,
 			numOfParameters: 1,
@@ -158,7 +158,7 @@ let FilterConditionItems;
 			}
 		},
 		_FilterConditionItems.ENDS_WITH = {
-			label: "sheets-filter.conditions.ends-with",
+			label: "sheets-filter-ui.conditions.ends-with",
 			operator: "endsWith",
 			order: 0,
 			numOfParameters: 1,
@@ -184,7 +184,7 @@ let FilterConditionItems;
 			}
 		},
 		_FilterConditionItems.EQUALS = {
-			label: "sheets-filter.conditions.equals",
+			label: "sheets-filter-ui.conditions.equals",
 			operator: "equals",
 			order: 0,
 			numOfParameters: 1,
@@ -215,7 +215,7 @@ let FilterConditionItems;
 			}
 		},
 		_FilterConditionItems.GREATER_THAN = {
-			label: "sheets-filter.conditions.greater-than",
+			label: "sheets-filter-ui.conditions.greater-than",
 			operator: CustomFilterOperator.GREATER_THAN,
 			numOfParameters: 1,
 			order: 0,
@@ -243,7 +243,7 @@ let FilterConditionItems;
 			}
 		},
 		_FilterConditionItems.GREATER_THAN_OR_EQUAL = {
-			label: "sheets-filter.conditions.greater-than-or-equal",
+			label: "sheets-filter-ui.conditions.greater-than-or-equal",
 			operator: CustomFilterOperator.GREATER_THAN_OR_EQUAL,
 			numOfParameters: 1,
 			order: 0,
@@ -271,7 +271,7 @@ let FilterConditionItems;
 			}
 		},
 		_FilterConditionItems.LESS_THAN = {
-			label: "sheets-filter.conditions.less-than",
+			label: "sheets-filter-ui.conditions.less-than",
 			operator: CustomFilterOperator.LESS_THAN,
 			numOfParameters: 1,
 			order: 0,
@@ -299,7 +299,7 @@ let FilterConditionItems;
 			}
 		},
 		_FilterConditionItems.LESS_THAN_OR_EQUAL = {
-			label: "sheets-filter.conditions.less-than-or-equal",
+			label: "sheets-filter-ui.conditions.less-than-or-equal",
 			operator: CustomFilterOperator.LESS_THAN_OR_EQUAL,
 			numOfParameters: 1,
 			order: 0,
@@ -327,7 +327,7 @@ let FilterConditionItems;
 			}
 		},
 		_FilterConditionItems.EQUAL = {
-			label: "sheets-filter.conditions.equal",
+			label: "sheets-filter-ui.conditions.equal",
 			operator: CustomFilterOperator.EQUAL,
 			numOfParameters: 1,
 			order: 0,
@@ -355,7 +355,7 @@ let FilterConditionItems;
 			}
 		},
 		_FilterConditionItems.NOT_EQUAL = {
-			label: "sheets-filter.conditions.not-equal",
+			label: "sheets-filter-ui.conditions.not-equal",
 			operator: CustomFilterOperator.NOT_EQUALS,
 			numOfParameters: 1,
 			order: 0,
@@ -383,7 +383,7 @@ let FilterConditionItems;
 			}
 		},
 		_FilterConditionItems.BETWEEN = {
-			label: "sheets-filter.conditions.between",
+			label: "sheets-filter-ui.conditions.between",
 			operator: "between",
 			order: 1,
 			numOfParameters: 2,
@@ -436,7 +436,7 @@ let FilterConditionItems;
 			}
 		},
 		_FilterConditionItems.NOT_BETWEEN = {
-			label: "sheets-filter.conditions.not-between",
+			label: "sheets-filter-ui.conditions.not-between",
 			operator: "notBetween",
 			order: 1,
 			numOfParameters: 2,
@@ -483,7 +483,7 @@ let FilterConditionItems;
 			}
 		},
 		_FilterConditionItems.CUSTOM = {
-			label: "sheets-filter.conditions.custom",
+			label: "sheets-filter-ui.conditions.custom",
 			operator: "custom",
 			order: 1,
 			numOfParameters: 2,
@@ -598,7 +598,7 @@ function statisticFilterByValueItems(items) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/decorateParam.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -606,7 +606,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/decorate.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -699,7 +699,7 @@ function getFilterTreeByValueItems(filters, localeService, iterateRange, workshe
 				if (!monthItem) {
 					var _yearItem$children2;
 					monthItem = {
-						title: localeService.t(`sheets-filter.date.${month}`),
+						title: localeService.t(`sheets-filter-ui.date.${month}`),
 						key: `${year}-${month}`,
 						children: [],
 						count: 0,
@@ -754,7 +754,7 @@ function getFilterTreeByValueItems(filters, localeService, iterateRange, workshe
 	const initialBlankChecked = isNeedClearCheckedStatus ? false : filters ? blankChecked : true;
 	if (emptyCount > 0) {
 		const item = {
-			title: localeService.t("sheets-filter.panel.empty"),
+			title: localeService.t("sheets-filter-ui.panel.empty"),
 			count: emptyCount,
 			leaf: true,
 			checked: initialBlankChecked,
@@ -836,7 +836,7 @@ function searchTree(items, searchKeywords) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -847,7 +847,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -860,14 +860,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -1219,7 +1219,10 @@ let ByValuesModel = _ByValuesModel = class ByValuesModel extends Disposable {
 		}), startWith(void 0)), this._rawFilterItems$]).pipe(map(([searchString, items]) => {
 			if (!searchString) return items;
 			return searchTree(items, searchString.toLowerCase().split(/\s+/).filter((s) => !!s));
-		})), this._manuallyUpdateFilterItems$).pipe(shareReplay(1));
+		})), this._manuallyUpdateFilterItems$).pipe(shareReplay({
+			bufferSize: 1,
+			refCount: true
+		}));
 		this.canApply$ = this.filterItems$.pipe(map((items) => {
 			return statisticFilterByValueItems(items).checked > 0;
 		}));
@@ -1514,7 +1517,7 @@ const ChangeFilterByOperation = {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-filter-ui";
-var version = "0.24.0";
+var version = "0.25.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -1568,7 +1571,7 @@ let SheetsFilterPermissionController = class SheetsFilterPermissionController ex
 						worksheetTypes: [WorksheetViewPermission, WorksheetFilterPermission]
 					});
 				}
-				if (!permission) this._sheetPermissionCheckPermission.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.filterErr"));
+				if (!permission) this._sheetPermissionCheckPermission.blockExecuteWithoutPermission(this._localeService.t("sheets-filter-ui.permission.filterErr"));
 			}
 			if (command.id === OpenFilterPanelOperation.id) {
 				var _this$_sheetsFilterSe2;
@@ -1582,7 +1585,7 @@ let SheetsFilterPermissionController = class SheetsFilterPermissionController ex
 					if (!this._sheetPermissionCheckPermission.permissionCheckWithRanges({
 						rangeTypes: [RangeProtectionPermissionViewPoint],
 						worksheetTypes: [WorksheetFilterPermission, WorksheetViewPermission]
-					}, [colRange], unitId, subUnitId)) this._sheetPermissionCheckPermission.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.filterErr"));
+					}, [colRange], unitId, subUnitId)) this._sheetPermissionCheckPermission.blockExecuteWithoutPermission(this._localeService.t("sheets-filter-ui.permission.filterErr"));
 				}
 			}
 		}));
@@ -1929,7 +1932,7 @@ function SmartToggleFilterMenuItemFactory(accessor) {
 		id: SmartToggleSheetsFilterCommand.id,
 		type: MenuItemType.BUTTON_SELECTOR,
 		icon: "FilterIcon",
-		tooltip: "sheets-filter.toolbar.smart-toggle-filter-tooltip",
+		tooltip: "sheets-filter-ui.toolbar.smart-toggle-filter-tooltip",
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
 		activated$: sheetsFilterService.activeFilterModel$.pipe(map((model) => !!model)),
 		disabled$: getObservableWithExclusiveRange$(accessor, getCurrentRangeDisable$(accessor, {
@@ -1943,7 +1946,7 @@ function ClearFilterCriteriaMenuItemFactory(accessor) {
 	return {
 		id: ClearSheetsFilterCriteriaCommand.id,
 		type: MenuItemType.BUTTON,
-		title: "sheets-filter.toolbar.clear-filter-criteria",
+		title: "sheets-filter-ui.toolbar.clear-filter-criteria",
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
 		disabled$: sheetsFilterService.activeFilterModel$.pipe(switchMap((model) => {
 			var _model$hasCriteria$$p;
@@ -1956,7 +1959,7 @@ function ReCalcFilterMenuItemFactory(accessor) {
 	return {
 		id: ReCalcSheetsFilterCommand.id,
 		type: MenuItemType.BUTTON,
-		title: "sheets-filter.toolbar.re-calc-filter-conditions",
+		title: "sheets-filter-ui.toolbar.re-calc-filter-conditions",
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
 		disabled$: sheetsFilterService.activeFilterModel$.pipe(switchMap((model) => {
 			var _model$hasCriteria$$p2;
@@ -2005,7 +2008,7 @@ function FilterByColor(props) {
 			children: [
 				cellFillColors.length > 1 && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
 					className: "univer-mb-2 univer-text-sm univer-text-gray-900 dark:!univer-text-white",
-					children: localeService.t("sheets-filter.panel.filter-by-cell-fill-color")
+					children: localeService.t("sheets-filter-ui.panel.filter-by-cell-fill-color")
 				}), /* @__PURE__ */ jsx("div", {
 					className: "univer-grid univer-grid-cols-8 univer-items-center univer-justify-start univer-gap-2",
 					children: cellFillColors.map((color, index) => /* @__PURE__ */ jsxs("div", {
@@ -2020,7 +2023,7 @@ function FilterByColor(props) {
 				})] }),
 				cellTextColors.length > 1 && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
 					className: "univer-mb-2 univer-text-sm univer-text-gray-900 dark:!univer-text-white",
-					children: localeService.t("sheets-filter.panel.filter-by-cell-text-color")
+					children: localeService.t("sheets-filter-ui.panel.filter-by-cell-text-color")
 				}), /* @__PURE__ */ jsx("div", {
 					className: "univer-grid univer-grid-cols-8 univer-items-center univer-justify-start univer-gap-2",
 					children: cellTextColors.map((color, index) => /* @__PURE__ */ jsxs("div", {
@@ -2034,7 +2037,7 @@ function FilterByColor(props) {
 				})] }),
 				cellFillColors.length <= 1 && cellTextColors.length <= 1 && /* @__PURE__ */ jsx("div", {
 					className: "univer-flex univer-size-full univer-items-center univer-justify-center univer-text-sm univer-text-gray-900 dark:!univer-text-gray-200",
-					children: localeService.t("sheets-filter.panel.filter-by-color-none")
+					children: localeService.t("sheets-filter-ui.panel.filter-by-color-none")
 				})
 			]
 		})
@@ -2070,7 +2073,7 @@ function FilterByCondition(props) {
 	const onFormParamsChange = useCallback((diffParams) => {
 		model.onConditionFormChange(diffParams);
 	}, [model]);
-	const placeholder = localeService.t("sheets-filter.panel.input-values-placeholder");
+	const placeholder = localeService.t("sheets-filter-ui.panel.input-values-placeholder");
 	function renderSecondaryCondition(operator, val, name) {
 		const shouldRenderInput = FilterConditionItems.getItemByOperator(operator).numOfParameters === 1;
 		return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -2079,10 +2082,10 @@ function FilterByCondition(props) {
 				onChange: onRadioChange,
 				children: [/* @__PURE__ */ jsx(Radio, {
 					value: "AND",
-					children: localeService.t("sheets-filter.panel.and")
+					children: localeService.t("sheets-filter-ui.panel.and")
 				}), /* @__PURE__ */ jsx(Radio, {
 					value: "OR",
-					children: localeService.t("sheets-filter.panel.or")
+					children: localeService.t("sheets-filter-ui.panel.or")
 				})]
 			}),
 			/* @__PURE__ */ jsx(Select, {
@@ -2115,9 +2118,9 @@ function FilterByCondition(props) {
 					"data-u-comp": "sheets-filter-panel-conditions-desc",
 					className: "univer-mt-2 univer-text-xs univer-text-gray-500",
 					children: [
-						localeService.t("sheets-filter.panel.?"),
+						localeService.t("sheets-filter-ui.panel.?"),
 						/* @__PURE__ */ jsx("br", {}),
-						localeService.t("sheets-filter.panel.*")
+						localeService.t("sheets-filter-ui.panel.*")
 					]
 				})
 			]
@@ -2216,7 +2219,7 @@ function FilterByValue(props) {
 	const localeService = useDependency(LocaleService);
 	const searchText = useObservable(model.searchString$, "", true);
 	const items = useObservable(model.filterItems$, void 0, true);
-	const filterOnly = localeService.t("sheets-filter.panel.filter-only");
+	const filterOnly = localeService.t("sheets-filter-ui.panel.filter-only");
 	const stat = statisticFilterByValueItems(items);
 	const allChecked = stat.checked > 0 && stat.unchecked === 0;
 	const indeterminate = stat.checked > 0 && stat.unchecked > 0;
@@ -2241,7 +2244,7 @@ function FilterByValue(props) {
 		children: [/* @__PURE__ */ jsx(Input, {
 			autoFocus: true,
 			value: searchText,
-			placeholder: localeService.t("sheets-filter.panel.search-placeholder"),
+			placeholder: localeService.t("sheets-filter-ui.panel.search-placeholder"),
 			onChange: onSearchValueChange
 		}), /* @__PURE__ */ jsxs("div", {
 			"data-u-comp": "sheets-filter-panel",
@@ -2262,7 +2265,7 @@ function FilterByValue(props) {
 						/* @__PURE__ */ jsx("span", {
 							"data-u-comp": "sheets-filter-panel-values-item-text",
 							className: "univer-mx-1 univer-inline-block univer-flex-shrink univer-truncate univer-text-gray-900 dark:!univer-text-white",
-							children: `${localeService.t("sheets-filter.panel.select-all")}`
+							children: `${localeService.t("sheets-filter-ui.panel.select-all")}`
 						}),
 						/* @__PURE__ */ jsx("span", {
 							"data-u-comp": "sheets-filter-panel-values-item-count",
@@ -2345,15 +2348,15 @@ function FilterSyncSwitch() {
 		className: "univer-mt-2 univer-flex univer-items-center univer-justify-between univer-text-sm univer-text-gray-900 dark:!univer-text-gray-200",
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "univer-flex univer-items-center univer-gap-1",
-			children: [/* @__PURE__ */ jsx("span", { children: localeService.t("sheets-filter.sync.title") }), /* @__PURE__ */ jsx(Tooltip, {
-				title: enabled ? localeService.t("sheets-filter.sync.statusTips.off") : localeService.t("sheets-filter.sync.statusTips.on"),
+			children: [/* @__PURE__ */ jsx("span", { children: localeService.t("sheets-filter-ui.sync.title") }), /* @__PURE__ */ jsx(Tooltip, {
+				title: enabled ? localeService.t("sheets-filter-ui.sync.statusTips.off") : localeService.t("sheets-filter-ui.sync.statusTips.on"),
 				asChild: true,
 				children: /* @__PURE__ */ jsx(InfoIcon, { className: "univer-block" })
 			})]
 		}), /* @__PURE__ */ jsx(Switch, {
 			defaultChecked: enabled,
 			onChange: (checked) => {
-				const message = checked ? localeService.t("sheets-filter.sync.switchTips.on") : localeService.t("sheets-filter.sync.switchTips.off");
+				const message = checked ? localeService.t("sheets-filter-ui.sync.switchTips.on") : localeService.t("sheets-filter-ui.sync.switchTips.off");
 				sheetsFilterSyncController.setEnabled(checked);
 				messageService.show({
 					content: message,
@@ -2431,18 +2434,18 @@ function FilterPanel() {
 					variant: "link",
 					onClick: onClearCriteria,
 					disabled: clearFilterDisabled,
-					children: localeService.t("sheets-filter.panel.clear-filter")
+					children: localeService.t("sheets-filter-ui.panel.clear-filter")
 				}), /* @__PURE__ */ jsxs("span", {
 					className: "univer-flex univer-gap-2",
 					children: [/* @__PURE__ */ jsx(Button, {
 						variant: "default",
 						onClick: onCancel,
-						children: localeService.t("sheets-filter.panel.cancel")
+						children: localeService.t("sheets-filter-ui.panel.cancel")
 					}), /* @__PURE__ */ jsx(Button, {
 						disabled: !canApply,
 						variant: "primary",
 						onClick: onApply,
-						children: localeService.t("sheets-filter.panel.confirm")
+						children: localeService.t("sheets-filter-ui.panel.confirm")
 					})]
 				})]
 			})
@@ -2452,15 +2455,15 @@ function FilterPanel() {
 function useFilterByOptions(localeService) {
 	return useMemo(() => [
 		{
-			label: localeService.t("sheets-filter.panel.by-values"),
+			label: localeService.t("sheets-filter-ui.panel.by-values"),
 			value: FilterBy.VALUES
 		},
 		{
-			label: localeService.t("sheets-filter.panel.by-colors"),
+			label: localeService.t("sheets-filter-ui.panel.by-colors"),
 			value: FilterBy.COLORS
 		},
 		{
-			label: localeService.t("sheets-filter.panel.by-conditions"),
+			label: localeService.t("sheets-filter-ui.panel.by-conditions"),
 			value: FilterBy.CONDITIONS
 		}
 	], [localeService.getCurrentLocale(), localeService]);
@@ -2471,9 +2474,10 @@ function useFilterByOptions(localeService) {
 const SmartToggleFilterShortcut = {
 	id: SmartToggleSheetsFilterCommand.id,
 	binding: KeyCode.L | MetaKeys.CTRL_COMMAND | MetaKeys.SHIFT,
-	description: "sheets-filter.shortcut.smart-toggle-filter",
+	description: "sheets-filter-ui.shortcut.smart-toggle-filter",
 	preconditions: whenSheetEditorFocused,
-	group: "4_sheet-edit"
+	group: "4_sheet-edit",
+	groupTitle: "sheets-ui.shortcut.sheet-edit"
 };
 
 //#endregion
@@ -2511,11 +2515,6 @@ let SheetsFilterUIDesktopController = class SheetsFilterUIDesktopController exte
 	_initCommands() {
 		[
 			SmartToggleSheetsFilterCommand,
-			RemoveSheetFilterCommand,
-			SetSheetFilterRangeCommand,
-			SetSheetsFilterCriteriaCommand,
-			ClearSheetsFilterCriteriaCommand,
-			ReCalcSheetsFilterCommand,
 			ChangeFilterByOperation,
 			OpenFilterPanelOperation,
 			CloseFilterPanelOperation

package/lib/locale/ar-SA.js

@@ -0,0 +1,76 @@
+//#region src/locale/ar-SA.ts
+const locale = { "sheets-filter-ui": {
+	toolbar: {
+		"smart-toggle-filter-tooltip": "تبديل التصفية",
+		"clear-filter-criteria": "مسح شروط التصفية",
+		"re-calc-filter-conditions": "إعادة حساب شروط التصفية"
+	},
+	shortcut: { "smart-toggle-filter": "تبديل التصفية" },
+	panel: {
+		"clear-filter": "مسح التصفية",
+		cancel: "إلغاء",
+		confirm: "تأكيد",
+		"by-values": "حسب القيم",
+		"by-colors": "حسب الألوان",
+		"filter-by-cell-fill-color": "تصفية حسب لون تعبئة الخلية",
+		"filter-by-cell-text-color": "تصفية حسب لون نص الخلية",
+		"filter-by-color-none": "يحتوي العمود على لون واحد فقط",
+		"by-conditions": "حسب الشروط",
+		"filter-only": "تصفية فقط",
+		"search-placeholder": "استخدم المسافة لفصل الكلمات المفتاحية",
+		"select-all": "تحديد الكل",
+		"input-values-placeholder": "إدخال القيم",
+		and: "و",
+		or: "أو",
+		empty: "(فارغ)",
+		"?": "استخدم \"؟\" لتمثيل حرف واحد.",
+		"*": "استخدم \"*\" لتمثيل عدة أحرف."
+	},
+	conditions: {
+		none: "لا شيء",
+		empty: "فارغ",
+		"not-empty": "غير فارغ",
+		"text-contains": "النص يحتوي على",
+		"does-not-contain": "النص لا يحتوي على",
+		"starts-with": "النص يبدأ بـ",
+		"ends-with": "النص ينتهي بـ",
+		equals: "النص يساوي",
+		"greater-than": "أكبر من",
+		"greater-than-or-equal": "أكبر من أو يساوي",
+		"less-than": "أقل من",
+		"less-than-or-equal": "أقل من أو يساوي",
+		equal: "يساوي",
+		"not-equal": "لا يساوي",
+		between: "بين",
+		"not-between": "ليس بين",
+		custom: "مخصص"
+	},
+	date: {
+		1: "يناير",
+		2: "فبراير",
+		3: "مارس",
+		4: "أبريل",
+		5: "مايو",
+		6: "يونيو",
+		7: "يوليو",
+		8: "أغسطس",
+		9: "سبتمبر",
+		10: "أكتوبر",
+		11: "نوفمبر",
+		12: "ديسمبر"
+	},
+	sync: {
+		title: "التصفية مرئية للجميع",
+		statusTips: {
+			on: "عند التفعيل، سيرى جميع المتعاونين نتائج التصفية",
+			off: "عند الإيقاف، سترى نتائج التصفية أنت فقط"
+		},
+		switchTips: {
+			on: "\"التصفية مرئية للجميع\" مفعّلة، سيرى جميع المتعاونين نتائج التصفية",
+			off: "\"التصفية مرئية للجميع\" غير مفعّلة، سترى نتائج التصفية أنت فقط"
+		}
+	}
+} };
+
+//#endregion
+export { locale as default };

package/lib/locale/ca-ES.js

@@ -1,11 +1,10 @@
 //#region src/locale/ca-ES.ts
-const locale = { "sheets-filter": {
+const locale = { "sheets-filter-ui": {
 	toolbar: {
 		"smart-toggle-filter-tooltip": "Alterna el filtre",
 		"clear-filter-criteria": "Neteja les condicions del filtre",
 		"re-calc-filter-conditions": "Recalcula les condicions del filtre"
 	},
-	command: { "not-valid-filter-range": "L’interval seleccionat només té una fila i no és vàlid per filtrar." },
 	shortcut: { "smart-toggle-filter": "Alterna el filtre" },
 	panel: {
 		"clear-filter": "Neteja el filtre",
@@ -46,7 +45,6 @@ const locale = { "sheets-filter": {
 		"not-between": "No entre",
 		custom: "Personalitzat"
 	},
-	msg: { "filter-header-forbidden": "No pots moure la fila de capçalera d’un filtre." },
 	date: {
 		1: "Gener",
 		2: "Febrer",

package/lib/locale/de-DE.js

@@ -0,0 +1,76 @@
+//#region src/locale/de-DE.ts
+const locale = { "sheets-filter-ui": {
+	toolbar: {
+		"smart-toggle-filter-tooltip": "Filter ein-/ausschalten",
+		"clear-filter-criteria": "Filterbedingungen löschen",
+		"re-calc-filter-conditions": "Filterbedingungen neu berechnen"
+	},
+	shortcut: { "smart-toggle-filter": "Filter ein-/ausschalten" },
+	panel: {
+		"clear-filter": "Filter löschen",
+		cancel: "Abbrechen",
+		confirm: "Bestätigen",
+		"by-values": "Nach Werten",
+		"by-colors": "Nach Farben",
+		"filter-by-cell-fill-color": "Nach Zellenfüllfarbe filtern",
+		"filter-by-cell-text-color": "Nach Zellentextfarbe filtern",
+		"filter-by-color-none": "Die Spalte enthält nur eine Farbe",
+		"by-conditions": "Nach Bedingungen",
+		"filter-only": "Nur filtern",
+		"search-placeholder": "Verwenden Sie Leerzeichen, um Schlüsselwörter zu trennen",
+		"select-all": "Alle auswählen",
+		"input-values-placeholder": "Werte eingeben",
+		and: "UND",
+		or: "ODER",
+		empty: "(leer)",
+		"?": "Verwenden Sie \"?\" für ein einzelnes Zeichen.",
+		"*": "Verwenden Sie \"*\" für mehrere Zeichen."
+	},
+	conditions: {
+		none: "Keine",
+		empty: "Ist leer",
+		"not-empty": "Ist nicht leer",
+		"text-contains": "Text enthält",
+		"does-not-contain": "Text enthält nicht",
+		"starts-with": "Text beginnt mit",
+		"ends-with": "Text endet mit",
+		equals: "Text ist gleich",
+		"greater-than": "Größer als",
+		"greater-than-or-equal": "Größer als oder gleich",
+		"less-than": "Kleiner als",
+		"less-than-or-equal": "Kleiner als oder gleich",
+		equal: "Gleich",
+		"not-equal": "Ungleich",
+		between: "Zwischen",
+		"not-between": "Nicht zwischen",
+		custom: "Benutzerdefiniert"
+	},
+	date: {
+		1: "Januar",
+		2: "Februar",
+		3: "März",
+		4: "April",
+		5: "Mai",
+		6: "Juni",
+		7: "Juli",
+		8: "August",
+		9: "September",
+		10: "Oktober",
+		11: "November",
+		12: "Dezember"
+	},
+	sync: {
+		title: "Filter ist für alle sichtbar",
+		statusTips: {
+			on: "Wenn eingeschaltet, sehen alle Bearbeiter die Filterergebnisse",
+			off: "Wenn ausgeschaltet, sehen nur Sie die Filterergebnisse"
+		},
+		switchTips: {
+			on: "\"Filter ist für alle sichtbar\" ist eingeschaltet, alle Bearbeiter sehen die Filterergebnisse",
+			off: "\"Filter ist für alle sichtbar\" ist ausgeschaltet, nur Sie sehen die Filterergebnisse"
+		}
+	}
+} };
+
+//#endregion
+export { locale as default };

package/lib/locale/en-US.js

@@ -14,13 +14,12 @@
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
-const locale = { "sheets-filter": {
+const locale = { "sheets-filter-ui": {
 	toolbar: {
 		"smart-toggle-filter-tooltip": "Toggle Filter",
 		"clear-filter-criteria": "Clear Filter Conditions",
 		"re-calc-filter-conditions": "Re-calc Filter Conditions"
 	},
-	command: { "not-valid-filter-range": "The selected range only has one row and not valid for filter." },
 	shortcut: { "smart-toggle-filter": "Toggle Filter" },
 	panel: {
 		"clear-filter": "Clear Filter",
@@ -61,7 +60,6 @@ const locale = { "sheets-filter": {
 		"not-between": "Not Between",
 		custom: "Custom"
 	},
-	msg: { "filter-header-forbidden": "You can't move the header row of a filter." },
 	date: {
 		1: "January",
 		2: "February",