not-bulma 1.0.93 → 1.0.95

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "not-bulma",
-  "version": "1.0.93",
+  "version": "1.0.95",
   "description": "not-* family UI components on Bulma CSS Framework",
   "main": "src/index.js",
   "svelte": "src/index.js",

package/src/elements/common.js

@@ -1,4 +1,5 @@
 export default class UICommon {
+    static CLEAR_MACRO = "__CLEAR__";
     static ERROR_DEFAULT = "Что пошло не так.";
     static DEFAULT_REDIRECT_TIMEOUT = 3000;
     static CLASS_OK = "is-success";

package/src/elements/form/ui.select.svelte

@@ -2,8 +2,7 @@
     import { LOCALE } from "../../locale";
     import ErrorsList from "../various/ui.errors.list.svelte";
     import UICommon from "../common.js";
-
-    const CLEAR_MACRO = "__CLEAR__";
+    import notCommon from "../../frame/common";
 
     import { createEventDispatcher } from "svelte";
     let dispatch = createEventDispatcher();
@@ -55,19 +54,31 @@
         }
     }
 
+    let lastChange;
+
     function onBlur(ev) {
         let data = {
             field: fieldname,
             value: ev.currentTarget.value,
         };
+        if (lastChange === data.value) {
+            return true;
+        } else {
+            if (
+                Array.isArray(data.value) &&
+                notCommon.compareTwoArrays(lastChange, data.value)
+            ) {
+                return true;
+            }
+        }
         if (multiple) {
             value = Array.from(ev.target.selectedOptions).map((el) => el.value);
-            if (value.indexOf(CLEAR_MACRO) > -1) {
+            if (value.indexOf(UICommon.CLEAR_MACRO) > -1) {
                 value = [];
             }
             data.value = value;
         } else {
-            if (data.value === CLEAR_MACRO) {
+            if (data.value === UICommon.CLEAR_MACRO) {
                 value = "";
             }
         }
@@ -83,16 +94,17 @@
         };
         if (multiple) {
             value = Array.from(ev.target.selectedOptions).map((el) => el.value);
-            if (value.indexOf(CLEAR_MACRO) > -1) {
+            if (value.indexOf(UICommon.CLEAR_MACRO) > -1) {
                 value = [];
             }
             data.value = value;
         } else {
-            if (data.value === CLEAR_MACRO) {
+            if (data.value === UICommon.CLEAR_MACRO) {
                 value = "";
             }
         }
         inputStarted = true;
+        lastChange = data.value;
         dispatch("change", data);
         return true;
     }
@@ -117,11 +129,11 @@
             >
                 {#if placeholder.length > 0}
                     {#if value}
-                        <option value={CLEAR_MACRO}
+                        <option value={UICommon.CLEAR_MACRO}
                             >{$LOCALE[placeholder]}</option
                         >
                     {:else}
-                        <option value={CLEAR_MACRO} selected="selected"
+                        <option value={UICommon.CLEAR_MACRO} selected="selected"
                             >{$LOCALE[placeholder]}</option
                         >
                     {/if}

package/src/frame/common.js

@@ -220,6 +220,13 @@ class notCommon {
         return JSON.parse(JSON.stringify(partObj));
     }
 
+    static compareTwoArrays(a, b) {
+        return (
+            a.length === b.length &&
+            a.every((element, index) => element === b[index])
+        );
+    }
+
     /**
      * Test argument type to be 'function'
      * @param {any}  func    possible function

package/src/frame/crud/actions/generic/action.js

@@ -207,13 +207,31 @@ class CRUDGenericAction {
      */
     static bindUIEvents(controller, params, response) {
         if (notCommon.isFunc(controller.goBack)) {
-            this.getUI(controller).on(
+            this.bindUIEvent(
+                controller,
                 "reject",
                 controller.goBack.bind(controller)
             );
         }
     }
 
+    /**
+     * Bind event handler named event to UI. Checks different binder notation $on/on
+     * @param {object} controller   instance of controller
+     * @param {string} event        event name
+     * @param {function} callback   callback function on event
+     * @returns
+     */
+    static bindUIEvent(controller, event, callback) {
+        const ui = this.getUI(controller);
+        if (ui.$on) {
+            return ui.$on(event, callback);
+        }
+        if (ui.on) {
+            return ui.on(event, callback);
+        }
+    }
+
     /**
      * true, if UI of this action already exists,
      * false, if UI of this action wasn't existed and other UIs were destoryed

package/src/frame/crud/actions/generic/create.js

@@ -69,13 +69,14 @@ class CRUDGenericActionCreate extends CRUDGenericAction {
      */
     static bindUIEvents(controller, params, response) {
         if (notCommon.isFunc(controller.goBack)) {
-            this.getUI(controller).on(
+            this.bindUIEvent(
+                controller,
                 "reject",
                 controller.goBack.bind(controller)
             );
         }
         if (notCommon.isFunc(controller.onActionSubmit)) {
-            this.getUI(controller).on("submit", async (ev) => {
+            this.bindUIEvent(controller, "submit", async (ev) => {
                 const success = await controller.onActionSubmit(this.ACTION, {
                     ...this.loadDataQuery(controller, params),
                     ...ev,

package/src/frame/crud/actions/generic/update.js

@@ -79,13 +79,14 @@ class CRUDGenericActionUpdate extends CRUDGenericAction {
      */
     static bindUIEvents(controller, params, response) {
         if (notCommon.isFunc(controller.goBack)) {
-            this.getUI(controller).on(
+            this.bindUIEvent(
+                controller,
                 "reject",
                 controller.goBack.bind(controller)
             );
         }
         if (notCommon.isFunc(controller.onActionSubmit)) {
-            this.getUI(controller).on("submit", async (ev) => {
+            this.bindUIEvent(controller, "submit", async (ev) => {
                 const success = await controller.onActionSubmit(this.ACTION, {
                     ...this.loadDataQuery(controller, params),
                     ...ev,