@lvce-editor/settings-view 1.12.0 → 1.13.0

package/dist/settingsViewWorkerMain.js

@@ -1096,17 +1096,45 @@ const handleInput = (state, value, inputSource = User) => {
 };
 
 const handleSettingChecked = (state, name, value) => {
+  const {
+    modifiedSettings,
+    items,
+    tabs,
+    searchValue
+  } = state;
+  const newModifiedSettings = {
+    ...modifiedSettings,
+    [name]: true
+  };
+  const filteredItems = getFilteredItems(items, tabs, searchValue, newModifiedSettings);
+
   // TODO update value
   return {
-    ...state
+    ...state,
+    modifiedSettings: newModifiedSettings,
+    filteredItems
   };
 };
 
 const handleSettingInput = (state, name, value, inputSource = User) => {
   // TODO update value
+  const {
+    modifiedSettings,
+    items,
+    tabs,
+    searchValue
+  } = state;
+  const newModifiedSettings = {
+    ...modifiedSettings,
+    [name]: true
+  };
+
+  // TODO don't need to update items if it was already modified
+  const filteredItems = getFilteredItems(items, tabs, searchValue, newModifiedSettings);
   return {
     ...state,
-    inputSource
+    inputSource,
+    filteredItems
   };
 };
 
@@ -3306,31 +3334,31 @@ const text = data => {
 const {
   Viewlet
 } = ClassNames;
-const Settings = 'Settings';
-const SettingsInputWrapper = 'SettingsInputWrapper';
-const InputBox = 'InputBox';
-const SettingsSearchInput = 'SettingsSearchInput';
+const Badge = 'Badge';
 const Button = 'Button';
-const InputButton = 'InputButton';
-const SearchFieldButton = 'SearchFieldButton';
+const CheckBox = 'CheckBox';
 const Disabled = 'Disabled';
+const InputBox = 'InputBox';
+const InputButton = 'InputButton';
 const MaskIcon = 'MaskIcon';
 const MaskIconClearAll = 'MaskIconClearAll';
-const SettingsItem = 'SettingsItem';
-const SettingsItemCheckBox = 'SettingsItemCheckBox';
-const CheckBox = 'CheckBox';
+const SearchFieldButton = 'SearchFieldButton';
 const Select = 'Select';
-const SettingsItems = 'SettingsItems';
-const SettingsNoResults = 'SettingsNoResults';
-const SettingsMain = 'SettingsMain';
+const Settings = 'Settings';
 const SettingsContent = 'SettingsContent';
 const SettingsContentHeading = 'SettingsContentHeading';
 const SettingsHeader = 'SettingsHeader';
+const SettingsInputWrapper = 'SettingsInputWrapper';
+const SettingsItem = 'SettingsItem';
+const SettingsItemCheckBox = 'SettingsItemCheckBox';
+const SettingsItems = 'SettingsItems';
+const SettingsMain = 'SettingsMain';
+const SettingsNoResults = 'SettingsNoResults';
+const SettingsSearchInput = 'SettingsSearchInput';
 const SettingsSideBar = 'SettingsSideBar';
 const SettingsTabs = 'SettingsTabs';
 const Tab = 'Tab';
 const TabSelected = 'TabSelected';
-const Badge = 'Badge';
 
 const getSettingsInputBadgeDom = (filteredSettingsCount, hasSearchValue) => {
   if (!hasSearchValue) {
@@ -3411,14 +3439,17 @@ const getItemCheckBoxVirtualDom = item => {
   const {
     heading,
     description,
-    id
+    id,
+    modified
   } = item;
+  const isModified = modified || false;
   const domId = getInputId(id);
   return [{
     type: VirtualDomElements.Div,
     className: SettingsItem,
     childCount: 3,
-    role: 'group'
+    role: 'group',
+    dataModified: isModified
   }, {
     type: VirtualDomElements.H3,
     childCount: 1
@@ -3441,6 +3472,22 @@ const getItemCheckBoxVirtualDom = item => {
   }, text(description)];
 };
 
+const getItemHeadingDom = heading => {
+  return [{
+    type: VirtualDomElements.H3,
+    childCount: 1
+  }, text(heading)];
+};
+
+const getItemLabelDom = (domId, label) => {
+  return [{
+    type: VirtualDomElements.Label,
+    htmlFor: domId,
+    childCount: 1,
+    className: 'Label'
+  }, text(label)];
+};
+
 const getItemNumberVirtualDom = item => {
   const {
     heading,
@@ -3453,15 +3500,7 @@ const getItemNumberVirtualDom = item => {
     className: SettingsItem,
     childCount: 3,
     role: 'group'
-  }, {
-    type: VirtualDomElements.H3,
-    childCount: 1
-  }, text(heading), {
-    type: VirtualDomElements.Label,
-    htmlFor: domId,
-    childCount: 1,
-    className: 'Label'
-  }, text(description), {
+  }, ...getItemHeadingDom(heading), ...getItemLabelDom(domId, description), {
     type: VirtualDomElements.Input,
     className: InputBox,
     inputType: 'number',
@@ -3492,22 +3531,18 @@ const getItemSelectVirtualDom = item => {
     id
   } = item;
   const options = item.options || [];
+  const domId = getInputId(id);
   return [{
     type: VirtualDomElements.Div,
     className: SettingsItem,
     childCount: 3,
     role: 'group'
-  }, {
-    type: VirtualDomElements.H3,
-    childCount: 1
-  }, text(heading), {
-    type: VirtualDomElements.P,
-    childCount: 1
-  }, text(description), {
+  }, ...getItemHeadingDom(heading), ...getItemLabelDom(domId, description), {
     type: VirtualDomElements.Select,
     className: Select,
     childCount: options.length,
-    name: id
+    name: id,
+    onChange: HandleSettingSelect
   }, ...options.flatMap(getOptionDom)];
 };
 

package/package.json

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