@dmsi/wedgekit-react 0.0.291 → 0.0.293
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/dist/{chunk-6DPFKSCT.js → chunk-6GAYJCFE.js} +1 -1
- package/dist/{chunk-YCKRVNJ3.js → chunk-ARQBSR3I.js} +4 -4
- package/dist/{chunk-J5V2JRIK.js → chunk-I3WFZOFY.js} +1 -1
- package/dist/{chunk-Q7JYDOFB.js → chunk-RLLQRVM7.js} +2 -2
- package/dist/{chunk-7AULYQHT.js → chunk-TO4LIFK7.js} +18 -18
- package/dist/{chunk-NXGUDYRR.js → chunk-ZA5E7ZYM.js} +1 -1
- package/dist/components/AccessChangerTabItem.cjs +1 -1
- package/dist/components/AccessChangerTabItem.js +1 -1
- package/dist/components/CalendarRange.js +11 -11
- package/dist/components/ContentTabs.cjs +14 -6
- package/dist/components/ContentTabs.js +14 -6
- package/dist/components/DataGridCell.js +6 -6
- package/dist/components/DateInput.js +13 -13
- package/dist/components/DateRangeInput.js +13 -13
- package/dist/components/FilterGroup.js +11 -11
- package/dist/components/Input.js +2 -2
- package/dist/components/MenuOption.js +2 -2
- package/dist/components/MobileDataGrid.js +3 -3
- package/dist/components/Modal.js +4 -4
- package/dist/components/ModalButtons.js +2 -2
- package/dist/components/ModalHeader.js +2 -2
- package/dist/components/NavigationTab.js +2 -2
- package/dist/components/NavigationTabs.js +2 -2
- package/dist/components/NestedMenu.js +2 -2
- package/dist/components/Notification.js +3 -3
- package/dist/components/OptionPill.js +2 -2
- package/dist/components/PDFViewer.js +6 -6
- package/dist/components/Password.js +2 -2
- package/dist/components/Search.js +3 -3
- package/dist/components/Select.js +3 -3
- package/dist/components/Stepper.js +5 -5
- package/dist/components/Time.js +4 -4
- package/dist/components/Toast.js +3 -3
- package/dist/components/Upload.js +3 -3
- package/dist/components/index.js +17 -17
- package/package.json +1 -1
- package/src/components/AccessChangerTabItem.tsx +61 -46
- package/src/components/ContentTabs.tsx +17 -8
- package/dist/{chunk-3C2U4FKR.js → chunk-6CPGOW6J.js} +3 -3
- package/dist/{chunk-YUBQJQ75.js → chunk-FHQL42YP.js} +3 -3
- package/dist/{chunk-4XTTJOQA.js → chunk-KKESN5SF.js} +3 -3
- package/dist/{chunk-CKQNJNU3.js → chunk-OXSBIBGT.js} +3 -3
- package/dist/{chunk-ZL5X7KP6.js → chunk-RJUN52HJ.js} +3 -3
- package/dist/{chunk-5OPI4GTJ.js → chunk-XM7IQHBU.js} +3 -3
|
@@ -6,13 +6,13 @@ import {
|
|
|
6
6
|
} from "./chunk-WPEDVM56.js";
|
|
7
7
|
import {
|
|
8
8
|
MenuOption
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-OXSBIBGT.js";
|
|
10
|
+
import {
|
|
11
|
+
Search
|
|
12
|
+
} from "./chunk-6GAYJCFE.js";
|
|
10
13
|
import {
|
|
11
14
|
CSS
|
|
12
15
|
} from "./chunk-WVUIIBRR.js";
|
|
13
|
-
import {
|
|
14
|
-
Search
|
|
15
|
-
} from "./chunk-6DPFKSCT.js";
|
|
16
16
|
import {
|
|
17
17
|
Icon
|
|
18
18
|
} from "./chunk-NKUETCDA.js";
|
|
@@ -3,13 +3,13 @@ import {
|
|
|
3
3
|
} from "./chunk-4RJKB7LC.js";
|
|
4
4
|
import {
|
|
5
5
|
ModalButtons
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-XM7IQHBU.js";
|
|
7
7
|
import {
|
|
8
8
|
ModalContent
|
|
9
9
|
} from "./chunk-FRHPFACM.js";
|
|
10
10
|
import {
|
|
11
11
|
ModalHeader
|
|
12
|
-
} from "./chunk-
|
|
12
|
+
} from "./chunk-6CPGOW6J.js";
|
|
13
13
|
import {
|
|
14
14
|
ModalScrim
|
|
15
15
|
} from "./chunk-ZFOANBWG.js";
|
|
@@ -3,34 +3,22 @@ import {
|
|
|
3
3
|
} from "./chunk-QQ5G773N.js";
|
|
4
4
|
import {
|
|
5
5
|
Select
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-I3WFZOFY.js";
|
|
7
|
+
import {
|
|
8
|
+
Checkbox
|
|
9
|
+
} from "./chunk-NO5BIKWS.js";
|
|
7
10
|
import {
|
|
8
11
|
DataCellHeader,
|
|
9
12
|
DataGridCell,
|
|
10
13
|
DragAlongCell,
|
|
11
14
|
DraggableCellHeader
|
|
12
|
-
} from "./chunk-
|
|
15
|
+
} from "./chunk-ARQBSR3I.js";
|
|
13
16
|
import {
|
|
14
17
|
Menu
|
|
15
18
|
} from "./chunk-W32JB47H.js";
|
|
16
19
|
import {
|
|
17
20
|
MenuOption
|
|
18
|
-
} from "./chunk-
|
|
19
|
-
import {
|
|
20
|
-
Search
|
|
21
|
-
} from "./chunk-6DPFKSCT.js";
|
|
22
|
-
import {
|
|
23
|
-
Input
|
|
24
|
-
} from "./chunk-ZL5X7KP6.js";
|
|
25
|
-
import {
|
|
26
|
-
Label
|
|
27
|
-
} from "./chunk-7CS736EF.js";
|
|
28
|
-
import {
|
|
29
|
-
Checkbox
|
|
30
|
-
} from "./chunk-NO5BIKWS.js";
|
|
31
|
-
import {
|
|
32
|
-
Button
|
|
33
|
-
} from "./chunk-WWAPK5PH.js";
|
|
21
|
+
} from "./chunk-OXSBIBGT.js";
|
|
34
22
|
import {
|
|
35
23
|
useInfiniteScroll,
|
|
36
24
|
useTableLayout
|
|
@@ -38,9 +26,18 @@ import {
|
|
|
38
26
|
import {
|
|
39
27
|
formatDate
|
|
40
28
|
} from "./chunk-TYTD4FLW.js";
|
|
29
|
+
import {
|
|
30
|
+
Search
|
|
31
|
+
} from "./chunk-6GAYJCFE.js";
|
|
32
|
+
import {
|
|
33
|
+
Input
|
|
34
|
+
} from "./chunk-RJUN52HJ.js";
|
|
41
35
|
import {
|
|
42
36
|
formatCurrencyDisplay
|
|
43
37
|
} from "./chunk-5UH6QUFB.js";
|
|
38
|
+
import {
|
|
39
|
+
Label
|
|
40
|
+
} from "./chunk-7CS736EF.js";
|
|
44
41
|
import {
|
|
45
42
|
Subheader
|
|
46
43
|
} from "./chunk-FA7IFW66.js";
|
|
@@ -50,6 +47,9 @@ import {
|
|
|
50
47
|
import {
|
|
51
48
|
Icon
|
|
52
49
|
} from "./chunk-NKUETCDA.js";
|
|
50
|
+
import {
|
|
51
|
+
Button
|
|
52
|
+
} from "./chunk-WWAPK5PH.js";
|
|
53
53
|
import {
|
|
54
54
|
componentGap,
|
|
55
55
|
componentPadding
|
|
@@ -314,7 +314,7 @@ function AccessChangerTabItem(props) {
|
|
|
314
314
|
selected ? "text-text-action-primary-normal" : "text-text-primary-normal hover:text-text-action-primary-normal"
|
|
315
315
|
),
|
|
316
316
|
onClick: (e) => {
|
|
317
|
-
if (
|
|
317
|
+
if (loading || disabled) {
|
|
318
318
|
return;
|
|
319
319
|
}
|
|
320
320
|
onClick == null ? void 0 : onClick(e);
|
|
@@ -47,7 +47,7 @@ function AccessChangerTabItem(props) {
|
|
|
47
47
|
selected ? "text-text-action-primary-normal" : "text-text-primary-normal hover:text-text-action-primary-normal"
|
|
48
48
|
),
|
|
49
49
|
onClick: (e) => {
|
|
50
|
-
if (
|
|
50
|
+
if (loading || disabled) {
|
|
51
51
|
return;
|
|
52
52
|
}
|
|
53
53
|
onClick == null ? void 0 : onClick(e);
|
|
@@ -2,30 +2,30 @@ import {
|
|
|
2
2
|
CalendarRange,
|
|
3
3
|
CalendarRange_default,
|
|
4
4
|
isWeekend
|
|
5
|
-
} from "../chunk-
|
|
6
|
-
import "../chunk-
|
|
5
|
+
} from "../chunk-ZA5E7ZYM.js";
|
|
6
|
+
import "../chunk-TO4LIFK7.js";
|
|
7
7
|
import "../chunk-QQ5G773N.js";
|
|
8
|
-
import "../chunk-
|
|
9
|
-
import "../chunk-
|
|
8
|
+
import "../chunk-I3WFZOFY.js";
|
|
9
|
+
import "../chunk-NO5BIKWS.js";
|
|
10
|
+
import "../chunk-ARQBSR3I.js";
|
|
10
11
|
import "../chunk-W32JB47H.js";
|
|
11
12
|
import "../chunk-WPEDVM56.js";
|
|
12
|
-
import "../chunk-
|
|
13
|
-
import "../chunk-WVUIIBRR.js";
|
|
14
|
-
import "../chunk-6DPFKSCT.js";
|
|
15
|
-
import "../chunk-ZL5X7KP6.js";
|
|
16
|
-
import "../chunk-7CS736EF.js";
|
|
17
|
-
import "../chunk-NO5BIKWS.js";
|
|
18
|
-
import "../chunk-WWAPK5PH.js";
|
|
13
|
+
import "../chunk-OXSBIBGT.js";
|
|
19
14
|
import "../chunk-JUJBS4ZV.js";
|
|
20
15
|
import "../chunk-VXWSAIB5.js";
|
|
21
16
|
import "../chunk-TYTD4FLW.js";
|
|
17
|
+
import "../chunk-6GAYJCFE.js";
|
|
18
|
+
import "../chunk-RJUN52HJ.js";
|
|
22
19
|
import "../chunk-5UH6QUFB.js";
|
|
20
|
+
import "../chunk-7CS736EF.js";
|
|
21
|
+
import "../chunk-WVUIIBRR.js";
|
|
23
22
|
import "../chunk-FA7IFW66.js";
|
|
24
23
|
import "../chunk-4VER5OEU.js";
|
|
25
24
|
import "../chunk-NQXZBWDZ.js";
|
|
26
25
|
import "../chunk-4LXG6QNT.js";
|
|
27
26
|
import "../chunk-OGIFIPKH.js";
|
|
28
27
|
import "../chunk-NKUETCDA.js";
|
|
28
|
+
import "../chunk-WWAPK5PH.js";
|
|
29
29
|
import "../chunk-6CTCHYIS.js";
|
|
30
30
|
import "../chunk-ORMEWXMH.js";
|
|
31
31
|
export {
|
|
@@ -422,16 +422,18 @@ ContentTab.displayName = "ContentTab";
|
|
|
422
422
|
// src/components/ContentTabs.tsx
|
|
423
423
|
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
424
424
|
var afterClasses = "after:absolute after:bottom-0 after:left-0 after:w-full after:h-0.5 after:bg-border-primary-normal z-0";
|
|
425
|
-
var ContentTabs = ({
|
|
425
|
+
var ContentTabs = ({
|
|
426
|
+
tabs,
|
|
427
|
+
onTabChange,
|
|
428
|
+
fullWidthTabs,
|
|
429
|
+
id,
|
|
430
|
+
testid,
|
|
431
|
+
selectedTab
|
|
432
|
+
}) => {
|
|
426
433
|
var _a, _b;
|
|
427
434
|
const [selectedTabId, setSelectedTabId] = (0, import_react2.useState)(((_a = tabs[0]) == null ? void 0 : _a.id) || "");
|
|
428
435
|
const [focusedTabIndex, setFocusedTabIndex] = (0, import_react2.useState)(0);
|
|
429
436
|
const tabRefs = (0, import_react2.useRef)([]);
|
|
430
|
-
(0, import_react2.useEffect)(() => {
|
|
431
|
-
if (selectedTab) {
|
|
432
|
-
handleTabClick(selectedTab.id, selectedTab.index);
|
|
433
|
-
}
|
|
434
|
-
}, [selectedTab]);
|
|
435
437
|
const handleTabClick = (0, import_react2.useCallback)(
|
|
436
438
|
(id2, index) => {
|
|
437
439
|
setSelectedTabId(id2);
|
|
@@ -440,6 +442,11 @@ var ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id, testid, selectedTab }
|
|
|
440
442
|
},
|
|
441
443
|
[onTabChange]
|
|
442
444
|
);
|
|
445
|
+
(0, import_react2.useEffect)(() => {
|
|
446
|
+
if (selectedTab) {
|
|
447
|
+
handleTabClick(selectedTab.id, selectedTab.index);
|
|
448
|
+
}
|
|
449
|
+
}, [selectedTab, handleTabClick]);
|
|
443
450
|
const handleKeyDown = (e) => {
|
|
444
451
|
var _a2;
|
|
445
452
|
let newIndex = focusedTabIndex;
|
|
@@ -474,6 +481,7 @@ var ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id, testid, selectedTab }
|
|
|
474
481
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
475
482
|
ContentTab,
|
|
476
483
|
{
|
|
484
|
+
disabled: tab.disabled,
|
|
477
485
|
fullWidth: fullWidthTabs,
|
|
478
486
|
id: id ? `${id}-tab-${tab.id}` : void 0,
|
|
479
487
|
testid: testid ? `${testid}-tab-${tab.id}` : void 0,
|
|
@@ -11,16 +11,18 @@ import clsx from "clsx";
|
|
|
11
11
|
import { useState, useRef, useCallback, useEffect } from "react";
|
|
12
12
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
13
13
|
var afterClasses = "after:absolute after:bottom-0 after:left-0 after:w-full after:h-0.5 after:bg-border-primary-normal z-0";
|
|
14
|
-
var ContentTabs = ({
|
|
14
|
+
var ContentTabs = ({
|
|
15
|
+
tabs,
|
|
16
|
+
onTabChange,
|
|
17
|
+
fullWidthTabs,
|
|
18
|
+
id,
|
|
19
|
+
testid,
|
|
20
|
+
selectedTab
|
|
21
|
+
}) => {
|
|
15
22
|
var _a, _b;
|
|
16
23
|
const [selectedTabId, setSelectedTabId] = useState(((_a = tabs[0]) == null ? void 0 : _a.id) || "");
|
|
17
24
|
const [focusedTabIndex, setFocusedTabIndex] = useState(0);
|
|
18
25
|
const tabRefs = useRef([]);
|
|
19
|
-
useEffect(() => {
|
|
20
|
-
if (selectedTab) {
|
|
21
|
-
handleTabClick(selectedTab.id, selectedTab.index);
|
|
22
|
-
}
|
|
23
|
-
}, [selectedTab]);
|
|
24
26
|
const handleTabClick = useCallback(
|
|
25
27
|
(id2, index) => {
|
|
26
28
|
setSelectedTabId(id2);
|
|
@@ -29,6 +31,11 @@ var ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id, testid, selectedTab }
|
|
|
29
31
|
},
|
|
30
32
|
[onTabChange]
|
|
31
33
|
);
|
|
34
|
+
useEffect(() => {
|
|
35
|
+
if (selectedTab) {
|
|
36
|
+
handleTabClick(selectedTab.id, selectedTab.index);
|
|
37
|
+
}
|
|
38
|
+
}, [selectedTab, handleTabClick]);
|
|
32
39
|
const handleKeyDown = (e) => {
|
|
33
40
|
var _a2;
|
|
34
41
|
let newIndex = focusedTabIndex;
|
|
@@ -63,6 +70,7 @@ var ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id, testid, selectedTab }
|
|
|
63
70
|
return /* @__PURE__ */ jsx(
|
|
64
71
|
ContentTab,
|
|
65
72
|
{
|
|
73
|
+
disabled: tab.disabled,
|
|
66
74
|
fullWidth: fullWidthTabs,
|
|
67
75
|
id: id ? `${id}-tab-${tab.id}` : void 0,
|
|
68
76
|
testid: testid ? `${testid}-tab-${tab.id}` : void 0,
|
|
@@ -4,18 +4,18 @@ import {
|
|
|
4
4
|
DataGridCell,
|
|
5
5
|
DragAlongCell,
|
|
6
6
|
DraggableCellHeader
|
|
7
|
-
} from "../chunk-
|
|
7
|
+
} from "../chunk-ARQBSR3I.js";
|
|
8
8
|
import "../chunk-W32JB47H.js";
|
|
9
9
|
import "../chunk-WPEDVM56.js";
|
|
10
|
-
import "../chunk-
|
|
11
|
-
import "../chunk-WVUIIBRR.js";
|
|
12
|
-
import "../chunk-6DPFKSCT.js";
|
|
13
|
-
import "../chunk-ZL5X7KP6.js";
|
|
14
|
-
import "../chunk-7CS736EF.js";
|
|
10
|
+
import "../chunk-OXSBIBGT.js";
|
|
15
11
|
import "../chunk-JUJBS4ZV.js";
|
|
16
12
|
import "../chunk-VXWSAIB5.js";
|
|
17
13
|
import "../chunk-TYTD4FLW.js";
|
|
14
|
+
import "../chunk-6GAYJCFE.js";
|
|
15
|
+
import "../chunk-RJUN52HJ.js";
|
|
18
16
|
import "../chunk-5UH6QUFB.js";
|
|
17
|
+
import "../chunk-7CS736EF.js";
|
|
18
|
+
import "../chunk-WVUIIBRR.js";
|
|
19
19
|
import "../chunk-OGIFIPKH.js";
|
|
20
20
|
import "../chunk-NKUETCDA.js";
|
|
21
21
|
import "../chunk-6CTCHYIS.js";
|
|
@@ -1,21 +1,14 @@
|
|
|
1
1
|
import {
|
|
2
2
|
CalendarRange
|
|
3
|
-
} from "../chunk-
|
|
4
|
-
import "../chunk-
|
|
3
|
+
} from "../chunk-ZA5E7ZYM.js";
|
|
4
|
+
import "../chunk-TO4LIFK7.js";
|
|
5
5
|
import "../chunk-QQ5G773N.js";
|
|
6
|
-
import "../chunk-
|
|
7
|
-
import "../chunk-
|
|
6
|
+
import "../chunk-I3WFZOFY.js";
|
|
7
|
+
import "../chunk-NO5BIKWS.js";
|
|
8
|
+
import "../chunk-ARQBSR3I.js";
|
|
8
9
|
import "../chunk-W32JB47H.js";
|
|
9
10
|
import "../chunk-WPEDVM56.js";
|
|
10
|
-
import "../chunk-
|
|
11
|
-
import "../chunk-WVUIIBRR.js";
|
|
12
|
-
import "../chunk-6DPFKSCT.js";
|
|
13
|
-
import {
|
|
14
|
-
InputBase
|
|
15
|
-
} from "../chunk-ZL5X7KP6.js";
|
|
16
|
-
import "../chunk-7CS736EF.js";
|
|
17
|
-
import "../chunk-NO5BIKWS.js";
|
|
18
|
-
import "../chunk-WWAPK5PH.js";
|
|
11
|
+
import "../chunk-OXSBIBGT.js";
|
|
19
12
|
import "../chunk-JUJBS4ZV.js";
|
|
20
13
|
import {
|
|
21
14
|
findDocumentRoot
|
|
@@ -27,7 +20,13 @@ import {
|
|
|
27
20
|
isValidDate,
|
|
28
21
|
parseInputDate
|
|
29
22
|
} from "../chunk-TYTD4FLW.js";
|
|
23
|
+
import "../chunk-6GAYJCFE.js";
|
|
24
|
+
import {
|
|
25
|
+
InputBase
|
|
26
|
+
} from "../chunk-RJUN52HJ.js";
|
|
30
27
|
import "../chunk-5UH6QUFB.js";
|
|
28
|
+
import "../chunk-7CS736EF.js";
|
|
29
|
+
import "../chunk-WVUIIBRR.js";
|
|
31
30
|
import "../chunk-FA7IFW66.js";
|
|
32
31
|
import "../chunk-4VER5OEU.js";
|
|
33
32
|
import "../chunk-NQXZBWDZ.js";
|
|
@@ -36,6 +35,7 @@ import "../chunk-OGIFIPKH.js";
|
|
|
36
35
|
import {
|
|
37
36
|
Icon
|
|
38
37
|
} from "../chunk-NKUETCDA.js";
|
|
38
|
+
import "../chunk-WWAPK5PH.js";
|
|
39
39
|
import "../chunk-6CTCHYIS.js";
|
|
40
40
|
import {
|
|
41
41
|
__objRest,
|
|
@@ -1,21 +1,14 @@
|
|
|
1
1
|
import {
|
|
2
2
|
CalendarRange
|
|
3
|
-
} from "../chunk-
|
|
4
|
-
import "../chunk-
|
|
3
|
+
} from "../chunk-ZA5E7ZYM.js";
|
|
4
|
+
import "../chunk-TO4LIFK7.js";
|
|
5
5
|
import "../chunk-QQ5G773N.js";
|
|
6
|
-
import "../chunk-
|
|
7
|
-
import "../chunk-
|
|
6
|
+
import "../chunk-I3WFZOFY.js";
|
|
7
|
+
import "../chunk-NO5BIKWS.js";
|
|
8
|
+
import "../chunk-ARQBSR3I.js";
|
|
8
9
|
import "../chunk-W32JB47H.js";
|
|
9
10
|
import "../chunk-WPEDVM56.js";
|
|
10
|
-
import "../chunk-
|
|
11
|
-
import "../chunk-WVUIIBRR.js";
|
|
12
|
-
import "../chunk-6DPFKSCT.js";
|
|
13
|
-
import {
|
|
14
|
-
InputBase
|
|
15
|
-
} from "../chunk-ZL5X7KP6.js";
|
|
16
|
-
import "../chunk-7CS736EF.js";
|
|
17
|
-
import "../chunk-NO5BIKWS.js";
|
|
18
|
-
import "../chunk-WWAPK5PH.js";
|
|
11
|
+
import "../chunk-OXSBIBGT.js";
|
|
19
12
|
import "../chunk-JUJBS4ZV.js";
|
|
20
13
|
import {
|
|
21
14
|
findDocumentRoot
|
|
@@ -28,7 +21,13 @@ import {
|
|
|
28
21
|
isValidDateRangeOrder,
|
|
29
22
|
parseInputDate
|
|
30
23
|
} from "../chunk-TYTD4FLW.js";
|
|
24
|
+
import "../chunk-6GAYJCFE.js";
|
|
25
|
+
import {
|
|
26
|
+
InputBase
|
|
27
|
+
} from "../chunk-RJUN52HJ.js";
|
|
31
28
|
import "../chunk-5UH6QUFB.js";
|
|
29
|
+
import "../chunk-7CS736EF.js";
|
|
30
|
+
import "../chunk-WVUIIBRR.js";
|
|
32
31
|
import "../chunk-FA7IFW66.js";
|
|
33
32
|
import "../chunk-4VER5OEU.js";
|
|
34
33
|
import "../chunk-NQXZBWDZ.js";
|
|
@@ -37,6 +36,7 @@ import "../chunk-OGIFIPKH.js";
|
|
|
37
36
|
import {
|
|
38
37
|
Icon
|
|
39
38
|
} from "../chunk-NKUETCDA.js";
|
|
39
|
+
import "../chunk-WWAPK5PH.js";
|
|
40
40
|
import "../chunk-6CTCHYIS.js";
|
|
41
41
|
import {
|
|
42
42
|
__objRest,
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
OptionPill
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-KKESN5SF.js";
|
|
5
5
|
import {
|
|
6
|
-
|
|
7
|
-
} from "../chunk-
|
|
8
|
-
import "../chunk-ZL5X7KP6.js";
|
|
9
|
-
import {
|
|
10
|
-
Label
|
|
11
|
-
} from "../chunk-7CS736EF.js";
|
|
6
|
+
Link
|
|
7
|
+
} from "../chunk-4OMINRN5.js";
|
|
12
8
|
import {
|
|
13
9
|
Checkbox
|
|
14
10
|
} from "../chunk-NO5BIKWS.js";
|
|
15
|
-
import
|
|
11
|
+
import {
|
|
12
|
+
Search
|
|
13
|
+
} from "../chunk-6GAYJCFE.js";
|
|
14
|
+
import "../chunk-RJUN52HJ.js";
|
|
16
15
|
import "../chunk-5UH6QUFB.js";
|
|
17
|
-
import "../chunk-OGIFIPKH.js";
|
|
18
16
|
import {
|
|
19
|
-
|
|
20
|
-
} from "../chunk-
|
|
17
|
+
Label
|
|
18
|
+
} from "../chunk-7CS736EF.js";
|
|
19
|
+
import "../chunk-OGIFIPKH.js";
|
|
21
20
|
import {
|
|
22
21
|
Icon
|
|
23
22
|
} from "../chunk-NKUETCDA.js";
|
|
23
|
+
import "../chunk-WWAPK5PH.js";
|
|
24
24
|
import {
|
|
25
25
|
baseTransition,
|
|
26
26
|
componentGap,
|
package/dist/components/Input.js
CHANGED
|
@@ -6,9 +6,9 @@ import {
|
|
|
6
6
|
InputBase,
|
|
7
7
|
Percentage,
|
|
8
8
|
UOM
|
|
9
|
-
} from "../chunk-
|
|
10
|
-
import "../chunk-7CS736EF.js";
|
|
9
|
+
} from "../chunk-RJUN52HJ.js";
|
|
11
10
|
import "../chunk-5UH6QUFB.js";
|
|
11
|
+
import "../chunk-7CS736EF.js";
|
|
12
12
|
import "../chunk-NKUETCDA.js";
|
|
13
13
|
import "../chunk-6CTCHYIS.js";
|
|
14
14
|
import "../chunk-ORMEWXMH.js";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
MenuOption
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-7CS736EF.js";
|
|
4
|
+
} from "../chunk-OXSBIBGT.js";
|
|
6
5
|
import "../chunk-JUJBS4ZV.js";
|
|
7
6
|
import "../chunk-VXWSAIB5.js";
|
|
8
7
|
import "../chunk-TYTD4FLW.js";
|
|
9
8
|
import "../chunk-5UH6QUFB.js";
|
|
9
|
+
import "../chunk-7CS736EF.js";
|
|
10
10
|
import "../chunk-OGIFIPKH.js";
|
|
11
11
|
import "../chunk-NKUETCDA.js";
|
|
12
12
|
import "../chunk-6CTCHYIS.js";
|
|
@@ -4,9 +4,6 @@ import {
|
|
|
4
4
|
import {
|
|
5
5
|
Heading3
|
|
6
6
|
} from "../chunk-EU73QPW7.js";
|
|
7
|
-
import {
|
|
8
|
-
Button
|
|
9
|
-
} from "../chunk-WWAPK5PH.js";
|
|
10
7
|
import {
|
|
11
8
|
Stack
|
|
12
9
|
} from "../chunk-NQXZBWDZ.js";
|
|
@@ -16,6 +13,9 @@ import {
|
|
|
16
13
|
import {
|
|
17
14
|
Icon
|
|
18
15
|
} from "../chunk-NKUETCDA.js";
|
|
16
|
+
import {
|
|
17
|
+
Button
|
|
18
|
+
} from "../chunk-WWAPK5PH.js";
|
|
19
19
|
import "../chunk-6CTCHYIS.js";
|
|
20
20
|
import "../chunk-ORMEWXMH.js";
|
|
21
21
|
|
package/dist/components/Modal.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
Modal
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-RLLQRVM7.js";
|
|
5
5
|
import "../chunk-4RJKB7LC.js";
|
|
6
|
-
import "../chunk-
|
|
6
|
+
import "../chunk-XM7IQHBU.js";
|
|
7
7
|
import "../chunk-FRHPFACM.js";
|
|
8
|
-
import "../chunk-
|
|
8
|
+
import "../chunk-6CPGOW6J.js";
|
|
9
9
|
import "../chunk-ZFOANBWG.js";
|
|
10
10
|
import "../chunk-EU73QPW7.js";
|
|
11
|
-
import "../chunk-WWAPK5PH.js";
|
|
12
11
|
import "../chunk-JUJBS4ZV.js";
|
|
13
12
|
import "../chunk-VXWSAIB5.js";
|
|
14
13
|
import "../chunk-TYTD4FLW.js";
|
|
15
14
|
import "../chunk-5UH6QUFB.js";
|
|
16
15
|
import "../chunk-NKUETCDA.js";
|
|
16
|
+
import "../chunk-WWAPK5PH.js";
|
|
17
17
|
import "../chunk-6CTCHYIS.js";
|
|
18
18
|
import "../chunk-ORMEWXMH.js";
|
|
19
19
|
export {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ModalButtons
|
|
3
|
-
} from "../chunk-
|
|
4
|
-
import "../chunk-WWAPK5PH.js";
|
|
3
|
+
} from "../chunk-XM7IQHBU.js";
|
|
5
4
|
import "../chunk-NKUETCDA.js";
|
|
5
|
+
import "../chunk-WWAPK5PH.js";
|
|
6
6
|
import "../chunk-6CTCHYIS.js";
|
|
7
7
|
import "../chunk-ORMEWXMH.js";
|
|
8
8
|
export {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ModalHeader
|
|
3
|
-
} from "../chunk-
|
|
3
|
+
} from "../chunk-6CPGOW6J.js";
|
|
4
4
|
import "../chunk-EU73QPW7.js";
|
|
5
|
-
import "../chunk-WWAPK5PH.js";
|
|
6
5
|
import "../chunk-NKUETCDA.js";
|
|
6
|
+
import "../chunk-WWAPK5PH.js";
|
|
7
7
|
import "../chunk-6CTCHYIS.js";
|
|
8
8
|
import "../chunk-ORMEWXMH.js";
|
|
9
9
|
export {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
NavigationTab
|
|
3
|
-
} from "../chunk-
|
|
4
|
-
import "../chunk-WWAPK5PH.js";
|
|
3
|
+
} from "../chunk-FHQL42YP.js";
|
|
5
4
|
import "../chunk-NKUETCDA.js";
|
|
5
|
+
import "../chunk-WWAPK5PH.js";
|
|
6
6
|
import "../chunk-6CTCHYIS.js";
|
|
7
7
|
import "../chunk-ORMEWXMH.js";
|
|
8
8
|
export {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
NavigationTab
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-WWAPK5PH.js";
|
|
4
|
+
} from "../chunk-FHQL42YP.js";
|
|
6
5
|
import "../chunk-NKUETCDA.js";
|
|
6
|
+
import "../chunk-WWAPK5PH.js";
|
|
7
7
|
import {
|
|
8
8
|
componentGap
|
|
9
9
|
} from "../chunk-6CTCHYIS.js";
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
MenuOption
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-7CS736EF.js";
|
|
4
|
+
} from "../chunk-OXSBIBGT.js";
|
|
6
5
|
import {
|
|
7
6
|
useKeydown
|
|
8
7
|
} from "../chunk-JUJBS4ZV.js";
|
|
9
8
|
import "../chunk-VXWSAIB5.js";
|
|
10
9
|
import "../chunk-TYTD4FLW.js";
|
|
11
10
|
import "../chunk-5UH6QUFB.js";
|
|
11
|
+
import "../chunk-7CS736EF.js";
|
|
12
12
|
import "../chunk-OGIFIPKH.js";
|
|
13
13
|
import {
|
|
14
14
|
Icon
|
|
@@ -2,9 +2,6 @@
|
|
|
2
2
|
import {
|
|
3
3
|
Heading3
|
|
4
4
|
} from "../chunk-EU73QPW7.js";
|
|
5
|
-
import {
|
|
6
|
-
Button
|
|
7
|
-
} from "../chunk-WWAPK5PH.js";
|
|
8
5
|
import {
|
|
9
6
|
Stack
|
|
10
7
|
} from "../chunk-NQXZBWDZ.js";
|
|
@@ -14,6 +11,9 @@ import {
|
|
|
14
11
|
import {
|
|
15
12
|
Icon
|
|
16
13
|
} from "../chunk-NKUETCDA.js";
|
|
14
|
+
import {
|
|
15
|
+
Button
|
|
16
|
+
} from "../chunk-WWAPK5PH.js";
|
|
17
17
|
import "../chunk-6CTCHYIS.js";
|
|
18
18
|
import {
|
|
19
19
|
__objRest,
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
OptionPill
|
|
3
|
-
} from "../chunk-
|
|
3
|
+
} from "../chunk-KKESN5SF.js";
|
|
4
4
|
import "../chunk-7CS736EF.js";
|
|
5
|
-
import "../chunk-WWAPK5PH.js";
|
|
6
5
|
import "../chunk-NKUETCDA.js";
|
|
6
|
+
import "../chunk-WWAPK5PH.js";
|
|
7
7
|
import "../chunk-6CTCHYIS.js";
|
|
8
8
|
import "../chunk-ORMEWXMH.js";
|
|
9
9
|
export {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
Modal
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-RLLQRVM7.js";
|
|
5
5
|
import "../chunk-4RJKB7LC.js";
|
|
6
|
-
import "../chunk-
|
|
6
|
+
import "../chunk-XM7IQHBU.js";
|
|
7
7
|
import "../chunk-FRHPFACM.js";
|
|
8
|
-
import "../chunk-
|
|
8
|
+
import "../chunk-6CPGOW6J.js";
|
|
9
9
|
import "../chunk-ZFOANBWG.js";
|
|
10
10
|
import {
|
|
11
11
|
Spinner
|
|
@@ -13,9 +13,6 @@ import {
|
|
|
13
13
|
import {
|
|
14
14
|
Heading3
|
|
15
15
|
} from "../chunk-EU73QPW7.js";
|
|
16
|
-
import {
|
|
17
|
-
Button
|
|
18
|
-
} from "../chunk-WWAPK5PH.js";
|
|
19
16
|
import "../chunk-JUJBS4ZV.js";
|
|
20
17
|
import "../chunk-VXWSAIB5.js";
|
|
21
18
|
import "../chunk-TYTD4FLW.js";
|
|
@@ -29,6 +26,9 @@ import {
|
|
|
29
26
|
import {
|
|
30
27
|
Icon
|
|
31
28
|
} from "../chunk-NKUETCDA.js";
|
|
29
|
+
import {
|
|
30
|
+
Button
|
|
31
|
+
} from "../chunk-WWAPK5PH.js";
|
|
32
32
|
import "../chunk-6CTCHYIS.js";
|
|
33
33
|
import "../chunk-ORMEWXMH.js";
|
|
34
34
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
Search
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-
|
|
6
|
-
import "../chunk-7CS736EF.js";
|
|
4
|
+
} from "../chunk-6GAYJCFE.js";
|
|
5
|
+
import "../chunk-RJUN52HJ.js";
|
|
7
6
|
import "../chunk-5UH6QUFB.js";
|
|
7
|
+
import "../chunk-7CS736EF.js";
|
|
8
8
|
import "../chunk-NKUETCDA.js";
|
|
9
9
|
import "../chunk-6CTCHYIS.js";
|
|
10
10
|
import "../chunk-ORMEWXMH.js";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
Select
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-
|
|
6
|
-
import "../chunk-7CS736EF.js";
|
|
4
|
+
} from "../chunk-I3WFZOFY.js";
|
|
5
|
+
import "../chunk-RJUN52HJ.js";
|
|
7
6
|
import "../chunk-5UH6QUFB.js";
|
|
7
|
+
import "../chunk-7CS736EF.js";
|
|
8
8
|
import "../chunk-NKUETCDA.js";
|
|
9
9
|
import "../chunk-6CTCHYIS.js";
|
|
10
10
|
import "../chunk-ORMEWXMH.js";
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
InputBase
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-7CS736EF.js";
|
|
6
|
-
import {
|
|
7
|
-
Button
|
|
8
|
-
} from "../chunk-WWAPK5PH.js";
|
|
4
|
+
} from "../chunk-RJUN52HJ.js";
|
|
9
5
|
import "../chunk-5UH6QUFB.js";
|
|
6
|
+
import "../chunk-7CS736EF.js";
|
|
10
7
|
import {
|
|
11
8
|
Icon
|
|
12
9
|
} from "../chunk-NKUETCDA.js";
|
|
10
|
+
import {
|
|
11
|
+
Button
|
|
12
|
+
} from "../chunk-WWAPK5PH.js";
|
|
13
13
|
import {
|
|
14
14
|
componentGap
|
|
15
15
|
} from "../chunk-6CTCHYIS.js";
|
package/dist/components/Time.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
InputBase
|
|
3
|
-
} from "../chunk-ZL5X7KP6.js";
|
|
4
|
-
import "../chunk-7CS736EF.js";
|
|
5
1
|
import {
|
|
6
2
|
findDocumentRoot
|
|
7
3
|
} from "../chunk-VXWSAIB5.js";
|
|
8
4
|
import "../chunk-TYTD4FLW.js";
|
|
5
|
+
import {
|
|
6
|
+
InputBase
|
|
7
|
+
} from "../chunk-RJUN52HJ.js";
|
|
9
8
|
import "../chunk-5UH6QUFB.js";
|
|
9
|
+
import "../chunk-7CS736EF.js";
|
|
10
10
|
import {
|
|
11
11
|
Stack
|
|
12
12
|
} from "../chunk-NQXZBWDZ.js";
|
package/dist/components/Toast.js
CHANGED
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
import {
|
|
3
3
|
Heading3
|
|
4
4
|
} from "../chunk-EU73QPW7.js";
|
|
5
|
-
import {
|
|
6
|
-
Button
|
|
7
|
-
} from "../chunk-WWAPK5PH.js";
|
|
8
5
|
import {
|
|
9
6
|
Paragraph
|
|
10
7
|
} from "../chunk-OGIFIPKH.js";
|
|
11
8
|
import {
|
|
12
9
|
Icon
|
|
13
10
|
} from "../chunk-NKUETCDA.js";
|
|
11
|
+
import {
|
|
12
|
+
Button
|
|
13
|
+
} from "../chunk-WWAPK5PH.js";
|
|
14
14
|
import {
|
|
15
15
|
componentGap,
|
|
16
16
|
componentPadding,
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Spinner
|
|
3
3
|
} from "../chunk-PLMGI5K5.js";
|
|
4
|
-
import {
|
|
5
|
-
Button
|
|
6
|
-
} from "../chunk-WWAPK5PH.js";
|
|
7
4
|
import {
|
|
8
5
|
Stack
|
|
9
6
|
} from "../chunk-NQXZBWDZ.js";
|
|
@@ -13,6 +10,9 @@ import {
|
|
|
13
10
|
import {
|
|
14
11
|
Icon
|
|
15
12
|
} from "../chunk-NKUETCDA.js";
|
|
13
|
+
import {
|
|
14
|
+
Button
|
|
15
|
+
} from "../chunk-WWAPK5PH.js";
|
|
16
16
|
import {
|
|
17
17
|
componentGap
|
|
18
18
|
} from "../chunk-6CTCHYIS.js";
|
package/dist/components/index.js
CHANGED
|
@@ -1,45 +1,42 @@
|
|
|
1
1
|
import {
|
|
2
2
|
DataGrid
|
|
3
|
-
} from "../chunk-
|
|
3
|
+
} from "../chunk-TO4LIFK7.js";
|
|
4
4
|
import {
|
|
5
5
|
Tooltip
|
|
6
6
|
} from "../chunk-QQ5G773N.js";
|
|
7
7
|
import {
|
|
8
8
|
Select
|
|
9
|
-
} from "../chunk-
|
|
9
|
+
} from "../chunk-I3WFZOFY.js";
|
|
10
|
+
import {
|
|
11
|
+
Checkbox
|
|
12
|
+
} from "../chunk-NO5BIKWS.js";
|
|
10
13
|
import {
|
|
11
14
|
DataCellHeader,
|
|
12
15
|
DataGridCell,
|
|
13
16
|
DragAlongCell,
|
|
14
17
|
DraggableCellHeader
|
|
15
|
-
} from "../chunk-
|
|
18
|
+
} from "../chunk-ARQBSR3I.js";
|
|
16
19
|
import {
|
|
17
20
|
Menu
|
|
18
21
|
} from "../chunk-W32JB47H.js";
|
|
19
22
|
import "../chunk-WPEDVM56.js";
|
|
20
23
|
import {
|
|
21
24
|
MenuOption
|
|
22
|
-
} from "../chunk-
|
|
23
|
-
import "../chunk-
|
|
25
|
+
} from "../chunk-OXSBIBGT.js";
|
|
26
|
+
import "../chunk-JUJBS4ZV.js";
|
|
27
|
+
import "../chunk-VXWSAIB5.js";
|
|
28
|
+
import "../chunk-TYTD4FLW.js";
|
|
24
29
|
import {
|
|
25
30
|
Search
|
|
26
|
-
} from "../chunk-
|
|
31
|
+
} from "../chunk-6GAYJCFE.js";
|
|
27
32
|
import {
|
|
28
33
|
Input
|
|
29
|
-
} from "../chunk-
|
|
34
|
+
} from "../chunk-RJUN52HJ.js";
|
|
35
|
+
import "../chunk-5UH6QUFB.js";
|
|
30
36
|
import {
|
|
31
37
|
Label
|
|
32
38
|
} from "../chunk-7CS736EF.js";
|
|
33
|
-
import
|
|
34
|
-
Checkbox
|
|
35
|
-
} from "../chunk-NO5BIKWS.js";
|
|
36
|
-
import {
|
|
37
|
-
Button
|
|
38
|
-
} from "../chunk-WWAPK5PH.js";
|
|
39
|
-
import "../chunk-JUJBS4ZV.js";
|
|
40
|
-
import "../chunk-VXWSAIB5.js";
|
|
41
|
-
import "../chunk-TYTD4FLW.js";
|
|
42
|
-
import "../chunk-5UH6QUFB.js";
|
|
39
|
+
import "../chunk-WVUIIBRR.js";
|
|
43
40
|
import {
|
|
44
41
|
Subheader
|
|
45
42
|
} from "../chunk-FA7IFW66.js";
|
|
@@ -56,6 +53,9 @@ import {
|
|
|
56
53
|
import {
|
|
57
54
|
Icon
|
|
58
55
|
} from "../chunk-NKUETCDA.js";
|
|
56
|
+
import {
|
|
57
|
+
Button
|
|
58
|
+
} from "../chunk-WWAPK5PH.js";
|
|
59
59
|
import "../chunk-6CTCHYIS.js";
|
|
60
60
|
import "../chunk-ORMEWXMH.js";
|
|
61
61
|
export {
|
package/package.json
CHANGED
|
@@ -3,54 +3,69 @@ import { ComponentProps } from "react";
|
|
|
3
3
|
import { Subheader } from "./Subheader";
|
|
4
4
|
import { Icon } from "./Icon";
|
|
5
5
|
|
|
6
|
-
export function AccessChangerTabItem(
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
6
|
+
export function AccessChangerTabItem(
|
|
7
|
+
props: ComponentProps<"div"> & {
|
|
8
|
+
selected?: boolean;
|
|
9
|
+
loading?: boolean;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
additionalText?: string;
|
|
12
|
+
borderTop?: boolean;
|
|
13
|
+
borderBottom?: boolean;
|
|
14
|
+
},
|
|
15
|
+
) {
|
|
16
|
+
const {
|
|
17
|
+
additionalText,
|
|
18
|
+
borderTop,
|
|
19
|
+
borderBottom,
|
|
20
|
+
selected,
|
|
21
|
+
children,
|
|
22
|
+
loading,
|
|
23
|
+
disabled,
|
|
24
|
+
onClick,
|
|
25
|
+
...rest
|
|
26
|
+
} = props;
|
|
18
27
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
28
|
+
return (
|
|
29
|
+
<div
|
|
30
|
+
className={clsx(
|
|
31
|
+
"flex items-center justify-between",
|
|
32
|
+
"py-[15px] px-4 gap-4",
|
|
33
|
+
"bg-background-grouped-primary-normal cursor-pointer",
|
|
34
|
+
borderTop && "border-t",
|
|
35
|
+
borderBottom && "border-b",
|
|
36
|
+
borderTop || borderBottom
|
|
37
|
+
? "border-border-primary-normal"
|
|
38
|
+
: "border-transparent",
|
|
39
|
+
selected
|
|
40
|
+
? "text-text-action-primary-normal"
|
|
41
|
+
: "text-text-primary-normal hover:text-text-action-primary-normal",
|
|
42
|
+
)}
|
|
43
|
+
onClick={(e) => {
|
|
44
|
+
if (loading || disabled) {
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
34
47
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
48
|
+
onClick?.(e);
|
|
49
|
+
}}
|
|
50
|
+
{...rest}
|
|
51
|
+
>
|
|
52
|
+
<div className="flex flex-col gap-0.5">
|
|
53
|
+
<Subheader>{children}</Subheader>
|
|
54
|
+
{additionalText && (
|
|
55
|
+
<p className="text-text-primary-normal text-[13px] leading-[1.38462] font-normal">
|
|
56
|
+
{additionalText}
|
|
57
|
+
</p>
|
|
58
|
+
)}
|
|
59
|
+
</div>
|
|
43
60
|
|
|
44
|
-
|
|
45
|
-
<Icon name="cached" size={16} />
|
|
46
|
-
)}
|
|
61
|
+
{loading && !selected && <Icon name="cached" size={16} />}
|
|
47
62
|
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
</div>
|
|
53
|
-
)}
|
|
63
|
+
{selected && (
|
|
64
|
+
<div className="flex items-center gap-1">
|
|
65
|
+
<div className="rounded-full size-2 bg-text-action-primary-normal"></div>
|
|
66
|
+
<Subheader>Active</Subheader>
|
|
54
67
|
</div>
|
|
55
|
-
|
|
56
|
-
|
|
68
|
+
)}
|
|
69
|
+
</div>
|
|
70
|
+
);
|
|
71
|
+
}
|
|
@@ -7,11 +7,12 @@ type Tab = {
|
|
|
7
7
|
id: string;
|
|
8
8
|
label: string;
|
|
9
9
|
content?: ReactNode;
|
|
10
|
+
disabled?: boolean;
|
|
10
11
|
};
|
|
11
12
|
|
|
12
13
|
export type SelectedTab = Omit<Tab, "content" | "label"> & {
|
|
13
14
|
index: number;
|
|
14
|
-
}
|
|
15
|
+
};
|
|
15
16
|
|
|
16
17
|
export type ContentTabsProps = {
|
|
17
18
|
tabs: Tab[];
|
|
@@ -25,17 +26,18 @@ export type ContentTabsProps = {
|
|
|
25
26
|
const afterClasses =
|
|
26
27
|
"after:absolute after:bottom-0 after:left-0 after:w-full after:h-0.5 after:bg-border-primary-normal z-0";
|
|
27
28
|
|
|
28
|
-
export const ContentTabs = ({
|
|
29
|
+
export const ContentTabs = ({
|
|
30
|
+
tabs,
|
|
31
|
+
onTabChange,
|
|
32
|
+
fullWidthTabs,
|
|
33
|
+
id,
|
|
34
|
+
testid,
|
|
35
|
+
selectedTab,
|
|
36
|
+
}: ContentTabsProps) => {
|
|
29
37
|
const [selectedTabId, setSelectedTabId] = useState<string>(tabs[0]?.id || "");
|
|
30
38
|
const [focusedTabIndex, setFocusedTabIndex] = useState<number>(0);
|
|
31
39
|
const tabRefs = useRef<(HTMLButtonElement | null)[]>([]);
|
|
32
40
|
|
|
33
|
-
useEffect(() => {
|
|
34
|
-
if (selectedTab) {
|
|
35
|
-
handleTabClick(selectedTab.id, selectedTab.index)
|
|
36
|
-
}
|
|
37
|
-
}, [selectedTab])
|
|
38
|
-
|
|
39
41
|
const handleTabClick = useCallback(
|
|
40
42
|
(id: string, index: number) => {
|
|
41
43
|
setSelectedTabId(id);
|
|
@@ -45,6 +47,12 @@ export const ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id, testid, sele
|
|
|
45
47
|
[onTabChange],
|
|
46
48
|
);
|
|
47
49
|
|
|
50
|
+
useEffect(() => {
|
|
51
|
+
if (selectedTab) {
|
|
52
|
+
handleTabClick(selectedTab.id, selectedTab.index);
|
|
53
|
+
}
|
|
54
|
+
}, [selectedTab, handleTabClick]);
|
|
55
|
+
|
|
48
56
|
const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {
|
|
49
57
|
let newIndex = focusedTabIndex;
|
|
50
58
|
if (e.key === "ArrowRight") {
|
|
@@ -80,6 +88,7 @@ export const ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id, testid, sele
|
|
|
80
88
|
const isSelected = selectedTabId === tab.id;
|
|
81
89
|
return (
|
|
82
90
|
<ContentTab
|
|
91
|
+
disabled={tab.disabled}
|
|
83
92
|
fullWidth={fullWidthTabs}
|
|
84
93
|
key={tab.id}
|
|
85
94
|
id={id ? `${id}-tab-${tab.id}` : undefined}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Heading2
|
|
3
3
|
} from "./chunk-EU73QPW7.js";
|
|
4
|
-
import {
|
|
5
|
-
Button
|
|
6
|
-
} from "./chunk-WWAPK5PH.js";
|
|
7
4
|
import {
|
|
8
5
|
Icon
|
|
9
6
|
} from "./chunk-NKUETCDA.js";
|
|
7
|
+
import {
|
|
8
|
+
Button
|
|
9
|
+
} from "./chunk-WWAPK5PH.js";
|
|
10
10
|
import {
|
|
11
11
|
layoutGroupGap,
|
|
12
12
|
layoutPaddding
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Label
|
|
3
3
|
} from "./chunk-7CS736EF.js";
|
|
4
|
-
import {
|
|
5
|
-
Button
|
|
6
|
-
} from "./chunk-WWAPK5PH.js";
|
|
7
4
|
import {
|
|
8
5
|
Icon
|
|
9
6
|
} from "./chunk-NKUETCDA.js";
|
|
7
|
+
import {
|
|
8
|
+
Button
|
|
9
|
+
} from "./chunk-WWAPK5PH.js";
|
|
10
10
|
import {
|
|
11
11
|
baseTransition,
|
|
12
12
|
componentGap,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Label
|
|
3
|
-
} from "./chunk-7CS736EF.js";
|
|
4
1
|
import {
|
|
5
2
|
formatCurrencyDisplay,
|
|
6
3
|
formatDecimalValue,
|
|
7
4
|
getDecimalPlaceholder
|
|
8
5
|
} from "./chunk-5UH6QUFB.js";
|
|
6
|
+
import {
|
|
7
|
+
Label
|
|
8
|
+
} from "./chunk-7CS736EF.js";
|
|
9
9
|
import {
|
|
10
10
|
Icon
|
|
11
11
|
} from "./chunk-NKUETCDA.js";
|