@ironsource/shared-ui 1.4.2-test.19 → 1.4.2-test.20

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.
@@ -1 +1 @@
1
- .label[data-v-060b4732]{color:#41454d}[data-v-060b4732]::-webkit-scrollbar{width:.625rem;opacity:.7;background-color:transparent}[data-v-060b4732]::-webkit-scrollbar-thumb{border:3px solid transparent;background-clip:padding-box;border-radius:.625rem;background-color:#d2d5d8!important}[data-v-060b4732]::-webkit-scrollbar-track{border-radius:.625rem;background-color:transparent}.loader-wrapper[data-v-060b4732]{display:flex;width:100%;gap:.5rem;padding-left:.5rem;padding-right:.75rem}.include-exclude-wrapper[data-v-060b4732]{width:100%}.include-exclude-content[data-v-060b4732]{width:37.5rem}.include-exclude-list-wrapper[data-v-060b4732]{border-right:1px #DDDFE1 solid;height:13.75rem}.include-exclude-list[data-v-060b4732],.include-exclude-selected-list[data-v-060b4732]{overflow-y:auto;overflow-x:none;padding:.5rem .25rem 0 .5rem;max-height:13.75rem;height:13.75rem}.include-exclude-list.include-exclude-list-draggable[data-v-060b4732],.include-exclude-selected-list.include-exclude-list-draggable[data-v-060b4732]{padding:.75rem .5rem .5rem;height:18.5rem;max-height:18.5rem}.include-exclude-list.include-exclude-list-draggable li[data-v-060b4732]:last-child,.include-exclude-selected-list.include-exclude-list-draggable li[data-v-060b4732]:last-child{padding-bottom:.5rem}.no-result-text[data-v-060b4732]{color:#8e959d;height:100%}.include-exclude-list-wrapper[data-v-060b4732],.include-exclude-selected-wrapper[data-v-060b4732]{width:50%;height:100%;display:flex;flex-direction:column;justify-content:flex-start}.include-exclude-list-item-skeleton[data-v-060b4732]{display:flex;gap:.5rem;margin-bottom:1rem}.include-exclude-list-item-skeleton[data-v-060b4732]:first-child{margin-top:.5rem}li[data-v-060b4732]:last-child{padding-bottom:.25rem}.drag-item[data-v-060b4732]:last-child{padding-bottom:.25rem}.include-exclude-header-left-section[data-v-060b4732]{border-right:1px solid #DDDFE1;color:#53575b;padding:1.5rem;height:100%;display:flex;align-items:center}.include-exclude-header-right-section[data-v-060b4732]{flex-grow:1;padding:0 .375rem}.include-exclude-footer[data-v-060b4732]{height:3rem;display:flex}.include-exclude-container[data-v-060b4732]{display:flex;align-items:center;justify-content:center;height:100%}.include-exclude-container-wrapper[data-v-060b4732]{border-top:1px #DDDFE1 solid;border-bottom:1px #DDDFE1 solid}.include-exclude-selected-header-left-selected[data-v-060b4732]{color:#565c62}.include-exclude-header[data-v-060b4732]{display:flex;align-items:center;justify-content:space-between;height:3.5rem}.include-exclude-list-header-loading[data-v-060b4732]{gap:.5rem;padding:0 .25rem 0 .5rem}.include-exclude-list-selected-header-loading[data-v-060b4732]{padding:0 .25rem 0 .5rem}.include-exclude-list-header-loaded[data-v-060b4732]{padding:0 1rem}.include-exclude-list-header[data-v-060b4732],.include-exclude-selected-header[data-v-060b4732]{height:2.5rem;display:flex;justify-content:space-between;align-items:center;height:2.5625rem;border-bottom:1px #DDDFE1 solid}.include-exclude-header-right-section-search-input[data-v-060b4732]{width:100%;height:100%}.include-exclude-selected-header-right[data-v-060b4732]{height:100%;display:flex}.include-exclude-selected-header-left[data-v-060b4732]{height:100%;display:flex;align-items:center}.dot-skeleton[data-v-060b4732]{width:1rem;height:1rem}ol[data-v-060b4732],ul[data-v-060b4732],menu[data-v-060b4732]{list-style:none;margin:0;padding:0}.include-exclude-footer-buttons[data-v-060b4732]{display:flex;align-items:center;justify-content:center;margin-left:auto;gap:.25rem;padding-right:1rem}.switch-enter-from[data-v-060b4732],.switch-leave-to[data-v-060b4732]{transition:all .25s ease;opacity:0}.option-collapse[data-v-060b4732]{padding:.5rem .25rem .5rem .5rem;height:40px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
1
+ .label[data-v-077c6c24]{color:#41454d}[data-v-077c6c24]::-webkit-scrollbar{width:.625rem;opacity:.7;background-color:transparent}[data-v-077c6c24]::-webkit-scrollbar-thumb{border:3px solid transparent;background-clip:padding-box;border-radius:.625rem;background-color:#d2d5d8!important}[data-v-077c6c24]::-webkit-scrollbar-track{border-radius:.625rem;background-color:transparent}.loader-wrapper[data-v-077c6c24]{display:flex;width:100%;gap:.5rem;padding-left:.5rem;padding-right:.75rem}.include-exclude-wrapper[data-v-077c6c24]{width:100%}.include-exclude-content[data-v-077c6c24]{width:37.5rem}.include-exclude-list-wrapper[data-v-077c6c24]{border-right:1px #DDDFE1 solid;height:13.75rem}.include-exclude-list[data-v-077c6c24],.include-exclude-selected-list[data-v-077c6c24]{overflow-y:auto;overflow-x:none;padding:.5rem .25rem 0 .5rem;max-height:13.75rem;height:13.75rem}.include-exclude-list.include-exclude-list-draggable[data-v-077c6c24],.include-exclude-selected-list.include-exclude-list-draggable[data-v-077c6c24]{padding:.75rem .5rem .5rem;height:18.5rem;max-height:18.5rem}.include-exclude-list.include-exclude-list-draggable li[data-v-077c6c24]:last-child,.include-exclude-selected-list.include-exclude-list-draggable li[data-v-077c6c24]:last-child{padding-bottom:.5rem}.no-result-text[data-v-077c6c24]{color:#8e959d;height:100%}.include-exclude-list-wrapper[data-v-077c6c24],.include-exclude-selected-wrapper[data-v-077c6c24]{width:50%;height:100%;display:flex;flex-direction:column;justify-content:flex-start}.include-exclude-list-item-skeleton[data-v-077c6c24]{display:flex;gap:.5rem;margin-bottom:1rem}.include-exclude-list-item-skeleton[data-v-077c6c24]:first-child{margin-top:.5rem}li[data-v-077c6c24]:last-child{padding-bottom:.25rem}.drag-item[data-v-077c6c24]:last-child{padding-bottom:.25rem}.include-exclude-header-left-section[data-v-077c6c24]{border-right:1px solid #DDDFE1;color:#53575b;padding:1.5rem;height:100%;display:flex;align-items:center}.include-exclude-header-right-section[data-v-077c6c24]{flex-grow:1;padding:0 .375rem}.include-exclude-footer[data-v-077c6c24]{height:3rem;display:flex}.include-exclude-container[data-v-077c6c24]{display:flex;align-items:center;justify-content:center;height:100%}.include-exclude-container-wrapper[data-v-077c6c24]{border-top:1px #DDDFE1 solid;border-bottom:1px #DDDFE1 solid}.include-exclude-selected-header-left-selected[data-v-077c6c24]{color:#565c62}.include-exclude-header[data-v-077c6c24]{display:flex;align-items:center;justify-content:space-between;height:3.5rem}.include-exclude-list-header-loading[data-v-077c6c24]{gap:.5rem;padding:0 .25rem 0 .5rem}.include-exclude-list-selected-header-loading[data-v-077c6c24]{padding:0 .25rem 0 .5rem}.include-exclude-list-header-loaded[data-v-077c6c24]{padding:0 1rem}.include-exclude-list-header[data-v-077c6c24],.include-exclude-selected-header[data-v-077c6c24]{height:2.5rem;display:flex;justify-content:space-between;align-items:center;height:2.5625rem;border-bottom:1px #DDDFE1 solid}.include-exclude-header-right-section-search-input[data-v-077c6c24]{width:100%;height:100%}.include-exclude-selected-header-right[data-v-077c6c24]{height:100%;display:flex}.include-exclude-selected-header-left[data-v-077c6c24]{height:100%;display:flex;align-items:center}.dot-skeleton[data-v-077c6c24]{width:1rem;height:1rem}ol[data-v-077c6c24],ul[data-v-077c6c24],menu[data-v-077c6c24]{list-style:none;margin:0;padding:0}.include-exclude-footer-buttons[data-v-077c6c24]{display:flex;align-items:center;justify-content:center;margin-left:auto;gap:.25rem;padding-right:1rem}.switch-enter-from[data-v-077c6c24],.switch-leave-to[data-v-077c6c24]{transition:all .25s ease;opacity:0}.option-collapse[data-v-077c6c24]{padding:.5rem .25rem .5rem .5rem;height:40px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
@@ -43,6 +43,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
43
43
  "update:modelValue": (value: unknown) => void;
44
44
  } & {
45
45
  changeDragDrop: (value: unknown) => void;
46
+ } & {
47
+ clickOutside: (value: unknown) => void;
46
48
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
47
49
  titleText?: string;
48
50
  loading?: boolean;
@@ -85,6 +87,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
85
87
  draggableArgs: any;
86
88
  }>>> & {
87
89
  "onUpdate:modelValue"?: (value: unknown) => any;
90
+ onClickOutside?: (value: unknown) => any;
88
91
  onChangeDragDrop?: (value: unknown) => any;
89
92
  }, {
90
93
  loading: boolean;
@@ -72,7 +72,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
72
72
  isDraggable: { type: Boolean, default: false },
73
73
  draggableArgs: { default: null }
74
74
  },
75
- emits: ["update:modelValue", "changeDragDrop"],
75
+ emits: ["update:modelValue", "changeDragDrop", "clickOutside"],
76
76
  setup(__props, { emit }) {
77
77
  const props = __props;
78
78
  const scrollPrerenderedItems = 50;
@@ -211,6 +211,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
211
211
  onClickOutside(popoverWrapperRef, () => {
212
212
  if (open.value) {
213
213
  onCancel();
214
+ emit("clickOutside", selectedOptionRef.value);
214
215
  }
215
216
  });
216
217
  const optionsIds = ref([]);
@@ -614,6 +615,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
614
615
  };
615
616
  }
616
617
  });
617
- var IncludeExcludeDragDrop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-060b4732"]]);
618
+ var IncludeExcludeDragDrop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-077c6c24"]]);
618
619
 
619
620
  export { IncludeExcludeDragDrop as default };
@@ -232,6 +232,236 @@ declare const IncludeExcludeTypes: () => (import("vue").DefineComponent<{
232
232
  skiddingOffset: number;
233
233
  isDraggable: boolean;
234
234
  draggableArgs: object;
235
+ }> | import("vue").DefineComponent<{
236
+ loading: {
237
+ type: import("vue").PropType<boolean>;
238
+ } & {
239
+ default: boolean;
240
+ };
241
+ placement: {
242
+ type: import("vue").PropType<import("floating-vue").Placement>;
243
+ } & {
244
+ default: string;
245
+ };
246
+ disabled: {
247
+ type: import("vue").PropType<boolean>;
248
+ } & {
249
+ default: boolean;
250
+ };
251
+ options: {
252
+ type: import("vue").PropType<unknown[]>;
253
+ required: true;
254
+ };
255
+ modelValue: {
256
+ type: import("vue").PropType<unknown>;
257
+ required: true;
258
+ };
259
+ searchPlaceholder: {
260
+ type: import("vue").PropType<string>;
261
+ } & {
262
+ default: string;
263
+ };
264
+ isOnTop: {
265
+ type: import("vue").PropType<boolean>;
266
+ } & {
267
+ default: boolean;
268
+ };
269
+ distance: {
270
+ type: import("vue").PropType<number>;
271
+ } & {
272
+ default: number;
273
+ };
274
+ autoFocus: {
275
+ type: import("vue").PropType<boolean>;
276
+ } & {
277
+ default: boolean;
278
+ };
279
+ defaultOpen: {
280
+ type: import("vue").PropType<boolean>;
281
+ } & {
282
+ default: boolean;
283
+ };
284
+ clearable: {
285
+ type: import("vue").PropType<boolean>;
286
+ };
287
+ onSearch: {
288
+ type: import("vue").PropType<(option: any, term: string) => boolean>;
289
+ } & {
290
+ default: () => true;
291
+ };
292
+ hasSubtitle: {
293
+ type: import("vue").PropType<boolean>;
294
+ } & {
295
+ default: boolean;
296
+ };
297
+ titleText: {
298
+ type: import("vue").PropType<string>;
299
+ } & {
300
+ default: string;
301
+ };
302
+ showClearAll: {
303
+ type: import("vue").PropType<boolean>;
304
+ } & {
305
+ default: boolean;
306
+ };
307
+ alwayesOpen: {
308
+ type: import("vue").PropType<boolean>;
309
+ } & {
310
+ default: boolean;
311
+ };
312
+ distanceOffset: {
313
+ type: import("vue").PropType<number>;
314
+ } & {
315
+ default: number;
316
+ };
317
+ skiddingOffset: {
318
+ type: import("vue").PropType<number>;
319
+ } & {
320
+ default: number;
321
+ };
322
+ isDraggable: {
323
+ type: import("vue").PropType<boolean>;
324
+ } & {
325
+ default: boolean;
326
+ };
327
+ draggableArgs: {
328
+ type: import("vue").PropType<object>;
329
+ } & {
330
+ default: any;
331
+ };
332
+ keyField: {
333
+ type: import("vue").PropType<string>;
334
+ required: true;
335
+ };
336
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
337
+ "update:modelValue": (value: unknown) => void;
338
+ } & {
339
+ changeDragDrop: (value: unknown) => void;
340
+ } & {
341
+ clickOutside: (value: unknown) => void;
342
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
343
+ loading: {
344
+ type: import("vue").PropType<boolean>;
345
+ } & {
346
+ default: boolean;
347
+ };
348
+ placement: {
349
+ type: import("vue").PropType<import("floating-vue").Placement>;
350
+ } & {
351
+ default: string;
352
+ };
353
+ disabled: {
354
+ type: import("vue").PropType<boolean>;
355
+ } & {
356
+ default: boolean;
357
+ };
358
+ options: {
359
+ type: import("vue").PropType<unknown[]>;
360
+ required: true;
361
+ };
362
+ modelValue: {
363
+ type: import("vue").PropType<unknown>;
364
+ required: true;
365
+ };
366
+ searchPlaceholder: {
367
+ type: import("vue").PropType<string>;
368
+ } & {
369
+ default: string;
370
+ };
371
+ isOnTop: {
372
+ type: import("vue").PropType<boolean>;
373
+ } & {
374
+ default: boolean;
375
+ };
376
+ distance: {
377
+ type: import("vue").PropType<number>;
378
+ } & {
379
+ default: number;
380
+ };
381
+ autoFocus: {
382
+ type: import("vue").PropType<boolean>;
383
+ } & {
384
+ default: boolean;
385
+ };
386
+ defaultOpen: {
387
+ type: import("vue").PropType<boolean>;
388
+ } & {
389
+ default: boolean;
390
+ };
391
+ clearable: {
392
+ type: import("vue").PropType<boolean>;
393
+ };
394
+ onSearch: {
395
+ type: import("vue").PropType<(option: any, term: string) => boolean>;
396
+ } & {
397
+ default: () => true;
398
+ };
399
+ hasSubtitle: {
400
+ type: import("vue").PropType<boolean>;
401
+ } & {
402
+ default: boolean;
403
+ };
404
+ titleText: {
405
+ type: import("vue").PropType<string>;
406
+ } & {
407
+ default: string;
408
+ };
409
+ showClearAll: {
410
+ type: import("vue").PropType<boolean>;
411
+ } & {
412
+ default: boolean;
413
+ };
414
+ alwayesOpen: {
415
+ type: import("vue").PropType<boolean>;
416
+ } & {
417
+ default: boolean;
418
+ };
419
+ distanceOffset: {
420
+ type: import("vue").PropType<number>;
421
+ } & {
422
+ default: number;
423
+ };
424
+ skiddingOffset: {
425
+ type: import("vue").PropType<number>;
426
+ } & {
427
+ default: number;
428
+ };
429
+ isDraggable: {
430
+ type: import("vue").PropType<boolean>;
431
+ } & {
432
+ default: boolean;
433
+ };
434
+ draggableArgs: {
435
+ type: import("vue").PropType<object>;
436
+ } & {
437
+ default: any;
438
+ };
439
+ keyField: {
440
+ type: import("vue").PropType<string>;
441
+ required: true;
442
+ };
443
+ }>> & {
444
+ "onUpdate:modelValue"?: (value: unknown) => any;
445
+ onClickOutside?: (value: unknown) => any;
446
+ onChangeDragDrop?: (value: unknown) => any;
447
+ }, {
448
+ loading: boolean;
449
+ placement: import("floating-vue").Placement;
450
+ disabled: boolean;
451
+ searchPlaceholder: string;
452
+ isOnTop: boolean;
453
+ distance: number;
454
+ autoFocus: boolean;
455
+ defaultOpen: boolean;
456
+ onSearch: (option: any, term: string) => boolean;
457
+ hasSubtitle: boolean;
458
+ titleText: string;
459
+ showClearAll: boolean;
460
+ alwayesOpen: boolean;
461
+ distanceOffset: number;
462
+ skiddingOffset: number;
463
+ isDraggable: boolean;
464
+ draggableArgs: object;
235
465
  }> | import("vue").DefineComponent<{
236
466
  option: {
237
467
  type: import("vue").PropType<unknown>;
package/index.vue.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Option.vue_vue_type_style_index_0_scoped_true_lang.css';
1
+ import './MenuItem.vue_vue_type_style_index_0_scoped_true_lang.css';
2
2
  export { AppTriggerTypes } from './components/appTrigger/index.vue.js';
3
3
  export { AutocompleteDropdownTypes } from './components/autocompleteDropdown/index.vue.js';
4
4
  export { MenuItemTypes } from './components/menuItem/index.vue.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "1.4.2-test.19",
3
+ "version": "1.4.2-test.20",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"