@truedat/df 7.4.5 → 7.5.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 (31) hide show
  1. package/package.json +5 -5
  2. package/src/messages/en.js +4 -0
  3. package/src/messages/es.js +5 -1
  4. package/src/styles/template.less +12 -0
  5. package/src/templates/components/__tests__/Template.spec.js +25 -9
  6. package/src/templates/components/__tests__/__snapshots__/Template.spec.js.snap +364 -5
  7. package/src/templates/components/templateForm/ActiveGroupForm.js +16 -2
  8. package/src/templates/components/templateForm/ConditionalFieldForm.js +28 -4
  9. package/src/templates/components/templateForm/DependentDomain.js +27 -1
  10. package/src/templates/components/templateForm/DependentFormField.js +1 -1
  11. package/src/templates/components/templateForm/FieldForm.js +33 -5
  12. package/src/templates/components/templateForm/HierarchiesList.js +0 -1
  13. package/src/templates/components/templateForm/MandatoryConditional.js +28 -5
  14. package/src/templates/components/templateForm/SwitchListForm.js +48 -2
  15. package/src/templates/components/templateForm/TemplateForm.js +58 -11
  16. package/src/templates/components/templateForm/TemplateFormActions.js +3 -2
  17. package/src/templates/components/templateForm/ValuesListForm.js +72 -1
  18. package/src/templates/components/templateForm/ValuesSelector.js +46 -7
  19. package/src/templates/components/templateForm/__tests__/DependentDomain.spec.js +2 -0
  20. package/src/templates/components/templateForm/__tests__/SwitchSegment.spec.js +1 -0
  21. package/src/templates/components/templateForm/__tests__/TemplateForm.spec.js +46 -2
  22. package/src/templates/components/templateForm/__tests__/TemplateFormActions.spec.js +7 -0
  23. package/src/templates/components/templateForm/__tests__/__snapshots__/ActiveGroupForm.spec.js.snap +6 -1
  24. package/src/templates/components/templateForm/__tests__/__snapshots__/DependentDomain.spec.js.snap +3 -0
  25. package/src/templates/components/templateForm/__tests__/__snapshots__/FieldForm.spec.js.snap +33 -7
  26. package/src/templates/components/templateForm/__tests__/__snapshots__/MandatoryConditional.spec.js.snap +3 -1
  27. package/src/templates/components/templateForm/__tests__/__snapshots__/SwitchListForm.spec.js.snap +10 -0
  28. package/src/templates/components/templateForm/__tests__/__snapshots__/TemplateForm.spec.js.snap +1250 -4
  29. package/src/templates/components/templateForm/__tests__/__snapshots__/TemplateFormActions.spec.js.snap +28 -0
  30. package/src/templates/components/templateForm/__tests__/__snapshots__/ValuesListForm.spec.js.snap +4 -0
  31. package/src/templates/components/templateForm/contentValidation.js +100 -15
@@ -3,7 +3,7 @@
3
3
  exports[`<TemplateForm /> matches the latest snapshot (loading) 1`] = `
4
4
  <div>
5
5
  <form
6
- class="ui loading form"
6
+ class="ui loading form template-form"
7
7
  >
8
8
  <div
9
9
  class="ui horizontal divider"
@@ -288,10 +288,314 @@ exports[`<TemplateForm /> matches the latest snapshot (loading) 1`] = `
288
288
  </div>
289
289
  `;
290
290
 
291
- exports[`<TemplateForm /> matches the latest snapshot 1`] = `
291
+ exports[`<TemplateForm /> matches the latest snapshot for empty template 1`] = `
292
292
  <div>
293
293
  <form
294
- class="ui 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
303
+ </h4>
304
+ </div>
305
+ <div
306
+ class="fields"
307
+ >
308
+ <div
309
+ class="required six wide field"
310
+ >
311
+ <label>
312
+ Name
313
+ <div
314
+ class="ui left pointing label"
315
+ >
316
+ Empty required field
317
+ </div>
318
+ </label>
319
+ <div
320
+ class="ui input"
321
+ >
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
+ Label
335
+ <div
336
+ class="ui left pointing label"
337
+ >
338
+ Empty required field
339
+ </div>
340
+ </label>
341
+ <div
342
+ class="ui input"
343
+ >
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
+ Scope
357
+ <div
358
+ class="ui left pointing label"
359
+ >
360
+ Empty required field
361
+ </div>
362
+ </label>
363
+ <div
364
+ aria-expanded="false"
365
+ class="ui selection dropdown"
366
+ name="scope"
367
+ required=""
368
+ role="listbox"
369
+ tabindex="0"
370
+ >
371
+ <div
372
+ aria-atomic="true"
373
+ aria-live="polite"
374
+ class="divider default text"
375
+ role="alert"
376
+ >
377
+ Select scope...
378
+ </div>
379
+ <i
380
+ aria-hidden="true"
381
+ class="dropdown icon"
382
+ />
383
+ <div
384
+ class="menu transition"
385
+ >
386
+ <div
387
+ aria-checked="false"
388
+ aria-selected="true"
389
+ class="selected item"
390
+ role="option"
391
+ style="pointer-events: all;"
392
+ >
393
+ <span
394
+ class="text"
395
+ >
396
+ Business Concept
397
+ </span>
398
+ </div>
399
+ <div
400
+ aria-checked="false"
401
+ aria-selected="false"
402
+ class="item"
403
+ role="option"
404
+ style="pointer-events: all;"
405
+ >
406
+ <span
407
+ class="text"
408
+ >
409
+ Data Catalog
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"
421
+ >
422
+ Data Request
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
+ Grants
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
+ Quality Control
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
+ Quality Executions
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"
473
+ >
474
+ Quality Implementation
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"
486
+ >
487
+ Quality Rule
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"
499
+ >
500
+ Remediation plan
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"
512
+ >
513
+ template.scope.qxe
514
+ </span>
515
+ </div>
516
+ </div>
517
+ </div>
518
+ </div>
519
+ <div
520
+ class="disabled six wide field"
521
+ >
522
+ <label>
523
+ Subscope
524
+ </label>
525
+ <div
526
+ class="ui disabled input"
527
+ >
528
+ <input
529
+ disabled=""
530
+ name="subscope"
531
+ placeholder="Type a subscope..."
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
+ Field Groups
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
+ Add Group
565
+ </a>
566
+ </div>
567
+ </div>
568
+ <div
569
+ class="twelve wide column"
570
+ />
571
+ </div>
572
+ <div
573
+ class="ui divider"
574
+ />
575
+ <div
576
+ class="ui right aligned container"
577
+ >
578
+ <button
579
+ class="ui primary disabled button"
580
+ disabled=""
581
+ tabindex="-1"
582
+ >
583
+ Save
584
+ </button>
585
+ <button
586
+ class="ui button"
587
+ >
588
+ Cancel
589
+ </button>
590
+ </div>
591
+ </form>
592
+ </div>
593
+ `;
594
+
595
+ exports[`<TemplateForm /> matches the latest snapshot for filled template 1`] = `
596
+ <div>
597
+ <form
598
+ class="ui form template-form"
295
599
  >
296
600
  <div
297
601
  class="ui horizontal divider"
@@ -538,6 +842,16 @@ exports[`<TemplateForm /> matches the latest snapshot 1`] = `
538
842
  <div
539
843
  class="ui pointing vertical menu"
540
844
  >
845
+ <a
846
+ class="active item"
847
+ >
848
+ <div
849
+ class="ui label"
850
+ >
851
+ 1
852
+ </div>
853
+ group
854
+ </a>
541
855
  <a
542
856
  class="item"
543
857
  >
@@ -551,7 +865,939 @@ exports[`<TemplateForm /> matches the latest snapshot 1`] = `
551
865
  </div>
552
866
  <div
553
867
  class="twelve wide column"
554
- />
868
+ >
869
+ <div
870
+ class="ui orange small basic right floated buttons"
871
+ >
872
+ <button
873
+ class="ui icon disabled button"
874
+ disabled=""
875
+ tabindex="-1"
876
+ type="button"
877
+ >
878
+ <i
879
+ aria-hidden="true"
880
+ class="arrow up icon"
881
+ />
882
+ </button>
883
+ <button
884
+ class="ui icon disabled button"
885
+ disabled=""
886
+ tabindex="-1"
887
+ type="button"
888
+ >
889
+ <i
890
+ aria-hidden="true"
891
+ class="arrow down icon"
892
+ />
893
+ </button>
894
+ <button
895
+ class="ui icon button"
896
+ type="button"
897
+ >
898
+ <i
899
+ aria-hidden="true"
900
+ class="trash alternate outline icon"
901
+ />
902
+ </button>
903
+ <button
904
+ class="ui button"
905
+ type="button"
906
+ >
907
+ Add Field
908
+ </button>
909
+ </div>
910
+ <div
911
+ class="required field"
912
+ >
913
+ <label>
914
+ Group Name
915
+ </label>
916
+ <div
917
+ class="ui input"
918
+ >
919
+ <input
920
+ name="content[0].name"
921
+ required=""
922
+ type="text"
923
+ value="group"
924
+ />
925
+ </div>
926
+ </div>
927
+ <div
928
+ class="accordion ui"
929
+ >
930
+ <div
931
+ class="title"
932
+ >
933
+ <i
934
+ aria-hidden="true"
935
+ class="dropdown icon"
936
+ />
937
+ <div
938
+ class="ui orange label"
939
+ >
940
+ field
941
+ </div>
942
+ </div>
943
+ <div
944
+ class="content"
945
+ >
946
+ <div
947
+ class="ui segment"
948
+ >
949
+ <div
950
+ class="ui orange tiny basic right floated buttons"
951
+ >
952
+ <button
953
+ class="ui icon disabled button"
954
+ disabled=""
955
+ tabindex="-1"
956
+ >
957
+ <i
958
+ aria-hidden="true"
959
+ class="arrow up icon"
960
+ />
961
+ </button>
962
+ <button
963
+ class="ui icon disabled button"
964
+ disabled=""
965
+ tabindex="-1"
966
+ >
967
+ <i
968
+ aria-hidden="true"
969
+ class="arrow down icon"
970
+ />
971
+ </button>
972
+ <button
973
+ class="ui icon button"
974
+ >
975
+ <i
976
+ aria-hidden="true"
977
+ class="trash alternate outline icon"
978
+ />
979
+ </button>
980
+ </div>
981
+ <div
982
+ class="ui clearing hidden divider"
983
+ />
984
+ <div
985
+ class="equal width fields"
986
+ >
987
+ <div
988
+ class="required field"
989
+ >
990
+ <label>
991
+ Label
992
+ </label>
993
+ <div
994
+ class="ui small input"
995
+ >
996
+ <input
997
+ name="content[0].fields[0].label"
998
+ required=""
999
+ type="text"
1000
+ value="field"
1001
+ />
1002
+ </div>
1003
+ </div>
1004
+ <div
1005
+ class="disabled required field"
1006
+ >
1007
+ <label>
1008
+ Name
1009
+ </label>
1010
+ <div
1011
+ class="ui small disabled fluid input"
1012
+ >
1013
+ <input
1014
+ disabled=""
1015
+ name="content[0].fields[0].name"
1016
+ required=""
1017
+ tabindex="-1"
1018
+ type="text"
1019
+ value="field"
1020
+ />
1021
+ </div>
1022
+ </div>
1023
+ </div>
1024
+ <div
1025
+ class="field"
1026
+ >
1027
+ <label>
1028
+ Description
1029
+ </label>
1030
+ <textarea
1031
+ name="content[0].fields[0].description"
1032
+ rows="4"
1033
+ />
1034
+ </div>
1035
+ <div
1036
+ class="equal width fields"
1037
+ >
1038
+ <div
1039
+ class="required field"
1040
+ >
1041
+ <label>
1042
+ Widget
1043
+ </label>
1044
+ <div
1045
+ aria-expanded="false"
1046
+ class="ui fluid selection dropdown"
1047
+ name="content[0].fields[0].widget"
1048
+ required=""
1049
+ role="listbox"
1050
+ tabindex="0"
1051
+ >
1052
+ <div
1053
+ aria-atomic="true"
1054
+ aria-live="polite"
1055
+ class="divider text"
1056
+ role="alert"
1057
+ >
1058
+ Text Input
1059
+ </div>
1060
+ <i
1061
+ aria-hidden="true"
1062
+ class="dropdown icon"
1063
+ />
1064
+ <div
1065
+ class="menu transition"
1066
+ >
1067
+ <div
1068
+ aria-checked="false"
1069
+ aria-selected="false"
1070
+ class="item"
1071
+ role="option"
1072
+ style="pointer-events: all;"
1073
+ >
1074
+ <i
1075
+ aria-hidden="true"
1076
+ class="hashtag icon"
1077
+ />
1078
+ <span
1079
+ class="text"
1080
+ >
1081
+ Identifier
1082
+ </span>
1083
+ </div>
1084
+ <div
1085
+ aria-checked="true"
1086
+ aria-selected="true"
1087
+ class="active selected item"
1088
+ role="option"
1089
+ style="pointer-events: all;"
1090
+ >
1091
+ <i
1092
+ aria-hidden="true"
1093
+ class="minus icon"
1094
+ />
1095
+ <span
1096
+ class="text"
1097
+ >
1098
+ Text Input
1099
+ </span>
1100
+ </div>
1101
+ <div
1102
+ aria-checked="false"
1103
+ aria-selected="false"
1104
+ class="item"
1105
+ role="option"
1106
+ style="pointer-events: all;"
1107
+ >
1108
+ <i
1109
+ aria-hidden="true"
1110
+ class="align justify icon"
1111
+ />
1112
+ <span
1113
+ class="text"
1114
+ >
1115
+ Textarea
1116
+ </span>
1117
+ </div>
1118
+ <div
1119
+ aria-checked="false"
1120
+ aria-selected="false"
1121
+ class="item"
1122
+ role="option"
1123
+ style="pointer-events: all;"
1124
+ >
1125
+ <i
1126
+ aria-hidden="true"
1127
+ class="arrow down icon"
1128
+ />
1129
+ <span
1130
+ class="text"
1131
+ >
1132
+ Dropdown
1133
+ </span>
1134
+ </div>
1135
+ <div
1136
+ aria-checked="false"
1137
+ aria-selected="false"
1138
+ class="item"
1139
+ role="option"
1140
+ style="pointer-events: all;"
1141
+ >
1142
+ <i
1143
+ aria-hidden="true"
1144
+ class="radio icon"
1145
+ />
1146
+ <span
1147
+ class="text"
1148
+ >
1149
+ Radio
1150
+ </span>
1151
+ </div>
1152
+ <div
1153
+ aria-checked="false"
1154
+ aria-selected="false"
1155
+ class="item"
1156
+ role="option"
1157
+ style="pointer-events: all;"
1158
+ >
1159
+ <i
1160
+ aria-hidden="true"
1161
+ class="check square outline icon"
1162
+ />
1163
+ <span
1164
+ class="text"
1165
+ >
1166
+ Checkbox
1167
+ </span>
1168
+ </div>
1169
+ <div
1170
+ aria-checked="false"
1171
+ aria-selected="false"
1172
+ class="item"
1173
+ role="option"
1174
+ style="pointer-events: all;"
1175
+ >
1176
+ <i
1177
+ aria-hidden="true"
1178
+ class="linkify icon"
1179
+ />
1180
+ <span
1181
+ class="text"
1182
+ >
1183
+ Links
1184
+ </span>
1185
+ </div>
1186
+ <div
1187
+ aria-checked="false"
1188
+ aria-selected="false"
1189
+ class="item"
1190
+ role="option"
1191
+ style="pointer-events: all;"
1192
+ >
1193
+ <i
1194
+ aria-hidden="true"
1195
+ class="tint icon"
1196
+ />
1197
+ <span
1198
+ class="text"
1199
+ >
1200
+ Colorpicker
1201
+ </span>
1202
+ </div>
1203
+ <div
1204
+ aria-checked="false"
1205
+ aria-selected="false"
1206
+ class="item"
1207
+ role="option"
1208
+ style="pointer-events: all;"
1209
+ >
1210
+ <i
1211
+ aria-hidden="true"
1212
+ class="text cursor icon"
1213
+ />
1214
+ <span
1215
+ class="text"
1216
+ >
1217
+ Enrichedtext
1218
+ </span>
1219
+ </div>
1220
+ <div
1221
+ aria-checked="false"
1222
+ aria-selected="false"
1223
+ class="item"
1224
+ role="option"
1225
+ style="pointer-events: all;"
1226
+ >
1227
+ <i
1228
+ aria-hidden="true"
1229
+ class="table icon"
1230
+ />
1231
+ <span
1232
+ class="text"
1233
+ >
1234
+ Table
1235
+ </span>
1236
+ </div>
1237
+ <div
1238
+ aria-checked="false"
1239
+ aria-selected="false"
1240
+ class="item"
1241
+ role="option"
1242
+ style="pointer-events: all;"
1243
+ >
1244
+ <i
1245
+ aria-hidden="true"
1246
+ class="asterisk icon"
1247
+ />
1248
+ <span
1249
+ class="text"
1250
+ >
1251
+ Password
1252
+ </span>
1253
+ </div>
1254
+ <div
1255
+ aria-checked="false"
1256
+ aria-selected="false"
1257
+ class="item"
1258
+ role="option"
1259
+ style="pointer-events: all;"
1260
+ >
1261
+ <i
1262
+ aria-hidden="true"
1263
+ class="image icon"
1264
+ />
1265
+ <span
1266
+ class="text"
1267
+ >
1268
+ Image
1269
+ </span>
1270
+ </div>
1271
+ <div
1272
+ aria-checked="false"
1273
+ aria-selected="false"
1274
+ class="item"
1275
+ role="option"
1276
+ style="pointer-events: all;"
1277
+ >
1278
+ <i
1279
+ aria-hidden="true"
1280
+ class="hashtag icon"
1281
+ />
1282
+ <span
1283
+ class="text"
1284
+ >
1285
+ Number
1286
+ </span>
1287
+ </div>
1288
+ <div
1289
+ aria-checked="false"
1290
+ aria-selected="false"
1291
+ class="item"
1292
+ role="option"
1293
+ style="pointer-events: all;"
1294
+ >
1295
+ <i
1296
+ aria-hidden="true"
1297
+ class="calendar icon"
1298
+ />
1299
+ <span
1300
+ class="text"
1301
+ >
1302
+ Date
1303
+ </span>
1304
+ </div>
1305
+ <div
1306
+ aria-checked="false"
1307
+ aria-selected="false"
1308
+ class="item"
1309
+ role="option"
1310
+ style="pointer-events: all;"
1311
+ >
1312
+ <i
1313
+ aria-hidden="true"
1314
+ class="calendar icon"
1315
+ />
1316
+ <span
1317
+ class="text"
1318
+ >
1319
+ Date Time
1320
+ </span>
1321
+ </div>
1322
+ </div>
1323
+ </div>
1324
+ </div>
1325
+ <div
1326
+ class="required field"
1327
+ >
1328
+ <label>
1329
+ Type
1330
+ </label>
1331
+ <div
1332
+ aria-expanded="false"
1333
+ class="ui fluid selection dropdown"
1334
+ name="content[0].fields[0].type"
1335
+ required=""
1336
+ role="listbox"
1337
+ tabindex="0"
1338
+ >
1339
+ <div
1340
+ aria-atomic="true"
1341
+ aria-live="polite"
1342
+ class="divider text"
1343
+ role="alert"
1344
+ >
1345
+ String
1346
+ </div>
1347
+ <i
1348
+ aria-hidden="true"
1349
+ class="dropdown icon"
1350
+ />
1351
+ <div
1352
+ class="menu transition"
1353
+ >
1354
+ <div
1355
+ aria-checked="true"
1356
+ aria-selected="true"
1357
+ class="active selected item"
1358
+ role="option"
1359
+ style="pointer-events: all;"
1360
+ >
1361
+ <span
1362
+ class="text"
1363
+ >
1364
+ String
1365
+ </span>
1366
+ </div>
1367
+ </div>
1368
+ </div>
1369
+ </div>
1370
+ <div
1371
+ class="required field"
1372
+ >
1373
+ <label>
1374
+ Cardinality
1375
+ </label>
1376
+ <div
1377
+ aria-expanded="false"
1378
+ class="ui fluid selection dropdown"
1379
+ name="content[0].fields[0].cardinality"
1380
+ required=""
1381
+ role="listbox"
1382
+ tabindex="0"
1383
+ >
1384
+ <div
1385
+ aria-atomic="true"
1386
+ aria-live="polite"
1387
+ class="divider text"
1388
+ role="alert"
1389
+ >
1390
+ None or more
1391
+ </div>
1392
+ <i
1393
+ aria-hidden="true"
1394
+ class="dropdown icon"
1395
+ />
1396
+ <div
1397
+ class="menu transition"
1398
+ >
1399
+ <div
1400
+ aria-checked="false"
1401
+ aria-selected="false"
1402
+ class="item"
1403
+ role="option"
1404
+ style="pointer-events: all;"
1405
+ >
1406
+ <span
1407
+ class="text"
1408
+ >
1409
+ One or none
1410
+ </span>
1411
+ </div>
1412
+ <div
1413
+ aria-checked="false"
1414
+ aria-selected="false"
1415
+ class="item"
1416
+ role="option"
1417
+ style="pointer-events: all;"
1418
+ >
1419
+ <span
1420
+ class="text"
1421
+ >
1422
+ One
1423
+ </span>
1424
+ </div>
1425
+ <div
1426
+ aria-checked="true"
1427
+ aria-selected="true"
1428
+ class="active selected item"
1429
+ role="option"
1430
+ style="pointer-events: all;"
1431
+ >
1432
+ <span
1433
+ class="text"
1434
+ >
1435
+ None or more
1436
+ </span>
1437
+ </div>
1438
+ <div
1439
+ aria-checked="false"
1440
+ aria-selected="false"
1441
+ class="item"
1442
+ role="option"
1443
+ style="pointer-events: all;"
1444
+ >
1445
+ <span
1446
+ class="text"
1447
+ >
1448
+ One or more
1449
+ </span>
1450
+ </div>
1451
+ </div>
1452
+ </div>
1453
+ </div>
1454
+ </div>
1455
+ <div
1456
+ class="ui segment"
1457
+ >
1458
+ <div
1459
+ class="equal width fields"
1460
+ >
1461
+ <div
1462
+ class="field"
1463
+ >
1464
+ <div
1465
+ class="field"
1466
+ >
1467
+ <div
1468
+ class="ui checked checkbox"
1469
+ >
1470
+ <input
1471
+ checked=""
1472
+ class="hidden"
1473
+ name="content[0].fields[0].editable"
1474
+ readonly=""
1475
+ tabindex="0"
1476
+ type="checkbox"
1477
+ value=""
1478
+ />
1479
+ <label>
1480
+ Editable
1481
+ </label>
1482
+ </div>
1483
+ </div>
1484
+ </div>
1485
+ <div
1486
+ class="field"
1487
+ >
1488
+ <div
1489
+ class="field"
1490
+ >
1491
+ <div
1492
+ class="ui checkbox"
1493
+ >
1494
+ <input
1495
+ class="hidden"
1496
+ name="content[0].fields[0].ai_suggestion"
1497
+ readonly=""
1498
+ tabindex="0"
1499
+ type="checkbox"
1500
+ value=""
1501
+ />
1502
+ <label>
1503
+ AI Suggestions
1504
+ </label>
1505
+ </div>
1506
+ </div>
1507
+ </div>
1508
+ <div
1509
+ class="field"
1510
+ >
1511
+ <div
1512
+ class="field"
1513
+ >
1514
+ <div
1515
+ class="ui checked checkbox"
1516
+ >
1517
+ <input
1518
+ checked=""
1519
+ class="hidden"
1520
+ name="content[0].fields[0].searchable"
1521
+ readonly=""
1522
+ tabindex="0"
1523
+ type="checkbox"
1524
+ value=""
1525
+ />
1526
+ <label>
1527
+ Searchable
1528
+ </label>
1529
+ </div>
1530
+ </div>
1531
+ </div>
1532
+ </div>
1533
+ <div
1534
+ class="field"
1535
+ >
1536
+ <label>
1537
+ Add default value
1538
+ </label>
1539
+ <div
1540
+ aria-expanded="false"
1541
+ class="ui fluid multiple search selection dropdown"
1542
+ role="combobox"
1543
+ >
1544
+ <input
1545
+ aria-autocomplete="list"
1546
+ autocomplete="off"
1547
+ class="search"
1548
+ tabindex="0"
1549
+ type="text"
1550
+ value=""
1551
+ />
1552
+ <span
1553
+ class="sizer"
1554
+ />
1555
+ <i
1556
+ aria-hidden="true"
1557
+ class="dropdown icon"
1558
+ />
1559
+ <div
1560
+ aria-multiselectable="true"
1561
+ class="menu transition"
1562
+ role="listbox"
1563
+ >
1564
+ <div
1565
+ aria-checked="false"
1566
+ aria-selected="true"
1567
+ class="selected item"
1568
+ role="option"
1569
+ style="pointer-events: all;"
1570
+ >
1571
+ <span
1572
+ class="text"
1573
+ />
1574
+ </div>
1575
+ </div>
1576
+ </div>
1577
+ </div>
1578
+ </div>
1579
+ <div
1580
+ class="field"
1581
+ >
1582
+ <label>
1583
+ <label>
1584
+ Conditional visibility
1585
+ </label>
1586
+ </label>
1587
+ <div
1588
+ class="equal width fields"
1589
+ >
1590
+ <div
1591
+ class="field"
1592
+ >
1593
+ <div
1594
+ class="disabled field"
1595
+ >
1596
+ <div
1597
+ aria-disabled="true"
1598
+ aria-expanded="false"
1599
+ class="ui disabled fluid search selection dropdown"
1600
+ name="content[0].fields[0].depends.on"
1601
+ role="combobox"
1602
+ >
1603
+ <input
1604
+ aria-autocomplete="list"
1605
+ autocomplete="off"
1606
+ class="search"
1607
+ tabindex="-1"
1608
+ type="text"
1609
+ value=""
1610
+ />
1611
+ <div
1612
+ aria-atomic="true"
1613
+ aria-live="polite"
1614
+ class="divider default text"
1615
+ role="alert"
1616
+ >
1617
+ Source Field
1618
+ </div>
1619
+ <i
1620
+ aria-hidden="true"
1621
+ class="dropdown icon"
1622
+ />
1623
+ <div
1624
+ class="menu transition"
1625
+ role="listbox"
1626
+ >
1627
+ <div
1628
+ class="message"
1629
+ >
1630
+ No results found.
1631
+ </div>
1632
+ </div>
1633
+ </div>
1634
+ </div>
1635
+ </div>
1636
+ <div
1637
+ class="field"
1638
+ >
1639
+ <div
1640
+ class="disabled field"
1641
+ >
1642
+ <div
1643
+ aria-disabled="true"
1644
+ aria-expanded="false"
1645
+ class="ui disabled fluid multiple search selection dropdown"
1646
+ name="content[0].fields[0].depends.to_be"
1647
+ role="combobox"
1648
+ >
1649
+ <input
1650
+ aria-autocomplete="list"
1651
+ autocomplete="off"
1652
+ class="search"
1653
+ tabindex="-1"
1654
+ type="text"
1655
+ value=""
1656
+ />
1657
+ <span
1658
+ class="sizer"
1659
+ />
1660
+ <div
1661
+ aria-atomic="true"
1662
+ aria-live="polite"
1663
+ class="divider default text"
1664
+ role="alert"
1665
+ >
1666
+ Source Value
1667
+ </div>
1668
+ <i
1669
+ aria-hidden="true"
1670
+ class="dropdown icon"
1671
+ />
1672
+ <div
1673
+ aria-multiselectable="true"
1674
+ class="menu transition"
1675
+ role="listbox"
1676
+ >
1677
+ <div
1678
+ class="message"
1679
+ >
1680
+ No results found.
1681
+ </div>
1682
+ </div>
1683
+ </div>
1684
+ </div>
1685
+ </div>
1686
+ </div>
1687
+ </div>
1688
+ <div
1689
+ class="field"
1690
+ >
1691
+ <label>
1692
+ <label>
1693
+ Mandatory depending on
1694
+ </label>
1695
+ </label>
1696
+ <div
1697
+ class="equal width fields"
1698
+ >
1699
+ <div
1700
+ class="field"
1701
+ >
1702
+ <div
1703
+ class="disabled field"
1704
+ >
1705
+ <div
1706
+ aria-disabled="true"
1707
+ aria-expanded="false"
1708
+ class="ui disabled fluid search selection dropdown"
1709
+ name="content[0].fields[0].mandatory.on"
1710
+ role="combobox"
1711
+ >
1712
+ <input
1713
+ aria-autocomplete="list"
1714
+ autocomplete="off"
1715
+ class="search"
1716
+ tabindex="-1"
1717
+ type="text"
1718
+ value=""
1719
+ />
1720
+ <div
1721
+ aria-atomic="true"
1722
+ aria-live="polite"
1723
+ class="divider default text"
1724
+ role="alert"
1725
+ >
1726
+ Depending on
1727
+ </div>
1728
+ <i
1729
+ aria-hidden="true"
1730
+ class="dropdown icon"
1731
+ />
1732
+ <div
1733
+ class="menu transition"
1734
+ role="listbox"
1735
+ >
1736
+ <div
1737
+ class="message"
1738
+ >
1739
+ No results found.
1740
+ </div>
1741
+ </div>
1742
+ </div>
1743
+ </div>
1744
+ </div>
1745
+ <div
1746
+ class="field"
1747
+ >
1748
+ <div
1749
+ class="disabled field"
1750
+ >
1751
+ <div
1752
+ aria-disabled="true"
1753
+ aria-expanded="false"
1754
+ class="ui disabled fluid multiple search selection dropdown"
1755
+ name="content[0].fields[0].mandatory.to_be"
1756
+ role="combobox"
1757
+ >
1758
+ <input
1759
+ aria-autocomplete="list"
1760
+ autocomplete="off"
1761
+ class="search"
1762
+ tabindex="-1"
1763
+ type="text"
1764
+ value=""
1765
+ />
1766
+ <span
1767
+ class="sizer"
1768
+ />
1769
+ <div
1770
+ aria-atomic="true"
1771
+ aria-live="polite"
1772
+ class="divider default text"
1773
+ role="alert"
1774
+ >
1775
+ Depending value
1776
+ </div>
1777
+ <i
1778
+ aria-hidden="true"
1779
+ class="dropdown icon"
1780
+ />
1781
+ <div
1782
+ aria-multiselectable="true"
1783
+ class="menu transition"
1784
+ role="listbox"
1785
+ >
1786
+ <div
1787
+ class="message"
1788
+ >
1789
+ No results found.
1790
+ </div>
1791
+ </div>
1792
+ </div>
1793
+ </div>
1794
+ </div>
1795
+ </div>
1796
+ </div>
1797
+ </div>
1798
+ </div>
1799
+ </div>
1800
+ </div>
555
1801
  </div>
556
1802
  <div
557
1803
  class="ui divider"