impact-nova 1.5.5 → 1.5.7
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/components/ui/ag-grid-react/cell-renderers/date-display-renderer.js +39 -32
- package/dist/components/ui/ag-grid-react/cell-renderers/editors/date-cell-editor.js +47 -47
- package/dist/components/ui/ag-grid-react/cell-renderers/editors/select-cell-editor.js +39 -36
- package/dist/components/ui/ag-grid-react/cell-renderers/link-with-batch-cell-renderer.js +39 -39
- package/dist/components/ui/ag-grid-react/cell-renderers/select-display-renderer.js +18 -12
- package/dist/components/ui/badge.d.ts +2 -1
- package/dist/components/ui/badge.js +17 -12
- package/dist/components/ui/calendar.js +3 -2
- package/dist/components/ui/command-palette/command-palette.d.ts +20 -4
- package/dist/components/ui/command-palette/command-palette.js +210 -180
- package/dist/components/ui/command-palette/shortcut-settings.d.ts +14 -3
- package/dist/components/ui/command-palette/shortcut-settings.js +97 -90
- package/dist/components/ui/filter-strip/filter-strip.d.ts +1 -1
- package/dist/components/ui/filter-strip/filter-strip.js +24 -22
- package/dist/components/ui/filter-strip/filter-tag-list.js +4 -4
- package/dist/components/ui/select/select.js +41 -41
- package/dist/components/ui/tabs.js +46 -45
- package/dist/icons/index.d.ts +1 -0
- package/dist/icons/index.js +108 -107
- package/dist/impact-nova.css +1 -1
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ import * as J from "@radix-ui/react-popover";
|
|
|
4
4
|
import { useVirtualizer as rt } from "@tanstack/react-virtual";
|
|
5
5
|
import ot from "./components/LabelWithSequence.js";
|
|
6
6
|
import ct from "./components/Submenu.js";
|
|
7
|
-
import { LoadingSpinner as ut, Cross as dt, ChevronRight as Pe, Search as ft, Info as
|
|
7
|
+
import { LoadingSpinner as ut, Cross as dt, ChevronRight as Pe, Search as ft, Info as ie } from "../../../icons/index.js";
|
|
8
8
|
import { Checkbox as Oe } from "../checkbox.js";
|
|
9
9
|
import { Button as mt } from "../button.js";
|
|
10
10
|
import { cn as O } from "../../../lib/utils.js";
|
|
@@ -13,7 +13,7 @@ import { useFlattenOptions as bt } from "./hooks/useFlattenOptions.js";
|
|
|
13
13
|
import { useSelectionModel as gt } from "./hooks/useSelectionModel.js";
|
|
14
14
|
import { useVisibleStats as vt } from "./hooks/useVisibleStats.js";
|
|
15
15
|
import { useImpactNovaI18n as St } from "../../../i18n/ImpactNovaI18nContext.js";
|
|
16
|
-
const wt = (
|
|
16
|
+
const wt = (ae) => {
|
|
17
17
|
const {
|
|
18
18
|
options: I,
|
|
19
19
|
value: K,
|
|
@@ -30,18 +30,18 @@ const wt = (re) => {
|
|
|
30
30
|
autoFocus: De,
|
|
31
31
|
closeMenuOnSelect: $e = !f,
|
|
32
32
|
defaultMenuIsOpen: Ie = !1,
|
|
33
|
-
scrollToSelectedOnOpen:
|
|
33
|
+
scrollToSelectedOnOpen: re = !1,
|
|
34
34
|
maxSelectableOptions: p,
|
|
35
|
-
showSequence:
|
|
35
|
+
showSequence: oe,
|
|
36
36
|
selectionOrder: Te,
|
|
37
|
-
label:
|
|
37
|
+
label: ce,
|
|
38
38
|
isRequired: Ge,
|
|
39
|
-
error:
|
|
39
|
+
error: ue,
|
|
40
40
|
helperText: de,
|
|
41
41
|
id: V,
|
|
42
42
|
className: Me,
|
|
43
43
|
parentClassName: ze,
|
|
44
|
-
onMenuScrollToBottom:
|
|
44
|
+
onMenuScrollToBottom: Q,
|
|
45
45
|
name: Ee,
|
|
46
46
|
isSelectAllEnabled: fe = !0,
|
|
47
47
|
isReadOnly: b = !1,
|
|
@@ -68,13 +68,13 @@ const wt = (re) => {
|
|
|
68
68
|
onClearAll: Se,
|
|
69
69
|
onFocus: Ue,
|
|
70
70
|
onBlur: Ye
|
|
71
|
-
} =
|
|
71
|
+
} = ae, { t: H } = St(), Je = Ae ?? H("select.placeholder"), [S, we] = q(Ie), [T, B] = q(""), [ye, X] = q(void 0), [d, g] = q(Ce || (f ? [] : null)), [Ke, Z] = q(null), Qe = E(null), ee = E(null), Xe = E(null), j = E(null), te = E(null);
|
|
72
72
|
R(() => {
|
|
73
73
|
K !== void 0 && g(K);
|
|
74
74
|
}, [K]), R(() => {
|
|
75
75
|
let e;
|
|
76
|
-
return S && F && L === "menu" &&
|
|
77
|
-
|
|
76
|
+
return S && F && L === "menu" && te.current && (e = setTimeout(() => {
|
|
77
|
+
te.current?.focus();
|
|
78
78
|
}, 50)), () => {
|
|
79
79
|
e && clearTimeout(e);
|
|
80
80
|
};
|
|
@@ -88,7 +88,7 @@ const wt = (re) => {
|
|
|
88
88
|
filterOption: Be,
|
|
89
89
|
enableSubMenus: v,
|
|
90
90
|
enableGroups: N
|
|
91
|
-
}), w = gt(d, f ?? !1), { stats: G, getGroupStats:
|
|
91
|
+
}), w = gt(d, f ?? !1), { stats: G, getGroupStats: le } = vt(
|
|
92
92
|
x,
|
|
93
93
|
Ve,
|
|
94
94
|
T,
|
|
@@ -102,7 +102,7 @@ const wt = (re) => {
|
|
|
102
102
|
overscan: 5
|
|
103
103
|
});
|
|
104
104
|
R(() => {
|
|
105
|
-
S ||
|
|
105
|
+
S || X(void 0);
|
|
106
106
|
}, [S]), R(() => {
|
|
107
107
|
if (!S) return;
|
|
108
108
|
const e = requestAnimationFrame(() => {
|
|
@@ -110,7 +110,7 @@ const wt = (re) => {
|
|
|
110
110
|
});
|
|
111
111
|
return () => cancelAnimationFrame(e);
|
|
112
112
|
}, [S, D]), R(() => {
|
|
113
|
-
if (S &&
|
|
113
|
+
if (S && re && !P && x.length > 0) {
|
|
114
114
|
const e = x.findIndex((t) => f ? w.mode === "exclude" ? !w.set.has(t.value) : w.set.has(t.value) : d?.value === t.value);
|
|
115
115
|
if (e !== -1) {
|
|
116
116
|
const t = setTimeout(() => {
|
|
@@ -119,16 +119,16 @@ const wt = (re) => {
|
|
|
119
119
|
return () => clearTimeout(t);
|
|
120
120
|
}
|
|
121
121
|
}
|
|
122
|
-
}, [S,
|
|
122
|
+
}, [S, re, P, x.length, f, w.mode, w.set, d, D]);
|
|
123
123
|
const M = E(null);
|
|
124
124
|
R(() => {
|
|
125
|
-
if (!j.current || !
|
|
125
|
+
if (!j.current || !Q) return;
|
|
126
126
|
const e = () => {
|
|
127
127
|
if (A || P) return;
|
|
128
128
|
const { scrollTop: n, scrollHeight: r, clientHeight: s } = j.current;
|
|
129
129
|
if (r - n - s <= 10) {
|
|
130
130
|
if (M.current) return;
|
|
131
|
-
|
|
131
|
+
Q(), M.current = setTimeout(() => {
|
|
132
132
|
M.current = null;
|
|
133
133
|
}, 500);
|
|
134
134
|
}
|
|
@@ -137,7 +137,7 @@ const wt = (re) => {
|
|
|
137
137
|
t.removeEventListener("scroll", e), M.current && (clearTimeout(M.current), M.current = null);
|
|
138
138
|
};
|
|
139
139
|
}, [
|
|
140
|
-
|
|
140
|
+
Q,
|
|
141
141
|
x.length,
|
|
142
142
|
S,
|
|
143
143
|
A,
|
|
@@ -149,7 +149,7 @@ const wt = (re) => {
|
|
|
149
149
|
Fe?.();
|
|
150
150
|
else {
|
|
151
151
|
const t = d, n = f && y(d) ? d.map((r) => r.value) : void 0;
|
|
152
|
-
xe?.(t, n), B(""),
|
|
152
|
+
xe?.(t, n), B(""), Z(null);
|
|
153
153
|
}
|
|
154
154
|
}, Ne = (e) => {
|
|
155
155
|
if (!(C || b || e.isDisabled || ("children" in e || "options" in e) && e.isParentSelectable === !1))
|
|
@@ -306,7 +306,7 @@ const wt = (re) => {
|
|
|
306
306
|
}
|
|
307
307
|
} else {
|
|
308
308
|
const e = d, t = k(e) && e.excludedValues.length === 0;
|
|
309
|
-
if (
|
|
309
|
+
if (ae.enableInvertedSelection)
|
|
310
310
|
if (t) {
|
|
311
311
|
const n = y(e) ? e.filter((r) => r.isDisabled) : [];
|
|
312
312
|
g(n), u && u(n, {
|
|
@@ -395,7 +395,7 @@ const wt = (re) => {
|
|
|
395
395
|
}
|
|
396
396
|
}, nt = (e) => ht(
|
|
397
397
|
e,
|
|
398
|
-
|
|
398
|
+
oe ?? !1,
|
|
399
399
|
f ?? !1,
|
|
400
400
|
Te,
|
|
401
401
|
d
|
|
@@ -423,7 +423,7 @@ const wt = (re) => {
|
|
|
423
423
|
"data-testid": `select-${V || "default"}`,
|
|
424
424
|
"data-component": "select",
|
|
425
425
|
children: [
|
|
426
|
-
|
|
426
|
+
ce && /* @__PURE__ */ h(
|
|
427
427
|
"label",
|
|
428
428
|
{
|
|
429
429
|
className: O(
|
|
@@ -431,7 +431,7 @@ const wt = (re) => {
|
|
|
431
431
|
be === "left" ? "shrink-0" : ""
|
|
432
432
|
),
|
|
433
433
|
children: [
|
|
434
|
-
|
|
434
|
+
ce,
|
|
435
435
|
" ",
|
|
436
436
|
Ge && /* @__PURE__ */ a("span", { className: "text-[red]", children: "*" })
|
|
437
437
|
]
|
|
@@ -444,7 +444,7 @@ const wt = (re) => {
|
|
|
444
444
|
ref: Qe,
|
|
445
445
|
className: O(
|
|
446
446
|
"relative h-[32px] w-full cursor-pointer rounded-[8px] border border-solid px-3 py-1 text-left shadow-sm focus:outline-none sm:text-sm transition-all flex items-center overflow-hidden",
|
|
447
|
-
|
|
447
|
+
ue ? "border-[#e15554] focus:ring-[#e15554]" : "border-[#c3c8d4] hover:border-gray-400 focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500",
|
|
448
448
|
C ? "bg-[#f2f4fb] cursor-not-allowed opacity-75" : "",
|
|
449
449
|
b ? "cursor-default bg-[#f2f4fb]" : "",
|
|
450
450
|
S ? "ring-1 ring-indigo-500 border-indigo-500" : "",
|
|
@@ -517,7 +517,7 @@ const wt = (re) => {
|
|
|
517
517
|
/* @__PURE__ */ a(J.Portal, { children: /* @__PURE__ */ h(
|
|
518
518
|
J.Content,
|
|
519
519
|
{
|
|
520
|
-
ref:
|
|
520
|
+
ref: ee,
|
|
521
521
|
side: "bottom",
|
|
522
522
|
sideOffset: 4,
|
|
523
523
|
align: "start",
|
|
@@ -559,14 +559,14 @@ const wt = (re) => {
|
|
|
559
559
|
/* @__PURE__ */ a(
|
|
560
560
|
"input",
|
|
561
561
|
{
|
|
562
|
-
ref:
|
|
562
|
+
ref: te,
|
|
563
563
|
type: "text",
|
|
564
564
|
className: "block w-full pl-[34px] pr-4 h-[35px] border-none border-b border-primary text-sm outline-none focus:ring-0",
|
|
565
565
|
placeholder: H("select.searchHere"),
|
|
566
566
|
value: T,
|
|
567
567
|
onChange: (e) => {
|
|
568
568
|
const t = e.target.value;
|
|
569
|
-
T === "" && t !== "" ?
|
|
569
|
+
T === "" && t !== "" ? ee.current && X(ee.current.offsetHeight) : t === "" && X(void 0), B(t), Re?.(t);
|
|
570
570
|
},
|
|
571
571
|
onClick: (e) => e.stopPropagation(),
|
|
572
572
|
"data-testid": `select-search-input-${V || "default"}`
|
|
@@ -662,9 +662,9 @@ const wt = (re) => {
|
|
|
662
662
|
position: "relative"
|
|
663
663
|
},
|
|
664
664
|
children: D.getVirtualItems().map((e) => {
|
|
665
|
-
const t = x[e.index], n = f ? w.mode === "exclude" ? !w.set.has(t.value) : w.set.has(t.value) : d?.value === t.value, r = d || [], s = f && p ? k(r) ? !1 : y(r) && r.length >= p : !1, l = t.isDisabled || s && !n && !(N && t.isGroup) && !(v && t.isSubmenuParent), i = N && t.isGroup || v && t.isSubmenuParent ?
|
|
665
|
+
const t = x[e.index], n = f ? w.mode === "exclude" ? !w.set.has(t.value) : w.set.has(t.value) : d?.value === t.value, r = d || [], s = f && p ? k(r) ? !1 : y(r) && r.length >= p : !1, l = t.isDisabled || s && !n && !(N && t.isGroup) && !(v && t.isSubmenuParent), i = N && t.isGroup || v && t.isSubmenuParent ? le(t.original) : void 0, c = i?.selected || 0, o = i?.total || 0, m = c > 0 && c < o, U = t.isParentSelectable !== !1, ne = V || "default", Y = String(t.value || ""), se = W(
|
|
666
666
|
t
|
|
667
|
-
), it = typeof
|
|
667
|
+
), it = typeof se == "string" ? se : Y;
|
|
668
668
|
return /* @__PURE__ */ h(
|
|
669
669
|
"div",
|
|
670
670
|
{
|
|
@@ -675,7 +675,7 @@ const wt = (re) => {
|
|
|
675
675
|
transform: `translateY(${e.start}px)`,
|
|
676
676
|
width: "100%"
|
|
677
677
|
},
|
|
678
|
-
"data-testid": `select-option-wrapper-${
|
|
678
|
+
"data-testid": `select-option-wrapper-${ne}-${Y}`,
|
|
679
679
|
children: [
|
|
680
680
|
/* @__PURE__ */ a(
|
|
681
681
|
"div",
|
|
@@ -693,13 +693,13 @@ const wt = (re) => {
|
|
|
693
693
|
},
|
|
694
694
|
onMouseEnter: ($) => {
|
|
695
695
|
if (v && t.isSubmenuParent) {
|
|
696
|
-
|
|
696
|
+
Z(t.value);
|
|
697
697
|
const z = $.currentTarget.getBoundingClientRect();
|
|
698
698
|
t.rect = z;
|
|
699
699
|
} else
|
|
700
|
-
|
|
700
|
+
Z(null);
|
|
701
701
|
},
|
|
702
|
-
"data-testid": `select-option-${
|
|
702
|
+
"data-testid": `select-option-${ne}-${Y}`,
|
|
703
703
|
"data-state": n ? "checked" : "unchecked",
|
|
704
704
|
"data-disabled": l || void 0,
|
|
705
705
|
"data-component": "select-option",
|
|
@@ -722,7 +722,7 @@ const wt = (re) => {
|
|
|
722
722
|
}
|
|
723
723
|
}
|
|
724
724
|
),
|
|
725
|
-
|
|
725
|
+
oe && !(N && t.isGroup) && !(v && t.isSubmenuParent) ? /* @__PURE__ */ a(
|
|
726
726
|
ot,
|
|
727
727
|
{
|
|
728
728
|
label: W(
|
|
@@ -739,10 +739,10 @@ const wt = (re) => {
|
|
|
739
739
|
N && t.isGroup ? "text-xs font-semibold text-gray-400 uppercase tracking-wider" : n && !(v && t.isSubmenuParent) ? "font-medium" : "font-normal",
|
|
740
740
|
!(N && t.isGroup) && "text-[14px]"
|
|
741
741
|
),
|
|
742
|
-
"data-testid": `select-option-label-${
|
|
742
|
+
"data-testid": `select-option-label-${ne}-${Y}`,
|
|
743
743
|
"data-state": n ? "checked" : "unchecked",
|
|
744
744
|
title: it,
|
|
745
|
-
children:
|
|
745
|
+
children: se
|
|
746
746
|
}
|
|
747
747
|
),
|
|
748
748
|
(N && t.isGroup || v && t.isSubmenuParent) && c > 0 && /* @__PURE__ */ a("span", { className: "inline-flex items-center justify-center px-1.5 py-0.5 rounded-full text-xs font-medium bg-indigo-100 text-indigo-800", children: c })
|
|
@@ -765,10 +765,10 @@ const wt = (re) => {
|
|
|
765
765
|
isReadOnly: !!b,
|
|
766
766
|
isSelected: ($) => pt($, d, !!f),
|
|
767
767
|
getIndeterminateState: ($) => {
|
|
768
|
-
const z =
|
|
768
|
+
const z = le($);
|
|
769
769
|
return z ? z.selected > 0 && z.selected < z.total : !1;
|
|
770
770
|
},
|
|
771
|
-
getSelectedCount: ($) =>
|
|
771
|
+
getSelectedCount: ($) => le($)?.selected || 0,
|
|
772
772
|
handleSelect: Ne,
|
|
773
773
|
id: V
|
|
774
774
|
}
|
|
@@ -783,14 +783,14 @@ const wt = (re) => {
|
|
|
783
783
|
}
|
|
784
784
|
),
|
|
785
785
|
(me || p || I.length > 5e3) && /* @__PURE__ */ a("div", { className: "px-3 py-[10px] border-t border-solid border-gray-100 z-10 sticky bottom-0 bg-white", children: p ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2 text-gray-500 px-2", children: [
|
|
786
|
-
/* @__PURE__ */ a(
|
|
786
|
+
/* @__PURE__ */ a(ie, { size: "12px", className: "text-gray-400" }),
|
|
787
787
|
/* @__PURE__ */ h("span", { className: "text-xs font-medium leading-4 text-[#60697d]", children: [
|
|
788
788
|
"Maximum ",
|
|
789
789
|
p,
|
|
790
790
|
" selections"
|
|
791
791
|
] })
|
|
792
792
|
] }) : I.length > 5e3 ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2 text-gray-500 px-2", children: [
|
|
793
|
-
/* @__PURE__ */ a(
|
|
793
|
+
/* @__PURE__ */ a(ie, { size: "12px", className: "text-gray-400" }),
|
|
794
794
|
/* @__PURE__ */ a("span", { className: "text-xs font-medium leading-4 text-[#60697d]", children: "Large dataset detected. Operations might be slower." })
|
|
795
795
|
] }) : me })
|
|
796
796
|
]
|
|
@@ -802,10 +802,10 @@ const wt = (re) => {
|
|
|
802
802
|
{
|
|
803
803
|
className: O(
|
|
804
804
|
"text-[12px] mt-1 flex items-center gap-1",
|
|
805
|
-
|
|
805
|
+
ue ? "text-[#e15554]" : "text-gray-500"
|
|
806
806
|
),
|
|
807
807
|
children: [
|
|
808
|
-
|
|
808
|
+
/* @__PURE__ */ a(ie, { size: "12px" }),
|
|
809
809
|
de
|
|
810
810
|
]
|
|
811
811
|
}
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { jsx as r, jsxs as
|
|
1
|
+
import { jsx as r, jsxs as u, Fragment as j } from "react/jsx-runtime";
|
|
2
2
|
import * as i from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as c from "@radix-ui/react-tabs";
|
|
4
4
|
import { cn as p } from "../../lib/utils.js";
|
|
5
|
-
import { Tooltip as W, TooltipTrigger as z, TooltipContent as
|
|
5
|
+
import { Tooltip as W, TooltipTrigger as z, TooltipContent as D } from "./tooltip.js";
|
|
6
6
|
const N = i.createContext({
|
|
7
7
|
variant: "line",
|
|
8
8
|
size: "default"
|
|
9
|
-
}),
|
|
9
|
+
}), I = (t, a) => {
|
|
10
10
|
const e = t.split(/\s+/);
|
|
11
11
|
return e.length <= a ? t : e.slice(0, a).join(" ") + "...";
|
|
12
|
-
},
|
|
13
|
-
const [y,
|
|
12
|
+
}, L = i.forwardRef(({ variant: t = "line", size: a = "default", hideInactiveLabel: e = !1, tooltipClassName: s, maxWords: o, value: n, defaultValue: x, onValueChange: g, ...l }, v) => {
|
|
13
|
+
const [y, b] = i.useState(n || x);
|
|
14
14
|
i.useEffect(() => {
|
|
15
|
-
|
|
16
|
-
}, [
|
|
17
|
-
const w = (
|
|
18
|
-
|
|
15
|
+
n !== void 0 && b(n);
|
|
16
|
+
}, [n]);
|
|
17
|
+
const w = (f) => {
|
|
18
|
+
n === void 0 && b(f), g?.(f);
|
|
19
19
|
};
|
|
20
|
-
return /* @__PURE__ */ r(N.Provider, { value: { variant: t, size: a, activeValue: y, hideInactiveLabel: e, tooltipClassName: s, maxWords:
|
|
21
|
-
|
|
20
|
+
return /* @__PURE__ */ r(N.Provider, { value: { variant: t, size: a, activeValue: y, hideInactiveLabel: e, tooltipClassName: s, maxWords: o }, children: /* @__PURE__ */ r(
|
|
21
|
+
c.Root,
|
|
22
22
|
{
|
|
23
23
|
ref: v,
|
|
24
|
-
value:
|
|
25
|
-
defaultValue:
|
|
24
|
+
value: n,
|
|
25
|
+
defaultValue: x,
|
|
26
26
|
onValueChange: w,
|
|
27
27
|
"data-component": "tabs",
|
|
28
28
|
"data-variant": t,
|
|
@@ -30,11 +30,11 @@ const N = i.createContext({
|
|
|
30
30
|
}
|
|
31
31
|
) });
|
|
32
32
|
});
|
|
33
|
-
|
|
34
|
-
const
|
|
33
|
+
L.displayName = c.Root.displayName;
|
|
34
|
+
const E = i.forwardRef(({ className: t, ...a }, e) => {
|
|
35
35
|
const { variant: s } = i.useContext(N);
|
|
36
36
|
return /* @__PURE__ */ r(
|
|
37
|
-
|
|
37
|
+
c.List,
|
|
38
38
|
{
|
|
39
39
|
ref: e,
|
|
40
40
|
"data-tabs": "list",
|
|
@@ -49,26 +49,26 @@ const F = i.forwardRef(({ className: t, ...a }, e) => {
|
|
|
49
49
|
...a
|
|
50
50
|
}
|
|
51
51
|
);
|
|
52
|
-
}),
|
|
53
|
-
const { variant: l, size: v, activeValue: y, hideInactiveLabel:
|
|
54
|
-
l === "box" &&
|
|
55
|
-
const
|
|
52
|
+
}), S = i.forwardRef(({ className: t, icon: a, children: e, maxWords: s, activeColor: o, style: n, ...x }, g) => {
|
|
53
|
+
const { variant: l, size: v, activeValue: y, hideInactiveLabel: b, tooltipClassName: w, maxWords: f } = i.useContext(N), m = s ?? f, h = y === x.value, T = typeof e == "string", R = T && m ? I(e, m) : e, k = T && m && e.split(/\s+/).length > m, V = b && !h || k, d = { ...n };
|
|
54
|
+
l === "box" && o && (d["--tab-border"] = o.border, d["--tab-bg"] = o.bg, d["--tab-text"] = o.text, d["--tab-hover-border"] = `color-mix(in srgb, ${o.border} 40%, transparent)`, d["--tab-hover-bg"] = `color-mix(in srgb, ${o.bg} 50%, white)`, d["--tab-hover-text"] = `color-mix(in srgb, ${o.text} 60%, #60697D)`);
|
|
55
|
+
const C = l === "box" ? /* @__PURE__ */ u(j, { children: [
|
|
56
56
|
e,
|
|
57
|
-
|
|
57
|
+
h && /* @__PURE__ */ r(
|
|
58
58
|
"span",
|
|
59
59
|
{
|
|
60
60
|
className: "absolute -bottom-[5.5px] left-1/2 -translate-x-1/2 w-[11px] h-[11px] rotate-45 border-b border-r",
|
|
61
61
|
style: { backgroundColor: "inherit", borderBottomColor: "inherit", borderRightColor: "inherit" }
|
|
62
62
|
}
|
|
63
63
|
)
|
|
64
|
-
] }) : /* @__PURE__ */
|
|
65
|
-
a && /* @__PURE__ */ r("span", { className: p("h-4 w-4 shrink-0", !
|
|
66
|
-
/* @__PURE__ */ r("span", { className: p(
|
|
64
|
+
] }) : /* @__PURE__ */ u(j, { children: [
|
|
65
|
+
a && /* @__PURE__ */ r("span", { className: p("h-4 w-4 shrink-0", !b || h ? "mr-2" : "mr-0"), children: a }),
|
|
66
|
+
/* @__PURE__ */ r("span", { className: p(b && !h && "sr-only"), children: R })
|
|
67
67
|
] });
|
|
68
68
|
return /* @__PURE__ */ r(
|
|
69
|
-
|
|
69
|
+
c.Trigger,
|
|
70
70
|
{
|
|
71
|
-
ref:
|
|
71
|
+
ref: g,
|
|
72
72
|
"data-tabs": "trigger",
|
|
73
73
|
className: p(
|
|
74
74
|
"relative inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
|
|
@@ -89,27 +89,28 @@ const F = i.forwardRef(({ className: t, ...a }, e) => {
|
|
|
89
89
|
v === "sm" ? "h-[24px] px-[8px] py-[2px] text-xs" : "h-9 px-4 py-2"
|
|
90
90
|
],
|
|
91
91
|
l === "box" && [
|
|
92
|
-
"group flex flex-row items-center justify-between min-w-[231px] w-fit gap-4 min-h-[45px] h-auto py-2 px-[16px] rounded-[8px] bg-white text-[#60697D] transition-none
|
|
92
|
+
"group flex flex-row items-center justify-between min-w-[231px] w-fit gap-4 min-h-[45px] h-auto py-2 px-[16px] rounded-[8px] bg-white text-[#60697D] transition-none overflow-visible",
|
|
93
93
|
"border border-[#C3C8D4]",
|
|
94
94
|
"text-[16px]",
|
|
95
|
+
"hover:border-[color:var(--tab-hover-border,#c5cbee)] hover:bg-[color:var(--tab-hover-bg,#f0f1fd)] hover:text-[color:var(--tab-hover-text,#7a84b8)]",
|
|
95
96
|
"data-[state=active]:border-[color:var(--tab-border,#4259ee)]",
|
|
96
97
|
"data-[state=active]:bg-[color:var(--tab-bg,#f8f9fb)]",
|
|
97
98
|
"data-[state=active]:text-[color:var(--tab-text,#3649c6)]"
|
|
98
99
|
],
|
|
99
100
|
t
|
|
100
101
|
),
|
|
101
|
-
style:
|
|
102
|
-
...
|
|
103
|
-
children: V ? /* @__PURE__ */
|
|
104
|
-
/* @__PURE__ */ r(z, { asChild: !0, children: /* @__PURE__ */ r("span", { className: "inline-flex items-center justify-center h-full w-full", children:
|
|
105
|
-
/* @__PURE__ */ r(
|
|
106
|
-
] }) :
|
|
102
|
+
style: d,
|
|
103
|
+
...x,
|
|
104
|
+
children: V ? /* @__PURE__ */ u(W, { children: [
|
|
105
|
+
/* @__PURE__ */ r(z, { asChild: !0, children: /* @__PURE__ */ r("span", { className: "inline-flex items-center justify-center h-full w-full", children: C }) }),
|
|
106
|
+
/* @__PURE__ */ r(D, { variant: "tertiary", className: w, children: e })
|
|
107
|
+
] }) : C
|
|
107
108
|
}
|
|
108
109
|
);
|
|
109
110
|
});
|
|
110
|
-
|
|
111
|
-
const
|
|
112
|
-
|
|
111
|
+
S.displayName = c.Trigger.displayName;
|
|
112
|
+
const $ = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
|
|
113
|
+
c.Content,
|
|
113
114
|
{
|
|
114
115
|
ref: e,
|
|
115
116
|
"data-tabs": "content",
|
|
@@ -120,16 +121,16 @@ const M = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
|
|
|
120
121
|
...a
|
|
121
122
|
}
|
|
122
123
|
));
|
|
123
|
-
|
|
124
|
-
const
|
|
124
|
+
$.displayName = c.Content.displayName;
|
|
125
|
+
const M = i.forwardRef(({ className: t, activeImage: a, inactiveImage: e, ...s }, o) => /* @__PURE__ */ u("div", { ref: o, className: p("relative flex items-center justify-center shrink-0", t), ...s, children: [
|
|
125
126
|
/* @__PURE__ */ r("div", { className: "flex group-data-[state=active]:hidden", children: e }),
|
|
126
127
|
/* @__PURE__ */ r("div", { className: "hidden group-data-[state=active]:flex", children: a })
|
|
127
128
|
] }));
|
|
128
|
-
|
|
129
|
+
M.displayName = "TabsImage";
|
|
129
130
|
export {
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
131
|
+
L as Tabs,
|
|
132
|
+
$ as TabsContent,
|
|
133
|
+
M as TabsImage,
|
|
134
|
+
E as TabsList,
|
|
135
|
+
S as TabsTrigger
|
|
135
136
|
};
|
package/dist/icons/index.d.ts
CHANGED
|
@@ -61,6 +61,7 @@ export declare const CreateNewDocument: IconComponent;
|
|
|
61
61
|
export declare const ChevronRight: IconComponent;
|
|
62
62
|
export declare const Search: IconComponent;
|
|
63
63
|
export declare const Checkmark: IconComponent;
|
|
64
|
+
export declare const Check: IconComponent;
|
|
64
65
|
export declare const ErrorCircle: IconComponent;
|
|
65
66
|
export declare const Email: IconComponent;
|
|
66
67
|
export declare const Lock: IconComponent;
|