next-helios-fe 1.7.1 → 1.7.3

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 (11) hide show
  1. package/dist/index.js +1 -1
  2. package/package.json +1 -1
  3. package/src/components/form/input/email.tsx +2 -2
  4. package/src/components/form/input/file.tsx +2 -2
  5. package/src/components/form/input/number.tsx +2 -2
  6. package/src/components/form/input/password.tsx +2 -2
  7. package/src/components/form/input/range.tsx +2 -2
  8. package/src/components/form/input/text.tsx +2 -2
  9. package/src/components/form/other/textarea.tsx +2 -2
  10. package/src/components/permission-table/index.tsx +13 -8
  11. package/src/components/table/index.tsx +4 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "next-helios-fe",
3
- "version": "1.7.1",
3
+ "version": "1.7.3",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
package/src/components/form/input/email.tsx CHANGED
@@ -32,7 +32,7 @@ export const Email: React.FC<EmailProps> = ({
32
32
  {(label ||
33
33
  (!options?.hideInputDetail &&
34
34
  (rest.minLength || rest.maxLength || description))) && (
35
- <div className="flex">
35
+ <div className="flex items-center">
36
36
  {label && (
37
37
  <span
38
38
  className={`text-sm select-none ${
@@ -44,7 +44,7 @@ export const Email: React.FC<EmailProps> = ({
44
44
  </span>
45
45
  )}
46
46
  {!options?.hideInputDetail && (
47
- <div className="flex justify-end items-center gap-2">
47
+ <div className="flex-1 flex justify-end items-center gap-2">
48
48
  {(rest.minLength || rest.maxLength) && (
49
49
  <span className="text-sm select-none">
50
50
  {rest.minLength || 0}/{rest.maxLength || "∞"}
package/src/components/form/input/file.tsx CHANGED
@@ -61,7 +61,7 @@ export const File: React.FC<FileProps> = ({
61
61
  (label ||
62
62
  (!options?.hideInputDetail &&
63
63
  (options?.maxSizeInMb || description))) && (
64
- <div className="flex">
64
+ <div className="flex items-center">
65
65
  {label && (
66
66
  <span
67
67
  className={`text-sm select-none ${
@@ -73,7 +73,7 @@ export const File: React.FC<FileProps> = ({
73
73
  </span>
74
74
  )}
75
75
  {!options?.hideInputDetail && (
76
- <div className="flex justify-end items-center gap-2">
76
+ <div className="flex-1 flex justify-end items-center gap-2">
77
77
  {options?.variant !== "drag&drop" && options?.maxSizeInMb && (
78
78
  <span className="text-sm select-none">
79
79
  {options?.maxSizeInMb} MB
package/src/components/form/input/number.tsx CHANGED
@@ -33,7 +33,7 @@ export const Number: React.FC<NumberProps> = ({
33
33
  {(label ||
34
34
  (!options?.hideInputDetail &&
35
35
  (rest.min || rest.max || description))) && (
36
- <div className="flex">
36
+ <div className="flex items-center">
37
37
  {label && (
38
38
  <span
39
39
  className={`text-sm select-none ${
@@ -45,7 +45,7 @@ export const Number: React.FC<NumberProps> = ({
45
45
  </span>
46
46
  )}
47
47
  {!options?.hideInputDetail && (
48
- <div className="flex justify-end items-center gap-2">
48
+ <div className="flex-1 flex justify-end items-center gap-2">
49
49
  {(rest.min || rest.max) && (
50
50
  <span className="text-sm select-none">
51
51
  {rest.min || rest.min === 0 ? rest.min : "∞"}/
package/src/components/form/input/password.tsx CHANGED
@@ -33,7 +33,7 @@ export const Password: React.FC<PasswordProps> = ({
33
33
  {(label ||
34
34
  (!options?.hideInputDetail &&
35
35
  (rest.minLength || rest.maxLength || description))) && (
36
- <div className="flex">
36
+ <div className="flex items-center">
37
37
  {label && (
38
38
  <span
39
39
  className={`text-sm select-none ${
@@ -45,7 +45,7 @@ export const Password: React.FC<PasswordProps> = ({
45
45
  </span>
46
46
  )}
47
47
  {!options?.hideInputDetail && (
48
- <div className="flex justify-end items-center gap-2">
48
+ <div className="flex-1 flex justify-end items-center gap-2">
49
49
  {(rest.minLength || rest.maxLength) && (
50
50
  <span className="text-sm select-none">
51
51
  {rest.minLength || 0}/{rest.maxLength || "∞"}
package/src/components/form/input/range.tsx CHANGED
@@ -28,7 +28,7 @@ export const Range: React.FC<RangeProps> = ({
28
28
  {(label ||
29
29
  (!options?.hideInputDetail &&
30
30
  (rest.min || rest.max || description))) && (
31
- <div className="flex">
31
+ <div className="flex items-center">
32
32
  {label && (
33
33
  <span
34
34
  className={`text-sm select-none ${
@@ -40,7 +40,7 @@ export const Range: React.FC<RangeProps> = ({
40
40
  </span>
41
41
  )}
42
42
  {!options?.hideInputDetail && (
43
- <div className="flex justify-end items-center gap-2">
43
+ <div className="flex-1 flex justify-end items-center gap-2">
44
44
  {(rest.min || rest.max) && (
45
45
  <span className="text-sm select-none">
46
46
  {rest.min || 0}/{rest.max || 100}
package/src/components/form/input/text.tsx CHANGED
@@ -31,7 +31,7 @@ export const Text: React.FC<TextProps> = ({
31
31
  {(label ||
32
32
  (!options?.hideInputDetail &&
33
33
  (rest.minLength || rest.maxLength || description))) && (
34
- <div className="flex">
34
+ <div className="flex items-center">
35
35
  {label && (
36
36
  <span
37
37
  className={`text-sm select-none ${
@@ -43,7 +43,7 @@ export const Text: React.FC<TextProps> = ({
43
43
  </span>
44
44
  )}
45
45
  {!options?.hideInputDetail && (
46
- <div className="flex justify-end items-center gap-2">
46
+ <div className="flex-1 flex justify-end items-center gap-2">
47
47
  {(rest.minLength || rest.maxLength) && (
48
48
  <span className="text-sm select-none">
49
49
  {rest.minLength || 0}/{rest.maxLength || "∞"}
package/src/components/form/other/textarea.tsx CHANGED
@@ -32,7 +32,7 @@ export const Textarea: React.FC<TextareaProps> = ({
32
32
  {(label ||
33
33
  (!options?.hideInputDetail &&
34
34
  (rest.minLength || rest.maxLength || description))) && (
35
- <div className="flex">
35
+ <div className="flex items-center">
36
36
  {label && (
37
37
  <span
38
38
  className={`text-sm select-none ${
@@ -44,7 +44,7 @@ export const Textarea: React.FC<TextareaProps> = ({
44
44
  </span>
45
45
  )}
46
46
  {!options?.hideInputDetail && (
47
- <div className="flex justify-end items-center gap-2">
47
+ <div className="flex-1 flex justify-end items-center gap-2">
48
48
  {(rest.minLength || rest.maxLength) && (
49
49
  <span className="text-sm select-none">
50
50
  {rest.minLength || 0}/{rest.maxLength || "∞"}
package/src/components/permission-table/index.tsx CHANGED
@@ -55,14 +55,16 @@ export const PermissionTable: React.FC<PermissionTableProps> = ({
55
55
  return (
56
56
  <tr
57
57
  key={index}
58
- className={`${index % 2 === 0 ? "bg-neutral-50" : "bg-secondary-bg"}`}
58
+ className={`${index % 2 === 0 && "bg-secondary-transparent"}`}
59
59
  >
60
- <td
61
- className={`sticky left-0 min-w-40 px-4 py-1.5 ${
62
- index % 2 === 0 ? "bg-neutral-50" : "bg-secondary-bg"
63
- }`}
64
- >
65
- {module[index]}
60
+ <td className="sticky left-0 min-w-40 bg-secondary-bg">
61
+ <div
62
+ className={`px-4 py-1.5 ${
63
+ index % 2 === 0 && "bg-secondary-transparent"
64
+ }`}
65
+ >
66
+ {module[index]}
67
+ </div>
66
68
  </td>
67
69
  {header.map((permissionItem: any, permissionIndex: number) => {
68
70
  if (
@@ -138,7 +140,10 @@ export const PermissionTable: React.FC<PermissionTableProps> = ({
138
140
  options?.border && "border rounded-md"
139
141
  } ${height}`}
140
142
  >
141
- <table className="w-full divide-y text-sm overflow-x-auto">
143
+ <table
144
+ className="w-full divide-y text-sm overflow-x-auto"
145
+ cellPadding={0}
146
+ >
142
147
  <thead className="sticky top-0 z-10">
143
148
  <tr className="bg-secondary-bg">
144
149
  <th className="sticky left-0 min-w-40 py-2 z-10 bg-secondary-bg font-medium">
package/src/components/table/index.tsx CHANGED
@@ -581,7 +581,10 @@ export const Table: TableComponentProps = ({
581
581
  options?.border && "border rounded-md"
582
582
  }`}
583
583
  >
584
- <table className="w-full divide-y text-sm overflow-x-auto">
584
+ <table
585
+ className="w-full divide-y text-sm overflow-x-auto"
586
+ cellPadding={0}
587
+ >
585
588
  <thead className="sticky top-0 z-10">
586
589
  <tr>
587
590
  {checkbox && (