vueless 0.0.592 → 0.0.594

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.592",
+  "version": "0.0.594",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -9784,24 +9784,35 @@
           "attributes": [
             {
               "name": "modelValue",
+              "required": false,
               "description": "Select value.",
+              "enum": [
+                "string",
+                "number",
+                "Array"
+              ],
               "value": {
                 "kind": "expression",
-                "type": "string|number|array"
+                "type": "union"
               },
               "default": "\"\""
             },
             {
               "name": "options",
+              "required": false,
               "description": "Select options.",
+              "enum": [
+                "Option"
+              ],
               "value": {
                 "kind": "expression",
-                "type": "array"
+                "type": "Array"
               },
-              "default": "[]"
+              "default": "() => []"
             },
             {
               "name": "label",
+              "required": false,
               "description": "Select label.",
               "value": {
                 "kind": "expression",
@@ -9811,6 +9822,7 @@
             },
             {
               "name": "labelAlign",
+              "required": false,
               "description": "Label placement.",
               "enum": [
                 "top",
@@ -9821,12 +9833,13 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "topInside"
             },
             {
               "name": "placeholder",
+              "required": false,
               "description": "Select placeholder.",
               "value": {
                 "kind": "expression",
@@ -9836,24 +9849,25 @@
             },
             {
               "name": "description",
+              "required": false,
               "description": "Select description.",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "\"\""
+              }
             },
             {
               "name": "error",
+              "required": false,
               "description": "Select error message.",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "\"\""
+              }
             },
             {
               "name": "size",
+              "required": false,
               "description": "Select size.",
               "enum": [
                 "sm",
@@ -9862,30 +9876,31 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "md"
             },
             {
               "name": "leftIcon",
+              "required": false,
               "description": "Left icon name.",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "\"\""
+              }
             },
             {
               "name": "rightIcon",
+              "required": false,
               "description": "Right icon name.",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "\"\""
+              }
             },
             {
               "name": "openDirection",
+              "required": false,
               "description": "Select open direction.",
               "enum": [
                 "auto",
@@ -9894,12 +9909,13 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "auto"
             },
             {
               "name": "labelKey",
+              "required": false,
               "description": "Label key in the item object of options.",
               "value": {
                 "kind": "expression",
@@ -9909,6 +9925,7 @@
             },
             {
               "name": "valueKey",
+              "required": false,
               "description": "Value key in the item object of options.",
               "value": {
                 "kind": "expression",
@@ -9918,24 +9935,26 @@
             },
             {
               "name": "groupLabelKey",
+              "required": false,
               "description": "Set a name of the property containing the group label.",
               "value": {
                 "kind": "expression",
                 "type": "string"
               },
-              "default": "\"label\""
+              "default": "label"
             },
             {
               "name": "groupValueKey",
+              "required": false,
               "description": "Set a name of the property containing the group values.",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "\"\""
+              }
             },
             {
               "name": "optionsLimit",
+              "required": false,
               "description": "Number of options displayed in the dropdown.",
               "value": {
                 "kind": "expression",
@@ -9945,7 +9964,8 @@
             },
             {
               "name": "visibleOptions",
-              "description": "Amount of options you can see without scroll.",
+              "required": false,
+              "description": "Number of options you can see without a scroll.",
               "value": {
                 "kind": "expression",
                 "type": "number"
@@ -9954,6 +9974,7 @@
             },
             {
               "name": "clearable",
+              "required": false,
               "description": "Allow clearing selected value.",
               "value": {
                 "kind": "expression",
@@ -9963,6 +9984,7 @@
             },
             {
               "name": "multiple",
+              "required": false,
               "description": "Allows multiple selection.",
               "value": {
                 "kind": "expression",
@@ -9972,6 +9994,7 @@
             },
             {
               "name": "searchable",
+              "required": false,
               "description": "Allows to search value in a list.",
               "value": {
                 "kind": "expression",
@@ -9981,6 +10004,7 @@
             },
             {
               "name": "disabled",
+              "required": false,
               "description": "Disable the select.",
               "value": {
                 "kind": "expression",
@@ -9990,6 +10014,7 @@
             },
             {
               "name": "addOption",
+              "required": false,
               "description": "Show \"Add new option\" button in the list.",
               "value": {
                 "kind": "expression",
@@ -9999,30 +10024,33 @@
             },
             {
               "name": "id",
+              "required": false,
               "description": "Unique element id.",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "\"\""
+              }
             },
             {
               "name": "config",
+              "required": false,
               "description": "Component config object.",
+              "enum": [
+                "Config"
+              ],
               "value": {
                 "kind": "expression",
-                "type": "object"
-              },
-              "default": "{}"
+                "type": "ComponentConfig"
+              }
             },
             {
               "name": "dataTest",
+              "required": false,
               "description": "Data-test attribute for automated testing.",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "\"\""
+              }
             }
           ],
           "events": [
@@ -10034,7 +10062,7 @@
                   "type": [
                     "string"
                   ],
-                  "name": "propsId"
+                  "name": "elementId"
                 }
               ]
             },
@@ -10046,13 +10074,21 @@
                   "type": [
                     "string"
                   ],
-                  "name": "propsId"
+                  "name": "elementId"
                 }
               ]
             },
             {
               "name": "searchChange",
-              "description": "Triggers when the search value is changed."
+              "description": "Triggers when the search value is changed.",
+              "properties": [
+                {
+                  "type": [
+                    "string"
+                  ],
+                  "name": "query"
+                }
+              ]
             },
             {
               "name": "remove",
@@ -10063,12 +10099,6 @@
                     "string"
                   ],
                   "name": "option"
-                },
-                {
-                  "type": [
-                    "string"
-                  ],
-                  "name": "propsId"
                 }
               ]
             },
@@ -10076,11 +10106,23 @@
               "name": "update:modelValue",
               "description": "Triggers when option is selected.",
               "properties": [
+                {
+                  "type": [
+                    "string"
+                  ],
+                  "name": "value"
+                },
                 {
                   "type": [
                     "number"
                   ],
                   "name": "value"
+                },
+                {
+                  "type": [
+                    "Option"
+                  ],
+                  "name": "value"
                 }
               ]
             },

package/ui.form-select/utilSelect.js

@@ -1,100 +0,0 @@
-export default class SelectService {
-  static filterOptions(options, search, label) {
-    return search
-      ? options
-          .filter((option) => this.interpolateLabel(option, label).toLowerCase().includes(search))
-          .sort((a, b) => {
-            return (
-              this.interpolateLabel(a, label).indexOf(search) -
-              this.interpolateLabel(b, label).indexOf(search)
-            );
-          })
-      : options;
-  }
-
-  static filterGroups(options, search, label, values, groupLabelKey) {
-    return options.map((group) => {
-      if (!group[values]) {
-        // eslint-disable-next-line no-console
-        console.warn("Options passed to select do not contain groups, despite the config.");
-
-        return [];
-      }
-
-      const groupOptions = this.filterOptions(group[values], search, label);
-
-      return groupOptions.length
-        ? {
-            [groupLabelKey]: group[groupLabelKey],
-            [values]: groupOptions,
-          }
-        : [];
-    });
-  }
-
-  static flattenOptions(options, values, groupLabelKey) {
-    return options.reduce((prev, curr) => {
-      if (curr[values] && curr[values].length) {
-        prev.push({ groupLabel: curr[groupLabelKey] });
-
-        return prev.concat(curr[values]);
-      }
-
-      return prev;
-    }, []);
-  }
-
-  static isEmpty(opt) {
-    if (opt === 0) return false;
-    if (Array.isArray(opt) && opt.length === 0) return true;
-
-    return !opt;
-  }
-
-  static removeEmptyGroups(options, groupValueKey) {
-    return options.filter((group) => {
-      return Boolean(group[groupValueKey].filter((item) => !item.isSubGroup).length);
-    });
-  }
-
-  static removeSelectedValues(options, groupValueKey, valueKey, modelValue) {
-    if (!groupValueKey) {
-      return options.filter((option) => !modelValue.includes(option[valueKey]));
-    }
-
-    const availableValues = options.map((group) => {
-      return {
-        ...group,
-        [groupValueKey]: group[groupValueKey].filter(
-          (item) => !modelValue.includes(item[valueKey]),
-        ),
-      };
-    });
-
-    return this.removeEmptyGroups(availableValues, groupValueKey);
-  }
-
-  static interpolateLabel(option, label) {
-    if (this.isEmpty(option)) return "";
-
-    return label ? option[label] : option;
-  }
-
-  static getGroupOption(item, options, groupValueKey, valueKey) {
-    const groupOptions = options.find((option) =>
-      option[groupValueKey]?.find((value) => value[valueKey] === item),
-    );
-
-    return groupOptions?.[groupValueKey].find((value) => value[valueKey] === item);
-  }
-
-  static getCurrentOption(item, options, groupValueKey, valueKey) {
-    if (groupValueKey) {
-      return this.getGroupOption(item, options, groupValueKey, valueKey);
-    }
-
-    const value = (item && item[valueKey]) || item;
-
-    return options.find((option) => option[valueKey] === value);
-  }
-}