@avakhula/ui 0.0.287 → 0.0.289

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 (6) hide show
  1. package/dist/index.js +458 -452
  2. package/dist/index.umd.cjs +33 -33
  3. package/package.json +1 -1
  4. package/src/components/TreeSelect/Select.stories.js +2 -15
  5. package/src/components/TreeSelect/Select.vue +11 -3
  6. package/src/components/TreeSelect/TreeSelect.stories.js +0 -34
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@avakhula/ui",
3
- "version": "0.0.287",
3
+ "version": "0.0.289",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.umd.cjs",
6
6
  "source": "src/index.js",
package/src/components/TreeSelect/Select.stories.js CHANGED
@@ -21,7 +21,6 @@ const testData = [
21
21
  initiallyVisible: true,
22
22
  visible: true,
23
23
  isDisabled: false,
24
- checked: true,
25
24
  isChildrenVisible: true,
26
25
  },
27
26
  {
@@ -31,7 +30,6 @@ const testData = [
31
30
  initiallyVisible: true,
32
31
  visible: true,
33
32
  isDisabled: false,
34
- checked: false,
35
33
  isChildrenVisible: true,
36
34
  },
37
35
  {
@@ -41,7 +39,6 @@ const testData = [
41
39
  initiallyVisible: true,
42
40
  visible: true,
43
41
  isDisabled: false,
44
- checked: false,
45
42
  isChildrenVisible: true,
46
43
  },
47
44
  {
@@ -51,12 +48,11 @@ const testData = [
51
48
  initiallyVisible: true,
52
49
  visible: true,
53
50
  isDisabled: false,
54
- checked: false,
55
51
  isChildrenVisible: true,
56
52
  },
57
53
  ];
58
54
 
59
- const a = [{"id":1,"title":"Moodle","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":2,"title":"Canvas","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":true},{"id":3,"title":"Blackboard","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":4,"title":"D2l","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":5,"title":"Google Classroom","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":9,"title":"Zoom","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":11,"title":"Ellucian Banner","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":12,"title":"Ellucian Colleague Banner","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":16,"title":"Ilias","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":17,"title":"Blackboard Collaborate","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":18,"title":"Sakai","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":20,"title":"Moodle Workplace","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":21,"title":"Totara","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":22,"title":"Qwickly","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":24,"title":"Mongoose Cadence","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":27,"title":"Workday Raas","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":28,"title":"Hubspot","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":29,"title":"Open Lms Work","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":30,"title":"Totara 18","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":31,"title":"Blackboard Data","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false}]
55
+ // const a = [{"id":1,"title":"Moodle","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":2,"title":"Canvas","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":true},{"id":3,"title":"Blackboard","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":4,"title":"D2l","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":5,"title":"Google Classroom","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":9,"title":"Zoom","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":11,"title":"Ellucian Banner","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":12,"title":"Ellucian Colleague Banner","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":16,"title":"Ilias","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":17,"title":"Blackboard Collaborate","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":18,"title":"Sakai","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":20,"title":"Moodle Workplace","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":21,"title":"Totara","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":22,"title":"Qwickly","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":24,"title":"Mongoose Cadence","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":27,"title":"Workday Raas","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":28,"title":"Hubspot","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":29,"title":"Open Lms Work","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":30,"title":"Totara 18","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false},{"id":31,"title":"Blackboard Data","initiallyVisible":true,"visible":true,"isDisabled":false,"checked":false}]
60
56
 
61
57
  const testData1 = [
62
58
  {
@@ -66,7 +62,6 @@ const testData1 = [
66
62
  initiallyVisible: true,
67
63
  visible: true,
68
64
  isDisabled: false,
69
- checked: true,
70
65
  isChildrenVisible: true,
71
66
  },
72
67
  {
@@ -76,7 +71,6 @@ const testData1 = [
76
71
  initiallyVisible: true,
77
72
  visible: true,
78
73
  isDisabled: false,
79
- checked: false,
80
74
  isChildrenVisible: true,
81
75
  },
82
76
  {
@@ -86,7 +80,6 @@ const testData1 = [
86
80
  initiallyVisible: true,
87
81
  visible: true,
88
82
  isDisabled: false,
89
- checked: false,
90
83
  isChildrenVisible: true,
91
84
  },
92
85
  {
@@ -106,7 +99,6 @@ const testData1 = [
106
99
  initiallyVisible: true,
107
100
  visible: true,
108
101
  isDisabled: false,
109
- checked: false,
110
102
  isChildrenVisible: true,
111
103
  },
112
104
 
@@ -117,7 +109,6 @@ const testData1 = [
117
109
  initiallyVisible: true,
118
110
  visible: true,
119
111
  isDisabled: false,
120
- checked: false,
121
112
  isChildrenVisible: true,
122
113
  },
123
114
 
@@ -128,7 +119,6 @@ const testData1 = [
128
119
  initiallyVisible: true,
129
120
  visible: true,
130
121
  isDisabled: false,
131
- checked: false,
132
122
  isChildrenVisible: true,
133
123
  },
134
124
 
@@ -149,7 +139,6 @@ const testData1 = [
149
139
  initiallyVisible: true,
150
140
  visible: true,
151
141
  isDisabled: false,
152
- checked: false,
153
142
  isChildrenVisible: true,
154
143
  },
155
144
  {
@@ -159,7 +148,6 @@ const testData1 = [
159
148
  initiallyVisible: true,
160
149
  visible: true,
161
150
  isDisabled: false,
162
- checked: false,
163
151
  isChildrenVisible: true,
164
152
  },
165
153
  {
@@ -169,7 +157,6 @@ const testData1 = [
169
157
  initiallyVisible: true,
170
158
  visible: true,
171
159
  isDisabled: false,
172
- checked: false,
173
160
  isChildrenVisible: true,
174
161
  },
175
162
  ];
@@ -266,7 +253,7 @@ CustomTrigger.args = {
266
253
  placeholder: "Please select",
267
254
  ariaLabel: "Search",
268
255
  clearButtonMessage: "Clear",
269
- options: a,
256
+ // options: a,
270
257
  initialSize: {
271
258
  left: 0,
272
259
  right: 100,
package/src/components/TreeSelect/Select.vue CHANGED
@@ -267,6 +267,10 @@ import IbIconButton from "../IconButton/IconButton.vue";
267
267
  import IbAlert from "../Alert/Alert.vue";
268
268
  import List from "../List.vue";
269
269
 
270
+ function copy(data) {
271
+ return JSON.parse(JSON.stringify(data));
272
+ }
273
+
270
274
  export default {
271
275
  name: "IbTreeSelect",
272
276
  inject: ["LANG_COMPONENTS"],
@@ -455,14 +459,17 @@ export default {
455
459
  }
456
460
  },
457
461
  options(newOptions) {
462
+ // this.initialOptions = copy(newOptions);
463
+ },
464
+ initialOptions(newOptions) {
458
465
  let isOptionsEqual = true;
459
466
 
460
- if (typeof this.options === "function") {
467
+ if (typeof this.initialOptions === "function") {
461
468
  isOptionsEqual = false;
462
469
  } else {
463
470
  const result = [];
464
471
 
465
- const options = newOptions;
472
+ const options = this.initialOptions;
466
473
  Array.prototype.forEach.call(options, (option) => {
467
474
  if (option.id !== undefined) result.push(option.id);
468
475
  });
@@ -516,6 +523,7 @@ export default {
516
523
  };
517
524
 
518
525
  return {
526
+ initialOptions: copy(this.options),
519
527
  val: this.modelValue ? this.modelValue : this.value,
520
528
  size: {
521
529
  left: (this.initialSize && this.initialSize.left) || 0,
@@ -658,7 +666,7 @@ export default {
658
666
  this.defaultFilter(options);
659
667
  },
660
668
  setPreparedValues(opt) {
661
- let options = opt || this.options;
669
+ let options = opt || this.initialOptions;
662
670
  if (this.alphabetSort) {
663
671
  options = options.sort((a, b) =>
664
672
  a.title.toLowerCase().localeCompare(b.title.toLowerCase())
package/src/components/TreeSelect/TreeSelect.stories.js CHANGED
@@ -108,8 +108,6 @@ const testData = [
108
108
  selected: false,
109
109
  initiallyVisible: true,
110
110
  visible: true,
111
- isDisabled: false,
112
- checked: false,
113
111
  },
114
112
  {
115
113
  id: 300,
@@ -117,14 +115,10 @@ const testData = [
117
115
  selected: false,
118
116
  initiallyVisible: true,
119
117
  visible: true,
120
- isDisabled: false,
121
- checked: false,
122
118
  },
123
119
  ],
124
120
  initiallyVisible: true,
125
121
  visible: true,
126
- isDisabled: false,
127
- checked: false,
128
122
  isChildrenVisible: true,
129
123
  },
130
124
  {
@@ -133,8 +127,6 @@ const testData = [
133
127
  selected: false,
134
128
  initiallyVisible: true,
135
129
  visible: true,
136
- isDisabled: false,
137
- checked: false,
138
130
  },
139
131
  {
140
132
  id: 17,
@@ -142,8 +134,6 @@ const testData = [
142
134
  selected: false,
143
135
  initiallyVisible: true,
144
136
  visible: true,
145
- isDisabled: false,
146
- checked: false,
147
137
  },
148
138
  {
149
139
  id: 29,
@@ -151,8 +141,6 @@ const testData = [
151
141
  selected: false,
152
142
  initiallyVisible: true,
153
143
  visible: true,
154
- isDisabled: false,
155
- checked: false,
156
144
  },
157
145
  {
158
146
  id: 30,
@@ -160,8 +148,6 @@ const testData = [
160
148
  selected: false,
161
149
  initiallyVisible: true,
162
150
  visible: true,
163
- isDisabled: false,
164
- checked: false,
165
151
  },
166
152
  {
167
153
  id: 31,
@@ -169,8 +155,6 @@ const testData = [
169
155
  selected: false,
170
156
  initiallyVisible: true,
171
157
  visible: true,
172
- isDisabled: false,
173
- checked: false,
174
158
  },
175
159
  {
176
160
  id: 32,
@@ -178,14 +162,10 @@ const testData = [
178
162
  selected: false,
179
163
  initiallyVisible: true,
180
164
  visible: true,
181
- isDisabled: false,
182
- checked: false,
183
165
  },
184
166
  ],
185
167
  initiallyVisible: true,
186
168
  visible: true,
187
- isDisabled: false,
188
- checked: false,
189
169
  isChildrenVisible: true,
190
170
  },
191
171
  {
@@ -194,8 +174,6 @@ const testData = [
194
174
  selected: false,
195
175
  initiallyVisible: true,
196
176
  visible: true,
197
- isDisabled: false,
198
- checked: false,
199
177
  },
200
178
  {
201
179
  id: 434,
@@ -203,8 +181,6 @@ const testData = [
203
181
  selected: false,
204
182
  initiallyVisible: true,
205
183
  visible: true,
206
- isDisabled: false,
207
- checked: false,
208
184
  },
209
185
  {
210
186
  id: 4324,
@@ -212,8 +188,6 @@ const testData = [
212
188
  selected: false,
213
189
  initiallyVisible: true,
214
190
  visible: true,
215
- isDisabled: false,
216
- checked: false,
217
191
  },
218
192
  {
219
193
  id: 41224,
@@ -221,8 +195,6 @@ const testData = [
221
195
  selected: false,
222
196
  initiallyVisible: true,
223
197
  visible: true,
224
- isDisabled: false,
225
- checked: false,
226
198
  },
227
199
  {
228
200
  id: 990,
@@ -230,8 +202,6 @@ const testData = [
230
202
  selected: false,
231
203
  initiallyVisible: true,
232
204
  visible: true,
233
- isDisabled: false,
234
- checked: false,
235
205
  },
236
206
  {
237
207
  id: 122324,
@@ -239,8 +209,6 @@ const testData = [
239
209
  selected: false,
240
210
  initiallyVisible: true,
241
211
  visible: true,
242
- isDisabled: false,
243
- checked: false,
244
212
  },
245
213
  {
246
214
  id: 9123123,
@@ -248,8 +216,6 @@ const testData = [
248
216
  selected: false,
249
217
  initiallyVisible: true,
250
218
  visible: true,
251
- isDisabled: false,
252
- checked: false,
253
219
  },
254
220
  ];
255
221
  export const Default = Template.bind({});