@avakhula/ui 0.0.32 → 0.0.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@avakhula/ui",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "main": "dist/index.js",
   "module": "dist/index.umd.cjs",
   "source": "src/index.js",

package/src/components/TreeSelect/Select.stories.js

@@ -82,6 +82,9 @@ export default {
     isToggle: {
       control: { type: "boolean" },
     },
+    alphabetSort: {
+      control: { type: "boolean" },
+    },
   },
 };
 
@@ -131,7 +134,7 @@ const testData = [
 const testData1 = [
   {
     id: "1",
-    title: "Education",
+    title: "A Education",
     is_category: true,
     initiallyVisible: true,
     visible: true,

package/src/components/TreeSelect/Select.vue

@@ -367,6 +367,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    alphabetSort: {
+      type: Boolean,
+      default: false,
+    },
   },
   watch: {
     value(value) {
@@ -577,17 +581,22 @@ export default {
       this.$emit("search", { search: this.filterString });
       this.defaultFilter(options);
     },
-    setPreparedValues(options) {
-      return this.prepare(options || this.options).then(
-        ([options, selected]) => {
-          this.actualOptions = options;
-          this.allOptionsIsChecked = this.checkIfOptionsChecked(options);
-          this.countVisibleChildren = options.length;
-          this.isInitialized = true;
-          this.selected = selected;
-          this.setBookmarkedOptions(options);
-        }
-      );
+    setPreparedValues(opt) {
+      let options = opt || this.options;
+      if (this.alphabetSort) {
+        options = options.sort((a, b) =>
+          a.title.toLowerCase().localeCompare(b.title.toLowerCase())
+        );
+      }
+
+      return this.prepare(options).then(([options, selected]) => {
+        this.actualOptions = options;
+        this.allOptionsIsChecked = this.checkIfOptionsChecked(options);
+        this.countVisibleChildren = options.length;
+        this.isInitialized = true;
+        this.selected = selected;
+        this.setBookmarkedOptions(options);
+      });
     },
     clear() {
       this.actualOptions = [];