next-helios-fe 1.9.11 → 1.9.13
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/package.json
CHANGED
|
@@ -8,6 +8,7 @@ interface TabProps {
|
|
|
8
8
|
tabs: {
|
|
9
9
|
title: string;
|
|
10
10
|
icon?: string;
|
|
11
|
+
disabled?: boolean;
|
|
11
12
|
}[];
|
|
12
13
|
options?: {
|
|
13
14
|
variant?: "vertical" | "horizontal";
|
|
@@ -61,7 +62,7 @@ export const Tab: TabComponent = ({
|
|
|
61
62
|
<div key={index} className="relative flex items-center">
|
|
62
63
|
<button
|
|
63
64
|
type="button"
|
|
64
|
-
className={`flex select-none items-center gap-2 whitespace-nowrap border-b-2 pb-1.5 pt-2 duration-300 ${
|
|
65
|
+
className={`flex select-none items-center gap-2 whitespace-nowrap border-b-2 pb-1.5 pt-2 duration-300 disabled:text-disabled ${
|
|
65
66
|
tempActiveTab === index
|
|
66
67
|
? "border-primary text-primary"
|
|
67
68
|
: "border-transparent hover:border-primary-transparent hover:text-primary"
|
|
@@ -70,6 +71,7 @@ export const Tab: TabComponent = ({
|
|
|
70
71
|
? "pe-10 ps-6"
|
|
71
72
|
: "px-6"
|
|
72
73
|
}`}
|
|
74
|
+
disabled={tab.disabled}
|
|
73
75
|
onClick={() => {
|
|
74
76
|
if (activeTab === undefined) {
|
|
75
77
|
setTempActiveTab(index);
|
|
@@ -125,11 +127,12 @@ export const Tab: TabComponent = ({
|
|
|
125
127
|
<button
|
|
126
128
|
key={index}
|
|
127
129
|
type="button"
|
|
128
|
-
className={`flex select-none items-center gap-2 whitespace-nowrap border-b-2 border-r-0 px-6 pb-1.5 pt-2 text-left duration-300 lg:border-b-0 lg:border-r-2 ${
|
|
130
|
+
className={`flex select-none items-center gap-2 whitespace-nowrap border-b-2 border-r-0 px-6 pb-1.5 pt-2 text-left duration-300 lg:border-b-0 lg:border-r-2 disabled:text-disabled ${
|
|
129
131
|
tempActiveTab === index
|
|
130
132
|
? "border-primary text-primary"
|
|
131
133
|
: "border-transparent hover:border-primary-transparent hover:text-primary"
|
|
132
134
|
}`}
|
|
135
|
+
disabled={tab.disabled}
|
|
133
136
|
onClick={() => {
|
|
134
137
|
if (activeTab === undefined) {
|
|
135
138
|
setTempActiveTab(index);
|
|
@@ -788,11 +788,15 @@ export const Table: TableComponentProps = ({
|
|
|
788
788
|
className="min-w-32 max-w-60 bg-secondary-bg px-4 py-1.5"
|
|
789
789
|
>
|
|
790
790
|
<Tooltip
|
|
791
|
-
content={
|
|
791
|
+
content={
|
|
792
|
+
item[headerItem.key as keyof typeof item]?.toString() ||
|
|
793
|
+
"-"
|
|
794
|
+
}
|
|
792
795
|
options={{ position: "top" }}
|
|
793
796
|
>
|
|
794
797
|
<div className="truncate whitespace-nowrap">
|
|
795
|
-
{item[headerItem.key as keyof typeof item] ||
|
|
798
|
+
{item[headerItem.key as keyof typeof item]?.toString() ||
|
|
799
|
+
"-"}
|
|
796
800
|
</div>
|
|
797
801
|
</Tooltip>
|
|
798
802
|
</td>
|