@lvce-editor/settings-view 2.27.3 → 2.29.0

package/dist/settingsViewWorkerMain.js

@@ -1780,6 +1780,10 @@ const filterSettingId = state => appendFilter(state, '@id:');
 const filterStable = state => toggleExclusiveFilter(state, '@stable', ['@tag:preview', '@tag:experimental']);
 const filterTag = state => appendFilter(state, '@tag:');
 
+const getComponentState = uid => {
+  return get$1(uid).newState;
+};
+
 const Group = 'group';
 const Tab$1 = 'tab';
 const TabList = 'tablist';
@@ -2427,6 +2431,7 @@ const VirtualDomElements = {
 const ClientX = 'event.clientX';
 const ClientY = 'event.clientY';
 const DeltaY = 'event.deltaY';
+const TargetChecked = 'event.target.checked';
 const TargetName = 'event.target.name';
 const TargetValue = 'event.target.value';
 
@@ -3306,6 +3311,7 @@ const SettingsSideBar = 'SettingsSideBar';
 const SettingsTabs = 'SettingsTabs';
 const Tab = 'Tab';
 const TabSelected = 'TabSelected';
+const Toggle = 'Toggle';
 
 const getFilteredSchemaErrors = (errors, searchValue) => {
   const search = searchValue.trim().toLowerCase();
@@ -3549,12 +3555,14 @@ const getItemArrayVirtualDom = item => {
 };
 
 const errorCheckBoxClassName = mergeClassNames(CheckBox, InputBoxError);
+const errorToggleClassName = mergeClassNames(Toggle, InputBoxError);
+const settingUseToggles = 'settings.useToggles';
 const checkBoxWrapperNode = {
   childCount: 2,
   className: SettingsItemCheckBox,
   type: Div
 };
-const getItemCheckBoxVirtualDom = item => {
+const getItemCheckBoxVirtualDom = (item, preferences = {}) => {
   const {
     description,
     errorMessage,
@@ -3565,9 +3573,14 @@ const getItemCheckBoxVirtualDom = item => {
     value
   } = item;
   const domId = getInputId(id);
-  const checkBoxClassName = hasError ? errorCheckBoxClassName : CheckBox;
+  const useToggles = preferences[settingUseToggles] !== false && preferences[settingUseToggles] !== 'false';
+  let checkBoxClassName = useToggles ? Toggle : CheckBox;
+  if (hasError) {
+    checkBoxClassName = useToggles ? errorToggleClassName : errorCheckBoxClassName;
+  }
   const errorChildCount = hasError ? 1 : 0;
-  const isChecked = value === true || value === 'true';
+  const currentValue = preferences[id] ?? value;
+  const isChecked = currentValue === true || currentValue === 'true';
   return [{
     childCount: 2 + errorChildCount,
     className: SettingsItem,
@@ -3815,9 +3828,9 @@ const getItemRender = type => {
   }
 };
 
-const getItemVirtualDom = item => {
+const getItemVirtualDom = (item, preferences) => {
   const fn = getItemRender(item.type);
-  return fn(item);
+  return fn(item, preferences);
 };
 
 const settingsItemsNode = {
@@ -3835,7 +3848,7 @@ const getSettingsNoResultsDom = searchValue => {
   return [settingsItemsNode, noResultsNode, text(noSettingsMatching(searchValue))];
 };
 
-const getSettingsItemsDom = (items, searchValue) => {
+const getSettingsItemsDom = (items, searchValue, preferences = {}) => {
   if (items.length === 0 && searchValue && searchValue.trim()) {
     return getSettingsNoResultsDom(searchValue);
   }
@@ -3844,7 +3857,7 @@ const getSettingsItemsDom = (items, searchValue) => {
     className: SettingsItems,
     onContextMenu: HandleContextMenu,
     type: Div
-  }, ...items.flatMap(getItemVirtualDom)];
+  }, ...items.flatMap(item => getItemVirtualDom(item, preferences))];
 };
 
 const settingsContentNode = {
@@ -3858,10 +3871,10 @@ const settingsItemWrapperNode = {
   className: SettingsItemWrapper,
   type: Div
 };
-const getSettingsContentDom = (visibleItems, tabs, searchValue, showScrollBar, schemaErrors = []) => {
+const getSettingsContentDom = (visibleItems, tabs, searchValue, showScrollBar, schemaErrors = [], preferences = {}) => {
   const selectedTab = tabs.find(tab => tab.selected);
   const headerText = selectedTab ? selectedTab.label : settingsContent();
-  return [settingsContentNode, ...getContentHeadingDom(headerText), settingsItemWrapperNode, ...(selectedTab?.id === SchemaErrorsTab ? getSchemaErrorsDom(schemaErrors) : getSettingsItemsDom(visibleItems, searchValue)), ...getScrollBarDom(showScrollBar)];
+  return [settingsContentNode, ...getContentHeadingDom(headerText), settingsItemWrapperNode, ...(selectedTab?.id === SchemaErrorsTab ? getSchemaErrorsDom(schemaErrors) : getSettingsItemsDom(visibleItems, searchValue, preferences)), ...getScrollBarDom(showScrollBar)];
 };
 
 const selectedTabClassName = mergeClassNames(Tab, TabSelected);
@@ -3906,10 +3919,10 @@ const settingsMainNode = {
   className: SettingsMain,
   type: Div
 };
-const getSettingsMainDom = (tabs, visibleItems, totalItemCount, searchValue, height, itemHeight, schemaErrors = []) => {
+const getSettingsMainDom = (tabs, visibleItems, totalItemCount, searchValue, height, itemHeight, schemaErrors = [], preferences = {}) => {
   const totalHeight = totalItemCount * itemHeight;
   const showScrollBar = totalHeight > height;
-  return [settingsMainNode, ...getSettingsSideBarDom(tabs), ...getResizerVirtualDom(), ...getSettingsContentDom(visibleItems, tabs, searchValue, showScrollBar, schemaErrors)];
+  return [settingsMainNode, ...getSettingsSideBarDom(tabs), ...getResizerVirtualDom(), ...getSettingsContentDom(visibleItems, tabs, searchValue, showScrollBar, schemaErrors, preferences)];
 };
 
 const parentNode = {
@@ -3928,6 +3941,7 @@ const getSettingsDom = state => {
     filteredItems,
     height,
     itemHeight,
+    preferences,
     schemaErrors = [],
     searchValue,
     tabs,
@@ -3937,7 +3951,7 @@ const getSettingsDom = state => {
   const hasSearchValue = searchValue.trim().length > 0;
   const filteredSchemaErrors = getFilteredSchemaErrors(schemaErrors, searchValue);
   const filteredItemsCount = getFilteredItemsCount(isSchemaErrorsTab, filteredSchemaErrors.length, filteredItems.length);
-  const mainDom = getSettingsMainDom(tabs, visibleItems, filteredItemsCount, searchValue, height, itemHeight, filteredSchemaErrors);
+  const mainDom = getSettingsMainDom(tabs, visibleItems, filteredItemsCount, searchValue, height, itemHeight, filteredSchemaErrors, preferences);
   return [parentNode, ...getSettingsHeaderDom(filteredItemsCount, hasSearchValue), ...mainDom];
 };
 
@@ -4049,7 +4063,7 @@ const renderEventListeners = () => {
     params: ['handleSettingInput', TargetName, TargetValue]
   }, {
     name: HandleSettingChecked,
-    params: ['handleSettingChecked', TargetName, TargetValue]
+    params: ['handleSettingChecked', TargetName, TargetChecked]
   },
   // {
   //   name: DomEventListenerFunctions.HandleScroll,
@@ -4128,6 +4142,23 @@ const saveState = state => {
   };
 };
 
+const applyComponentState = (currentState, state) => {
+  if (!state || typeof state !== 'object' || Array.isArray(state)) {
+    throw new TypeError('Settings state must be an object');
+  }
+  const {
+    id
+  } = state;
+  const {
+    id: currentId
+  } = currentState;
+  if (id !== currentId) {
+    throw new Error(`Settings state id must remain ${currentId}`);
+  }
+  return state;
+};
+const setComponentState = wrapCommand(applyComponentState);
+
 const useNextSearchValue = state => {
   const {
     history,
@@ -4194,6 +4225,7 @@ const commandMap = {
   'Settings.filterStable': wrapCommand(filterStable),
   'Settings.filterTag': wrapCommand(filterTag),
   'Settings.getCommandIds': getCommandIds,
+  'Settings.getComponentState': getComponentState,
   'Settings.getKeyBindings': getKeyBindings,
   'Settings.getMenuEntries': wrapGetter(getMenuEntries2),
   'Settings.getMenuIds': getMenuIds,
@@ -4220,6 +4252,7 @@ const commandMap = {
   'Settings.resetSetting': wrapCommand(resetSetting),
   'Settings.restoreState': restoreState,
   'Settings.saveState': wrapGetter(saveState),
+  'Settings.setComponentState': setComponentState,
   'Settings.terminate': terminate,
   'Settings.useNextSearchValue': wrapCommand(useNextSearchValue),
   'Settings.usePreviousSearchValue': wrapCommand(usePreviousSearchValue)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/settings-view",
-  "version": "2.27.3",
+  "version": "2.29.0",
   "description": "Explorer Worker",
   "repository": {
     "type": "git",