selectic 3.1.0 → 3.1.2

package/test/Store/toggleSelectAll.spec.js

@@ -1,5 +1,6 @@
 const _ = require('../tools.js');
 const {
+    DEBOUNCE_REQUEST,
     getOptions,
     sleep,
     buildFetchCb,
@@ -173,7 +174,7 @@ tape.test('toggleSelectAll()', (st) => {
             store.commit('isOpen', true);
 
             command.fetch();
-            await _.deferPromise(command.promise);
+            await _.nextVueTick(store, command.promise, sleep(0) /* await request resolution */);
 
             t.deepEqual([store.state.totalFilteredOptions, store.state.filteredOptions.length], [20, 10]);
             store.toggleSelectAll();
@@ -255,10 +256,14 @@ tape.test('toggleSelectAll()', (st) => {
                     fetchCallback: buildFetchCb({total: 20, searchTotal: 20, command, spy}),
                 });
                 await sleep(0);
+
                 store.commit('isOpen', true);
                 store.commit('searchText', '1');
 
+                await sleep(DEBOUNCE_REQUEST); // await request is sent
+
                 command.fetch();
+
                 await _.deferPromise(command.promise);
 
                 t.deepEqual([store.state.totalFilteredOptions, store.state.filteredOptions.length], [20, 10]);

package/test/helper.js

@@ -233,6 +233,9 @@ function resetCall(spy, keepValue = false) {
     }
 }
 
+/* parameter sets in store */
+const DEBOUNCE_REQUEST = 250;
+
 module.exports = {
     sleep,
     getInitialState,
@@ -243,4 +246,5 @@ module.exports = {
     toHaveBeenCalled,
     toHaveBeenCalledWith,
     resetCall,
+    DEBOUNCE_REQUEST,
 };

package/test/tools.js

@@ -56,11 +56,15 @@ async function deferPromise(promise, waitAtStart = false) {
     return result;
 }
 
-function nextVueTick(_vueComponent, afterPromise) {
+function nextVueTick(_vueComponent, afterPromise, after2ndPromise) {
     const promise = new Promise(async (resolve) => {
         if (afterPromise) {
             await afterPromise;
         }
+        if (after2ndPromise) {
+            await after2ndPromise;
+        }
+
         // next tick is now deprecated
         await sleep(0);
         resolve();

package/types/ExtendedList.d.ts

@@ -2,11 +2,11 @@ import { Vue, h } from 'vtyx';
 import Store, { OptionItem } from './Store';
 export interface Props {
     store: Store;
-    width: number;
-    elementTop: number;
-    elementBottom: number;
-    elementLeft: number;
-    elementRight: number;
+    width?: number;
+    elementTop?: number;
+    elementBottom?: number;
+    elementLeft?: number;
+    elementRight?: number;
 }
 export default class ExtendedList extends Vue<Props> {
     private store;

package/types/List.d.ts

@@ -2,9 +2,6 @@ import { Vue, h } from 'vtyx';
 import Store, { OptionItem } from './Store';
 export interface Props {
     store: Store;
-    options?: any[];
-    nbItems?: number;
-    multiple?: boolean;
 }
 export default class List extends Vue<Props> {
     $refs: {

package/types/Store.d.ts

@@ -30,10 +30,15 @@ export interface GroupValue {
     id: StrictOptionId;
     text: string;
 }
-export declare type FetchCallback = (_search: string, _offsetItem: number, _pageSize: number) => Promise<{
+export declare type RequestResult = {
+    /** The total number of expecting options.
+     * Needed to know if there are more items to fetch, and to size the scrollbar.
+     */
     total: number;
+    /** The list of the options. */
     result: OptionValue[];
-}>;
+};
+export declare type FetchCallback = (_search: string, _offsetItem: number, _pageSize: number) => Promise<RequestResult>;
 export declare type GetCallback = (_ids: OptionId[]) => Promise<OptionValue[]>;
 export declare type FormatCallback = (_option: OptionItem) => OptionItem;
 export declare type SelectionOverflow = 
@@ -277,6 +282,8 @@ export default class SelecticStore {
     state: SelecticStoreState;
     data: Data;
     private requestId;
+    private requestSearchId;
+    private isRequesting;
     private cacheRequest;
     private closeSelectic;
     /** Number of item to pre-display */
@@ -309,14 +316,20 @@ export default class SelecticStore {
     private convertTypeValue;
     private assertValueType;
     private assertCorrectValue;
+    /** Reset the display cache in order to rebuild it */
+    private clearDisplay;
+    /** rebuild the state filteredOptions to normalize their values */
     private updateFilteredOptions;
     private addGroups;
     /** This method is for the computed property listOptions */
     private getListOptions;
+    /** This method is for the computed property elementOptions */
     private getElementOptions;
+    /** Generate the list of all options by combining the 3 option lists */
     private buildAllOptions;
     private buildFilteredOptions;
     private buildSelectedOptions;
+    private fetchRequest;
     private fetchData;
     private filterOptions;
     private addStaticFilteredOptions;

package/types/index.d.ts

@@ -108,10 +108,10 @@ export interface Props {
     /** Replace the default icon family used in Selectic */
     iconFamily?: IconFamily;
     /** If enabled, it resets the dynamic cache when selectic opens */
-    noCache?: Boolean;
+    noCache?: boolean;
     /** If true, the component opens (at start or if it is closed).
      *  If false, the components closes (if it is opened). */
-    open?: Boolean;
+    open?: boolean;
     /** Props which is not expected to change during the life time of the
      * component.
      * These parameters modify the component behavior but are not official

package/types/tools.d.ts

@@ -25,3 +25,7 @@ export declare function assignObject<T>(obj: Partial<T>, ...sourceObjects: Array
  * @returns true if there are no difference
  */
 export declare function compareOptions(oldOptions: OptionValue[], newOptions: OptionValue[]): boolean;
+export declare function debug(fName: string, step: string, ...args: any[]): void;
+export declare namespace debug {
+    var enable: (display: boolean) => void;
+}