next-helios-fe 1.9.14 → 1.9.16
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
@@ -75,8 +75,8 @@ export const MultipleSelect: React.FC<MultipleSelectProps> = ({
|
|
75
75
|
options?.height === "short"
|
76
76
|
? "py-[3.5px]"
|
77
77
|
: options?.height === "high"
|
78
|
-
|
79
|
-
|
78
|
+
? "py-[7.5px]"
|
79
|
+
: "py-[5px]";
|
80
80
|
|
81
81
|
useEffect(() => {
|
82
82
|
function handleClickOutside(event: MouseEvent) {
|
@@ -116,7 +116,7 @@ export const MultipleSelect: React.FC<MultipleSelectProps> = ({
|
|
116
116
|
if (required) {
|
117
117
|
if (tempValue.length === 0) {
|
118
118
|
inputRef.current?.setCustomValidity(
|
119
|
-
"Please select some items in the list."
|
119
|
+
"Please select some items in the list.",
|
120
120
|
);
|
121
121
|
} else {
|
122
122
|
inputRef.current?.setCustomValidity("");
|
@@ -125,225 +125,223 @@ export const MultipleSelect: React.FC<MultipleSelectProps> = ({
|
|
125
125
|
}, [tempValue]);
|
126
126
|
|
127
127
|
return (
|
128
|
-
<div className="
|
129
|
-
<
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
? 7
|
165
|
-
: options?.height === "high"
|
128
|
+
<div ref={componentRef} className="flex flex-row-reverse items-end">
|
129
|
+
<label className={`relative flex flex-col gap-2 ${width}`}>
|
130
|
+
{(label || description) && (
|
131
|
+
<div className="flex items-center justify-between gap-2">
|
132
|
+
{label && (
|
133
|
+
<span
|
134
|
+
className={`select-none text-sm ${
|
135
|
+
required && "after:ml-1 after:text-danger after:content-['*']"
|
136
|
+
}`}
|
137
|
+
>
|
138
|
+
{label}
|
139
|
+
</span>
|
140
|
+
)}
|
141
|
+
{description && (
|
142
|
+
<Tooltip content={description}>
|
143
|
+
<Icon
|
144
|
+
icon="octicon:info-16"
|
145
|
+
className="text-sm text-primary-dark"
|
146
|
+
/>
|
147
|
+
</Tooltip>
|
148
|
+
)}
|
149
|
+
</div>
|
150
|
+
)}
|
151
|
+
<div className="relative flex items-center">
|
152
|
+
<div className="relative flex w-full cursor-pointer items-center">
|
153
|
+
<input
|
154
|
+
ref={inputRef}
|
155
|
+
type="text"
|
156
|
+
className="w-full cursor-pointer rounded-md border border-default bg-secondary-bg pe-14 ps-4 text-transparent caret-transparent duration-150 placeholder:text-silent placeholder:duration-300 focus:border-primary-dark focus:shadow focus:shadow-primary focus:outline-none focus:ring-1 focus:ring-primary focus:placeholder:translate-x-1 disabled:cursor-default disabled:bg-secondary-light"
|
157
|
+
style={{
|
158
|
+
height:
|
159
|
+
tempValue.length !== 0
|
160
|
+
? inputHeight +
|
161
|
+
(options?.height === "short"
|
162
|
+
? 7
|
163
|
+
: options?.height === "high"
|
166
164
|
? 15
|
167
165
|
: 10)
|
168
|
-
|
166
|
+
: options?.height === "short"
|
169
167
|
? 35
|
170
168
|
: options?.height === "high"
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
|
178
|
-
|
179
|
-
|
169
|
+
? 43
|
170
|
+
: 39,
|
171
|
+
}}
|
172
|
+
placeholder={placeholder}
|
173
|
+
required={required}
|
174
|
+
disabled={disabled}
|
175
|
+
value={tempValue.join(", ")}
|
176
|
+
onChange={(e) => {}}
|
177
|
+
onClick={(e) => {
|
178
|
+
e.preventDefault();
|
179
|
+
setOpenDropdown(true);
|
180
|
+
dropdownTriggerRef.current?.click();
|
181
|
+
setDropdownWidth(
|
182
|
+
inputRef?.current?.getBoundingClientRect()?.width || 0,
|
183
|
+
);
|
184
|
+
}}
|
185
|
+
onKeyDown={(e) => {
|
186
|
+
if (e.key === "Enter") {
|
180
187
|
e.preventDefault();
|
181
|
-
|
182
|
-
|
183
|
-
|
184
|
-
|
185
|
-
|
186
|
-
|
187
|
-
|
188
|
-
if (e.key === "Enter") {
|
189
|
-
e.preventDefault();
|
190
|
-
inputRef.current?.click();
|
191
|
-
}
|
192
|
-
}}
|
188
|
+
inputRef.current?.click();
|
189
|
+
}
|
190
|
+
}}
|
191
|
+
/>
|
192
|
+
<div className="pointer-events-none absolute right-4 text-xl text-disabled">
|
193
|
+
<Icon
|
194
|
+
icon={`gravity-ui:chevron-${openDropdown ? "up" : "down"}`}
|
193
195
|
/>
|
194
|
-
<div className="absolute right-4 text-xl text-disabled pointer-events-none">
|
195
|
-
<Icon
|
196
|
-
icon={`gravity-ui:chevron-${openDropdown ? "up" : "down"}`}
|
197
|
-
/>
|
198
|
-
</div>
|
199
196
|
</div>
|
200
197
|
</div>
|
201
|
-
</
|
202
|
-
|
203
|
-
|
204
|
-
|
205
|
-
|
206
|
-
|
207
|
-
|
198
|
+
</div>
|
199
|
+
<div
|
200
|
+
ref={itemContainerRef}
|
201
|
+
className={`pointer-events-none absolute bottom-0 flex h-min w-full flex-wrap gap-2 pe-12 ps-4 ${height}`}
|
202
|
+
>
|
203
|
+
{tempValue?.map((item) => {
|
204
|
+
return (
|
205
|
+
<div
|
206
|
+
key={item}
|
207
|
+
className={`pointer-events-auto flex cursor-default select-none items-center gap-2 rounded-md px-2 py-0.5 text-white ${
|
208
|
+
disabled ||
|
209
|
+
menus.find((i) => i.value === item)?.disableUnselect
|
210
|
+
? "bg-secondary"
|
211
|
+
: "bg-primary"
|
212
|
+
}`}
|
213
|
+
>
|
214
|
+
<span>{menus.find((i) => i.value === item)?.label}</span>
|
208
215
|
<button
|
209
216
|
type="button"
|
210
|
-
|
211
|
-
|
212
|
-
|
213
|
-
|
214
|
-
tempValue.length !== 0
|
215
|
-
? inputHeight +
|
216
|
-
(options?.height === "short"
|
217
|
-
? 7
|
218
|
-
: options?.height === "high"
|
219
|
-
? 15
|
220
|
-
: 10)
|
221
|
-
: options?.height === "short"
|
222
|
-
? 35
|
223
|
-
: options?.height === "high"
|
224
|
-
? 43
|
225
|
-
: 39,
|
226
|
-
}}
|
217
|
+
disabled={
|
218
|
+
disabled ||
|
219
|
+
menus.find((i) => i.value === item)?.disableUnselect
|
220
|
+
}
|
227
221
|
tabIndex={-1}
|
228
|
-
|
229
|
-
|
230
|
-
|
231
|
-
|
232
|
-
|
233
|
-
|
234
|
-
|
235
|
-
|
236
|
-
|
237
|
-
if (
|
238
|
-
|
239
|
-
|
240
|
-
|
241
|
-
|
242
|
-
|
222
|
+
onClick={() => {
|
223
|
+
setTempValue(tempValue.filter((i) => i !== item));
|
224
|
+
if (onChange) {
|
225
|
+
onChange({
|
226
|
+
target: {
|
227
|
+
value: tempValue.filter((i) => i !== item),
|
228
|
+
},
|
229
|
+
} as any);
|
230
|
+
}
|
231
|
+
if (onRemove) {
|
232
|
+
onRemove({
|
233
|
+
target: {
|
234
|
+
value: item,
|
235
|
+
},
|
236
|
+
});
|
243
237
|
}
|
244
238
|
}}
|
245
239
|
>
|
246
|
-
<
|
247
|
-
|
248
|
-
|
249
|
-
|
250
|
-
|
251
|
-
|
252
|
-
|
253
|
-
|
254
|
-
|
255
|
-
|
256
|
-
|
257
|
-
|
258
|
-
|
259
|
-
tempValue?.find((i) => i === item.value) ? true : false
|
260
|
-
}
|
261
|
-
as={item.variant || "button"}
|
262
|
-
disabled={item.disabled ?? false}
|
263
|
-
onClick={() => {
|
264
|
-
setTempValue([...tempValue, item.value]);
|
265
|
-
if (onChange) {
|
266
|
-
onChange({
|
267
|
-
target: { value: [...tempValue, item.value] },
|
268
|
-
} as any);
|
269
|
-
}
|
270
|
-
if (onSelect) {
|
271
|
-
onSelect({
|
272
|
-
target: { value: item.value },
|
273
|
-
});
|
274
|
-
}
|
275
|
-
}}
|
276
|
-
onKeyDown={(e) => {
|
277
|
-
if (e.key === "Escape") {
|
278
|
-
e.preventDefault();
|
279
|
-
inputRef.current?.focus();
|
280
|
-
setOpenDropdown(false);
|
281
|
-
} else if (e.key === "Tab") {
|
282
|
-
setOpenDropdown(false);
|
283
|
-
}
|
284
|
-
}}
|
285
|
-
>
|
286
|
-
<div
|
287
|
-
className="flex justify-between items-center gap-4"
|
288
|
-
style={{ width: dropdownWidth - 43 }}
|
289
|
-
>
|
290
|
-
<span>{item.label}</span>
|
291
|
-
{labelComponent ? labelComponent(item) : ""}
|
292
|
-
</div>
|
293
|
-
</Dropdown.Item>
|
294
|
-
);
|
295
|
-
})
|
296
|
-
)}
|
297
|
-
</Dropdown>
|
298
|
-
</div>
|
299
|
-
)}
|
300
|
-
</div>
|
301
|
-
<div
|
302
|
-
ref={itemContainerRef}
|
303
|
-
className={`absolute bottom-0 ps-4 pe-12 flex flex-wrap gap-2 w-full h-min pointer-events-none ${height}`}
|
304
|
-
>
|
305
|
-
{tempValue?.map((item) => {
|
306
|
-
return (
|
307
|
-
<div
|
308
|
-
key={item}
|
309
|
-
className={`flex items-center gap-2 px-2 py-0.5 rounded-md text-white select-none cursor-default pointer-events-auto ${
|
310
|
-
disabled || menus.find((i) => i.value === item)?.disableUnselect
|
311
|
-
? "bg-secondary"
|
312
|
-
: "bg-primary"
|
313
|
-
}`}
|
314
|
-
>
|
315
|
-
<span>{menus.find((i) => i.value === item)?.label}</span>
|
240
|
+
<Icon icon="pajamas:close" />
|
241
|
+
</button>
|
242
|
+
</div>
|
243
|
+
);
|
244
|
+
})}
|
245
|
+
</div>
|
246
|
+
</label>
|
247
|
+
{!options?.disableDropdown && (
|
248
|
+
<div className="w-0 overflow-hidden">
|
249
|
+
<Dropdown
|
250
|
+
placement="bottom-start"
|
251
|
+
dismissOnClick={false}
|
252
|
+
trigger={
|
316
253
|
<button
|
317
254
|
type="button"
|
318
|
-
|
319
|
-
|
320
|
-
|
321
|
-
|
255
|
+
ref={dropdownTriggerRef}
|
256
|
+
className="w-0"
|
257
|
+
style={{
|
258
|
+
height:
|
259
|
+
tempValue.length !== 0
|
260
|
+
? inputHeight +
|
261
|
+
(options?.height === "short"
|
262
|
+
? 7
|
263
|
+
: options?.height === "high"
|
264
|
+
? 15
|
265
|
+
: 10)
|
266
|
+
: options?.height === "short"
|
267
|
+
? 35
|
268
|
+
: options?.height === "high"
|
269
|
+
? 43
|
270
|
+
: 39,
|
271
|
+
}}
|
322
272
|
tabIndex={-1}
|
323
|
-
|
324
|
-
|
325
|
-
|
326
|
-
|
327
|
-
|
328
|
-
|
329
|
-
|
330
|
-
|
331
|
-
|
332
|
-
if (
|
333
|
-
|
334
|
-
|
335
|
-
|
336
|
-
|
337
|
-
|
273
|
+
disabled={disabled ?? false}
|
274
|
+
>
|
275
|
+
1
|
276
|
+
</button>
|
277
|
+
}
|
278
|
+
>
|
279
|
+
{menus.length === 0 ? (
|
280
|
+
<Dropdown.Item
|
281
|
+
onKeyDown={(e) => {
|
282
|
+
if (e.key === "Escape") {
|
283
|
+
e.preventDefault();
|
284
|
+
inputRef.current?.focus();
|
285
|
+
setOpenDropdown(false);
|
286
|
+
} else if (e.key === "Tab") {
|
287
|
+
setOpenDropdown(false);
|
338
288
|
}
|
339
289
|
}}
|
340
290
|
>
|
341
|
-
<
|
342
|
-
|
343
|
-
|
344
|
-
|
345
|
-
|
346
|
-
|
291
|
+
<div
|
292
|
+
className="flex justify-center"
|
293
|
+
style={{ width: dropdownWidth - 43 }}
|
294
|
+
>
|
295
|
+
<span>No data found</span>
|
296
|
+
</div>
|
297
|
+
</Dropdown.Item>
|
298
|
+
) : (
|
299
|
+
menus.map((item, index) => {
|
300
|
+
return (
|
301
|
+
<Dropdown.Item
|
302
|
+
key={index}
|
303
|
+
active={
|
304
|
+
tempValue?.find((i) => i === item.value) ? true : false
|
305
|
+
}
|
306
|
+
as={item.variant || "button"}
|
307
|
+
disabled={item.disabled ?? false}
|
308
|
+
onClick={() => {
|
309
|
+
setTempValue([...tempValue, item.value]);
|
310
|
+
if (onChange) {
|
311
|
+
onChange({
|
312
|
+
target: { value: [...tempValue, item.value] },
|
313
|
+
} as any);
|
314
|
+
}
|
315
|
+
if (onSelect) {
|
316
|
+
onSelect({
|
317
|
+
target: { value: item.value },
|
318
|
+
});
|
319
|
+
}
|
320
|
+
}}
|
321
|
+
onKeyDown={(e) => {
|
322
|
+
if (e.key === "Escape") {
|
323
|
+
e.preventDefault();
|
324
|
+
inputRef.current?.focus();
|
325
|
+
setOpenDropdown(false);
|
326
|
+
} else if (e.key === "Tab") {
|
327
|
+
setOpenDropdown(false);
|
328
|
+
}
|
329
|
+
}}
|
330
|
+
>
|
331
|
+
<div
|
332
|
+
className="flex items-center justify-between gap-4"
|
333
|
+
style={{ width: dropdownWidth - 43 }}
|
334
|
+
>
|
335
|
+
<span>{item.label}</span>
|
336
|
+
{labelComponent ? labelComponent(item) : ""}
|
337
|
+
</div>
|
338
|
+
</Dropdown.Item>
|
339
|
+
);
|
340
|
+
})
|
341
|
+
)}
|
342
|
+
</Dropdown>
|
343
|
+
</div>
|
344
|
+
)}
|
347
345
|
</div>
|
348
346
|
);
|
349
347
|
};
|
@@ -445,7 +445,7 @@ export const Table: TableComponentProps = ({
|
|
445
445
|
<button
|
446
446
|
type="button"
|
447
447
|
className="group/header flex w-full items-center justify-between gap-4"
|
448
|
-
disabled={item.disableSort}
|
448
|
+
disabled={item.disableSort ? true : loading}
|
449
449
|
onClick={() => {
|
450
450
|
setSortBy((prev: any) => {
|
451
451
|
if (prev.column !== item.key) {
|
@@ -484,6 +484,7 @@ export const Table: TableComponentProps = ({
|
|
484
484
|
<button
|
485
485
|
type="button"
|
486
486
|
className="flex items-center rounded-full hover:bg-secondary-light"
|
487
|
+
disabled={loading}
|
487
488
|
>
|
488
489
|
<Icon icon="ion:filter" />
|
489
490
|
</button>
|
@@ -578,6 +579,7 @@ export const Table: TableComponentProps = ({
|
|
578
579
|
<button
|
579
580
|
type="button"
|
580
581
|
className="flex items-center rounded-full hover:bg-secondary-light"
|
582
|
+
disabled={loading}
|
581
583
|
>
|
582
584
|
<Icon icon="akar-icons:calendar" />
|
583
585
|
</button>
|
@@ -618,7 +620,7 @@ export const Table: TableComponentProps = ({
|
|
618
620
|
item.type !== "date" ? "px-6 border-b" : "pe-6 border-b-0"
|
619
621
|
}`}
|
620
622
|
placeholder="Search..."
|
621
|
-
disabled={item.type === "date"}
|
623
|
+
disabled={item.type === "date" ? true : loading}
|
622
624
|
value={
|
623
625
|
item.type !== "date"
|
624
626
|
? filter?.find(
|
@@ -668,6 +670,7 @@ export const Table: TableComponentProps = ({
|
|
668
670
|
<button
|
669
671
|
type="button"
|
670
672
|
className="absolute right-0 rounded-full text-disabled hover:bg-secondary-light"
|
673
|
+
disabled={loading}
|
671
674
|
onClick={() => {
|
672
675
|
if (item.type !== "date") {
|
673
676
|
setFilter(
|
@@ -718,6 +721,7 @@ export const Table: TableComponentProps = ({
|
|
718
721
|
<td className="sticky left-0 z-[1] w-8 bg-secondary-bg px-4 py-1.5">
|
719
722
|
<Form.Checkbox
|
720
723
|
options={{ disableHover: true }}
|
724
|
+
disabled={loading}
|
721
725
|
checked={
|
722
726
|
selected?.find(
|
723
727
|
(selectedItem) =>
|
@@ -849,7 +853,8 @@ export const Table: TableComponentProps = ({
|
|
849
853
|
>
|
850
854
|
<button
|
851
855
|
type="button"
|
852
|
-
className={`rounded-full p-1.5 text-white ${variant}`}
|
856
|
+
className={`rounded-full p-1.5 text-white disabled:bg-secondary-dark ${variant}`}
|
857
|
+
disabled={loading}
|
853
858
|
onClick={(e) => {
|
854
859
|
item.onClick && item.onClick(e);
|
855
860
|
}}
|
@@ -866,7 +871,8 @@ export const Table: TableComponentProps = ({
|
|
866
871
|
>
|
867
872
|
<button
|
868
873
|
type="button"
|
869
|
-
className="rounded-full bg-primary p-1.5 text-white hover:bg-primary-dark"
|
874
|
+
className="rounded-full bg-primary p-1.5 text-white hover:bg-primary-dark disabled:bg-secondary-dark"
|
875
|
+
disabled={loading}
|
870
876
|
onClick={(e) => {
|
871
877
|
options?.toolbar?.addData?.onClick &&
|
872
878
|
options?.toolbar?.addData?.onClick(e);
|
@@ -888,7 +894,8 @@ export const Table: TableComponentProps = ({
|
|
888
894
|
>
|
889
895
|
<button
|
890
896
|
type="button"
|
891
|
-
className="rounded-full px-2 py-2 hover:bg-secondary-light"
|
897
|
+
className="rounded-full px-2 py-2 hover:bg-secondary-light disabled:bg-secondary-light"
|
898
|
+
disabled={loading}
|
892
899
|
>
|
893
900
|
<Icon icon="mage:filter" className="text-xl" />
|
894
901
|
</button>
|
@@ -929,6 +936,7 @@ export const Table: TableComponentProps = ({
|
|
929
936
|
<Form.Search
|
930
937
|
options={{ width: "fit" }}
|
931
938
|
placeholder="Search..."
|
939
|
+
disabled={loading}
|
932
940
|
value={search}
|
933
941
|
onChange={(e) => {
|
934
942
|
setSearch(e.target.value);
|
@@ -941,6 +949,7 @@ export const Table: TableComponentProps = ({
|
|
941
949
|
type="button"
|
942
950
|
tooltip={options?.toolbar?.export?.tooltip || "Export Data"}
|
943
951
|
options={{ variant: "primary", width: "fit" }}
|
952
|
+
disabled={loading}
|
944
953
|
onClick={() => {
|
945
954
|
const exportData = filteredData?.map((item) => {
|
946
955
|
return header
|
@@ -987,6 +996,7 @@ export const Table: TableComponentProps = ({
|
|
987
996
|
<div className="flex flex-col">
|
988
997
|
<Form.Checkbox
|
989
998
|
options={{ disableHover: true }}
|
999
|
+
disabled={loading}
|
990
1000
|
checked={
|
991
1001
|
(dynamicTable?.setValue?.totalData ??
|
992
1002
|
filteredData?.length) !== 0 &&
|
@@ -1147,6 +1157,7 @@ export const Table: TableComponentProps = ({
|
|
1147
1157
|
{ label: "50", value: "50" },
|
1148
1158
|
{ label: "100", value: "100" },
|
1149
1159
|
]}
|
1160
|
+
disabled={loading}
|
1150
1161
|
value={maxRow?.toString()}
|
1151
1162
|
onChange={(e) => {
|
1152
1163
|
setMaxRow(Number(e.target.value));
|
@@ -1166,6 +1177,7 @@ export const Table: TableComponentProps = ({
|
|
1166
1177
|
{ label: "50", value: "50" },
|
1167
1178
|
{ label: "100", value: "100" },
|
1168
1179
|
]}
|
1180
|
+
disabled={loading}
|
1169
1181
|
value={maxRow?.toString()}
|
1170
1182
|
onChange={(e) => {
|
1171
1183
|
setMaxRow(Number(e.target.value));
|
@@ -1191,7 +1203,7 @@ export const Table: TableComponentProps = ({
|
|
1191
1203
|
<button
|
1192
1204
|
type="button"
|
1193
1205
|
className="flex h-9 min-w-9 items-center justify-center rounded-md border bg-secondary-bg hover:bg-secondary-light disabled:pointer-events-none disabled:bg-secondary-light disabled:text-disabled"
|
1194
|
-
disabled={page === 1}
|
1206
|
+
disabled={page === 1 ? true : loading}
|
1195
1207
|
onClick={() => {
|
1196
1208
|
setPage(1);
|
1197
1209
|
}}
|
@@ -1201,7 +1213,7 @@ export const Table: TableComponentProps = ({
|
|
1201
1213
|
<button
|
1202
1214
|
type="button"
|
1203
1215
|
className="hidden h-9 min-w-9 items-center justify-center rounded-md border bg-secondary-bg hover:bg-secondary-light disabled:pointer-events-none disabled:bg-secondary-light disabled:text-disabled md:flex"
|
1204
|
-
disabled={page === 1}
|
1216
|
+
disabled={page === 1 ? true : loading}
|
1205
1217
|
onClick={() => {
|
1206
1218
|
setPage((prev) => prev - 1);
|
1207
1219
|
}}
|
@@ -1223,8 +1235,12 @@ export const Table: TableComponentProps = ({
|
|
1223
1235
|
key={index}
|
1224
1236
|
id={`pagination-page-${index}`}
|
1225
1237
|
type="button"
|
1226
|
-
className=
|
1227
|
-
|
1238
|
+
className={`flex items-center justify-center h-9 min-w-9 px-4 border rounded-md select-none hover:bg-secondary-light ${
|
1239
|
+
page === index + 1
|
1240
|
+
? "disabled:bg-primary-transparent disabled:text-primary"
|
1241
|
+
: "disabled:bg-secondary-light disabled:text-disabled"
|
1242
|
+
}`}
|
1243
|
+
disabled={page === index + 1 ? true : loading}
|
1228
1244
|
onClick={() => {
|
1229
1245
|
setPage(index + 1);
|
1230
1246
|
}}
|
@@ -1240,6 +1256,8 @@ export const Table: TableComponentProps = ({
|
|
1240
1256
|
disabled={
|
1241
1257
|
(dynamicTable?.setValue?.totalData ?? filteredData?.length) <=
|
1242
1258
|
page * maxRow
|
1259
|
+
? true
|
1260
|
+
: loading
|
1243
1261
|
}
|
1244
1262
|
onClick={() => {
|
1245
1263
|
setPage((prev) => prev + 1);
|
@@ -1253,6 +1271,8 @@ export const Table: TableComponentProps = ({
|
|
1253
1271
|
disabled={
|
1254
1272
|
(dynamicTable?.setValue?.totalData ?? filteredData?.length) <=
|
1255
1273
|
page * maxRow
|
1274
|
+
? true
|
1275
|
+
: loading
|
1256
1276
|
}
|
1257
1277
|
onClick={() => {
|
1258
1278
|
setPage(
|