@sme.up/ketchup 11.0.0-SNAPSHOT-20241024103823 → 11.0.0-SNAPSHOT-20241024123002
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.
- package/dist/cjs/kup-autocomplete_27.cjs.entry.js +2 -1
- package/dist/cjs/kup-autocomplete_27.cjs.entry.js.map +1 -1
- package/dist/cjs/kup-input-panel.cjs.entry.js +18 -7
- package/dist/cjs/kup-input-panel.cjs.entry.js.map +1 -1
- package/dist/collection/components/kup-input-panel/kup-input-panel.e2e.js +313 -0
- package/dist/collection/components/kup-input-panel/kup-input-panel.e2e.js.map +1 -1
- package/dist/collection/components/kup-input-panel/kup-input-panel.js +18 -7
- package/dist/collection/components/kup-input-panel/kup-input-panel.js.map +1 -1
- package/dist/collection/components/kup-tab-bar/kup-tab-bar-declarations.js.map +1 -1
- package/dist/collection/components/kup-tab-bar/kup-tab-bar.css +11 -0
- package/dist/collection/components/kup-tab-bar/kup-tab-bar.js +1 -0
- package/dist/collection/components/kup-tab-bar/kup-tab-bar.js.map +1 -1
- package/dist/components/kup-autocomplete2.js +2 -1
- package/dist/components/kup-autocomplete2.js.map +1 -1
- package/dist/components/kup-input-panel.js +18 -7
- package/dist/components/kup-input-panel.js.map +1 -1
- package/dist/esm/kup-autocomplete_27.entry.js +2 -1
- package/dist/esm/kup-autocomplete_27.entry.js.map +1 -1
- package/dist/esm/kup-input-panel.entry.js +18 -7
- package/dist/esm/kup-input-panel.entry.js.map +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/p-6e305c2f.entry.js +2 -0
- package/dist/ketchup/p-6e305c2f.entry.js.map +1 -0
- package/dist/ketchup/{p-595a4c1f.entry.js → p-e506c300.entry.js} +2 -2
- package/dist/ketchup/{p-595a4c1f.entry.js.map → p-e506c300.entry.js.map} +1 -1
- package/dist/types/components/kup-tab-bar/kup-tab-bar-declarations.d.ts +1 -0
- package/package.json +1 -1
- package/dist/ketchup/p-90316bea.entry.js +0 -2
- package/dist/ketchup/p-90316bea.entry.js.map +0 -1
|
@@ -1219,5 +1219,318 @@ describe('kup-input-panel', () => {
|
|
|
1219
1219
|
expect(positionStyle).toBe('absolute');
|
|
1220
1220
|
});
|
|
1221
1221
|
});
|
|
1222
|
+
it('render inputpanel with tab error data attribute', async () => {
|
|
1223
|
+
const page = await newE2EPage();
|
|
1224
|
+
await page.setContent('<kup-input-panel></kup-input-panel> <div kup-dynamic-position></div>');
|
|
1225
|
+
const inputPanel = await page.find('kup-input-panel');
|
|
1226
|
+
const data = {
|
|
1227
|
+
type: 'SmeupDataTable',
|
|
1228
|
+
serviceInfo: {
|
|
1229
|
+
fun: 'F(FOR;MU_250_16F;*INIT) SS(CONAP() Context() CGr(FOR) ID({i214}) DV(W))',
|
|
1230
|
+
serviceName: 'MU_250_16F',
|
|
1231
|
+
},
|
|
1232
|
+
columns: [
|
|
1233
|
+
{
|
|
1234
|
+
name: 'NAME',
|
|
1235
|
+
title: 'Name*',
|
|
1236
|
+
visible: true,
|
|
1237
|
+
isEditable: false,
|
|
1238
|
+
},
|
|
1239
|
+
{
|
|
1240
|
+
name: 'EMAIL',
|
|
1241
|
+
title: 'Email*',
|
|
1242
|
+
visible: true,
|
|
1243
|
+
isEditable: false,
|
|
1244
|
+
},
|
|
1245
|
+
{
|
|
1246
|
+
name: 'NUMBER',
|
|
1247
|
+
title: 'Phone Number',
|
|
1248
|
+
visible: true,
|
|
1249
|
+
isEditable: false,
|
|
1250
|
+
},
|
|
1251
|
+
{
|
|
1252
|
+
name: 'BIRTH_DATE',
|
|
1253
|
+
title: 'Date of Birth',
|
|
1254
|
+
visible: true,
|
|
1255
|
+
isEditable: false,
|
|
1256
|
+
},
|
|
1257
|
+
{
|
|
1258
|
+
name: 'ROLE',
|
|
1259
|
+
title: 'Role*',
|
|
1260
|
+
visible: true,
|
|
1261
|
+
isEditable: false,
|
|
1262
|
+
},
|
|
1263
|
+
{
|
|
1264
|
+
name: 'STATUS',
|
|
1265
|
+
title: 'Current Employment Status*',
|
|
1266
|
+
visible: true,
|
|
1267
|
+
isEditable: false,
|
|
1268
|
+
},
|
|
1269
|
+
{
|
|
1270
|
+
name: 'SKILL',
|
|
1271
|
+
title: 'Skills',
|
|
1272
|
+
visible: true,
|
|
1273
|
+
isEditable: false,
|
|
1274
|
+
},
|
|
1275
|
+
{ name: 'FULL_REMOTE', visible: true, isEditable: false },
|
|
1276
|
+
{ name: 'CLEAR', visible: true, isEditable: false },
|
|
1277
|
+
],
|
|
1278
|
+
rows: [
|
|
1279
|
+
{
|
|
1280
|
+
cells: {
|
|
1281
|
+
FULL_REMOTE: {
|
|
1282
|
+
value: '',
|
|
1283
|
+
options: [],
|
|
1284
|
+
editable: true,
|
|
1285
|
+
mandatory: true,
|
|
1286
|
+
shape: 'SWT',
|
|
1287
|
+
data: {
|
|
1288
|
+
label: 'Full Remote',
|
|
1289
|
+
leadingLabel: true,
|
|
1290
|
+
checked: true,
|
|
1291
|
+
},
|
|
1292
|
+
},
|
|
1293
|
+
NAME: {
|
|
1294
|
+
value: '',
|
|
1295
|
+
options: [],
|
|
1296
|
+
editable: true,
|
|
1297
|
+
mandatory: true,
|
|
1298
|
+
shape: 'ITX',
|
|
1299
|
+
data: {
|
|
1300
|
+
error: 'Generic error',
|
|
1301
|
+
},
|
|
1302
|
+
},
|
|
1303
|
+
CLEAR: {
|
|
1304
|
+
value: 'Clear (F5)',
|
|
1305
|
+
obj: { k: 'CLEAR' },
|
|
1306
|
+
options: [],
|
|
1307
|
+
editable: true,
|
|
1308
|
+
mandatory: true,
|
|
1309
|
+
shape: 'BTN',
|
|
1310
|
+
data: { keyShortcut: 'f5', styling: 'outlined' },
|
|
1311
|
+
},
|
|
1312
|
+
EMAIL: {
|
|
1313
|
+
value: '',
|
|
1314
|
+
options: [],
|
|
1315
|
+
editable: true,
|
|
1316
|
+
mandatory: true,
|
|
1317
|
+
shape: 'ITX',
|
|
1318
|
+
data: { inputType: 'email' },
|
|
1319
|
+
},
|
|
1320
|
+
ROLE: {
|
|
1321
|
+
value: '',
|
|
1322
|
+
options: [
|
|
1323
|
+
{ id: 'FED', label: 'Front-End Developer' },
|
|
1324
|
+
{ id: 'BED', label: 'Back-End Developer' },
|
|
1325
|
+
{ id: 'FSD', label: 'Full-Stack Developer' },
|
|
1326
|
+
{ id: 'MOD', label: 'Mobile Developer' },
|
|
1327
|
+
{ id: 'SWE', label: 'Software Engineer' },
|
|
1328
|
+
{ id: 'DOE', label: 'DevOps Engineer' },
|
|
1329
|
+
{ id: 'DBA', label: 'Database Administrator' },
|
|
1330
|
+
{ id: 'DTS', label: 'Data Scientist' },
|
|
1331
|
+
{ id: 'DTE', label: 'Data Engineer' },
|
|
1332
|
+
{ id: 'DAN', label: 'Data Analyst' },
|
|
1333
|
+
{ id: 'CSA', label: 'Cybersecurity Analyst' },
|
|
1334
|
+
{ id: 'SEN', label: 'Security Engineer' },
|
|
1335
|
+
{
|
|
1336
|
+
id: 'EHT',
|
|
1337
|
+
label: 'Ethical Hacker / Penetration Tester',
|
|
1338
|
+
},
|
|
1339
|
+
{
|
|
1340
|
+
id: 'CIS',
|
|
1341
|
+
label: 'Chief Information Security Officer',
|
|
1342
|
+
},
|
|
1343
|
+
{ id: 'CLA', label: 'Cloud Architect' },
|
|
1344
|
+
{ id: 'CLE', label: 'Cloud Engineer' },
|
|
1345
|
+
{ id: 'SYA', label: 'System Administrator' },
|
|
1346
|
+
{ id: 'NWE', label: 'Network Engineer' },
|
|
1347
|
+
{ id: 'PMI', label: 'Project Manager IT' },
|
|
1348
|
+
{ id: 'PRM', label: 'Product Manager' },
|
|
1349
|
+
{
|
|
1350
|
+
id: 'SCM',
|
|
1351
|
+
label: 'Scrum Master / Agile Coach',
|
|
1352
|
+
},
|
|
1353
|
+
{
|
|
1354
|
+
id: 'MLE',
|
|
1355
|
+
label: 'Machine Learning Engineer',
|
|
1356
|
+
},
|
|
1357
|
+
{ id: 'AIS', label: 'AI Research Scientist' },
|
|
1358
|
+
{
|
|
1359
|
+
id: 'DIA',
|
|
1360
|
+
label: 'Data Scientist specializzato in AI',
|
|
1361
|
+
},
|
|
1362
|
+
{ id: 'OTH', label: 'Other...' },
|
|
1363
|
+
],
|
|
1364
|
+
editable: true,
|
|
1365
|
+
mandatory: true,
|
|
1366
|
+
shape: 'CMB',
|
|
1367
|
+
data: {
|
|
1368
|
+
displayMode: 'description',
|
|
1369
|
+
showDropDownIcon: true,
|
|
1370
|
+
},
|
|
1371
|
+
},
|
|
1372
|
+
STATUS: {
|
|
1373
|
+
value: '',
|
|
1374
|
+
options: [
|
|
1375
|
+
{ id: 'FUL', label: 'Full-time' },
|
|
1376
|
+
{ id: 'PAT', label: 'Part-time' },
|
|
1377
|
+
{ id: 'FRL', label: 'Freelance' },
|
|
1378
|
+
{ id: 'UNP', label: 'Unemployed' },
|
|
1379
|
+
],
|
|
1380
|
+
editable: true,
|
|
1381
|
+
mandatory: true,
|
|
1382
|
+
shape: 'CMB',
|
|
1383
|
+
data: { showDropDownIcon: false },
|
|
1384
|
+
},
|
|
1385
|
+
BIRTH_DATE: {
|
|
1386
|
+
value: '',
|
|
1387
|
+
options: [],
|
|
1388
|
+
editable: true,
|
|
1389
|
+
mandatory: true,
|
|
1390
|
+
shape: 'DAT',
|
|
1391
|
+
data: { outlined: true },
|
|
1392
|
+
},
|
|
1393
|
+
SKILL: {
|
|
1394
|
+
value: '',
|
|
1395
|
+
options: [],
|
|
1396
|
+
editable: true,
|
|
1397
|
+
mandatory: true,
|
|
1398
|
+
shape: 'CHI',
|
|
1399
|
+
data: { displayId: false, styling: 'outlined' },
|
|
1400
|
+
},
|
|
1401
|
+
NUMBER: {
|
|
1402
|
+
value: '',
|
|
1403
|
+
options: [],
|
|
1404
|
+
editable: true,
|
|
1405
|
+
mandatory: true,
|
|
1406
|
+
shape: 'ITX',
|
|
1407
|
+
data: { inputType: 'number', outlined: true },
|
|
1408
|
+
},
|
|
1409
|
+
},
|
|
1410
|
+
layout: {
|
|
1411
|
+
horizontal: false,
|
|
1412
|
+
absolute: false,
|
|
1413
|
+
sections: [
|
|
1414
|
+
{
|
|
1415
|
+
id: 'TAB1',
|
|
1416
|
+
icon: 'edit',
|
|
1417
|
+
content: [
|
|
1418
|
+
{
|
|
1419
|
+
options: [],
|
|
1420
|
+
editable: false,
|
|
1421
|
+
mandatory: false,
|
|
1422
|
+
id: 'NAME',
|
|
1423
|
+
colSpan: 1,
|
|
1424
|
+
rowStart: 1,
|
|
1425
|
+
},
|
|
1426
|
+
{
|
|
1427
|
+
options: [],
|
|
1428
|
+
editable: false,
|
|
1429
|
+
mandatory: false,
|
|
1430
|
+
id: 'EMAIL',
|
|
1431
|
+
colSpan: 1,
|
|
1432
|
+
rowStart: 2,
|
|
1433
|
+
},
|
|
1434
|
+
{
|
|
1435
|
+
options: [],
|
|
1436
|
+
editable: false,
|
|
1437
|
+
mandatory: false,
|
|
1438
|
+
id: 'NUMBER',
|
|
1439
|
+
colSpan: 1,
|
|
1440
|
+
rowStart: 3,
|
|
1441
|
+
},
|
|
1442
|
+
{
|
|
1443
|
+
options: [],
|
|
1444
|
+
editable: false,
|
|
1445
|
+
mandatory: false,
|
|
1446
|
+
id: 'BIRTH_DATE',
|
|
1447
|
+
colSpan: 1,
|
|
1448
|
+
rowStart: 4,
|
|
1449
|
+
},
|
|
1450
|
+
{
|
|
1451
|
+
options: [],
|
|
1452
|
+
editable: false,
|
|
1453
|
+
mandatory: false,
|
|
1454
|
+
id: 'CLEAR',
|
|
1455
|
+
colStart: 1,
|
|
1456
|
+
rowStart: 5,
|
|
1457
|
+
},
|
|
1458
|
+
],
|
|
1459
|
+
sections: [],
|
|
1460
|
+
horizontal: false,
|
|
1461
|
+
gridCols: 3,
|
|
1462
|
+
gridRows: 2,
|
|
1463
|
+
gap: 2,
|
|
1464
|
+
title: 'Personal Info',
|
|
1465
|
+
},
|
|
1466
|
+
{
|
|
1467
|
+
id: 'TAB2',
|
|
1468
|
+
icon: 'edit',
|
|
1469
|
+
content: [
|
|
1470
|
+
{
|
|
1471
|
+
options: [],
|
|
1472
|
+
editable: false,
|
|
1473
|
+
mandatory: false,
|
|
1474
|
+
id: 'ROLE',
|
|
1475
|
+
colSpan: 1,
|
|
1476
|
+
rowStart: 1,
|
|
1477
|
+
},
|
|
1478
|
+
{
|
|
1479
|
+
options: [],
|
|
1480
|
+
editable: false,
|
|
1481
|
+
mandatory: false,
|
|
1482
|
+
id: 'STATUS',
|
|
1483
|
+
colSpan: 1,
|
|
1484
|
+
rowStart: 2,
|
|
1485
|
+
},
|
|
1486
|
+
{
|
|
1487
|
+
options: [],
|
|
1488
|
+
editable: false,
|
|
1489
|
+
mandatory: false,
|
|
1490
|
+
id: 'SKILL',
|
|
1491
|
+
colSpan: 1,
|
|
1492
|
+
rowStart: 3,
|
|
1493
|
+
},
|
|
1494
|
+
{
|
|
1495
|
+
options: [],
|
|
1496
|
+
editable: false,
|
|
1497
|
+
mandatory: false,
|
|
1498
|
+
id: 'FULL_REMOTE',
|
|
1499
|
+
colSpan: 1,
|
|
1500
|
+
rowStart: 4,
|
|
1501
|
+
},
|
|
1502
|
+
{
|
|
1503
|
+
options: [],
|
|
1504
|
+
editable: false,
|
|
1505
|
+
mandatory: false,
|
|
1506
|
+
id: 'CLEAR',
|
|
1507
|
+
colSpan: 1,
|
|
1508
|
+
rowStart: 6,
|
|
1509
|
+
},
|
|
1510
|
+
],
|
|
1511
|
+
sections: [],
|
|
1512
|
+
horizontal: false,
|
|
1513
|
+
gridCols: 3,
|
|
1514
|
+
gridRows: 2,
|
|
1515
|
+
gap: 2,
|
|
1516
|
+
title: 'Professional Info',
|
|
1517
|
+
},
|
|
1518
|
+
],
|
|
1519
|
+
sectionsType: 'tab',
|
|
1520
|
+
},
|
|
1521
|
+
},
|
|
1522
|
+
],
|
|
1523
|
+
debugInfo: {
|
|
1524
|
+
executionTime_ms: 4,
|
|
1525
|
+
initialTimestamp: '2024-10-22T08:28:24.216644293Z',
|
|
1526
|
+
finalTimestamp: '2024-10-22T08:28:24.221455255Z',
|
|
1527
|
+
runtime: 'Java 21',
|
|
1528
|
+
},
|
|
1529
|
+
};
|
|
1530
|
+
inputPanel.setProperty('data', data);
|
|
1531
|
+
await page.waitForChanges();
|
|
1532
|
+
const classKupDanger = await page.find('kup-input-panel >>> form.input-panel >>> #kup-component f-button.kup-danger');
|
|
1533
|
+
expect(classKupDanger).not.toBeNull();
|
|
1534
|
+
});
|
|
1222
1535
|
});
|
|
1223
1536
|
//# sourceMappingURL=kup-input-panel.e2e.js.map
|