selectic 1.3.9 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/README.md +4 -5
  2. package/dist/selectic.common.js +653 -591
  3. package/dist/selectic.esm.js +611 -550
  4. package/doc/domProperties.md +3 -1
  5. package/package.json +45 -41
  6. package/src/ExtendedList.tsx +14 -13
  7. package/src/Filter.tsx +18 -19
  8. package/src/List.tsx +13 -13
  9. package/src/MainInput.tsx +26 -27
  10. package/src/Store.tsx +396 -289
  11. package/src/css/selectic.css +7 -0
  12. package/src/index.tsx +194 -135
  13. package/test/Selectic/Selectic_props.spec.js +29 -10
  14. package/test/Store/Store_creation.spec.js +395 -438
  15. package/test/Store/Store_props.spec.js +119 -159
  16. package/test/Store/Store_state.spec.js +9 -13
  17. package/test/Store/changeGroups.spec.js +4 -6
  18. package/test/Store/changeTexts.spec.js +28 -30
  19. package/test/Store/clearCache.spec.js +24 -8
  20. package/test/Store/commit.spec.js +222 -98
  21. package/test/Store/getItem.spec.js +30 -38
  22. package/test/Store/getItems.spec.js +33 -43
  23. package/test/Store/selectItem.spec.js +4 -4
  24. package/test/Store/toggleSelectAll.spec.js +50 -52
  25. package/test/tools.js +4 -2
  26. package/tsconfig.json +5 -0
  27. package/types/ExtendedList.d.ts +6 -6
  28. package/types/Filter.d.ts +5 -5
  29. package/types/List.d.ts +33 -9
  30. package/types/MainInput.d.ts +5 -5
  31. package/types/Store.d.ts +166 -41
  32. package/types/index.d.ts +41 -21
package/test/Store/changeTexts.spec.js CHANGED
@@ -7,35 +7,33 @@ tape.test('changeTexts()', (sTest) => {
7
7
  sTest.test('should have default texts', (t) => {
8
8
  const store = new Store();
9
9
 
10
- t.is(typeof store.labels, 'object');
10
+ t.is(typeof store.data.labels, 'object');
11
11
 
12
12
  /* Test some values */
13
- t.is(store.labels.searching, 'Searching');
14
- t.is(store.labels.searchPlaceholder, 'Search');
15
- t.is(store.labels.noResult, 'No results');
13
+ t.is(store.data.labels.searching, 'Searching');
14
+ t.is(store.data.labels.searchPlaceholder, 'Search');
15
+ t.is(store.data.labels.noResult, 'No results');
16
16
  t.end();
17
17
  });
18
18
 
19
19
  sTest.test('should change texts for an instance', (t) => {
20
20
  const store = new Store({
21
- propsData: {
22
- texts: {
23
- searching: 'please wait',
24
- noResult: 'nada',
25
- },
21
+ texts: {
22
+ searching: 'please wait',
23
+ noResult: 'nada',
26
24
  },
27
25
  });
28
26
  const storeRef = new Store();
29
27
 
30
28
  /* Test some values */
31
- t.is(store.labels.searching, 'please wait');
32
- t.is(store.labels.searchPlaceholder, 'Search');
33
- t.is(store.labels.noResult, 'nada');
29
+ t.is(store.data.labels.searching, 'please wait');
30
+ t.is(store.data.labels.searchPlaceholder, 'Search');
31
+ t.is(store.data.labels.noResult, 'nada');
34
32
 
35
33
  /* Assert it has not change other instances */
36
- t.is(storeRef.labels.searching, 'Searching');
37
- t.is(storeRef.labels.searchPlaceholder, 'Search');
38
- t.is(storeRef.labels.noResult, 'No results');
34
+ t.is(storeRef.data.labels.searching, 'Searching');
35
+ t.is(storeRef.data.labels.searchPlaceholder, 'Search');
36
+ t.is(storeRef.data.labels.noResult, 'No results');
39
37
  t.end();
40
38
  });
41
39
 
@@ -49,20 +47,20 @@ tape.test('changeTexts()', (sTest) => {
49
47
  });
50
48
 
51
49
  /* Test some values */
52
- t.is(store.labels.searching, 'please wait');
53
- t.is(store.labels.searchPlaceholder, 'Search');
54
- t.is(store.labels.noResult, 'nada');
50
+ t.is(store.data.labels.searching, 'please wait');
51
+ t.is(store.data.labels.searchPlaceholder, 'Search');
52
+ t.is(store.data.labels.noResult, 'nada');
55
53
 
56
54
  /* Assert it has not change other instances */
57
- t.is(storeExistingRef.labels.searching, 'Searching');
58
- t.is(storeExistingRef.labels.searchPlaceholder, 'Search');
59
- t.is(storeExistingRef.labels.noResult, 'No results');
55
+ t.is(storeExistingRef.data.labels.searching, 'Searching');
56
+ t.is(storeExistingRef.data.labels.searchPlaceholder, 'Search');
57
+ t.is(storeExistingRef.data.labels.noResult, 'No results');
60
58
 
61
59
  const storeNewRef = new Store();
62
60
  /* Assert it has not change newly created instances */
63
- t.is(storeNewRef.labels.searching, 'Searching');
64
- t.is(storeNewRef.labels.searchPlaceholder, 'Search');
65
- t.is(storeNewRef.labels.noResult, 'No results');
61
+ t.is(storeNewRef.data.labels.searching, 'Searching');
62
+ t.is(storeNewRef.data.labels.searchPlaceholder, 'Search');
63
+ t.is(storeNewRef.data.labels.noResult, 'No results');
66
64
  t.end();
67
65
  });
68
66
 
@@ -77,14 +75,14 @@ tape.test('changeTexts()', (sTest) => {
77
75
  const store = new Store();
78
76
 
79
77
  /* Test some values */
80
- t.is(store.labels.searching, 'please wait');
81
- t.is(store.labels.searchPlaceholder, 'Search');
82
- t.is(store.labels.noResult, 'nada');
78
+ t.is(store.data.labels.searching, 'please wait');
79
+ t.is(store.data.labels.searchPlaceholder, 'Search');
80
+ t.is(store.data.labels.noResult, 'nada');
83
81
 
84
82
  /* Existing instance keeps its values */
85
- t.is(oldStore.labels.searching, 'Searching');
86
- t.is(oldStore.labels.searchPlaceholder, 'Search');
87
- t.is(oldStore.labels.noResult, 'No results');
83
+ t.is(oldStore.data.labels.searching, 'Searching');
84
+ t.is(oldStore.data.labels.searchPlaceholder, 'Search');
85
+ t.is(oldStore.data.labels.noResult, 'No results');
88
86
 
89
87
  /* restore default values */
90
88
  StoreFile.changeTexts({
package/test/Store/clearCache.spec.js CHANGED
@@ -8,10 +8,8 @@ const Store = StoreFile.default;
8
8
  tape.test('clearCache()', (sTest) => {
9
9
  sTest.test('should clear all options already loaded', (t) => {
10
10
  const store = new Store({
11
- propsData: {
12
- options: getOptions(10),
13
- value: 2,
14
- },
11
+ options: getOptions(10),
12
+ value: 2,
15
13
  });
16
14
  store.state.status.errorMessage = 'a message';
17
15
 
@@ -25,13 +23,31 @@ tape.test('clearCache()', (sTest) => {
25
23
  t.end();
26
24
  });
27
25
 
26
+ sTest.test('should clear all options already loaded in multiple mode', (t) => {
27
+ const store = new Store({
28
+ options: getOptions(10),
29
+ params: {
30
+ multiple: true,
31
+ },
32
+ value: [2, 4],
33
+ });
34
+ store.state.status.errorMessage = 'a message';
35
+
36
+ store.clearCache(true);
37
+
38
+ t.deepEqual(store.state.allOptions, []);
39
+ t.is(store.state.totalAllOptions, 0);
40
+ t.deepEqual(store.state.filteredOptions, []);
41
+ t.is(store.state.status.errorMessage, '');
42
+ t.deepEqual(store.state.internalValue, []);
43
+ t.end();
44
+ });
45
+
28
46
  sTest.test('should rebuild all options', (t) => {
29
47
  const options = getOptions(10);
30
48
  const store = new Store({
31
- propsData: {
32
- options: options,
33
- value: 2,
34
- },
49
+ options: options,
50
+ value: 2,
35
51
  });
36
52
  store.state.status.errorMessage = 'a message';
37
53