@truedat/df 8.2.4 → 8.3.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.
@@ -1,9 +1,9 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`<TemplateForm /> matches the latest snapshot (loading) 1`] = `
3
+ exports[`<TemplateForm /> matches snapshot when scope has no relations 1`] = `
4
4
  <div>
5
5
  <form
6
- class="ui loading form template-form"
6
+ class="ui form template-form"
7
7
  >
8
8
  <div
9
9
  class="ui horizontal divider"
@@ -31,7 +31,7 @@ exports[`<TemplateForm /> matches the latest snapshot (loading) 1`] = `
31
31
  readonly=""
32
32
  required=""
33
33
  type="text"
34
- value="Name"
34
+ value="Test Template"
35
35
  />
36
36
  </div>
37
37
  </div>
@@ -48,7 +48,7 @@ exports[`<TemplateForm /> matches the latest snapshot (loading) 1`] = `
48
48
  name="label"
49
49
  required=""
50
50
  type="text"
51
- value="Label"
51
+ value="Test Label"
52
52
  />
53
53
  </div>
54
54
  </div>
@@ -72,7 +72,7 @@ exports[`<TemplateForm /> matches the latest snapshot (loading) 1`] = `
72
72
  class="divider text"
73
73
  role="alert"
74
74
  >
75
- template.scope.bg
75
+ template.scope.dd
76
76
  </div>
77
77
  <i
78
78
  aria-hidden="true"
@@ -82,9 +82,9 @@ exports[`<TemplateForm /> matches the latest snapshot (loading) 1`] = `
82
82
  class="menu transition"
83
83
  >
84
84
  <div
85
- aria-checked="true"
86
- aria-selected="true"
87
- class="active selected item"
85
+ aria-checked="false"
86
+ aria-selected="false"
87
+ class="item"
88
88
  role="option"
89
89
  style="pointer-events: all;"
90
90
  >
@@ -95,9 +95,9 @@ exports[`<TemplateForm /> matches the latest snapshot (loading) 1`] = `
95
95
  </span>
96
96
  </div>
97
97
  <div
98
- aria-checked="false"
99
- aria-selected="false"
100
- class="item"
98
+ aria-checked="true"
99
+ aria-selected="true"
100
+ class="active selected item"
101
101
  role="option"
102
102
  style="pointer-events: all;"
103
103
  >
@@ -215,17 +215,19 @@ exports[`<TemplateForm /> matches the latest snapshot (loading) 1`] = `
215
215
  </div>
216
216
  </div>
217
217
  <div
218
- class="six wide field"
218
+ class="disabled six wide field"
219
219
  >
220
220
  <label>
221
221
  template.form.subscope
222
222
  </label>
223
223
  <div
224
- class="ui input"
224
+ class="ui disabled input"
225
225
  >
226
226
  <input
227
+ disabled=""
227
228
  name="subscope"
228
229
  placeholder="template.form.subscope.placeholder"
230
+ tabindex="-1"
229
231
  type="text"
230
232
  value=""
231
233
  />
@@ -250,6 +252,16 @@ exports[`<TemplateForm /> matches the latest snapshot (loading) 1`] = `
250
252
  <div
251
253
  class="ui pointing vertical menu"
252
254
  >
255
+ <a
256
+ class="active item"
257
+ >
258
+ <div
259
+ class="ui label"
260
+ >
261
+ 1
262
+ </div>
263
+ Group1
264
+ </a>
253
265
  <a
254
266
  class="item"
255
267
  >
@@ -263,311 +275,720 @@ exports[`<TemplateForm /> matches the latest snapshot (loading) 1`] = `
263
275
  </div>
264
276
  <div
265
277
  class="twelve wide column"
266
- />
267
- </div>
268
- <div
269
- class="ui divider"
270
- />
271
- <div
272
- class="ui right aligned container"
273
- >
274
- <button
275
- class="ui loading primary disabled button"
276
- disabled=""
277
- tabindex="-1"
278
- >
279
- actions.save
280
- </button>
281
- <button
282
- class="ui button"
283
- >
284
- actions.cancel
285
- </button>
286
- </div>
287
- </form>
288
- </div>
289
- `;
290
-
291
- exports[`<TemplateForm /> matches the latest snapshot for empty template 1`] = `
292
- <div>
293
- <form
294
- class="ui form template-form"
295
- >
296
- <div
297
- class="ui horizontal divider"
298
- >
299
- <h4
300
- class="ui header"
301
- >
302
- template.form.header
303
- </h4>
304
- </div>
305
- <div
306
- class="fields"
307
- >
308
- <div
309
- class="required six wide field"
310
278
  >
311
- <label>
312
- template.form.name
313
- <div
314
- class="ui left pointing label"
315
- >
316
- template.form.validation.empty_required
317
- </div>
318
- </label>
319
279
  <div
320
- class="ui input"
280
+ class="ui orange small basic right floated buttons"
321
281
  >
322
- <input
323
- name="name"
324
- required=""
325
- type="text"
326
- value=""
327
- />
328
- </div>
329
- </div>
330
- <div
331
- class="required six wide field"
332
- >
333
- <label>
334
- template.form.label
335
- <div
336
- class="ui left pointing label"
282
+ <button
283
+ class="ui icon disabled button"
284
+ disabled=""
285
+ tabindex="-1"
286
+ type="button"
337
287
  >
338
- template.form.validation.empty_required
339
- </div>
340
- </label>
288
+ <i
289
+ aria-hidden="true"
290
+ class="arrow up icon"
291
+ />
292
+ </button>
293
+ <button
294
+ class="ui icon disabled button"
295
+ disabled=""
296
+ tabindex="-1"
297
+ type="button"
298
+ >
299
+ <i
300
+ aria-hidden="true"
301
+ class="arrow down icon"
302
+ />
303
+ </button>
304
+ <button
305
+ class="ui icon button"
306
+ type="button"
307
+ >
308
+ <i
309
+ aria-hidden="true"
310
+ class="trash alternate outline icon"
311
+ />
312
+ </button>
313
+ <button
314
+ class="ui button"
315
+ type="button"
316
+ >
317
+ template.form.group.newField
318
+ </button>
319
+ </div>
341
320
  <div
342
- class="ui input"
321
+ class="field"
343
322
  >
344
- <input
345
- name="label"
346
- required=""
347
- type="text"
348
- value=""
349
- />
350
- </div>
351
- </div>
352
- <div
353
- class="required four wide field"
354
- >
355
- <label>
356
- template.form.scope
323
+ <label>
324
+ template.form.group.name
325
+ </label>
357
326
  <div
358
- class="ui left pointing label"
327
+ class="ui input"
359
328
  >
360
- template.form.validation.empty_required
329
+ <input
330
+ name="content[0].name"
331
+ type="text"
332
+ value="Group1"
333
+ />
361
334
  </div>
362
- </label>
335
+ </div>
363
336
  <div
364
- aria-expanded="false"
365
- class="ui selection dropdown"
366
- name="scope"
367
- required=""
368
- role="listbox"
369
- tabindex="0"
337
+ class="accordion ui"
370
338
  >
371
339
  <div
372
- aria-atomic="true"
373
- aria-live="polite"
374
- class="divider default text"
375
- role="alert"
376
- >
377
- template.form.scope.placeholder
378
- </div>
379
- <i
380
- aria-hidden="true"
381
- class="dropdown icon"
382
- />
383
- <div
384
- class="menu transition"
340
+ class="title"
385
341
  >
342
+ <i
343
+ aria-hidden="true"
344
+ class="dropdown icon"
345
+ />
386
346
  <div
387
- aria-checked="false"
388
- aria-selected="true"
389
- class="selected item"
390
- role="option"
391
- style="pointer-events: all;"
347
+ class="ui orange label"
392
348
  >
393
- <span
394
- class="text"
395
- >
396
- template.scope.bg
397
- </span>
349
+ Field 1
398
350
  </div>
351
+ </div>
352
+ <div
353
+ class="content"
354
+ >
399
355
  <div
400
- aria-checked="false"
401
- aria-selected="false"
402
- class="item"
403
- role="option"
404
- style="pointer-events: all;"
356
+ class="ui segment"
405
357
  >
406
- <span
407
- class="text"
358
+ <div
359
+ class="ui orange tiny basic right floated buttons"
408
360
  >
409
- template.scope.dd
410
- </span>
411
- </div>
412
- <div
413
- aria-checked="false"
414
- aria-selected="false"
415
- class="item"
416
- role="option"
417
- style="pointer-events: all;"
418
- >
419
- <span
420
- class="text"
361
+ <button
362
+ class="ui icon disabled button"
363
+ disabled=""
364
+ tabindex="-1"
365
+ >
366
+ <i
367
+ aria-hidden="true"
368
+ class="arrow up icon"
369
+ />
370
+ </button>
371
+ <button
372
+ class="ui icon disabled button"
373
+ disabled=""
374
+ tabindex="-1"
375
+ >
376
+ <i
377
+ aria-hidden="true"
378
+ class="arrow down icon"
379
+ />
380
+ </button>
381
+ <button
382
+ class="ui icon button"
383
+ >
384
+ <i
385
+ aria-hidden="true"
386
+ class="trash alternate outline icon"
387
+ />
388
+ </button>
389
+ </div>
390
+ <div
391
+ class="ui clearing hidden divider"
392
+ />
393
+ <div
394
+ class="equal width fields"
421
395
  >
422
- template.scope.dq
423
- </span>
424
- </div>
425
- <div
426
- aria-checked="false"
427
- aria-selected="false"
428
- class="item"
429
- role="option"
430
- style="pointer-events: all;"
431
- >
432
- <span
433
- class="text"
434
- >
435
- template.scope.gr
436
- </span>
437
- </div>
438
- <div
439
- aria-checked="false"
440
- aria-selected="false"
441
- class="item"
442
- role="option"
443
- style="pointer-events: all;"
444
- >
445
- <span
446
- class="text"
447
- >
448
- template.scope.ie
449
- </span>
450
- </div>
451
- <div
452
- aria-checked="false"
453
- aria-selected="false"
454
- class="item"
455
- role="option"
456
- style="pointer-events: all;"
457
- >
458
- <span
459
- class="text"
460
- >
461
- template.scope.qe
462
- </span>
463
- </div>
464
- <div
465
- aria-checked="false"
466
- aria-selected="false"
467
- class="item"
468
- role="option"
469
- style="pointer-events: all;"
470
- >
471
- <span
472
- class="text"
396
+ <div
397
+ class="required field"
398
+ >
399
+ <label>
400
+ template.field.label
401
+ </label>
402
+ <div
403
+ class="ui small input"
404
+ >
405
+ <input
406
+ name="content[0].fields[0].label"
407
+ required=""
408
+ type="text"
409
+ value="Field 1"
410
+ />
411
+ </div>
412
+ </div>
413
+ <div
414
+ class="required field"
415
+ >
416
+ <label>
417
+ template.field.name
418
+ </label>
419
+ <div
420
+ class="ui small fluid input"
421
+ >
422
+ <input
423
+ name="content[0].fields[0].name"
424
+ required=""
425
+ type="text"
426
+ value="field1"
427
+ />
428
+ </div>
429
+ </div>
430
+ </div>
431
+ <div
432
+ class="field"
473
433
  >
474
- template.scope.quality_control
475
- </span>
476
- </div>
477
- <div
478
- aria-checked="false"
479
- aria-selected="false"
480
- class="item"
481
- role="option"
482
- style="pointer-events: all;"
483
- >
484
- <span
485
- class="text"
434
+ <label>
435
+ template.field.description
436
+ </label>
437
+ <textarea
438
+ name="content[0].fields[0].description"
439
+ rows="4"
440
+ />
441
+ </div>
442
+ <div
443
+ class="equal width fields"
486
444
  >
487
- template.scope.qxe
488
- </span>
489
- </div>
490
- <div
491
- aria-checked="false"
492
- aria-selected="false"
493
- class="item"
494
- role="option"
495
- style="pointer-events: all;"
496
- >
497
- <span
498
- class="text"
445
+ <div
446
+ class="required field"
447
+ >
448
+ <label>
449
+ template.field.widget
450
+ </label>
451
+ <div
452
+ aria-expanded="false"
453
+ class="ui fluid selection dropdown"
454
+ name="content[0].fields[0].widget"
455
+ required=""
456
+ role="listbox"
457
+ tabindex="0"
458
+ >
459
+ <i
460
+ aria-hidden="true"
461
+ class="dropdown icon"
462
+ />
463
+ <div
464
+ class="menu transition"
465
+ >
466
+ <div
467
+ aria-checked="false"
468
+ aria-selected="true"
469
+ class="selected item"
470
+ role="option"
471
+ style="pointer-events: all;"
472
+ >
473
+ <i
474
+ aria-hidden="true"
475
+ class="hashtag icon"
476
+ />
477
+ <span
478
+ class="text"
479
+ >
480
+ Identifier
481
+ </span>
482
+ </div>
483
+ <div
484
+ aria-checked="false"
485
+ aria-selected="false"
486
+ class="item"
487
+ role="option"
488
+ style="pointer-events: all;"
489
+ >
490
+ <i
491
+ aria-hidden="true"
492
+ class="minus icon"
493
+ />
494
+ <span
495
+ class="text"
496
+ >
497
+ Text Input
498
+ </span>
499
+ </div>
500
+ <div
501
+ aria-checked="false"
502
+ aria-selected="false"
503
+ class="item"
504
+ role="option"
505
+ style="pointer-events: all;"
506
+ >
507
+ <i
508
+ aria-hidden="true"
509
+ class="align justify icon"
510
+ />
511
+ <span
512
+ class="text"
513
+ >
514
+ Textarea
515
+ </span>
516
+ </div>
517
+ <div
518
+ aria-checked="false"
519
+ aria-selected="false"
520
+ class="item"
521
+ role="option"
522
+ style="pointer-events: all;"
523
+ >
524
+ <i
525
+ aria-hidden="true"
526
+ class="arrow down icon"
527
+ />
528
+ <span
529
+ class="text"
530
+ >
531
+ Dropdown
532
+ </span>
533
+ </div>
534
+ <div
535
+ aria-checked="false"
536
+ aria-selected="false"
537
+ class="item"
538
+ role="option"
539
+ style="pointer-events: all;"
540
+ >
541
+ <i
542
+ aria-hidden="true"
543
+ class="radio icon"
544
+ />
545
+ <span
546
+ class="text"
547
+ >
548
+ Radio
549
+ </span>
550
+ </div>
551
+ <div
552
+ aria-checked="false"
553
+ aria-selected="false"
554
+ class="item"
555
+ role="option"
556
+ style="pointer-events: all;"
557
+ >
558
+ <i
559
+ aria-hidden="true"
560
+ class="check square outline icon"
561
+ />
562
+ <span
563
+ class="text"
564
+ >
565
+ Checkbox
566
+ </span>
567
+ </div>
568
+ <div
569
+ aria-checked="false"
570
+ aria-selected="false"
571
+ class="item"
572
+ role="option"
573
+ style="pointer-events: all;"
574
+ >
575
+ <i
576
+ aria-hidden="true"
577
+ class="linkify icon"
578
+ />
579
+ <span
580
+ class="text"
581
+ >
582
+ Links
583
+ </span>
584
+ </div>
585
+ <div
586
+ aria-checked="false"
587
+ aria-selected="false"
588
+ class="item"
589
+ role="option"
590
+ style="pointer-events: all;"
591
+ >
592
+ <i
593
+ aria-hidden="true"
594
+ class="tint icon"
595
+ />
596
+ <span
597
+ class="text"
598
+ >
599
+ Colorpicker
600
+ </span>
601
+ </div>
602
+ <div
603
+ aria-checked="false"
604
+ aria-selected="false"
605
+ class="item"
606
+ role="option"
607
+ style="pointer-events: all;"
608
+ >
609
+ <i
610
+ aria-hidden="true"
611
+ class="text cursor icon"
612
+ />
613
+ <span
614
+ class="text"
615
+ >
616
+ Enrichedtext
617
+ </span>
618
+ </div>
619
+ <div
620
+ aria-checked="false"
621
+ aria-selected="false"
622
+ class="item"
623
+ role="option"
624
+ style="pointer-events: all;"
625
+ >
626
+ <i
627
+ aria-hidden="true"
628
+ class="table icon"
629
+ />
630
+ <span
631
+ class="text"
632
+ >
633
+ Table
634
+ </span>
635
+ </div>
636
+ <div
637
+ aria-checked="false"
638
+ aria-selected="false"
639
+ class="item"
640
+ role="option"
641
+ style="pointer-events: all;"
642
+ >
643
+ <i
644
+ aria-hidden="true"
645
+ class="table icon"
646
+ />
647
+ <span
648
+ class="text"
649
+ >
650
+ Dynamic Table
651
+ </span>
652
+ </div>
653
+ <div
654
+ aria-checked="false"
655
+ aria-selected="false"
656
+ class="item"
657
+ role="option"
658
+ style="pointer-events: all;"
659
+ >
660
+ <i
661
+ aria-hidden="true"
662
+ class="asterisk icon"
663
+ />
664
+ <span
665
+ class="text"
666
+ >
667
+ Password
668
+ </span>
669
+ </div>
670
+ <div
671
+ aria-checked="false"
672
+ aria-selected="false"
673
+ class="item"
674
+ role="option"
675
+ style="pointer-events: all;"
676
+ >
677
+ <i
678
+ aria-hidden="true"
679
+ class="image icon"
680
+ />
681
+ <span
682
+ class="text"
683
+ >
684
+ Image
685
+ </span>
686
+ </div>
687
+ <div
688
+ aria-checked="false"
689
+ aria-selected="false"
690
+ class="item"
691
+ role="option"
692
+ style="pointer-events: all;"
693
+ >
694
+ <i
695
+ aria-hidden="true"
696
+ class="hashtag icon"
697
+ />
698
+ <span
699
+ class="text"
700
+ >
701
+ Number
702
+ </span>
703
+ </div>
704
+ <div
705
+ aria-checked="false"
706
+ aria-selected="false"
707
+ class="item"
708
+ role="option"
709
+ style="pointer-events: all;"
710
+ >
711
+ <i
712
+ aria-hidden="true"
713
+ class="calendar icon"
714
+ />
715
+ <span
716
+ class="text"
717
+ >
718
+ Date
719
+ </span>
720
+ </div>
721
+ <div
722
+ aria-checked="false"
723
+ aria-selected="false"
724
+ class="item"
725
+ role="option"
726
+ style="pointer-events: all;"
727
+ >
728
+ <i
729
+ aria-hidden="true"
730
+ class="calendar icon"
731
+ />
732
+ <span
733
+ class="text"
734
+ >
735
+ Date Time
736
+ </span>
737
+ </div>
738
+ </div>
739
+ </div>
740
+ </div>
741
+ <div
742
+ class="required field"
743
+ >
744
+ <label>
745
+ template.field.type
746
+ </label>
747
+ <div
748
+ aria-expanded="false"
749
+ class="ui fluid selection dropdown"
750
+ name="content[0].fields[0].type"
751
+ required=""
752
+ role="listbox"
753
+ tabindex="0"
754
+ >
755
+ <i
756
+ aria-hidden="true"
757
+ class="dropdown icon"
758
+ />
759
+ <div
760
+ class="menu transition"
761
+ />
762
+ </div>
763
+ </div>
764
+ <div
765
+ class="required field"
766
+ >
767
+ <label>
768
+ template.field.cardinality
769
+ </label>
770
+ <div
771
+ aria-expanded="false"
772
+ class="ui fluid selection dropdown"
773
+ name="content[0].fields[0].cardinality"
774
+ required=""
775
+ role="listbox"
776
+ tabindex="0"
777
+ >
778
+ <i
779
+ aria-hidden="true"
780
+ class="dropdown icon"
781
+ />
782
+ <div
783
+ class="menu transition"
784
+ />
785
+ </div>
786
+ </div>
787
+ </div>
788
+ <div
789
+ class="ui segment"
499
790
  >
500
- template.scope.remediation
501
- </span>
502
- </div>
503
- <div
504
- aria-checked="false"
505
- aria-selected="false"
506
- class="item"
507
- role="option"
508
- style="pointer-events: all;"
509
- >
510
- <span
511
- class="text"
791
+ <div
792
+ class="equal width fields"
793
+ >
794
+ <div
795
+ class="field"
796
+ >
797
+ <div
798
+ class="field"
799
+ >
800
+ <div
801
+ class="ui checked checkbox"
802
+ >
803
+ <input
804
+ checked=""
805
+ class="hidden"
806
+ name="content[0].fields[0].editable"
807
+ readonly=""
808
+ tabindex="0"
809
+ type="checkbox"
810
+ />
811
+ <label>
812
+ Editable
813
+ </label>
814
+ </div>
815
+ </div>
816
+ </div>
817
+ <div
818
+ class="field"
819
+ >
820
+ <div
821
+ class="field"
822
+ >
823
+ <div
824
+ class="ui checkbox"
825
+ >
826
+ <input
827
+ class="hidden"
828
+ name="content[0].fields[0].ai_suggestion"
829
+ readonly=""
830
+ tabindex="0"
831
+ type="checkbox"
832
+ />
833
+ <label>
834
+ AI Suggestions
835
+ </label>
836
+ </div>
837
+ </div>
838
+ </div>
839
+ <div
840
+ class="field"
841
+ >
842
+ <div
843
+ class="field"
844
+ >
845
+ <div
846
+ class="ui checked checkbox"
847
+ >
848
+ <input
849
+ checked=""
850
+ class="hidden"
851
+ name="content[0].fields[0].searchable"
852
+ readonly=""
853
+ tabindex="0"
854
+ type="checkbox"
855
+ />
856
+ <label>
857
+ Sercheable
858
+ </label>
859
+ </div>
860
+ </div>
861
+ </div>
862
+ </div>
863
+ <div
864
+ class="field"
865
+ >
866
+ <label>
867
+ template.field.values.default_value
868
+ </label>
869
+ <div
870
+ class="ui input"
871
+ >
872
+ <input
873
+ name="default_value"
874
+ type="text"
875
+ />
876
+ </div>
877
+ </div>
878
+ </div>
879
+ <div
880
+ class="field"
512
881
  >
513
- template.scope.ri
514
- </span>
515
- </div>
516
- </div>
517
- </div>
518
- </div>
519
- <div
520
- class="disabled six wide field"
521
- >
522
- <label>
523
- template.form.subscope
524
- </label>
525
- <div
526
- class="ui disabled input"
527
- >
528
- <input
529
- disabled=""
530
- name="subscope"
531
- placeholder="template.form.subscope.placeholder"
532
- tabindex="-1"
533
- type="text"
534
- value=""
535
- />
536
- </div>
537
- </div>
538
- </div>
539
- <div
540
- class="ui horizontal divider"
541
- >
542
- <h4
543
- class="ui header"
544
- >
545
- template.form.fieldGroups
546
- </h4>
547
- </div>
548
- <div
549
- class="ui grid"
550
- >
551
- <div
552
- class="four wide column"
553
- >
554
- <div
555
- class="ui pointing vertical menu"
556
- >
557
- <a
558
- class="item"
559
- >
560
- <i
561
- aria-hidden="true"
562
- class="square plus icon"
563
- />
564
- template.form.newGroup
565
- </a>
882
+ <label>
883
+ <label>
884
+ template.field.depends
885
+ </label>
886
+ </label>
887
+ <div
888
+ class="equal width fields"
889
+ >
890
+ <div
891
+ class="field"
892
+ >
893
+ <div
894
+ class="disabled field"
895
+ >
896
+ <div
897
+ aria-disabled="true"
898
+ aria-expanded="false"
899
+ class="ui disabled fluid search selection dropdown"
900
+ name="content[0].fields[0].depends.on"
901
+ role="combobox"
902
+ >
903
+ <input
904
+ aria-autocomplete="list"
905
+ autocomplete="off"
906
+ class="search"
907
+ tabindex="-1"
908
+ type="text"
909
+ value=""
910
+ />
911
+ <div
912
+ aria-atomic="true"
913
+ aria-live="polite"
914
+ class="divider default text"
915
+ role="alert"
916
+ >
917
+ template.field.depends.on
918
+ </div>
919
+ <i
920
+ aria-hidden="true"
921
+ class="dropdown icon"
922
+ />
923
+ <div
924
+ class="menu transition"
925
+ role="listbox"
926
+ >
927
+ <div
928
+ class="message"
929
+ >
930
+ No results found.
931
+ </div>
932
+ </div>
933
+ </div>
934
+ </div>
935
+ </div>
936
+ <div
937
+ class="field"
938
+ >
939
+ <div
940
+ class="disabled field"
941
+ >
942
+ <div
943
+ aria-disabled="true"
944
+ aria-expanded="false"
945
+ class="ui disabled fluid multiple search selection dropdown"
946
+ name="content[0].fields[0].depends.to_be"
947
+ role="combobox"
948
+ >
949
+ <input
950
+ aria-autocomplete="list"
951
+ autocomplete="off"
952
+ class="search"
953
+ tabindex="-1"
954
+ type="text"
955
+ value=""
956
+ />
957
+ <span
958
+ class="sizer"
959
+ />
960
+ <div
961
+ aria-atomic="true"
962
+ aria-live="polite"
963
+ class="divider default text"
964
+ role="alert"
965
+ >
966
+ template.field.depends.to_be
967
+ </div>
968
+ <i
969
+ aria-hidden="true"
970
+ class="dropdown icon"
971
+ />
972
+ <div
973
+ aria-multiselectable="true"
974
+ class="menu transition"
975
+ role="listbox"
976
+ >
977
+ <div
978
+ class="message"
979
+ >
980
+ No results found.
981
+ </div>
982
+ </div>
983
+ </div>
984
+ </div>
985
+ </div>
986
+ </div>
987
+ </div>
988
+ </div>
989
+ </div>
566
990
  </div>
567
991
  </div>
568
- <div
569
- class="twelve wide column"
570
- />
571
992
  </div>
572
993
  <div
573
994
  class="ui divider"
@@ -576,9 +997,7 @@ exports[`<TemplateForm /> matches the latest snapshot for empty template 1`] = `
576
997
  class="ui right aligned container"
577
998
  >
578
999
  <button
579
- class="ui primary disabled button"
580
- disabled=""
581
- tabindex="-1"
1000
+ class="ui primary button"
582
1001
  >
583
1002
  actions.save
584
1003
  </button>
@@ -592,7 +1011,7 @@ exports[`<TemplateForm /> matches the latest snapshot for empty template 1`] = `
592
1011
  </div>
593
1012
  `;
594
1013
 
595
- exports[`<TemplateForm /> matches the latest snapshot for filled template 1`] = `
1014
+ exports[`<TemplateForm /> matches snapshot when scope has relations 1`] = `
596
1015
  <div>
597
1016
  <form
598
1017
  class="ui form template-form"
@@ -623,7 +1042,7 @@ exports[`<TemplateForm /> matches the latest snapshot for filled template 1`] =
623
1042
  readonly=""
624
1043
  required=""
625
1044
  type="text"
626
- value="Name"
1045
+ value="Test Template"
627
1046
  />
628
1047
  </div>
629
1048
  </div>
@@ -640,7 +1059,7 @@ exports[`<TemplateForm /> matches the latest snapshot for filled template 1`] =
640
1059
  name="label"
641
1060
  required=""
642
1061
  type="text"
643
- value="Label"
1062
+ value="Test Label"
644
1063
  />
645
1064
  </div>
646
1065
  </div>
@@ -664,7 +1083,7 @@ exports[`<TemplateForm /> matches the latest snapshot for filled template 1`] =
664
1083
  class="divider text"
665
1084
  role="alert"
666
1085
  >
667
- template.scope.bg
1086
+ template.scope.gr
668
1087
  </div>
669
1088
  <i
670
1089
  aria-hidden="true"
@@ -674,9 +1093,9 @@ exports[`<TemplateForm /> matches the latest snapshot for filled template 1`] =
674
1093
  class="menu transition"
675
1094
  >
676
1095
  <div
677
- aria-checked="true"
678
- aria-selected="true"
679
- class="active selected item"
1096
+ aria-checked="false"
1097
+ aria-selected="false"
1098
+ class="item"
680
1099
  role="option"
681
1100
  style="pointer-events: all;"
682
1101
  >
@@ -713,9 +1132,9 @@ exports[`<TemplateForm /> matches the latest snapshot for filled template 1`] =
713
1132
  </span>
714
1133
  </div>
715
1134
  <div
716
- aria-checked="false"
717
- aria-selected="false"
718
- class="item"
1135
+ aria-checked="true"
1136
+ aria-selected="true"
1137
+ class="active selected item"
719
1138
  role="option"
720
1139
  style="pointer-events: all;"
721
1140
  >
@@ -807,23 +1226,28 @@ exports[`<TemplateForm /> matches the latest snapshot for filled template 1`] =
807
1226
  </div>
808
1227
  </div>
809
1228
  <div
810
- class="six wide field"
1229
+ class="disabled six wide field"
811
1230
  >
812
1231
  <label>
813
1232
  template.form.subscope
814
1233
  </label>
815
1234
  <div
816
- class="ui input"
1235
+ class="ui disabled input"
817
1236
  >
818
1237
  <input
1238
+ disabled=""
819
1239
  name="subscope"
820
1240
  placeholder="template.form.subscope.placeholder"
1241
+ tabindex="-1"
821
1242
  type="text"
822
1243
  value=""
823
1244
  />
824
1245
  </div>
825
1246
  </div>
826
1247
  </div>
1248
+ <div
1249
+ data-testid="template-relations-form"
1250
+ />
827
1251
  <div
828
1252
  class="ui horizontal divider"
829
1253
  >
@@ -850,7 +1274,7 @@ exports[`<TemplateForm /> matches the latest snapshot for filled template 1`] =
850
1274
  >
851
1275
  1
852
1276
  </div>
853
- group
1277
+ Group1
854
1278
  </a>
855
1279
  <a
856
1280
  class="item"
@@ -919,7 +1343,7 @@ exports[`<TemplateForm /> matches the latest snapshot for filled template 1`] =
919
1343
  <input
920
1344
  name="content[0].name"
921
1345
  type="text"
922
- value="group"
1346
+ value="Group1"
923
1347
  />
924
1348
  </div>
925
1349
  </div>
@@ -936,7 +1360,7 @@ exports[`<TemplateForm /> matches the latest snapshot for filled template 1`] =
936
1360
  <div
937
1361
  class="ui orange label"
938
1362
  >
939
- field
1363
+ Field 1
940
1364
  </div>
941
1365
  </div>
942
1366
  <div
@@ -996,26 +1420,24 @@ exports[`<TemplateForm /> matches the latest snapshot for filled template 1`] =
996
1420
  name="content[0].fields[0].label"
997
1421
  required=""
998
1422
  type="text"
999
- value="field"
1423
+ value="Field 1"
1000
1424
  />
1001
1425
  </div>
1002
1426
  </div>
1003
1427
  <div
1004
- class="disabled required field"
1428
+ class="required field"
1005
1429
  >
1006
1430
  <label>
1007
1431
  template.field.name
1008
1432
  </label>
1009
1433
  <div
1010
- class="ui small disabled fluid input"
1434
+ class="ui small fluid input"
1011
1435
  >
1012
1436
  <input
1013
- disabled=""
1014
1437
  name="content[0].fields[0].name"
1015
1438
  required=""
1016
- tabindex="-1"
1017
1439
  type="text"
1018
- value="field"
1440
+ value="field1"
1019
1441
  />
1020
1442
  </div>
1021
1443
  </div>
@@ -1048,14 +1470,6 @@ exports[`<TemplateForm /> matches the latest snapshot for filled template 1`] =
1048
1470
  role="listbox"
1049
1471
  tabindex="0"
1050
1472
  >
1051
- <div
1052
- aria-atomic="true"
1053
- aria-live="polite"
1054
- class="divider text"
1055
- role="alert"
1056
- >
1057
- Text Input
1058
- </div>
1059
1473
  <i
1060
1474
  aria-hidden="true"
1061
1475
  class="dropdown icon"
@@ -1065,8 +1479,8 @@ exports[`<TemplateForm /> matches the latest snapshot for filled template 1`] =
1065
1479
  >
1066
1480
  <div
1067
1481
  aria-checked="false"
1068
- aria-selected="false"
1069
- class="item"
1482
+ aria-selected="true"
1483
+ class="selected item"
1070
1484
  role="option"
1071
1485
  style="pointer-events: all;"
1072
1486
  >
@@ -1081,9 +1495,9 @@ exports[`<TemplateForm /> matches the latest snapshot for filled template 1`] =
1081
1495
  </span>
1082
1496
  </div>
1083
1497
  <div
1084
- aria-checked="true"
1085
- aria-selected="true"
1086
- class="active selected item"
1498
+ aria-checked="false"
1499
+ aria-selected="false"
1500
+ class="item"
1087
1501
  role="option"
1088
1502
  style="pointer-events: all;"
1089
1503
  >
@@ -1352,35 +1766,13 @@ exports[`<TemplateForm /> matches the latest snapshot for filled template 1`] =
1352
1766
  role="listbox"
1353
1767
  tabindex="0"
1354
1768
  >
1355
- <div
1356
- aria-atomic="true"
1357
- aria-live="polite"
1358
- class="divider text"
1359
- role="alert"
1360
- >
1361
- template.field.type.string
1362
- </div>
1363
1769
  <i
1364
1770
  aria-hidden="true"
1365
1771
  class="dropdown icon"
1366
1772
  />
1367
1773
  <div
1368
1774
  class="menu transition"
1369
- >
1370
- <div
1371
- aria-checked="true"
1372
- aria-selected="true"
1373
- class="active selected item"
1374
- role="option"
1375
- style="pointer-events: all;"
1376
- >
1377
- <span
1378
- class="text"
1379
- >
1380
- template.field.type.string
1381
- </span>
1382
- </div>
1383
- </div>
1775
+ />
1384
1776
  </div>
1385
1777
  </div>
1386
1778
  <div
@@ -1397,74 +1789,13 @@ exports[`<TemplateForm /> matches the latest snapshot for filled template 1`] =
1397
1789
  role="listbox"
1398
1790
  tabindex="0"
1399
1791
  >
1400
- <div
1401
- aria-atomic="true"
1402
- aria-live="polite"
1403
- class="divider text"
1404
- role="alert"
1405
- >
1406
- template.field.cardinality.*
1407
- </div>
1408
1792
  <i
1409
1793
  aria-hidden="true"
1410
1794
  class="dropdown icon"
1411
1795
  />
1412
1796
  <div
1413
1797
  class="menu transition"
1414
- >
1415
- <div
1416
- aria-checked="false"
1417
- aria-selected="false"
1418
- class="item"
1419
- role="option"
1420
- style="pointer-events: all;"
1421
- >
1422
- <span
1423
- class="text"
1424
- >
1425
- template.field.cardinality.?
1426
- </span>
1427
- </div>
1428
- <div
1429
- aria-checked="false"
1430
- aria-selected="false"
1431
- class="item"
1432
- role="option"
1433
- style="pointer-events: all;"
1434
- >
1435
- <span
1436
- class="text"
1437
- >
1438
- template.field.cardinality.1
1439
- </span>
1440
- </div>
1441
- <div
1442
- aria-checked="true"
1443
- aria-selected="true"
1444
- class="active selected item"
1445
- role="option"
1446
- style="pointer-events: all;"
1447
- >
1448
- <span
1449
- class="text"
1450
- >
1451
- template.field.cardinality.*
1452
- </span>
1453
- </div>
1454
- <div
1455
- aria-checked="false"
1456
- aria-selected="false"
1457
- class="item"
1458
- role="option"
1459
- style="pointer-events: all;"
1460
- >
1461
- <span
1462
- class="text"
1463
- >
1464
- template.field.cardinality.+
1465
- </span>
1466
- </div>
1467
- </div>
1798
+ />
1468
1799
  </div>
1469
1800
  </div>
1470
1801
  </div>
@@ -1519,29 +1850,6 @@ exports[`<TemplateForm /> matches the latest snapshot for filled template 1`] =
1519
1850
  </div>
1520
1851
  </div>
1521
1852
  </div>
1522
- <div
1523
- class="field"
1524
- >
1525
- <div
1526
- class="field"
1527
- >
1528
- <div
1529
- class="ui checked checkbox"
1530
- >
1531
- <input
1532
- checked=""
1533
- class="hidden"
1534
- name="content[0].fields[0].searchable"
1535
- readonly=""
1536
- tabindex="0"
1537
- type="checkbox"
1538
- />
1539
- <label>
1540
- Sercheable
1541
- </label>
1542
- </div>
1543
- </div>
1544
- </div>
1545
1853
  </div>
1546
1854
  <div
1547
1855
  class="field"
@@ -1550,42 +1858,12 @@ exports[`<TemplateForm /> matches the latest snapshot for filled template 1`] =
1550
1858
  template.field.values.default_value
1551
1859
  </label>
1552
1860
  <div
1553
- aria-expanded="false"
1554
- class="ui fluid multiple search selection dropdown"
1555
- role="combobox"
1861
+ class="ui input"
1556
1862
  >
1557
1863
  <input
1558
- aria-autocomplete="list"
1559
- autocomplete="off"
1560
- class="search"
1561
- tabindex="0"
1864
+ name="default_value"
1562
1865
  type="text"
1563
- value=""
1564
- />
1565
- <span
1566
- class="sizer"
1567
- />
1568
- <i
1569
- aria-hidden="true"
1570
- class="dropdown icon"
1571
1866
  />
1572
- <div
1573
- aria-multiselectable="true"
1574
- class="menu transition"
1575
- role="listbox"
1576
- >
1577
- <div
1578
- aria-checked="false"
1579
- aria-selected="true"
1580
- class="selected item"
1581
- role="option"
1582
- style="pointer-events: all;"
1583
- >
1584
- <span
1585
- class="text"
1586
- />
1587
- </div>
1588
- </div>
1589
1867
  </div>
1590
1868
  </div>
1591
1869
  </div>
@@ -1698,115 +1976,6 @@ exports[`<TemplateForm /> matches the latest snapshot for filled template 1`] =
1698
1976
  </div>
1699
1977
  </div>
1700
1978
  </div>
1701
- <div
1702
- class="field"
1703
- >
1704
- <label>
1705
- <label>
1706
- template.field.mandatory.depends
1707
- </label>
1708
- </label>
1709
- <div
1710
- class="equal width fields"
1711
- >
1712
- <div
1713
- class="field"
1714
- >
1715
- <div
1716
- class="disabled field"
1717
- >
1718
- <div
1719
- aria-disabled="true"
1720
- aria-expanded="false"
1721
- class="ui disabled fluid search selection dropdown"
1722
- name="content[0].fields[0].mandatory.on"
1723
- role="combobox"
1724
- >
1725
- <input
1726
- aria-autocomplete="list"
1727
- autocomplete="off"
1728
- class="search"
1729
- tabindex="-1"
1730
- type="text"
1731
- value=""
1732
- />
1733
- <div
1734
- aria-atomic="true"
1735
- aria-live="polite"
1736
- class="divider default text"
1737
- role="alert"
1738
- >
1739
- template.field.mandatory.depends.on
1740
- </div>
1741
- <i
1742
- aria-hidden="true"
1743
- class="dropdown icon"
1744
- />
1745
- <div
1746
- class="menu transition"
1747
- role="listbox"
1748
- >
1749
- <div
1750
- class="message"
1751
- >
1752
- No results found.
1753
- </div>
1754
- </div>
1755
- </div>
1756
- </div>
1757
- </div>
1758
- <div
1759
- class="field"
1760
- >
1761
- <div
1762
- class="disabled field"
1763
- >
1764
- <div
1765
- aria-disabled="true"
1766
- aria-expanded="false"
1767
- class="ui disabled fluid multiple search selection dropdown"
1768
- name="content[0].fields[0].mandatory.to_be"
1769
- role="combobox"
1770
- >
1771
- <input
1772
- aria-autocomplete="list"
1773
- autocomplete="off"
1774
- class="search"
1775
- tabindex="-1"
1776
- type="text"
1777
- value=""
1778
- />
1779
- <span
1780
- class="sizer"
1781
- />
1782
- <div
1783
- aria-atomic="true"
1784
- aria-live="polite"
1785
- class="divider default text"
1786
- role="alert"
1787
- >
1788
- template.field.mandatory.depends.to_be
1789
- </div>
1790
- <i
1791
- aria-hidden="true"
1792
- class="dropdown icon"
1793
- />
1794
- <div
1795
- aria-multiselectable="true"
1796
- class="menu transition"
1797
- role="listbox"
1798
- >
1799
- <div
1800
- class="message"
1801
- >
1802
- No results found.
1803
- </div>
1804
- </div>
1805
- </div>
1806
- </div>
1807
- </div>
1808
- </div>
1809
- </div>
1810
1979
  </div>
1811
1980
  </div>
1812
1981
  </div>