@lvce-editor/settings-view 1.11.0 → 1.12.0

package/dist/settingsViewWorkerMain.js

@@ -1419,6 +1419,7 @@ const WordSeparators = 'Word Separators';
 const WordSeparatorsDescription = 'Characters that will be used as word separators when doing word related navigations or operations';
 const WrappingIndent = 'Wrapping Indent';
 const WrappingIndentDescription = 'Controls the indentation of wrapped lines';
+const UnknownSettingType = 'Unknown setting type';
 
 const autoSave = () => {
   return i18nString(AutoSave);
@@ -2217,6 +2218,9 @@ const wrappingIndent = () => {
 const wrappingIndentDescription = () => {
   return i18nString(WrappingIndentDescription);
 };
+const unknownSettingType = () => {
+  return i18nString(UnknownSettingType);
+};
 
 const getSettingItems = async () => {
   return [{
@@ -3309,6 +3313,7 @@ const SettingsSearchInput = 'SettingsSearchInput';
 const Button = 'Button';
 const InputButton = 'InputButton';
 const SearchFieldButton = 'SearchFieldButton';
+const Disabled = 'Disabled';
 const MaskIcon = 'MaskIcon';
 const MaskIconClearAll = 'MaskIconClearAll';
 const SettingsItem = 'SettingsItem';
@@ -3347,14 +3352,20 @@ const HandleSettingInput = 'handleSettingInput';
 const HandleSettingChecked = 'handleSettingChecked';
 const HandleSettingSelect = 'handleSettingSelect';
 
-const getSettingsInputButtonsDom = () => {
+const getButtonClassName = hasSearchValue => {
+  if (hasSearchValue) {
+    return mergeClassNames(Button, InputButton, SearchFieldButton);
+  }
+  return mergeClassNames(Button, InputButton, SearchFieldButton, Disabled);
+};
+const getSettingsInputButtonsDom = hasSearchValue => {
   return [{
     type: VirtualDomElements.Button,
-    className: mergeClassNames(Button, InputButton, SearchFieldButton),
+    className: getButtonClassName(hasSearchValue),
     childCount: 1,
     ariaLabel: clear(),
     name: Clear$1,
-    // TODO add click event listener
+    disabled: !hasSearchValue,
     onClick: HandleClickClear
   }, {
     type: VirtualDomElements.Div,
@@ -3389,7 +3400,7 @@ const getSettingsHeaderDom = (filteredSettingsCount, hasSearchValue) => {
     type: VirtualDomElements.Div,
     className: SettingsInputWrapper,
     childCount
-  }, ...getSettingsInputDom(), ...getSettingsInputButtonsDom(), ...badgeDom];
+  }, ...getSettingsInputDom(), ...getSettingsInputButtonsDom(hasSearchValue), ...badgeDom];
 };
 
 const getInputId = id => {
@@ -3406,7 +3417,8 @@ const getItemCheckBoxVirtualDom = item => {
   return [{
     type: VirtualDomElements.Div,
     className: SettingsItem,
-    childCount: 3
+    childCount: 3,
+    role: 'group'
   }, {
     type: VirtualDomElements.H3,
     childCount: 1
@@ -3417,10 +3429,11 @@ const getItemCheckBoxVirtualDom = item => {
   }, {
     type: VirtualDomElements.Input,
     className: CheckBox,
-    inputType: 'checkbox',
     childCount: 0,
     id: domId,
-    name: id
+    inputType: 'checkbox',
+    name: id,
+    onChange: HandleSettingChecked
   }, {
     type: VirtualDomElements.Label,
     childCount: 1,
@@ -3438,7 +3451,8 @@ const getItemNumberVirtualDom = item => {
   return [{
     type: VirtualDomElements.Div,
     className: SettingsItem,
-    childCount: 3
+    childCount: 3,
+    role: 'group'
   }, {
     type: VirtualDomElements.H3,
     childCount: 1
@@ -3481,7 +3495,8 @@ const getItemSelectVirtualDom = item => {
   return [{
     type: VirtualDomElements.Div,
     className: SettingsItem,
-    childCount: 3
+    childCount: 3,
+    role: 'group'
   }, {
     type: VirtualDomElements.H3,
     childCount: 1
@@ -3505,7 +3520,8 @@ const getItemStringVirtualDom = item => {
   return [{
     type: VirtualDomElements.Div,
     className: SettingsItem,
-    childCount: 3
+    childCount: 3,
+    role: 'group'
   }, {
     type: VirtualDomElements.H3,
     childCount: 1
@@ -3527,8 +3543,9 @@ const getItemUnknownVirtualDom = () => {
   return [{
     type: VirtualDomElements.Div,
     className: SettingsItem,
-    childCount: 1
-  }, text('unknown setting type')];
+    childCount: 1,
+    role: 'group'
+  }, text(unknownSettingType())];
 };
 
 const getItemVirtualDom = item => {
@@ -3720,10 +3737,10 @@ const renderEventListeners = () => {
     params: ['handleSettingInput', 'event.target.name', 'event.target.value']
   }, {
     name: HandleSettingChecked,
-    params: ['handleSettingInput', 'event.target.name', 'event.target.value']
+    params: ['handleSettingChecked', 'event.target.name', 'event.target.value']
   }, {
     name: HandleSettingSelect,
-    params: ['handleSettingInput', 'event.target.name', 'event.target.value']
+    params: ['handleSettingSelect', 'event.target.name', 'event.target.value']
   }];
 };
 

package/package.json

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