@esic-lab/data-core-ui 0.0.47 → 0.0.48

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 (6) hide show
  1. package/dist/index.css +9 -2
  2. package/dist/index.d.mts +2 -1
  3. package/dist/index.d.ts +2 -1
  4. package/dist/index.js +11 -11
  5. package/dist/index.mjs +11 -11
  6. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -316,6 +316,9 @@
316
316
  .z-10 {
317
317
  z-index: 10;
318
318
  }
319
+ .z-20 {
320
+ z-index: 20;
321
+ }
319
322
  .z-50 {
320
323
  z-index: 50;
321
324
  }
@@ -851,6 +854,10 @@
851
854
  border-style: var(--tw-border-style);
852
855
  border-width: 2px;
853
856
  }
857
+ .border-3 {
858
+ border-style: var(--tw-border-style);
859
+ border-width: 3px;
860
+ }
854
861
  .border-4 {
855
862
  border-style: var(--tw-border-style);
856
863
  border-width: 4px;
@@ -1308,11 +1315,11 @@
1308
1315
  }
1309
1316
  }
1310
1317
  }
1311
- .group-hover\:border-2 {
1318
+ .group-hover\:border-3 {
1312
1319
  &:is(:where(.group):hover *) {
1313
1320
  @media (hover: hover) {
1314
1321
  border-style: var(--tw-border-style);
1315
- border-width: 2px;
1322
+ border-width: 3px;
1316
1323
  }
1317
1324
  }
1318
1325
  }
package/dist/index.d.mts CHANGED
@@ -558,9 +558,10 @@ interface ProfileSelectProp {
558
558
  allUser: UserData[];
559
559
  assignUser: UserData[];
560
560
  mode: "show" | "showAssign" | "icon";
561
+ className?: string;
561
562
  onUpdateAssignUser: (user: UserData, action?: "add" | "remove") => void;
562
563
  }
563
- declare function ProfileSelect({ allUser, assignUser, mode, onUpdateAssignUser, }: ProfileSelectProp): react_jsx_runtime.JSX.Element;
564
+ declare function ProfileSelect({ allUser, assignUser, mode, className, onUpdateAssignUser, }: ProfileSelectProp): react_jsx_runtime.JSX.Element;
564
565
 
565
566
  interface QRCodeGeneratorProps {
566
567
  url: string;
package/dist/index.d.ts CHANGED
@@ -558,9 +558,10 @@ interface ProfileSelectProp {
558
558
  allUser: UserData[];
559
559
  assignUser: UserData[];
560
560
  mode: "show" | "showAssign" | "icon";
561
+ className?: string;
561
562
  onUpdateAssignUser: (user: UserData, action?: "add" | "remove") => void;
562
563
  }
563
- declare function ProfileSelect({ allUser, assignUser, mode, onUpdateAssignUser, }: ProfileSelectProp): react_jsx_runtime.JSX.Element;
564
+ declare function ProfileSelect({ allUser, assignUser, mode, className, onUpdateAssignUser, }: ProfileSelectProp): react_jsx_runtime.JSX.Element;
564
565
 
565
566
  interface QRCodeGeneratorProps {
566
567
  url: string;
package/dist/index.js CHANGED
@@ -4094,6 +4094,7 @@ function ProfileSelect({
4094
4094
  allUser,
4095
4095
  assignUser,
4096
4096
  mode,
4097
+ className,
4097
4098
  onUpdateAssignUser
4098
4099
  }) {
4099
4100
  const [maxVisible, setMaxVisible] = (0, import_react19.useState)(4);
@@ -4151,13 +4152,13 @@ function ProfileSelect({
4151
4152
  import_icons_react14.IconUsers,
4152
4153
  {
4153
4154
  size: 40,
4154
- className: "p-2 border rounded cursor-pointer",
4155
+ className: "p-2 border rounded cursor-pointer bg-white",
4155
4156
  onClick: () => setIsShowSelect(!isShowSelect)
4156
4157
  }
4157
4158
  ) }) : mode === "showAssign" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
4158
4159
  "button",
4159
4160
  {
4160
- className: "w-full h-[40px] flex -space-x-2 p-2 border-1 rounded-sm",
4161
+ className: `w-full h-[40px] flex -space-x-2 p-2 cursor-pointer ${className}`,
4161
4162
  onClick: () => setIsShowSelect(!isShowSelect),
4162
4163
  children: [
4163
4164
  visibleUsers.map((user) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex items-center cursor-point", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("label", { className: "relative group cursor-pointer", children: [
@@ -4171,13 +4172,13 @@ function ProfileSelect({
4171
4172
  height: avatarSize,
4172
4173
  borderRadius: "50%"
4173
4174
  },
4174
- className: "border border-white group-hover:border-2 group-hover:border-red-500 transition"
4175
+ className: "border border-white group-hover:border-3 group-hover:border-red-500 transition"
4175
4176
  }
4176
4177
  ),
4177
4178
  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
4178
4179
  "span",
4179
4180
  {
4180
- className: "absolute top-0 right-0 -translate-y-2 translate-x-2 \r\n rounded-full bg-white opacity-0 group-hover:opacity-100 \r\n border-2 border-red-500 flex items-center justify-center transition",
4181
+ className: "absolute top-0 right-0 -translate-y-2 translate-x-2 \r\n rounded-full bg-white opacity-0 group-hover:opacity-100 \r\n border-3 z-10 border-red-500 flex items-center justify-center transition",
4181
4182
  onClick: () => onUpdateAssignUser(user, "remove"),
4182
4183
  children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons_react14.IconX, { className: "w-4 h-4 text-red-500" })
4183
4184
  }
@@ -4200,7 +4201,7 @@ function ProfileSelect({
4200
4201
  )
4201
4202
  ]
4202
4203
  }
4203
- ) : /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "w-full h-[40px] flex -space-x-2 p-2 border-1 rounded-sm", children: [
4204
+ ) : /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: `w-full h-[40px] flex -space-x-2 p-2 ${className}`, children: [
4204
4205
  visibleUsers.map((user) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex items-center ", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("label", { className: "relative group ", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
4205
4206
  "img",
4206
4207
  {
@@ -4233,7 +4234,7 @@ function ProfileSelect({
4233
4234
  isShowSelect ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
4234
4235
  "div",
4235
4236
  {
4236
- className: "absolute top-12 min-w-[261px] max-w-[400px] w-full h-[314px] p-2 text-xs border-1 rounded-sm ",
4237
+ className: "absolute top-12 min-w-[261px] max-w-[400px] w-full h-[314px] p-2 text-xs border-1 rounded-sm z-20 bg-white",
4237
4238
  ref: selectRef,
4238
4239
  children: [
4239
4240
  /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex border-1 rounded-md p-2 gap-2 items-center", children: [
@@ -4256,9 +4257,8 @@ function ProfileSelect({
4256
4257
  "button",
4257
4258
  {
4258
4259
  className: "flex items-center group my-1 w-full p-1 rounded hover:bg-gray-100",
4259
- onClick: () => onUpdateAssignUser(user, "remove"),
4260
4260
  children: [
4261
- /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("label", { className: "relative cursor-pointer", children: [
4261
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "relative cursor-pointer", children: [
4262
4262
  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
4263
4263
  "img",
4264
4264
  {
@@ -4269,13 +4269,13 @@ function ProfileSelect({
4269
4269
  height: avatarSize,
4270
4270
  borderRadius: "50%"
4271
4271
  },
4272
- className: "border-2 border-red-500"
4272
+ className: "border-3 border-red-500"
4273
4273
  }
4274
4274
  ),
4275
4275
  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
4276
4276
  "span",
4277
4277
  {
4278
- className: "absolute top-0 right-0 -translate-y-2 translate-x-2 \r\n rounded-full bg-white opacity-0 group-hover:opacity-100 \r\n border-2 border-red-500 flex items-center justify-center transition",
4278
+ className: "absolute top-0 right-0 -translate-y-2 translate-x-2 \r\n rounded-full bg-white opacity-0 group-hover:opacity-100 \r\n border-3 border-red-500 flex items-center justify-center transition",
4279
4279
  onClick: () => onUpdateAssignUser(user, "remove"),
4280
4280
  children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons_react14.IconX, { className: "text-red-500", size: 15 })
4281
4281
  }
@@ -4457,7 +4457,7 @@ var QRCodeGenerator = ({
4457
4457
  ] });
4458
4458
  };
4459
4459
 
4460
- // src/TabPropject/Tabproject/TabProject.tsx
4460
+ // src/TabPropject/TabProject/TabProject.tsx
4461
4461
  var import_antd22 = require("antd");
4462
4462
  var import_jsx_runtime44 = require("react/jsx-runtime");
4463
4463
  function TabProject({ tabOption, now, onChange }) {
package/dist/index.mjs CHANGED
@@ -4039,6 +4039,7 @@ function ProfileSelect({
4039
4039
  allUser,
4040
4040
  assignUser,
4041
4041
  mode,
4042
+ className,
4042
4043
  onUpdateAssignUser
4043
4044
  }) {
4044
4045
  const [maxVisible, setMaxVisible] = useState17(4);
@@ -4096,13 +4097,13 @@ function ProfileSelect({
4096
4097
  IconUsers,
4097
4098
  {
4098
4099
  size: 40,
4099
- className: "p-2 border rounded cursor-pointer",
4100
+ className: "p-2 border rounded cursor-pointer bg-white",
4100
4101
  onClick: () => setIsShowSelect(!isShowSelect)
4101
4102
  }
4102
4103
  ) }) : mode === "showAssign" ? /* @__PURE__ */ jsxs36(
4103
4104
  "button",
4104
4105
  {
4105
- className: "w-full h-[40px] flex -space-x-2 p-2 border-1 rounded-sm",
4106
+ className: `w-full h-[40px] flex -space-x-2 p-2 cursor-pointer ${className}`,
4106
4107
  onClick: () => setIsShowSelect(!isShowSelect),
4107
4108
  children: [
4108
4109
  visibleUsers.map((user) => /* @__PURE__ */ jsx42("div", { className: "flex items-center cursor-point", children: /* @__PURE__ */ jsxs36("label", { className: "relative group cursor-pointer", children: [
@@ -4116,13 +4117,13 @@ function ProfileSelect({
4116
4117
  height: avatarSize,
4117
4118
  borderRadius: "50%"
4118
4119
  },
4119
- className: "border border-white group-hover:border-2 group-hover:border-red-500 transition"
4120
+ className: "border border-white group-hover:border-3 group-hover:border-red-500 transition"
4120
4121
  }
4121
4122
  ),
4122
4123
  /* @__PURE__ */ jsx42(
4123
4124
  "span",
4124
4125
  {
4125
- className: "absolute top-0 right-0 -translate-y-2 translate-x-2 \r\n rounded-full bg-white opacity-0 group-hover:opacity-100 \r\n border-2 border-red-500 flex items-center justify-center transition",
4126
+ className: "absolute top-0 right-0 -translate-y-2 translate-x-2 \r\n rounded-full bg-white opacity-0 group-hover:opacity-100 \r\n border-3 z-10 border-red-500 flex items-center justify-center transition",
4126
4127
  onClick: () => onUpdateAssignUser(user, "remove"),
4127
4128
  children: /* @__PURE__ */ jsx42(IconX4, { className: "w-4 h-4 text-red-500" })
4128
4129
  }
@@ -4145,7 +4146,7 @@ function ProfileSelect({
4145
4146
  )
4146
4147
  ]
4147
4148
  }
4148
- ) : /* @__PURE__ */ jsxs36("div", { className: "w-full h-[40px] flex -space-x-2 p-2 border-1 rounded-sm", children: [
4149
+ ) : /* @__PURE__ */ jsxs36("div", { className: `w-full h-[40px] flex -space-x-2 p-2 ${className}`, children: [
4149
4150
  visibleUsers.map((user) => /* @__PURE__ */ jsx42("div", { className: "flex items-center ", children: /* @__PURE__ */ jsx42("label", { className: "relative group ", children: /* @__PURE__ */ jsx42(
4150
4151
  "img",
4151
4152
  {
@@ -4178,7 +4179,7 @@ function ProfileSelect({
4178
4179
  isShowSelect ? /* @__PURE__ */ jsxs36(
4179
4180
  "div",
4180
4181
  {
4181
- className: "absolute top-12 min-w-[261px] max-w-[400px] w-full h-[314px] p-2 text-xs border-1 rounded-sm ",
4182
+ className: "absolute top-12 min-w-[261px] max-w-[400px] w-full h-[314px] p-2 text-xs border-1 rounded-sm z-20 bg-white",
4182
4183
  ref: selectRef,
4183
4184
  children: [
4184
4185
  /* @__PURE__ */ jsxs36("div", { className: "flex border-1 rounded-md p-2 gap-2 items-center", children: [
@@ -4201,9 +4202,8 @@ function ProfileSelect({
4201
4202
  "button",
4202
4203
  {
4203
4204
  className: "flex items-center group my-1 w-full p-1 rounded hover:bg-gray-100",
4204
- onClick: () => onUpdateAssignUser(user, "remove"),
4205
4205
  children: [
4206
- /* @__PURE__ */ jsxs36("label", { className: "relative cursor-pointer", children: [
4206
+ /* @__PURE__ */ jsxs36("div", { className: "relative cursor-pointer", children: [
4207
4207
  /* @__PURE__ */ jsx42(
4208
4208
  "img",
4209
4209
  {
@@ -4214,13 +4214,13 @@ function ProfileSelect({
4214
4214
  height: avatarSize,
4215
4215
  borderRadius: "50%"
4216
4216
  },
4217
- className: "border-2 border-red-500"
4217
+ className: "border-3 border-red-500"
4218
4218
  }
4219
4219
  ),
4220
4220
  /* @__PURE__ */ jsx42(
4221
4221
  "span",
4222
4222
  {
4223
- className: "absolute top-0 right-0 -translate-y-2 translate-x-2 \r\n rounded-full bg-white opacity-0 group-hover:opacity-100 \r\n border-2 border-red-500 flex items-center justify-center transition",
4223
+ className: "absolute top-0 right-0 -translate-y-2 translate-x-2 \r\n rounded-full bg-white opacity-0 group-hover:opacity-100 \r\n border-3 border-red-500 flex items-center justify-center transition",
4224
4224
  onClick: () => onUpdateAssignUser(user, "remove"),
4225
4225
  children: /* @__PURE__ */ jsx42(IconX4, { className: "text-red-500", size: 15 })
4226
4226
  }
@@ -4402,7 +4402,7 @@ var QRCodeGenerator = ({
4402
4402
  ] });
4403
4403
  };
4404
4404
 
4405
- // src/TabPropject/Tabproject/TabProject.tsx
4405
+ // src/TabPropject/TabProject/TabProject.tsx
4406
4406
  import { Tabs } from "antd";
4407
4407
  import { jsx as jsx44, jsxs as jsxs38 } from "react/jsx-runtime";
4408
4408
  function TabProject({ tabOption, now, onChange }) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esic-lab/data-core-ui",
3
- "version": "0.0.47",
3
+ "version": "0.0.48",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",