@avakhula/ui 0.0.58 → 0.0.60

package/package.json

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

package/src/App.vue

@@ -1,90 +1,29 @@
 <template>
-  <ib-select
-    :options="roles"
-    :is-required="true"
-    :is-multiple="false"
-    :show-clear-button="false"
-    v-model:model-value="value"
-  >
-  </ib-select>
-
-  <button @click="() => value = null">test</button>
-</template>
+  <div style="padding-top: 200px;">
+    <ib-text-editor character-limit="10" placeholder="test" @change="onChange" @blur="onBlur" />
+  </div>
+  </template>
 
 <script>
-import IbSelect from "./components/TreeSelect/Select.vue";
+import IbTextEditor from "./components/Form/TextEditor/TextEditor.vue";
 
 export default {
-  data() {
-    return {
-      value: 1,
-      value1: "123",
-      connections: [
-        {
-          id: 5,
-          title: "Blackboard Demo",
-          lms_connection_type: 3,
-          initiallyVisible: true,
-          visible: true,
-          isDisabled: false,
-          checked: false,
-        },
-        {
-          id: 3,
-          title: "Ilias",
-          lms_connection_type: 16,
-          initiallyVisible: true,
-          visible: true,
-          isDisabled: false,
-          checked: true,
-        },
-        {
-          id: 9,
-          title: "Ilias Don't Delete Pol",
-          lms_connection_type: 16,
-          initiallyVisible: true,
-          visible: true,
-          isDisabled: false,
-          checked: false,
-        },
-        {
-          id: 10,
-          title: "Sakai Demo",
-          lms_connection_type: 18,
-          initiallyVisible: true,
-          visible: true,
-          isDisabled: false,
-          checked: false,
-        },
-      ],
-      roles: [
-        {
-          id: 1,
-          title: "test role",
-          initiallyVisible: true,
-          visible: true,
-          isDisabled: false,
-          checked: false,
-        },
-        {
-          id: 2,
-          title: "testset",
-          initiallyVisible: true,
-          visible: true,
-          isDisabled: false,
-          checked: false,
-        },
-      ],
-    };
-  },
   components: {
-    IbSelect,
+    IbTextEditor,
   },
-  watch: {
-    value(val) {
-      console.log('testsetset')
+  methods: {
+    onChange(delta, oldValue, source) {
+      console.log(delta, oldValue, source);
+    },
+    onBlur(val, test) {
+      console.log(val, test);
     },
   },
 };
 </script>
-
+<style lang="scss">
+@import "./assets/scss/style.scss";
+body {
+  background-color: rgba(128, 128, 128, 0.079);
+}
+</style>

package/src/components/Form/Textarea/Textarea.vue

@@ -31,9 +31,6 @@ import IbCharacterCount from "../CharactersCount.vue";
 export default {
   name: "IbTextarea",
   props: {
-    modelValue: {
-      type: String,
-    },
     disabled: {
       type: Boolean,
       default: false,
@@ -61,15 +58,9 @@ export default {
       default: "",
     },
   },
-  watch: {
-    val(val) {
-      console.log('test')
-      this.$emit("update:modelValue", val);
-    }
-  },
   data() {
     return {
-      val: this.modelValue,
+      val: "",
     };
   },
   methods: {

package/src/components/Sorting/Sorting.vue

@@ -13,6 +13,7 @@
         <ib-tooltip v-if="tooltipTextSorting" :text="tooltipTextSorting">
         </ib-tooltip>
       </button>
+
       <ib-icon-button kind="white" size="s" @click="clickHandler">
         <ion-icon :name="iconType"></ion-icon>
         <ib-tooltip v-if="tooltipIconSorting" :text="tooltipIconSorting">
@@ -32,13 +33,7 @@
       }"
     >
       {{ title }}
-      <ib-icon
-        v-if="iconType"
-        :name="iconType"
-        :style="{
-          fontSize: iconSize + 'px',
-        }"
-      ></ib-icon>
+      <ib-icon v-if="iconType" :name="iconType"></ib-icon>
       <ib-tooltip v-if="tooltipTextSorting" :text="tooltipTextSorting">
       </ib-tooltip>
     </button>
@@ -76,6 +71,17 @@ export default {
       type: Boolean,
       default: false,
     },
+    tableName: {
+      type: String,
+      required: true,
+    },
+  },
+  mounted() {
+    this.$globalEvents.$on(`sorting:update:${this.tableName}`, (e) => {
+      if (!this.$el.contains(e.$el)) {
+        this.currentTypeSort = null;
+      }
+    });
   },
   data() {
     return {
@@ -91,6 +97,8 @@ export default {
   },
   methods: {
     clickHandler() {
+      this.$globalEvents.$emit(`sorting:update:${this.tableName}`, this);
+
       if (!this.currentTypeSort) {
         this.currentTypeSort = this.sortingTypes.TYPE_ASC;
         return;
@@ -101,7 +109,7 @@ export default {
       this.currentTypeSort = null;
     },
     updateTypeSorting() {
-      this.$emit("update-sorting", this.typeSort);
+      this.$emit("update-sorting", this.currentTypeSort);
     },
   },
   computed: {

package/src/components/TreeSelect/Select.vue

@@ -519,7 +519,7 @@ export default {
             lang(
               "required_dependency_are_not_filled",
               this.LANG_COMPONENTS?.COMPONENT_SELECT
-          ),
+            ),
         },
         ...this.strings,
       },

package/src/main.js

@@ -9,4 +9,4 @@ app.config.globalProperties.$emitEvent = function (event, ...args) {
   this.$emit.apply(this, arguments);
   this.$emit("all", { event, args });
 };
-app.mount("#app");
+app.mount("#app");