@epam/ai-dial-navigation-panel 1.2.0-dev.46 → 1.2.0-dev.50
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationPanel/NavigationPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA2B,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"NavigationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationPanel/NavigationPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA2B,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAMzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAYhF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAkFpD,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const NAVIGATION_PANEL_CLASS: {
|
|
2
|
+
/** The `nav` rail itself. */
|
|
3
|
+
readonly rail: "dial-navigation-panel-rail";
|
|
4
|
+
/** Every item in the rail, whether or not it is the active one. */
|
|
5
|
+
readonly item: "dial-navigation-panel-item";
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=public-class-names.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"public-class-names.d.ts","sourceRoot":"","sources":["../../src/constants/public-class-names.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,sBAAsB;IACjC,6BAA6B;;IAE7B,mEAAmE;;CAE3D,CAAC"}
|
package/index.d.ts
CHANGED
|
@@ -23,4 +23,5 @@ export type { NavigationMenuPageProps } from './components/NavigationSheet/Navig
|
|
|
23
23
|
export type { OptionListPageProps } from './components/NavigationSheet/OptionListPage';
|
|
24
24
|
export type { ProfilePageProps } from './components/NavigationSheet/ProfilePage';
|
|
25
25
|
export type { SheetRowProps } from './components/NavigationSheet/SheetRow';
|
|
26
|
+
export { NAVIGATION_PANEL_CLASS } from './constants/public-class-names';
|
|
26
27
|
//# sourceMappingURL=index.d.ts.map
|
package/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,YAAY,EACV,kBAAkB,EAClB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC5E,YAAY,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,cAAc,EACd,kBAAkB,GACnB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,YAAY,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,YAAY,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACtE,YAAY,EAAE,yBAAyB,EAAE,MAAM,mDAAmD,CAAC;AACnG,YAAY,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC/F,YAAY,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AACvF,YAAY,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACjF,YAAY,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,YAAY,EACV,kBAAkB,EAClB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC5E,YAAY,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,cAAc,EACd,kBAAkB,GACnB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,YAAY,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,YAAY,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACtE,YAAY,EAAE,yBAAyB,EAAE,MAAM,mDAAmD,CAAC;AACnG,YAAY,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC/F,YAAY,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AACvF,YAAY,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACjF,YAAY,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC"}
|
package/index.js
CHANGED
|
@@ -4,15 +4,19 @@ import { Fragment as d, createContext as f, memo as p, useCallback as m, useCont
|
|
|
4
4
|
import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
|
|
5
5
|
import { IconCheck as S, IconChevronRight as C, IconLogout as w, IconSettings as T, IconUser as E } from "@tabler/icons-react";
|
|
6
6
|
import { BottomSheetShell as D } from "@epam/ai-dial-conversation-input";
|
|
7
|
+
//#region src/constants/public-class-names.ts
|
|
7
8
|
var O = {
|
|
9
|
+
rail: "dial-navigation-panel-rail",
|
|
10
|
+
item: "dial-navigation-panel-item"
|
|
11
|
+
}, k = {
|
|
8
12
|
rail: "_rail_h528m_1",
|
|
9
13
|
item: "_item_h528m_6",
|
|
10
14
|
itemActive: "_itemActive_h528m_19"
|
|
11
|
-
},
|
|
15
|
+
}, A = (e, t) => /* @__PURE__ */ b("a", {
|
|
12
16
|
href: e.href,
|
|
13
17
|
className: "contents",
|
|
14
18
|
children: t
|
|
15
|
-
}),
|
|
19
|
+
}), j = p(({ items: n, labels: a, logo: o, footer: s, renderLink: l = A, styles: u }) => {
|
|
16
20
|
let { colors: f, typography: p, className: m, cssVars: h } = u ?? {}, g = _(() => e({
|
|
17
21
|
"--np-bg": f?.background,
|
|
18
22
|
"--np-item-text": f?.itemText,
|
|
@@ -28,7 +32,7 @@ var O = {
|
|
|
28
32
|
...h,
|
|
29
33
|
...g
|
|
30
34
|
},
|
|
31
|
-
className: t(
|
|
35
|
+
className: t(k.rail, "relative z-10 flex h-full w-[60px] flex-col justify-between shadow-sm", p?.fontClassName, m, O.rail),
|
|
32
36
|
children: [/* @__PURE__ */ x("div", {
|
|
33
37
|
className: "flex flex-col items-center",
|
|
34
38
|
children: [o && /* @__PURE__ */ b("a", {
|
|
@@ -50,34 +54,34 @@ var O = {
|
|
|
50
54
|
"aria-current": e.isActive ? "page" : void 0,
|
|
51
55
|
tooltipProps: { tooltip: e.label },
|
|
52
56
|
tabIndex: -1,
|
|
53
|
-
className: t(
|
|
57
|
+
className: t(k.item, "rounded-xl", e.isActive && k.itemActive, O.item)
|
|
54
58
|
})) }, e.id))
|
|
55
59
|
})]
|
|
56
60
|
}), s]
|
|
57
61
|
});
|
|
58
|
-
}),
|
|
59
|
-
className: t(
|
|
62
|
+
}), M = { avatar: "_avatar_htyg8_1" }, N = p(({ shortName: e, className: n, textClassName: r = "dial-tiny-text" }) => /* @__PURE__ */ b("div", {
|
|
63
|
+
className: t(M.avatar, "flex size-[28px] flex-shrink-0 items-center justify-center rounded-full", r, n),
|
|
60
64
|
children: e
|
|
61
|
-
})),
|
|
65
|
+
})), P = p(({ profile: e, alt: t }) => e.isFallbackShown || !e.imageUrl ? /* @__PURE__ */ b(N, { shortName: e.shortName }) : /* @__PURE__ */ b("img", {
|
|
62
66
|
className: "rounded-full",
|
|
63
67
|
src: e.imageUrl,
|
|
64
68
|
width: 28,
|
|
65
69
|
height: 28,
|
|
66
70
|
alt: t,
|
|
67
71
|
onError: e.onImageError
|
|
68
|
-
})),
|
|
72
|
+
})), F = {
|
|
69
73
|
wrapper: "_wrapper_1coa8_1",
|
|
70
74
|
trigger: "_trigger_1coa8_5",
|
|
71
75
|
identityText: "_identityText_1coa8_14",
|
|
72
76
|
menuLabel: "_menuLabel_1coa8_18"
|
|
73
|
-
},
|
|
77
|
+
}, I = p(({ profile: n, labels: c, groups: d, onLogout: f, onSettings: p, isTooltipHidden: m, styles: h }) => {
|
|
74
78
|
let { colors: g, typography: v, className: y, cssVars: S } = h ?? {}, C = v?.fontClassName ?? "dial-small-text", E = _(() => e({
|
|
75
79
|
"--np-avatar-bg": g?.avatarBackground,
|
|
76
80
|
"--np-avatar-text": g?.avatarText,
|
|
77
81
|
"--np-menu-text": g?.text,
|
|
78
82
|
"--np-trigger-hover-bg": g?.triggerHoverBackground,
|
|
79
83
|
"--np-font-family": v?.fontFamily
|
|
80
|
-
}), [g, v?.fontFamily]), D = _(() => t(
|
|
84
|
+
}), [g, v?.fontFamily]), D = _(() => t(F.menuLabel, C), [C]), O = _(() => {
|
|
81
85
|
let e = (d ?? []).filter(({ options: e }) => e.length > 0).map(({ id: e, label: t, icon: n, options: r }) => ({
|
|
82
86
|
key: e,
|
|
83
87
|
label: /* @__PURE__ */ b("span", {
|
|
@@ -103,9 +107,9 @@ var O = {
|
|
|
103
107
|
type: o.PlainText,
|
|
104
108
|
label: /* @__PURE__ */ x("div", {
|
|
105
109
|
className: "flex h-[40px] min-w-0 items-center gap-3",
|
|
106
|
-
children: [/* @__PURE__ */ b(
|
|
110
|
+
children: [/* @__PURE__ */ b(N, { shortName: n.shortName }), /* @__PURE__ */ b(s, {
|
|
107
111
|
text: n.displayName,
|
|
108
|
-
className: t(
|
|
112
|
+
className: t(F.identityText, C, "min-w-0 flex-1 truncate")
|
|
109
113
|
})]
|
|
110
114
|
})
|
|
111
115
|
},
|
|
@@ -157,19 +161,19 @@ var O = {
|
|
|
157
161
|
...S,
|
|
158
162
|
...E
|
|
159
163
|
},
|
|
160
|
-
className: t(
|
|
164
|
+
className: t(F.wrapper, "flex size-[60px] items-center justify-center", y),
|
|
161
165
|
children: /* @__PURE__ */ b(a, {
|
|
162
166
|
placement: "top-end",
|
|
163
167
|
matchReferenceWidth: !1,
|
|
164
168
|
items: O,
|
|
165
169
|
children: /* @__PURE__ */ b("button", {
|
|
166
170
|
type: "button",
|
|
167
|
-
className: t(
|
|
171
|
+
className: t(F.trigger, "flex size-[44px] items-center justify-center rounded-full border border-transparent"),
|
|
168
172
|
"aria-label": c.trigger,
|
|
169
173
|
children: /* @__PURE__ */ b(u, {
|
|
170
174
|
tooltip: n.email,
|
|
171
175
|
hideTooltip: m,
|
|
172
|
-
children: /* @__PURE__ */ b(
|
|
176
|
+
children: /* @__PURE__ */ b(P, {
|
|
173
177
|
profile: n,
|
|
174
178
|
alt: c.avatarAlt
|
|
175
179
|
})
|
|
@@ -177,7 +181,7 @@ var O = {
|
|
|
177
181
|
})
|
|
178
182
|
})
|
|
179
183
|
});
|
|
180
|
-
}),
|
|
184
|
+
}), L = f(void 0), R = p(({ isOpen: e, onClose: t, children: n, title: r, closeLabel: i, backLabel: a, className: o, style: s }) => {
|
|
181
185
|
let [c, l] = v([]);
|
|
182
186
|
g(() => {
|
|
183
187
|
e || l([]);
|
|
@@ -197,7 +201,7 @@ var O = {
|
|
|
197
201
|
d,
|
|
198
202
|
f
|
|
199
203
|
]), h = c[c.length - 1];
|
|
200
|
-
return /* @__PURE__ */ b(
|
|
204
|
+
return /* @__PURE__ */ b(L.Provider, {
|
|
201
205
|
value: p,
|
|
202
206
|
children: /* @__PURE__ */ b(D, {
|
|
203
207
|
isOpen: e,
|
|
@@ -211,11 +215,11 @@ var O = {
|
|
|
211
215
|
children: h ? h.content : n
|
|
212
216
|
})
|
|
213
217
|
});
|
|
214
|
-
}),
|
|
215
|
-
let e = h(
|
|
218
|
+
}), z = () => {
|
|
219
|
+
let e = h(L);
|
|
216
220
|
if (!e) throw Error("useSheetNavigation must be used within a NavigableBottomSheet");
|
|
217
221
|
return e;
|
|
218
|
-
},
|
|
222
|
+
}, B = {
|
|
219
223
|
sheet: "_sheet_1oucc_1",
|
|
220
224
|
row: "_row_1oucc_5",
|
|
221
225
|
rowActive: "_rowActive_1oucc_17",
|
|
@@ -223,14 +227,14 @@ var O = {
|
|
|
223
227
|
divider: "_divider_1oucc_32",
|
|
224
228
|
mutedText: "_mutedText_1oucc_36",
|
|
225
229
|
activeIcon: "_activeIcon_1oucc_40"
|
|
226
|
-
},
|
|
230
|
+
}, V = p(({ label: e, onClick: n, icon: r, trailing: i, isCurrent: a = !1, isHighlighted: o = !1, textClassName: s = "dial-small-text" }) => /* @__PURE__ */ b("li", { children: /* @__PURE__ */ x("button", {
|
|
227
231
|
type: "button",
|
|
228
232
|
"aria-current": a ? "true" : void 0,
|
|
229
|
-
className: t(
|
|
233
|
+
className: t(B.row, o && B.rowActive, "flex w-full items-center gap-3 px-4 py-[10px] text-start"),
|
|
230
234
|
onClick: n,
|
|
231
235
|
children: [
|
|
232
236
|
r && /* @__PURE__ */ b("span", {
|
|
233
|
-
className:
|
|
237
|
+
className: B.rowIcon,
|
|
234
238
|
children: r
|
|
235
239
|
}),
|
|
236
240
|
/* @__PURE__ */ b("span", {
|
|
@@ -239,11 +243,11 @@ var O = {
|
|
|
239
243
|
}),
|
|
240
244
|
i
|
|
241
245
|
]
|
|
242
|
-
}) })),
|
|
243
|
-
let { pop: n } =
|
|
246
|
+
}) })), H = p(({ options: e, textClassName: t }) => {
|
|
247
|
+
let { pop: n } = z();
|
|
244
248
|
return /* @__PURE__ */ b("ul", {
|
|
245
249
|
className: "flex flex-col pb-4",
|
|
246
|
-
children: e.map((e) => /* @__PURE__ */ b(
|
|
250
|
+
children: e.map((e) => /* @__PURE__ */ b(V, {
|
|
247
251
|
label: e.label,
|
|
248
252
|
icon: e.icon,
|
|
249
253
|
textClassName: t,
|
|
@@ -252,29 +256,29 @@ var O = {
|
|
|
252
256
|
size: r.SM,
|
|
253
257
|
stroke: i,
|
|
254
258
|
"aria-hidden": !0,
|
|
255
|
-
className:
|
|
259
|
+
className: B.activeIcon
|
|
256
260
|
}) : void 0,
|
|
257
261
|
onClick: () => {
|
|
258
262
|
e.onSelect(), n();
|
|
259
263
|
}
|
|
260
264
|
}, e.id))
|
|
261
265
|
});
|
|
262
|
-
}),
|
|
263
|
-
let { push: l, close: u } =
|
|
266
|
+
}), U = p(({ profile: e, logOutLabel: r, onLogout: a, groups: o, textClassName: c = "dial-small-text" }) => {
|
|
267
|
+
let { push: l, close: u } = z(), d = (o ?? []).filter(({ options: e }) => e.length > 0);
|
|
264
268
|
return /* @__PURE__ */ x(y, { children: [
|
|
265
269
|
/* @__PURE__ */ x("div", {
|
|
266
270
|
className: "flex h-[56px] items-center gap-3 px-4 py-2",
|
|
267
|
-
children: [/* @__PURE__ */ b(
|
|
271
|
+
children: [/* @__PURE__ */ b(P, {
|
|
268
272
|
profile: e,
|
|
269
273
|
alt: ""
|
|
270
274
|
}), /* @__PURE__ */ b(s, {
|
|
271
275
|
text: e.displayName,
|
|
272
|
-
className: t(
|
|
276
|
+
className: t(B.mutedText, c, "min-w-0 flex-1 truncate")
|
|
273
277
|
})]
|
|
274
278
|
}),
|
|
275
279
|
d.length > 0 && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("ul", {
|
|
276
280
|
className: "flex flex-col",
|
|
277
|
-
children: d.map((e) => /* @__PURE__ */ b(
|
|
281
|
+
children: d.map((e) => /* @__PURE__ */ b(V, {
|
|
278
282
|
label: e.label,
|
|
279
283
|
icon: e.icon,
|
|
280
284
|
textClassName: c,
|
|
@@ -282,20 +286,20 @@ var O = {
|
|
|
282
286
|
size: n,
|
|
283
287
|
stroke: i,
|
|
284
288
|
"aria-hidden": !0,
|
|
285
|
-
className: t(
|
|
289
|
+
className: t(B.rowIcon, "rtl:scale-x-[-1]")
|
|
286
290
|
}),
|
|
287
291
|
onClick: () => l({
|
|
288
292
|
title: e.label,
|
|
289
|
-
content: /* @__PURE__ */ b(
|
|
293
|
+
content: /* @__PURE__ */ b(H, {
|
|
290
294
|
options: e.options,
|
|
291
295
|
textClassName: c
|
|
292
296
|
})
|
|
293
297
|
})
|
|
294
298
|
}, e.id))
|
|
295
|
-
}), /* @__PURE__ */ b("hr", { className:
|
|
299
|
+
}), /* @__PURE__ */ b("hr", { className: B.divider })] }),
|
|
296
300
|
/* @__PURE__ */ b("ul", {
|
|
297
301
|
className: "flex flex-col pb-4",
|
|
298
|
-
children: /* @__PURE__ */ b(
|
|
302
|
+
children: /* @__PURE__ */ b(V, {
|
|
299
303
|
label: r,
|
|
300
304
|
textClassName: c,
|
|
301
305
|
icon: /* @__PURE__ */ b(w, {
|
|
@@ -309,13 +313,13 @@ var O = {
|
|
|
309
313
|
})
|
|
310
314
|
})
|
|
311
315
|
] });
|
|
312
|
-
}),
|
|
313
|
-
let { push: d, close: f } =
|
|
316
|
+
}), W = p(({ items: e, onSelectItem: t, profileLabel: r, logOutLabel: a, onLogout: o, profile: s, groups: c, footer: l, textClassName: u }) => {
|
|
317
|
+
let { push: d, close: f } = z(), p = (e) => {
|
|
314
318
|
f(), t(e);
|
|
315
319
|
};
|
|
316
320
|
return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("ul", {
|
|
317
321
|
className: "flex flex-col pb-4",
|
|
318
|
-
children: [e.map((e) => /* @__PURE__ */ b(
|
|
322
|
+
children: [e.map((e) => /* @__PURE__ */ b(V, {
|
|
319
323
|
label: e.label,
|
|
320
324
|
textClassName: u,
|
|
321
325
|
isCurrent: e.isActive,
|
|
@@ -325,7 +329,7 @@ var O = {
|
|
|
325
329
|
stroke: i
|
|
326
330
|
}),
|
|
327
331
|
onClick: () => p(e)
|
|
328
|
-
}, e.id)), s && /* @__PURE__ */ b(
|
|
332
|
+
}, e.id)), s && /* @__PURE__ */ b(V, {
|
|
329
333
|
label: r,
|
|
330
334
|
textClassName: u,
|
|
331
335
|
icon: /* @__PURE__ */ b(E, {
|
|
@@ -336,7 +340,7 @@ var O = {
|
|
|
336
340
|
onClick: () => {
|
|
337
341
|
s && d({
|
|
338
342
|
title: r,
|
|
339
|
-
content: /* @__PURE__ */ b(
|
|
343
|
+
content: /* @__PURE__ */ b(U, {
|
|
340
344
|
profile: s,
|
|
341
345
|
groups: c,
|
|
342
346
|
logOutLabel: a,
|
|
@@ -347,7 +351,7 @@ var O = {
|
|
|
347
351
|
}
|
|
348
352
|
})]
|
|
349
353
|
}), l] });
|
|
350
|
-
}),
|
|
354
|
+
}), G = p(({ isOpen: n, onClose: r, items: i, onSelectItem: a, labels: o, profile: s, groups: c, onLogout: l, footer: u, styles: d }) => {
|
|
351
355
|
let { colors: f, typography: p, className: m, cssVars: h } = d ?? {}, g = _(() => e({
|
|
352
356
|
"--np-sheet-text": f?.text,
|
|
353
357
|
"--np-sheet-item-hover": f?.itemHoverBackground,
|
|
@@ -362,18 +366,18 @@ var O = {
|
|
|
362
366
|
"--np-menu-active-icon": f?.activeIcon,
|
|
363
367
|
"--np-font-family": p?.fontFamily
|
|
364
368
|
}), [f, p?.fontFamily]);
|
|
365
|
-
return /* @__PURE__ */ b(
|
|
369
|
+
return /* @__PURE__ */ b(R, {
|
|
366
370
|
isOpen: n,
|
|
367
371
|
onClose: r,
|
|
368
372
|
title: o.title,
|
|
369
373
|
closeLabel: o.close,
|
|
370
374
|
backLabel: o.back,
|
|
371
|
-
className: t(
|
|
375
|
+
className: t(B.sheet, m),
|
|
372
376
|
style: {
|
|
373
377
|
...h,
|
|
374
378
|
...g
|
|
375
379
|
},
|
|
376
|
-
children: /* @__PURE__ */ b(
|
|
380
|
+
children: /* @__PURE__ */ b(W, {
|
|
377
381
|
items: i,
|
|
378
382
|
onSelectItem: a,
|
|
379
383
|
profileLabel: o.profile,
|
|
@@ -387,4 +391,4 @@ var O = {
|
|
|
387
391
|
});
|
|
388
392
|
});
|
|
389
393
|
//#endregion
|
|
390
|
-
export {
|
|
394
|
+
export { N as AvatarInitials, O as NAVIGATION_PANEL_CLASS, R as NavigableBottomSheet, W as NavigationMenuPage, j as NavigationPanel, G as NavigationSheet, H as OptionListPage, U as ProfilePage, V as SheetRow, P as UserAvatar, I as UserMenu, z as useSheetNavigation };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@epam/ai-dial-navigation-panel",
|
|
3
3
|
"description": "Primary application navigation — desktop nav rail, user menu, and mobile navigation bottom sheet",
|
|
4
|
-
"version": "1.2.0-dev.
|
|
4
|
+
"version": "1.2.0-dev.50",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./index.js",
|
|
@@ -18,12 +18,12 @@
|
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"@tabler/icons-react": "^3.44.0",
|
|
21
|
-
"@epam/ai-dial-conversation-input": "1.2.0-dev.
|
|
21
|
+
"@epam/ai-dial-conversation-input": "1.2.0-dev.50"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
24
|
"react": "^19.2.8",
|
|
25
|
-
"@epam/ai-dial-chat-shared": "1.2.0-dev.
|
|
26
|
-
"@epam/ai-dial-ui-kit": "^0.
|
|
25
|
+
"@epam/ai-dial-chat-shared": "1.2.0-dev.50",
|
|
26
|
+
"@epam/ai-dial-ui-kit": "^0.15.0-dev.7"
|
|
27
27
|
},
|
|
28
28
|
"repository": {
|
|
29
29
|
"type": "git",
|