@esic-lab/data-core-ui 0.0.82 → 0.0.84

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 (4) hide show
  1. package/dist/index.css +3 -0
  2. package/dist/index.js +66 -24
  3. package/dist/index.mjs +66 -24
  4. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1034,6 +1034,9 @@
1034
1034
  .bg-white {
1035
1035
  background-color: var(--color-white);
1036
1036
  }
1037
+ .object-cover {
1038
+ object-fit: cover;
1039
+ }
1037
1040
  .p-1 {
1038
1041
  padding: calc(var(--spacing) * 1);
1039
1042
  }
package/dist/index.js CHANGED
@@ -4364,7 +4364,7 @@ function ProfileSelect({
4364
4364
  height: avatarSize,
4365
4365
  borderRadius: "50%"
4366
4366
  },
4367
- className: "border border-white group-hover:border-3 group-hover:border-red-500 transition"
4367
+ className: "border border-white group-hover:border-3 group-hover:border-red-500 transition object-cover"
4368
4368
  }
4369
4369
  ),
4370
4370
  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
@@ -4438,7 +4438,7 @@ function ProfileSelect({
4438
4438
  import_antd24.Input,
4439
4439
  {
4440
4440
  variant: "borderless",
4441
- placeholder: "\u0E04\u0E49\u0E19\u0E2B\u0E32\u0E0A\u0E37\u0E48\u0E2D",
4441
+ placeholder: "\u0E04\u0E49\u0E19\u0E2B\u0E32\u0E0A\u0E37\u0E48\u0E2D\u0E1C\u0E39\u0E49\u0E04\u0E19",
4442
4442
  className: "body-3",
4443
4443
  value: search,
4444
4444
  onChange: (e) => setSearch(e.target.value)
@@ -4451,9 +4451,9 @@ function ProfileSelect({
4451
4451
  filteredAssigned.map((user) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
4452
4452
  "button",
4453
4453
  {
4454
- className: "flex items-center group my-1 w-full p-1 rounded hover:bg-gray-100",
4454
+ className: "flex items-center gap-1 text-left group my-1 w-full p-1 rounded hover:bg-gray-100 ",
4455
4455
  children: [
4456
- /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative cursor-pointer", children: [
4456
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative cursor-pointer flex-shrink-0", children: [
4457
4457
  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
4458
4458
  "img",
4459
4459
  {
@@ -4464,7 +4464,7 @@ function ProfileSelect({
4464
4464
  height: avatarSize,
4465
4465
  borderRadius: "50%"
4466
4466
  },
4467
- className: "border-3 border-red-500"
4467
+ className: "border-3 border-red-500 object-cover"
4468
4468
  }
4469
4469
  ),
4470
4470
  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
@@ -4477,8 +4477,22 @@ function ProfileSelect({
4477
4477
  )
4478
4478
  ] }),
4479
4479
  /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col justify-start items-start", children: [
4480
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "ml-2 body-3", children: user.name }),
4481
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "ml-2 body-3 text-gray-400", children: user.institute })
4480
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
4481
+ "span",
4482
+ {
4483
+ className: "ml-2 body-3 line-clamp-1",
4484
+ title: user.name,
4485
+ children: user.name
4486
+ }
4487
+ ),
4488
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
4489
+ "span",
4490
+ {
4491
+ className: "ml-2 body-3 text-gray-400 line-clamp-1",
4492
+ title: user.institute,
4493
+ children: user.institute
4494
+ }
4495
+ )
4482
4496
  ] })
4483
4497
  ]
4484
4498
  },
@@ -4492,10 +4506,10 @@ function ProfileSelect({
4492
4506
  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex flex-col gap-1", children: filteredUnassigned.map((user) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
4493
4507
  "button",
4494
4508
  {
4495
- className: "flex items-center hover:bg-gray-100 w-full p-1 rounded transition-colors text-left",
4509
+ className: "flex items-center hover:bg-gray-100 w-full p-1 cursor-pointer rounded transition-colors text-left",
4496
4510
  onClick: () => onUpdateAssignUser(user, "add"),
4497
4511
  children: [
4498
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
4512
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "relative cursor-pointer flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
4499
4513
  "img",
4500
4514
  {
4501
4515
  src: user.profile,
@@ -4504,12 +4518,26 @@ function ProfileSelect({
4504
4518
  height: avatarSize,
4505
4519
  borderRadius: "50%"
4506
4520
  },
4507
- className: "border"
4521
+ className: "border object-cover"
4508
4522
  }
4509
- ),
4523
+ ) }),
4510
4524
  /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col ml-2", children: [
4511
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "body-3", children: user.name }),
4512
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "body-3 text-gray-400 leading-3", children: user.institute })
4525
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
4526
+ "span",
4527
+ {
4528
+ className: "body-3 line-clamp-1",
4529
+ title: user.name,
4530
+ children: user.name
4531
+ }
4532
+ ),
4533
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
4534
+ "span",
4535
+ {
4536
+ className: "body-3 text-gray-400 leading-3 line-clamp-1",
4537
+ title: user.institute,
4538
+ children: user.institute
4539
+ }
4540
+ )
4513
4541
  ] })
4514
4542
  ]
4515
4543
  },
@@ -4526,19 +4554,26 @@ function ProfileSelect({
4526
4554
  items: Object.entries(groupedUsers).map(
4527
4555
  ([company, users], index) => ({
4528
4556
  key: index.toString(),
4529
- label: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "font-semibold body-3", children: [
4530
- company,
4531
- " (",
4532
- users.length,
4533
- ")"
4534
- ] }),
4557
+ label: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
4558
+ "span",
4559
+ {
4560
+ className: "font-semibold body-3 line-clamp-1",
4561
+ title: company,
4562
+ children: [
4563
+ company,
4564
+ " (",
4565
+ users.length,
4566
+ ")"
4567
+ ]
4568
+ }
4569
+ ),
4535
4570
  children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex flex-col gap-1 pl-2", children: users.map((user) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
4536
4571
  "button",
4537
4572
  {
4538
- className: "flex items-center hover:bg-gray-100 w-full p-1 rounded text-left",
4573
+ className: "flex items-center hover:bg-gray-100 cursor-pointer w-full p-1 rounded text-left",
4539
4574
  onClick: () => onUpdateAssignUser(user, "add"),
4540
4575
  children: [
4541
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
4576
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "relative cursor-pointer flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
4542
4577
  "img",
4543
4578
  {
4544
4579
  src: user.profile,
@@ -4547,10 +4582,17 @@ function ProfileSelect({
4547
4582
  height: avatarSize,
4548
4583
  borderRadius: "50%"
4549
4584
  },
4550
- className: "border"
4585
+ className: "border object-cover"
4586
+ }
4587
+ ) }),
4588
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
4589
+ "span",
4590
+ {
4591
+ className: "ml-2 body-3 line-clamp-1",
4592
+ title: user.name,
4593
+ children: user.name
4551
4594
  }
4552
- ),
4553
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "ml-2 body-3", children: user.name })
4595
+ )
4554
4596
  ]
4555
4597
  },
4556
4598
  user.id
package/dist/index.mjs CHANGED
@@ -4298,7 +4298,7 @@ function ProfileSelect({
4298
4298
  height: avatarSize,
4299
4299
  borderRadius: "50%"
4300
4300
  },
4301
- className: "border border-white group-hover:border-3 group-hover:border-red-500 transition"
4301
+ className: "border border-white group-hover:border-3 group-hover:border-red-500 transition object-cover"
4302
4302
  }
4303
4303
  ),
4304
4304
  /* @__PURE__ */ jsx43(
@@ -4372,7 +4372,7 @@ function ProfileSelect({
4372
4372
  Input5,
4373
4373
  {
4374
4374
  variant: "borderless",
4375
- placeholder: "\u0E04\u0E49\u0E19\u0E2B\u0E32\u0E0A\u0E37\u0E48\u0E2D",
4375
+ placeholder: "\u0E04\u0E49\u0E19\u0E2B\u0E32\u0E0A\u0E37\u0E48\u0E2D\u0E1C\u0E39\u0E49\u0E04\u0E19",
4376
4376
  className: "body-3",
4377
4377
  value: search,
4378
4378
  onChange: (e) => setSearch(e.target.value)
@@ -4385,9 +4385,9 @@ function ProfileSelect({
4385
4385
  filteredAssigned.map((user) => /* @__PURE__ */ jsxs34(
4386
4386
  "button",
4387
4387
  {
4388
- className: "flex items-center group my-1 w-full p-1 rounded hover:bg-gray-100",
4388
+ className: "flex items-center gap-1 text-left group my-1 w-full p-1 rounded hover:bg-gray-100 ",
4389
4389
  children: [
4390
- /* @__PURE__ */ jsxs34("div", { className: "relative cursor-pointer", children: [
4390
+ /* @__PURE__ */ jsxs34("div", { className: "relative cursor-pointer flex-shrink-0", children: [
4391
4391
  /* @__PURE__ */ jsx43(
4392
4392
  "img",
4393
4393
  {
@@ -4398,7 +4398,7 @@ function ProfileSelect({
4398
4398
  height: avatarSize,
4399
4399
  borderRadius: "50%"
4400
4400
  },
4401
- className: "border-3 border-red-500"
4401
+ className: "border-3 border-red-500 object-cover"
4402
4402
  }
4403
4403
  ),
4404
4404
  /* @__PURE__ */ jsx43(
@@ -4411,8 +4411,22 @@ function ProfileSelect({
4411
4411
  )
4412
4412
  ] }),
4413
4413
  /* @__PURE__ */ jsxs34("div", { className: "flex flex-col justify-start items-start", children: [
4414
- /* @__PURE__ */ jsx43("span", { className: "ml-2 body-3", children: user.name }),
4415
- /* @__PURE__ */ jsx43("span", { className: "ml-2 body-3 text-gray-400", children: user.institute })
4414
+ /* @__PURE__ */ jsx43(
4415
+ "span",
4416
+ {
4417
+ className: "ml-2 body-3 line-clamp-1",
4418
+ title: user.name,
4419
+ children: user.name
4420
+ }
4421
+ ),
4422
+ /* @__PURE__ */ jsx43(
4423
+ "span",
4424
+ {
4425
+ className: "ml-2 body-3 text-gray-400 line-clamp-1",
4426
+ title: user.institute,
4427
+ children: user.institute
4428
+ }
4429
+ )
4416
4430
  ] })
4417
4431
  ]
4418
4432
  },
@@ -4426,10 +4440,10 @@ function ProfileSelect({
4426
4440
  /* @__PURE__ */ jsx43("div", { className: "flex flex-col gap-1", children: filteredUnassigned.map((user) => /* @__PURE__ */ jsxs34(
4427
4441
  "button",
4428
4442
  {
4429
- className: "flex items-center hover:bg-gray-100 w-full p-1 rounded transition-colors text-left",
4443
+ className: "flex items-center hover:bg-gray-100 w-full p-1 cursor-pointer rounded transition-colors text-left",
4430
4444
  onClick: () => onUpdateAssignUser(user, "add"),
4431
4445
  children: [
4432
- /* @__PURE__ */ jsx43(
4446
+ /* @__PURE__ */ jsx43("div", { className: "relative cursor-pointer flex-shrink-0", children: /* @__PURE__ */ jsx43(
4433
4447
  "img",
4434
4448
  {
4435
4449
  src: user.profile,
@@ -4438,12 +4452,26 @@ function ProfileSelect({
4438
4452
  height: avatarSize,
4439
4453
  borderRadius: "50%"
4440
4454
  },
4441
- className: "border"
4455
+ className: "border object-cover"
4442
4456
  }
4443
- ),
4457
+ ) }),
4444
4458
  /* @__PURE__ */ jsxs34("div", { className: "flex flex-col ml-2", children: [
4445
- /* @__PURE__ */ jsx43("span", { className: "body-3", children: user.name }),
4446
- /* @__PURE__ */ jsx43("span", { className: "body-3 text-gray-400 leading-3", children: user.institute })
4459
+ /* @__PURE__ */ jsx43(
4460
+ "span",
4461
+ {
4462
+ className: "body-3 line-clamp-1",
4463
+ title: user.name,
4464
+ children: user.name
4465
+ }
4466
+ ),
4467
+ /* @__PURE__ */ jsx43(
4468
+ "span",
4469
+ {
4470
+ className: "body-3 text-gray-400 leading-3 line-clamp-1",
4471
+ title: user.institute,
4472
+ children: user.institute
4473
+ }
4474
+ )
4447
4475
  ] })
4448
4476
  ]
4449
4477
  },
@@ -4460,19 +4488,26 @@ function ProfileSelect({
4460
4488
  items: Object.entries(groupedUsers).map(
4461
4489
  ([company, users], index) => ({
4462
4490
  key: index.toString(),
4463
- label: /* @__PURE__ */ jsxs34("span", { className: "font-semibold body-3", children: [
4464
- company,
4465
- " (",
4466
- users.length,
4467
- ")"
4468
- ] }),
4491
+ label: /* @__PURE__ */ jsxs34(
4492
+ "span",
4493
+ {
4494
+ className: "font-semibold body-3 line-clamp-1",
4495
+ title: company,
4496
+ children: [
4497
+ company,
4498
+ " (",
4499
+ users.length,
4500
+ ")"
4501
+ ]
4502
+ }
4503
+ ),
4469
4504
  children: /* @__PURE__ */ jsx43("div", { className: "flex flex-col gap-1 pl-2", children: users.map((user) => /* @__PURE__ */ jsxs34(
4470
4505
  "button",
4471
4506
  {
4472
- className: "flex items-center hover:bg-gray-100 w-full p-1 rounded text-left",
4507
+ className: "flex items-center hover:bg-gray-100 cursor-pointer w-full p-1 rounded text-left",
4473
4508
  onClick: () => onUpdateAssignUser(user, "add"),
4474
4509
  children: [
4475
- /* @__PURE__ */ jsx43(
4510
+ /* @__PURE__ */ jsx43("div", { className: "relative cursor-pointer flex-shrink-0", children: /* @__PURE__ */ jsx43(
4476
4511
  "img",
4477
4512
  {
4478
4513
  src: user.profile,
@@ -4481,10 +4516,17 @@ function ProfileSelect({
4481
4516
  height: avatarSize,
4482
4517
  borderRadius: "50%"
4483
4518
  },
4484
- className: "border"
4519
+ className: "border object-cover"
4520
+ }
4521
+ ) }),
4522
+ /* @__PURE__ */ jsx43(
4523
+ "span",
4524
+ {
4525
+ className: "ml-2 body-3 line-clamp-1",
4526
+ title: user.name,
4527
+ children: user.name
4485
4528
  }
4486
- ),
4487
- /* @__PURE__ */ jsx43("span", { className: "ml-2 body-3", children: user.name })
4529
+ )
4488
4530
  ]
4489
4531
  },
4490
4532
  user.id
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esic-lab/data-core-ui",
3
- "version": "0.0.82",
3
+ "version": "0.0.84",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.mjs",
6
6
  "types": "dist/index.d.ts",