@lvce-editor/settings-view 2.27.0 → 2.27.2

package/dist/settingsViewWorkerMain.js

@@ -62,7 +62,7 @@ class AssertionError extends Error {
 }
 const Object$1 = 1;
 const Number$2 = 2;
-const Array$1 = 3;
+const Array$1$1 = 3;
 const String$2 = 4;
 const Boolean$2 = 5;
 const Function = 6;
@@ -81,7 +81,7 @@ const getType = value => {
         return Null;
       }
       if (Array.isArray(value)) {
-        return Array$1;
+        return Array$1$1;
       }
       return Object$1;
     case 'boolean':
@@ -1463,7 +1463,7 @@ const validateSettings = (items, modifiedSettings, preferences) => {
       modified,
       options: item.options,
       type: item.type,
-      value: item.value
+      value
     };
   });
 };
@@ -2482,6 +2482,7 @@ const i18nString = (key, placeholders = emptyObject) => {
 };
 
 const Advanced = 'Advanced';
+const ArrayValue = 'array value';
 const Clear$1 = 'Clear';
 const ColorValue = 'Color value';
 const Experimental = 'Experimental';
@@ -2503,6 +2504,7 @@ const Tag = 'Tag';
 const UnknownSettingType = 'Unknown setting type';
 
 const advanced = () => i18nString(Advanced);
+const arrayValue = () => i18nString(ArrayValue);
 const clear = () => i18nString(Clear$1);
 const colorValue = () => i18nString(ColorValue);
 const experimental = () => i18nString(Experimental);
@@ -2743,10 +2745,7 @@ const getUpdatedTabs = (tabs, selectedTabId) => {
   }));
 };
 
-const handleClickTab = (state, name) => {
-  if (!name) {
-    return state;
-  }
+const handleClickTab = (state, name = '') => {
   const {
     height,
     itemHeight,
@@ -2928,6 +2927,7 @@ const handleSettingChecked = (state, name, value, source = User) => {
 const Enum = 1;
 const String$1 = 2;
 const Boolean$1 = 3;
+const Array$1 = 4;
 const Number$1 = 5;
 const Color = 6;
 const Url = 7;
@@ -2939,6 +2939,17 @@ const handleSettingInput = (state, name, value, inputSource = User) => {
 
   // TODO maybe have separate input functions for number and string inputs
   const settingItem = items.find(item => item.id === name);
+  if (settingItem && settingItem.type === Array$1) {
+    try {
+      const arrayValue = JSON.parse(value);
+      if (!Array.isArray(arrayValue)) {
+        return state;
+      }
+      return handleSettingUpdate(state, name, arrayValue, inputSource);
+    } catch {
+      return state;
+    }
+  }
   if (settingItem && settingItem.type === Number$1) {
     const numberValue = value === '' ? '' : Number(value);
     return handleSettingUpdate(state, name, numberValue, inputSource);
@@ -3466,6 +3477,37 @@ const getItemLabelDom = (domId, label) => {
   }, text(label)];
 };
 
+const getItemArrayVirtualDom = item => {
+  const {
+    description,
+    errorMessage,
+    hasError,
+    heading,
+    id,
+    modified
+  } = item;
+  const domId = getInputId(id);
+  const inputClassName = hasError ? mergeClassNames(InputBox, InputBoxError) : InputBox;
+  const errorChildCount = hasError ? 1 : 0;
+  return [{
+    childCount: 3 + errorChildCount,
+    className: SettingsItem,
+    'data-modified': modified,
+    name: id,
+    role: Group,
+    type: Div
+  }, ...getItemHeadingDom(heading), ...getItemLabelDom(domId, description), {
+    childCount: 0,
+    className: inputClassName,
+    id: domId,
+    inputType: 'text',
+    name: id,
+    onInput: HandleSettingInput,
+    placeholder: arrayValue(),
+    type: Input
+  }, ...getErrorMessageDom(errorMessage)];
+};
+
 const checkBoxWrapperNode = {
   childCount: 2,
   className: SettingsItemCheckBox,
@@ -3478,11 +3520,13 @@ const getItemCheckBoxVirtualDom = item => {
     hasError,
     heading,
     id,
-    modified
+    modified,
+    value
   } = item;
   const domId = getInputId(id);
   const checkBoxClassName = hasError ? mergeClassNames(CheckBox, InputBoxError) : CheckBox;
   const errorChildCount = hasError ? 1 : 0;
+  const isChecked = value === true || value === 'true';
   return [{
     childCount: 2 + errorChildCount,
     className: SettingsItem,
@@ -3491,6 +3535,7 @@ const getItemCheckBoxVirtualDom = item => {
     role: Group,
     type: Div
   }, ...getItemHeadingDom(heading), checkBoxWrapperNode, {
+    checked: isChecked,
     childCount: 0,
     className: checkBoxClassName,
     id: domId,
@@ -3704,6 +3749,8 @@ const getItemUrlVirtualDom = item => {
 
 const getItemRender = type => {
   switch (type) {
+    case Array$1:
+      return getItemArrayVirtualDom;
     case Boolean$1:
       return getItemCheckBoxVirtualDom;
     case Color:
@@ -3791,7 +3838,6 @@ const getSettingsTabsDom = tabs => {
   return [{
     childCount: tabs.length,
     className: SettingsTabs,
-    onClick: HandleClickTab,
     role: TabList,
     type: Ul
   }, ...tabs.flatMap(getTabVirtualDom)];
@@ -3800,6 +3846,7 @@ const getSettingsTabsDom = tabs => {
 const settingsSideBarNode = {
   childCount: 1,
   className: SettingsSideBar,
+  onClick: HandleClickTab,
   type: Aside
 };
 const getSettingsSideBarDom = tabs => {
@@ -3841,7 +3888,13 @@ const renderItems = (oldState, newState) => {
   return ['Viewlet.setDom2', newState.id, dom];
 };
 
-const enabledTypes = [Number$1, String$1, Color];
+const enabledTypes = [Array$1, Number$1, String$1, Color];
+const getInputValue = (type, value) => {
+  if (type === Array$1) {
+    return JSON.stringify(value);
+  }
+  return value;
+};
 const renderSettingValues = (oldState, newState) => {
   const {
     filteredItems,
@@ -3850,7 +3903,7 @@ const renderSettingValues = (oldState, newState) => {
   } = newState;
   const enabledSettings = filteredItems.filter(item => enabledTypes.includes(item.type));
   const inputValues = enabledSettings.map(item => {
-    const value = preferences[item.id] ?? item.value;
+    const value = getInputValue(item.type, preferences[item.id] ?? item.value);
     return {
       name: item.id,
       value

package/package.json

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