@lvce-editor/settings-view 2.14.0 → 2.16.0

package/dist/settingsViewWorkerMain.js

@@ -54,49 +54,6 @@ class VError extends Error {
   }
 }
 
-class AssertionError extends Error {
-  constructor(message) {
-    super(message);
-    this.name = 'AssertionError';
-  }
-}
-const Object$1 = 1;
-const Number$2 = 2;
-const Array$1 = 3;
-const String$1 = 4;
-const Boolean$2 = 5;
-const Function = 6;
-const Null = 7;
-const Unknown = 8;
-const getType = value => {
-  switch (typeof value) {
-    case 'number':
-      return Number$2;
-    case 'function':
-      return Function;
-    case 'string':
-      return String$1;
-    case 'object':
-      if (value === null) {
-        return Null;
-      }
-      if (Array.isArray(value)) {
-        return Array$1;
-      }
-      return Object$1;
-    case 'boolean':
-      return Boolean$2;
-    default:
-      return Unknown;
-  }
-};
-const number = value => {
-  const type = getType(value);
-  if (type !== Number$2) {
-    throw new AssertionError('expected value to be of type number');
-  }
-};
-
 const isMessagePort = value => {
   return value && value instanceof MessagePort;
 };
@@ -2999,6 +2956,49 @@ const create = rpcId => {
   };
 };
 
+class AssertionError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = 'AssertionError';
+  }
+}
+const Object$1 = 1;
+const Number$2 = 2;
+const Array$1 = 3;
+const String$1 = 4;
+const Boolean$2 = 5;
+const Function = 6;
+const Null = 7;
+const Unknown = 8;
+const getType = value => {
+  switch (typeof value) {
+    case 'number':
+      return Number$2;
+    case 'function':
+      return Function;
+    case 'string':
+      return String$1;
+    case 'object':
+      if (value === null) {
+        return Null;
+      }
+      if (Array.isArray(value)) {
+        return Array$1;
+      }
+      return Object$1;
+    case 'boolean':
+      return Boolean$2;
+    default:
+      return Unknown;
+  }
+};
+const number = value => {
+  const type = getType(value);
+  if (type !== Number$2) {
+    throw new AssertionError('expected value to be of type number');
+  }
+};
+
 const {
   dispose,
   invoke,
@@ -3439,7 +3439,10 @@ const show2 = async (uid, menuId, x, y, args) => {
 };
 
 const handleClickFilterButton = async (state, x, y) => {
-  await show2(state.id, SettingsFilter, x, y, {
+  const {
+    id
+  } = state;
+  await show2(id, SettingsFilter, x, y, {
     menuId: SettingsFilter
   });
   return state;
@@ -5075,16 +5078,17 @@ const SettingsTabs = 'SettingsTabs';
 const Tab = 'Tab';
 const TabSelected = 'TabSelected';
 
+const inputBadgeNode = {
+  childCount: 1,
+  className: InputBadge,
+  type: Div
+};
 const getSettingsInputBadgeDom = (filteredSettingsCount, hasSearchValue) => {
   if (!hasSearchValue) {
     return [];
   }
   const badgeText = matchingSettings(filteredSettingsCount);
-  return [{
-    childCount: 1,
-    className: InputBadge,
-    type: Div
-  }, text(badgeText)];
+  return [inputBadgeNode, text(badgeText)];
 };
 
 // TODo use numeric ids
@@ -5166,33 +5170,35 @@ const getSettingsInputDom = () => {
   }];
 };
 
+const settingsHeaderNode = {
+  childCount: 1,
+  className: SettingsHeader,
+  type: Div
+};
 const getChildCount$1 = hasSearchValue => {
   return hasSearchValue ? 4 : 3;
 };
 const getSettingsHeaderDom = (filteredSettingsCount, hasSearchValue) => {
   const childCount = getChildCount$1(hasSearchValue);
-  return [{
-    childCount: 1,
-    className: SettingsHeader,
-    type: Div
-  }, {
+  return [settingsHeaderNode, {
     childCount,
     className: mergeClassNames(SettingsInputWrapper, 'SearchField'),
     type: Div
   }, ...getSettingsInputDom(), ...getSettingsInputBadgeDom(filteredSettingsCount, hasSearchValue), ...getSettingsInputButtonsDom(hasSearchValue)];
 };
 
+const resizerDom = [{
+  childCount: 1,
+  className: mergeClassNames(Resizer, 'SettingsResizer'),
+  onPointerDown: HandleResizerPointerDown,
+  type: Div
+}, {
+  childCount: 0,
+  className: ResizerHighlight,
+  type: Div
+}];
 const getResizerVirtualDom = () => {
-  return [{
-    childCount: 1,
-    className: mergeClassNames(Resizer, 'SettingsResizer'),
-    onPointerDown: HandleResizerPointerDown,
-    type: Div
-  }, {
-    childCount: 0,
-    className: ResizerHighlight,
-    type: Div
-  }];
+  return resizerDom;
 };
 
 const parentNode$2 = {
@@ -5209,26 +5215,28 @@ const parentNode$1 = {
   className: mergeClassNames(SettingsScrollBar, SettingsScrollBarSmall),
   type: Div
 };
+const thumbNode = {
+  childCount: 0,
+  className: SettingsScrollBarThumb,
+  type: Div
+};
 const getScrollBarDom = visible => {
   if (!visible) {
     return [];
   }
-  return [parentNode$1, {
-    childCount: 0,
-    className: SettingsScrollBarThumb,
-    type: Div
-  }];
+  return [parentNode$1, thumbNode];
 };
 
+const errorMessageNode = {
+  childCount: 1,
+  className: ErrorMessage,
+  type: Div
+};
 const getErrorMessageDom = errorMessage => {
   if (!errorMessage) {
     return [];
   }
-  return [{
-    childCount: 1,
-    className: ErrorMessage,
-    type: Div
-  }, text(errorMessage)];
+  return [errorMessageNode, text(errorMessage)];
 };
 
 const getInputId = id => {
@@ -5253,6 +5261,11 @@ const getItemLabelDom = (domId, label) => {
   }, text(label)];
 };
 
+const checkBoxWrapperNode = {
+  childCount: 2,
+  className: SettingsItemCheckBox,
+  type: Div
+};
 const getItemCheckBoxVirtualDom = item => {
   const {
     description,
@@ -5263,7 +5276,7 @@ const getItemCheckBoxVirtualDom = item => {
     modified
   } = item;
   const domId = getInputId(id);
-  const checkBoxClassName = hasError ? `${CheckBox} ${InputBoxError}` : CheckBox;
+  const checkBoxClassName = hasError ? mergeClassNames(CheckBox, InputBoxError) : CheckBox;
   const errorChildCount = hasError ? 1 : 0;
   return [{
     childCount: 2 + errorChildCount,
@@ -5271,11 +5284,7 @@ const getItemCheckBoxVirtualDom = item => {
     'data-modified': modified,
     role: Group,
     type: Div
-  }, ...getItemHeadingDom(heading), {
-    childCount: 2,
-    className: SettingsItemCheckBox,
-    type: Div
-  }, {
+  }, ...getItemHeadingDom(heading), checkBoxWrapperNode, {
     childCount: 0,
     className: checkBoxClassName,
     id: domId,
@@ -5286,6 +5295,11 @@ const getItemCheckBoxVirtualDom = item => {
   }, ...getItemLabelDom(domId, description), ...getErrorMessageDom(errorMessage)];
 };
 
+const colorInputWrapperNode = {
+  childCount: 2,
+  className: SettingsItemCheckBox,
+  type: Div
+};
 const getItemColorVirtualDom = item => {
   const {
     description,
@@ -5304,11 +5318,7 @@ const getItemColorVirtualDom = item => {
     'data-modified': modified,
     role: Group,
     type: Div
-  }, ...getItemHeadingDom(heading), {
-    childCount: 2,
-    className: SettingsItemCheckBox,
-    type: Div
-  }, {
+  }, ...getItemHeadingDom(heading), colorInputWrapperNode, {
     childCount: 0,
     className: colorInputClassName,
     id: domId,
@@ -5320,15 +5330,16 @@ const getItemColorVirtualDom = item => {
   }, ...getItemLabelDom(domId, description), ...getErrorMessageDom(errorMessage)];
 };
 
+const modifiedIndicatorNode = {
+  childCount: 0,
+  className: ModifiedIndicator,
+  type: Div
+};
 const getSettingsModifiedIndicatorDom = isModified => {
   if (!isModified) {
     return [];
   }
-  return [{
-    childCount: 0,
-    className: ModifiedIndicator,
-    type: Div
-  }];
+  return [modifiedIndicatorNode];
 };
 
 const getChildCount = (modified, hasError) => {
@@ -5339,7 +5350,7 @@ const getChildCount = (modified, hasError) => {
 };
 const getInputClassName = hasError => {
   if (hasError) {
-    return `${InputBox} ${InputBoxError}`;
+    return mergeClassNames(InputBox, InputBoxError);
   }
   return InputBox;
 };
@@ -5395,7 +5406,7 @@ const getItemSelectVirtualDom = item => {
     options
   } = item;
   const domId = getInputId(id);
-  const selectClassName = hasError ? `${Select} ${InputBoxError}` : Select;
+  const selectClassName = hasError ? mergeClassNames(Select, InputBoxError) : Select;
   const errorChildCount = hasError ? 1 : 0;
   return [{
     childCount: 3 + errorChildCount,
@@ -5421,7 +5432,7 @@ const getItemStringVirtualDom = item => {
     id
   } = item;
   const domId = getInputId(id);
-  const inputClassName = hasError ? `${InputBox} ${InputBoxError}` : InputBox;
+  const inputClassName = hasError ? mergeClassNames(InputBox, InputBoxError) : InputBox;
   const errorChildCount = hasError ? 1 : 0;
   return [{
     childCount: 3 + errorChildCount,
@@ -5440,13 +5451,14 @@ const getItemStringVirtualDom = item => {
   }, ...getErrorMessageDom(errorMessage)];
 };
 
+const unknownItemNode = {
+  childCount: 1,
+  className: SettingsItem,
+  role: Group,
+  type: Div
+};
 const getItemUnknownVirtualDom = () => {
-  return [{
-    childCount: 1,
-    className: SettingsItem,
-    role: Group,
-    type: Div
-  }, text(unknownSettingType())];
+  return [unknownItemNode, text(unknownSettingType())];
 };
 
 const getItemUrlVirtualDom = item => {
@@ -5459,7 +5471,7 @@ const getItemUrlVirtualDom = item => {
     modified
   } = item;
   const domId = getInputId(id);
-  const inputClassName = hasError ? `${InputBox} ${InputBoxError}` : InputBox;
+  const inputClassName = hasError ? mergeClassNames(InputBox, InputBoxError) : InputBox;
   const errorChildCount = hasError ? 1 : 0;
   return [{
     childCount: 3 + errorChildCount,
@@ -5503,16 +5515,18 @@ const getItemVirtualDom = item => {
   return fn(item);
 };
 
+const settingsItemsNode = {
+  childCount: 1,
+  className: SettingsItems,
+  type: Div
+};
+const noResultsNode = {
+  childCount: 1,
+  className: SettingsNoResults,
+  type: P
+};
 const getSettingsNoResultsDom = searchValue => {
-  return [{
-    childCount: 1,
-    className: SettingsItems,
-    type: Div
-  }, {
-    childCount: 1,
-    className: SettingsNoResults,
-    type: P
-  }, text(noSettingsMatching(searchValue))];
+  return [settingsItemsNode, noResultsNode, text(noSettingsMatching(searchValue))];
 };
 
 const getSettingsItemsDom = (items, searchValue) => {
@@ -5526,19 +5540,21 @@ const getSettingsItemsDom = (items, searchValue) => {
   }, ...items.flatMap(getItemVirtualDom)];
 };
 
+const settingsContentNode = {
+  childCount: 2,
+  className: SettingsContent,
+  onWheel: HandleWheel,
+  type: Div
+};
+const settingsItemWrapperNode = {
+  childCount: 2,
+  className: SettingsItemWrapper,
+  type: Div
+};
 const getSettingsContentDom = (visibleItems, tabs, searchValue, showScrollBar) => {
   const selectedTab = tabs.find(tab => tab.selected);
   const headerText = selectedTab ? selectedTab.label : settingsContent();
-  return [{
-    childCount: 2,
-    className: SettingsContent,
-    onWheel: HandleWheel,
-    type: Div
-  }, ...getContentHeadingDom(headerText), {
-    childCount: 2,
-    className: SettingsItemWrapper,
-    type: Div
-  }, ...getSettingsItemsDom(visibleItems, searchValue), ...getScrollBarDom(showScrollBar)];
+  return [settingsContentNode, ...getContentHeadingDom(headerText), settingsItemWrapperNode, ...getSettingsItemsDom(visibleItems, searchValue), ...getScrollBarDom(showScrollBar)];
 };
 
 const getTabClassName = tab => {
@@ -5568,22 +5584,24 @@ const getSettingsTabsDom = tabs => {
   }, ...tabs.flatMap(getTabVirtualDom)];
 };
 
+const settingsSideBarNode = {
+  childCount: 1,
+  className: SettingsSideBar,
+  type: Aside
+};
 const getSettingsSideBarDom = tabs => {
-  return [{
-    childCount: 1,
-    className: SettingsSideBar,
-    type: Aside
-  }, ...getSettingsTabsDom(tabs)];
+  return [settingsSideBarNode, ...getSettingsTabsDom(tabs)];
 };
 
+const settingsMainNode = {
+  childCount: 3,
+  className: SettingsMain,
+  type: Div
+};
 const getSettingsMainDom = (tabs, visibleItems, totalItemCount, searchValue, height, itemHeight) => {
   const totalHeight = totalItemCount * itemHeight;
   const showScrollBar = totalHeight > height;
-  return [{
-    childCount: 3,
-    className: SettingsMain,
-    type: Div
-  }, ...getSettingsSideBarDom(tabs), ...getResizerVirtualDom(), ...getSettingsContentDom(visibleItems, tabs, searchValue, showScrollBar)];
+  return [settingsMainNode, ...getSettingsSideBarDom(tabs), ...getResizerVirtualDom(), ...getSettingsContentDom(visibleItems, tabs, searchValue, showScrollBar)];
 };
 
 const parentNode = {

package/package.json

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