@zajno/common 1.3.0-beta → 1.3.3

package/src/viewModels/MultiSelectModel.ts

@@ -2,13 +2,15 @@ import { createLazy } from '../lazy.light';
 import { action, computed, makeObservable, observable, reaction } from 'mobx';
 import { FlagModel, ILabeledFlagModel } from './FlagModel';
 import { ValidatableModel } from './Validatable';
-import { IValueModel } from './ValuesCollector';
+import { IValueModel } from './types';
 import { withLabel } from './wrappers';
+import { ICountableModel, IResetableModel } from 'viewModels';
+import { arraysCompareDistinct } from '../math';
 
-export class MultiSelect<T = any> extends ValidatableModel<ReadonlyArray<T>> implements IValueModel<readonly string[]> {
+export class MultiSelect<T = any> extends ValidatableModel<ReadonlyArray<T>> implements IValueModel<readonly string[]>, IResetableModel, ICountableModel {
 
     @observable
-    private _indexes = new Set<number>();
+    private readonly _indexes = new Set<number>();
 
     public readonly opened = new FlagModel();
     private readonly _initial: number[] = null;
@@ -54,9 +56,14 @@ export class MultiSelect<T = any> extends ValidatableModel<ReadonlyArray<T>> imp
     set value(v: readonly string[]) { this.selectValues(v); }
 
     isIndexSelected(index: number) { return this._indexes.has(index); }
-    isValueSelected(value: string) { return this.values.includes(value); }
+    isValueSelected(value: string) { return this.selectedValues.includes(value); }
 
-    get isEmpty() { return this._indexes.size === 0; }
+    get count() { return this._items.length; }
+    get selectedCount() { return this._indexes.size; }
+    get isEmpty() { return this.selectedCount === 0; }
+
+    @computed
+    get isDefault() { return arraysCompareDistinct(this.selectedIndexes, this._initial)?.diff === 0; }
 
     protected get valueToValidate() { return this.selectedItems; }
 
@@ -114,6 +121,9 @@ export class MultiSelect<T = any> extends ValidatableModel<ReadonlyArray<T>> imp
         }
     };
 
+    selectIndex = (index: number) => this.setIndexSelected(index, true);
+    deSelectIndex = (index: number) => this.setIndexSelected(index, false);
+
     reset = () => {
         super.reset();
         this.setInitialIndexes();
@@ -122,6 +132,10 @@ export class MultiSelect<T = any> extends ValidatableModel<ReadonlyArray<T>> imp
     private setInitialIndexes() {
         this._indexes.clear();
         this._initial.forEach(i => this._indexes.add(i));
+
+        if (this._flags.hasValue) {
+            this._flags.value.forEach((flag, index) => flag.value = this._indexes.has(index));
+        }
     }
 
     private createFlags() {

package/src/viewModels/NumberModel.ts

@@ -1,7 +1,8 @@
 import { action, makeObservable, observable } from 'mobx';
-import { IValueModel } from './ValuesCollector';
+import { IResetableModel } from 'viewModels';
+import { IValueModel } from './types';
 
-export interface INumberModel {
+export interface INumberModel extends IResetableModel {
     value: number;
 }
 
@@ -21,6 +22,8 @@ export class NumberModel implements INumberModel, IValueModel<number> {
     get value() { return this._value; }
     set value(v: number) { this._value = v; }
 
+    get isDefault() { return this._value === this._initial; }
+
     @action
     reset = () => {
         this._value = this._initial;

package/src/viewModels/SelectModel.ts

@@ -2,10 +2,11 @@ import { createLazy } from '../lazy.light';
 import { observable, computed, makeObservable, reaction } from 'mobx';
 import { FlagModel, ILabeledFlagModel } from './FlagModel';
 import { ValidatableModel } from './Validatable';
-import { IValueModel } from './ValuesCollector';
+import { IValueModel } from './types';
 import { withLabel } from './wrappers';
+import { IResetableModel } from 'viewModels';
 
-export class Select<T = any> extends ValidatableModel<T> implements IValueModel<string> {
+export class Select<T = any> extends ValidatableModel<T> implements IValueModel<string>, IResetableModel {
     @observable
     private _index: number = undefined;
 
@@ -67,6 +68,8 @@ export class Select<T = any> extends ValidatableModel<T> implements IValueModel<
         }
     }
 
+    get isDefault() { return this._index === this._initialIndex; }
+
     get index() {
         return this._index;
     }

package/src/viewModels/TextModel.ts

@@ -1,8 +1,9 @@
-import { observable, computed, action, makeObservable, reaction } from 'mobx';
+import { observable, computed, makeObservable, reaction } from 'mobx';
 import { Getter } from '../types';
+import { IValueModel } from './types';
 import logger from '../logger';
 import { ValidatableModel, ValidationConfig } from './Validatable';
-import { IValueModel } from './ValuesCollector';
+import { IResetableModel } from 'viewModels';
 
 export type TextInputConfig = {
     name?: Getter<string>;
@@ -39,7 +40,7 @@ export class Text {
     get value() { return this._value; }
 }
 
-export class TextInputVM extends ValidatableModel implements IValueModel<string> {
+export class TextInputVM extends ValidatableModel implements IValueModel<string>, IResetableModel {
     @observable
     private _value = '';
 
@@ -103,11 +104,10 @@ export class TextInputVM extends ValidatableModel implements IValueModel<string>
         this.validate();
     }
 
-    @action
-    reset() {
+    reset = () => {
         this._value = '';
         this._focused = false;
         super.reset();
-    }
+    };
 
 }

package/src/viewModels/ValuesCollector.ts

@@ -1,7 +1,4 @@
-
-export interface IValueModel<TValue> {
-    value: TValue;
-}
+import { IValueModel } from './types';
 
 export interface IValueCollector<TSource, TValue> {
     getValue(source: TSource): TValue;

package/src/viewModels/__tests__/multiSelect.test.ts

@@ -1,23 +1,138 @@
-import { MultiSelect } from '../MultiSelectModel';
+import { reaction, toJS } from 'mobx';
+import { arrayRepeat } from '../../math';
+import { MultiSelect, MultiSelectString } from '../MultiSelectModel';
+
+type SetType<T> = { items: T[], selected: number[], accessor: (item: T) => string };
 
 describe('MultiSelectModel', () => {
-    it('consistent', () => {
+    it('creates', () => {
         expect(() => new MultiSelect(null, null).values).toThrow();
         expect(() => new MultiSelect([1], null).values).toThrow();
+    });
+
+    const sets: SetType<any>[] = [
+        { items: [1, 2, 3], selected: [1], accessor: i => `_${i}_` },
+        { items: [1, 2, 3], selected: [], accessor: i => `_${i}_` },
+        { items: ['a', 'b', 'c'], selected: [2], accessor: i => i },
+    ];
+
+    describe('consistent', () => {
+        sets.forEach((set, setIndex) => {
+            it(`variant ${setIndex + 1}`, () => {
+                const items = set.items; // [1, 2, 3];
+                const accessor = set.accessor; // (i: number) => `_${i}_`;
+                const initialSelected = set.selected; // [1];
+                const values = items.map(accessor);
+                const selectedValues = initialSelected.map(i => accessor(items[i]));
 
-        const items = [1, 2, 3];
-        const accessor = (i: number) => `_${i}_`;
-        const values = items.map(accessor);
-        const initialSelected = [1];
+                const vm = new MultiSelect(items, accessor, ...initialSelected);
 
-        const vm = new MultiSelect(items, accessor, ...initialSelected);
+                expect(vm.items).toStrictEqual(items);
+                expect(vm.values).toStrictEqual(values);
+                expect(vm.count).toBe(items.length);
+                expect(vm.selectedCount).toBe(initialSelected.length);
+                expect(vm.selectedIndexes).toStrictEqual(initialSelected);
+                expect(vm.selectedValues).toStrictEqual(selectedValues);
 
-        expect(vm.items).toStrictEqual(items);
-        expect(vm.values).toStrictEqual(values);
-        expect(vm.selectedIndexes).toStrictEqual(initialSelected);
+                initialSelected.forEach(index => {
+                    expect(vm.isIndexSelected(index)).toBe(initialSelected.includes(index));
+                });
 
-        initialSelected.forEach(index => {
-            expect(vm.isIndexSelected(index)).toBe(initialSelected.includes(index));
+                values.forEach((value) => {
+                    expect(vm.isValueSelected(value)).toBe(selectedValues.includes(value));
+                });
+            });
         });
+
+    });
+
+    it('reacts', () => {
+        const vm = new MultiSelectString(['a', 'b', 'c']);
+
+        expect(vm.count).toBe(3);
+        expect(vm.selectedCount).toBe(0);
+        expect(vm.selectedIndexes).toHaveLength(0);
+
+        const mocks = arrayRepeat(() => jest.fn().mockImplementation(null), 5);
+        const [
+            onSelectedIndexes,
+            onSelectedItems,
+            onSelectedValues,
+            onIsIndexSelected,
+            onIsValueSelected,
+        ] = mocks;
+
+        const wrapMock = mock => ((a: any) => mock(toJS(a)));
+
+        const expectEmptyCalls = () => {
+            expect(onSelectedIndexes).toHaveBeenCalledWith([]);
+            expect(onSelectedItems).toHaveBeenCalledWith([]);
+            expect(onSelectedValues).toHaveBeenCalledWith([]);
+            mocks.forEach(m => m.mockClear());
+        };
+
+        reaction(() => vm.selectedIndexes, wrapMock(onSelectedIndexes));
+        reaction(() => vm.selectedItems, wrapMock(onSelectedItems));
+        reaction(() => vm.selectedValues, wrapMock(onSelectedValues));
+
+        // initially – 'false', so expect only when 'true' should be passed
+        reaction(() => vm.isIndexSelected(0), wrapMock(onIsIndexSelected));
+        reaction(() => vm.isValueSelected('a'), wrapMock(onIsValueSelected));
+
+        vm.selectIndex(1);
+
+        expect(onSelectedIndexes).toHaveBeenCalledWith([1]);
+        expect(onSelectedItems).toHaveBeenCalledWith(['b']);
+        expect(onSelectedValues).toHaveBeenCalledWith(['b']);
+        expect(onIsIndexSelected).not.toHaveBeenCalled();
+        expect(onIsValueSelected).not.toHaveBeenCalled();
+        mocks.forEach(m => m.mockClear());
+
+        vm.deSelectIndex(1);
+        expect(onIsIndexSelected).not.toHaveBeenCalled();
+        expect(onIsValueSelected).not.toHaveBeenCalled();
+        expectEmptyCalls();
+
+        vm.selectItem('c');
+
+        expect(onSelectedIndexes).toHaveBeenCalledWith([2]);
+        expect(onSelectedItems).toHaveBeenCalledWith(['c']);
+        expect(onSelectedValues).toHaveBeenCalledWith(['c']);
+        expect(onIsIndexSelected).not.toHaveBeenCalled();
+        expect(onIsValueSelected).not.toHaveBeenCalled();
+        mocks.forEach(m => m.mockClear());
+
+        vm.deSelectItem('c');
+        expect(onIsIndexSelected).not.toHaveBeenCalled();
+        expect(onIsValueSelected).not.toHaveBeenCalled();
+        expectEmptyCalls();
+
+        vm.selectValue('a');
+
+        expect(onSelectedIndexes).toHaveBeenCalledWith([0]);
+        expect(onSelectedItems).toHaveBeenCalledWith(['a']);
+        expect(onSelectedValues).toHaveBeenCalledWith(['a']);
+        expect(onIsIndexSelected).toHaveBeenCalledWith(true);
+        expect(onIsValueSelected).toHaveBeenCalledWith(true);
+        mocks.forEach(m => m.mockClear());
+
+        vm.deSelectValue('a');
+        expect(onIsIndexSelected).toHaveBeenCalledWith(false);
+        expect(onIsValueSelected).toHaveBeenCalledWith(false);
+        expectEmptyCalls();
+
+        vm.selectItems(['a', 'b']);
+
+        expect(onSelectedIndexes).toHaveBeenCalledWith([0, 1]);
+        expect(onSelectedItems).toHaveBeenCalledWith(['a', 'b']);
+        expect(onSelectedValues).toHaveBeenCalledWith(['a', 'b']);
+        expect(onIsIndexSelected).toHaveBeenCalledWith(true);
+        expect(onIsValueSelected).toHaveBeenCalledWith(true);
+        mocks.forEach(m => m.mockClear());
+
+        vm.reset();
+        expect(onIsIndexSelected).toHaveBeenCalledWith(false);
+        expect(onIsValueSelected).toHaveBeenCalledWith(false);
+        expectEmptyCalls();
     });
 });

package/src/viewModels/index.ts

@@ -1,3 +1,4 @@
+export * from './types';
 export * from './Validatable';
 export * from './TextModel';
 export * from './FlagModel';
@@ -7,4 +8,4 @@ export * from './wrappers';
 export * from './SelectModel';
 export * from './MultiSelectModel';
 
-export * from './PromptModalViewModel';
+export * from './PromptModal';

package/src/viewModels/types.ts

@@ -0,0 +1,19 @@
+
+export interface IValueModel<TValue> {
+    value: TValue;
+}
+
+export interface ILabel<T> {
+    readonly label: T;
+}
+
+export interface IResetableModel {
+    readonly reset: () => void;
+    readonly isDefault?: boolean;
+}
+
+export interface ICountableModel {
+    readonly count: number;
+    readonly selectedCount?: number;
+    readonly isEmpty: boolean;
+}

package/src/viewModels/wrappers.ts

@@ -1,9 +1,5 @@
 import { Getter } from '../types';
-import { IValueModel } from './ValuesCollector';
-
-export interface ILabel<T> {
-    readonly label: T;
-}
+import { ILabel, IValueModel } from './types';
 
 export function withLabel<T, TModel extends IValueModel<T>, TLabel = string>(model: TModel, label: Getter<TLabel>) {
     const _label = label;

package/lib/viewModels/PromptModalViewModel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PromptModalViewModel.d.ts","sourceRoot":"","sources":["../../src/viewModels/PromptModalViewModel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,oBAAY,eAAe,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,qBAAa,gBAAgB,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe;IACrE,SAAgB,QAAQ,YAAmB;IAG3C,OAAO,CAAC,cAAc,CAAW;;IAMjC,IAAI,aAAa,MAAkC;IAG5C,SAAS,WAAY,CAAC,UAG3B;IAGK,UAAU,aAGf;IAEF,SAAS,CAAC,SAAS,OAAc,MAAM,QAAQ,IAAI,CAAC,GAAG,IAAI,2DAWzD;CACL;AAED,oBAAY,iBAAiB,GAAG,eAAe,GAAG;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,qBAAa,oBAAqB,SAAQ,gBAAgB,CAAC,iBAAiB,CAAC;IACzE,IAAI,YAAY,WAA8C;IAE9D,IAAI,WAAW,WAA6C;IAE5D,SAAS,sBAA6F;IACtG,QAAQ,sBAA6F;CACxG"}

package/lib/viewModels/PromptModalViewModel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PromptModalViewModel.js","sourceRoot":"","sources":["../../src/viewModels/PromptModalViewModel.ts"],"names":[],"mappings":";;;;AAAA,+BAA0D;AAC1D,2CAAwC;AAOxC,MAAa,gBAAgB;IAMzB;QALgB,aAAQ,GAAG,IAAI,qBAAS,EAAE,CAAC;QAGnC,mBAAc,GAAM,IAAI,CAAC;QAS1B,cAAS,GAAG,CAAC,MAAS,EAAE,EAAE;YAC7B,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC;YAC7B,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC;QAC/B,CAAC,CAAC;QAGK,eAAU,GAAG,GAAG,EAAE;YACrB,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;YAC5B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC/B,CAAC,CAAC;QAEQ,cAAS,GAAG,KAAK,EAAE,EAA8B,EAAE,KAAK,GAAG,IAAI,EAAE,WAAW,GAAG,KAAK,EAAE,EAAE;YAC9F,IAAI,EAAE,EAAE;gBACJ,MAAM,OAAO,GAAG,EAAE,EAAE,CAAC;gBACrB,IAAI,WAAW,EAAE;oBACb,MAAM,OAAO,CAAC;iBACjB;aACJ;YAED,IAAI,KAAK,EAAE;gBACP,IAAI,CAAC,UAAU,EAAE,CAAC;aACrB;QACL,CAAC,CAAC;QA5BE,qBAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IAED,IAAI,aAAa,KAAK,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;CA0BtD;AAhCG;IADC,iBAAU,CAAC,GAAG;;wDACkB;AASjC;IADC,aAAM;;mDAIL;AAGF;IADC,aAAM;;oDAIL;AAtBN,4CAoCC;AAaD,MAAa,oBAAqB,SAAQ,gBAAmC;IAA7E;;QAKI,cAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QACtG,aAAQ,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IACzG,CAAC;IANG,IAAI,YAAY,KAAK,OAAO,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC;IAE9D,IAAI,WAAW,KAAK,OAAO,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;CAI/D;AAPD,oDAOC"}