@esic-lab/data-core-ui 0.0.83 → 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 +32 -11
  3. package/dist/index.mjs +32 -11
  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,7 +4451,7 @@ function ProfileSelect({
4451
4451
  filteredAssigned.map((user) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
4452
4452
  "button",
4453
4453
  {
4454
- className: "flex items-center text-left 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
4456
  /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative cursor-pointer flex-shrink-0", children: [
4457
4457
  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
@@ -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,7 +4477,14 @@ 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 }),
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
+ ),
4481
4488
  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
4482
4489
  "span",
4483
4490
  {
@@ -4499,7 +4506,7 @@ function ProfileSelect({
4499
4506
  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex flex-col gap-1", children: filteredUnassigned.map((user) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
4500
4507
  "button",
4501
4508
  {
4502
- 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",
4503
4510
  onClick: () => onUpdateAssignUser(user, "add"),
4504
4511
  children: [
4505
4512
  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "relative cursor-pointer flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
@@ -4511,11 +4518,18 @@ function ProfileSelect({
4511
4518
  height: avatarSize,
4512
4519
  borderRadius: "50%"
4513
4520
  },
4514
- className: "border"
4521
+ className: "border object-cover"
4515
4522
  }
4516
4523
  ) }),
4517
4524
  /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col ml-2", children: [
4518
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "body-3", children: user.name }),
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
+ ),
4519
4533
  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
4520
4534
  "span",
4521
4535
  {
@@ -4556,7 +4570,7 @@ function ProfileSelect({
4556
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)(
4557
4571
  "button",
4558
4572
  {
4559
- 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",
4560
4574
  onClick: () => onUpdateAssignUser(user, "add"),
4561
4575
  children: [
4562
4576
  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "relative cursor-pointer flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
@@ -4568,10 +4582,17 @@ function ProfileSelect({
4568
4582
  height: avatarSize,
4569
4583
  borderRadius: "50%"
4570
4584
  },
4571
- className: "border"
4585
+ className: "border object-cover"
4572
4586
  }
4573
4587
  ) }),
4574
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "ml-2 body-3", children: user.name })
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
4594
+ }
4595
+ )
4575
4596
  ]
4576
4597
  },
4577
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,7 +4385,7 @@ function ProfileSelect({
4385
4385
  filteredAssigned.map((user) => /* @__PURE__ */ jsxs34(
4386
4386
  "button",
4387
4387
  {
4388
- className: "flex items-center text-left 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
4390
  /* @__PURE__ */ jsxs34("div", { className: "relative cursor-pointer flex-shrink-0", children: [
4391
4391
  /* @__PURE__ */ jsx43(
@@ -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,7 +4411,14 @@ 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 }),
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
+ ),
4415
4422
  /* @__PURE__ */ jsx43(
4416
4423
  "span",
4417
4424
  {
@@ -4433,7 +4440,7 @@ function ProfileSelect({
4433
4440
  /* @__PURE__ */ jsx43("div", { className: "flex flex-col gap-1", children: filteredUnassigned.map((user) => /* @__PURE__ */ jsxs34(
4434
4441
  "button",
4435
4442
  {
4436
- 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",
4437
4444
  onClick: () => onUpdateAssignUser(user, "add"),
4438
4445
  children: [
4439
4446
  /* @__PURE__ */ jsx43("div", { className: "relative cursor-pointer flex-shrink-0", children: /* @__PURE__ */ jsx43(
@@ -4445,11 +4452,18 @@ function ProfileSelect({
4445
4452
  height: avatarSize,
4446
4453
  borderRadius: "50%"
4447
4454
  },
4448
- className: "border"
4455
+ className: "border object-cover"
4449
4456
  }
4450
4457
  ) }),
4451
4458
  /* @__PURE__ */ jsxs34("div", { className: "flex flex-col ml-2", children: [
4452
- /* @__PURE__ */ jsx43("span", { className: "body-3", children: user.name }),
4459
+ /* @__PURE__ */ jsx43(
4460
+ "span",
4461
+ {
4462
+ className: "body-3 line-clamp-1",
4463
+ title: user.name,
4464
+ children: user.name
4465
+ }
4466
+ ),
4453
4467
  /* @__PURE__ */ jsx43(
4454
4468
  "span",
4455
4469
  {
@@ -4490,7 +4504,7 @@ function ProfileSelect({
4490
4504
  children: /* @__PURE__ */ jsx43("div", { className: "flex flex-col gap-1 pl-2", children: users.map((user) => /* @__PURE__ */ jsxs34(
4491
4505
  "button",
4492
4506
  {
4493
- 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",
4494
4508
  onClick: () => onUpdateAssignUser(user, "add"),
4495
4509
  children: [
4496
4510
  /* @__PURE__ */ jsx43("div", { className: "relative cursor-pointer flex-shrink-0", children: /* @__PURE__ */ jsx43(
@@ -4502,10 +4516,17 @@ function ProfileSelect({
4502
4516
  height: avatarSize,
4503
4517
  borderRadius: "50%"
4504
4518
  },
4505
- className: "border"
4519
+ className: "border object-cover"
4506
4520
  }
4507
4521
  ) }),
4508
- /* @__PURE__ */ jsx43("span", { className: "ml-2 body-3", children: user.name })
4522
+ /* @__PURE__ */ jsx43(
4523
+ "span",
4524
+ {
4525
+ className: "ml-2 body-3 line-clamp-1",
4526
+ title: user.name,
4527
+ children: user.name
4528
+ }
4529
+ )
4509
4530
  ]
4510
4531
  },
4511
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.83",
3
+ "version": "0.0.84",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.mjs",
6
6
  "types": "dist/index.d.ts",