@epam/ai-dial-navigation-panel 1.2.13 → 1.2.15
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/components/NavigationSheet/NavigationMenuPage.d.ts +2 -0
- package/components/NavigationSheet/NavigationMenuPage.d.ts.map +1 -1
- package/components/NavigationSheet/NavigationSheet.d.ts.map +1 -1
- package/components/NavigationSheet/ProfilePage.d.ts +2 -0
- package/components/NavigationSheet/ProfilePage.d.ts.map +1 -1
- package/components/UserMenu/UserMenu.d.ts.map +1 -1
- package/index.js +79 -77
- package/models/navigation-sheet-props.d.ts +2 -0
- package/models/navigation-sheet-props.d.ts.map +1 -1
- package/models/user-menu-props.d.ts +2 -0
- package/models/user-menu-props.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -22,6 +22,8 @@ export interface NavigationMenuPageProps {
|
|
|
22
22
|
profile?: NavigationUserProfile;
|
|
23
23
|
/** Settings groups listed on the profile page; empty groups are skipped. */
|
|
24
24
|
groups?: NavigationMenuGroup[];
|
|
25
|
+
/** Omits the identity row from the top of the profile page. Defaults to `false`. */
|
|
26
|
+
isIdentityHidden?: boolean;
|
|
25
27
|
/** Rendered below the row list — typically a footer message. */
|
|
26
28
|
footer?: ReactNode;
|
|
27
29
|
/** CSS class controlling the row labels' type scale. Defaults to `'dial-small-text'`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationMenuPage.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/NavigationMenuPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAIvE,sCAAsC;AACtC,MAAM,WAAW,uBAAuB;IACtC,uDAAuD;IACvD,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,iEAAiE;IACjE,YAAY,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,yEAAyE;IACzE,YAAY,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,WAAW,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,6FAA6F;IAC7F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uFAAuF;IACvF,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,qEAAqE;IACrE,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,4EAA4E;IAC5E,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,gEAAgE;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,mFAAmF;AACnF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,
|
|
1
|
+
{"version":3,"file":"NavigationMenuPage.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/NavigationMenuPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAIvE,sCAAsC;AACtC,MAAM,WAAW,uBAAuB;IACtC,uDAAuD;IACvD,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,iEAAiE;IACjE,YAAY,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,yEAAyE;IACzE,YAAY,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,WAAW,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,6FAA6F;IAC7F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uFAAuF;IACvF,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,qEAAqE;IACrE,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,4EAA4E;IAC5E,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,oFAAoF;IACpF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gEAAgE;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,mFAAmF;AACnF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAiF1D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationSheet.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/NavigationSheet.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAKhF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,
|
|
1
|
+
{"version":3,"file":"NavigationSheet.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/NavigationSheet.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAKhF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA+DpD,CAAC"}
|
|
@@ -15,6 +15,8 @@ export interface ProfilePageProps {
|
|
|
15
15
|
onSettings?: () => void;
|
|
16
16
|
/** Settings groups listed above the log-out row; empty groups are skipped. */
|
|
17
17
|
groups?: NavigationMenuGroup[];
|
|
18
|
+
/** Omits the identity row — avatar and display name — from the top of the page. Defaults to `false`. */
|
|
19
|
+
isIdentityHidden?: boolean;
|
|
18
20
|
/** CSS class controlling the row labels' type scale. Defaults to `'dial-small-text'`. */
|
|
19
21
|
textClassName?: string;
|
|
20
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProfilePage.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/ProfilePage.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAQ,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAMvE,+BAA+B;AAC/B,MAAM,WAAW,gBAAgB;IAC/B,wDAAwD;IACxD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,gCAAgC;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gGAAgG;IAChG,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,
|
|
1
|
+
{"version":3,"file":"ProfilePage.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/ProfilePage.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAQ,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAMvE,+BAA+B;AAC/B,MAAM,WAAW,gBAAgB;IAC/B,wDAAwD;IACxD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,gCAAgC;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gGAAgG;IAChG,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,wGAAwG;IACxG,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAiH5C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAiB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAKlE;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAiB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAKlE;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAyJtC,CAAC"}
|
package/index.js
CHANGED
|
@@ -131,25 +131,25 @@ var j = {
|
|
|
131
131
|
trigger: "_trigger_17aqp_5",
|
|
132
132
|
identityText: "_identityText_17aqp_18",
|
|
133
133
|
menuLabel: "_menuLabel_17aqp_22"
|
|
134
|
-
}, z = h(({ profile: n, labels: r, groups: u, onLogout: d, onSettings: p, isTooltipHidden: m,
|
|
135
|
-
let { colors:
|
|
136
|
-
"--np-avatar-bg":
|
|
137
|
-
"--np-avatar-text":
|
|
138
|
-
"--np-menu-text":
|
|
139
|
-
"--np-trigger-hover-bg":
|
|
140
|
-
"--np-font-family":
|
|
141
|
-
}), [
|
|
134
|
+
}, z = h(({ profile: n, labels: r, groups: u, onLogout: d, onSettings: p, isTooltipHidden: m, isIdentityHidden: h = !1, styles: g }) => {
|
|
135
|
+
let { colors: _, typography: v, className: y, cssVars: x } = g ?? {}, S = v?.fontClassName ?? "dial-small-text", T = b(() => e({
|
|
136
|
+
"--np-avatar-bg": _?.avatarBackground,
|
|
137
|
+
"--np-avatar-text": _?.avatarText,
|
|
138
|
+
"--np-menu-text": _?.text,
|
|
139
|
+
"--np-trigger-hover-bg": _?.triggerHoverBackground,
|
|
140
|
+
"--np-font-family": v?.fontFamily
|
|
141
|
+
}), [_, v?.fontFamily]), E = b(() => t(R.menuLabel, S), [S]), k = b(() => {
|
|
142
142
|
let e = (u ?? []).filter(({ options: e }) => e.length > 0).map(({ id: e, label: t, icon: n, options: r }) => ({
|
|
143
143
|
key: e,
|
|
144
144
|
label: /* @__PURE__ */ C("span", {
|
|
145
|
-
className:
|
|
145
|
+
className: E,
|
|
146
146
|
children: t
|
|
147
147
|
}),
|
|
148
148
|
icon: n,
|
|
149
149
|
children: r.map((e) => ({
|
|
150
150
|
key: e.id,
|
|
151
151
|
label: /* @__PURE__ */ C("span", {
|
|
152
|
-
className:
|
|
152
|
+
className: E,
|
|
153
153
|
children: e.label
|
|
154
154
|
}),
|
|
155
155
|
icon: e.icon,
|
|
@@ -157,28 +157,27 @@ var j = {
|
|
|
157
157
|
checked: e.isActive,
|
|
158
158
|
onClick: e.onSelect
|
|
159
159
|
}))
|
|
160
|
-
}))
|
|
160
|
+
})), i = [...h ? [] : [{
|
|
161
|
+
key: "identity",
|
|
162
|
+
type: c.PlainText,
|
|
163
|
+
label: /* @__PURE__ */ w("div", {
|
|
164
|
+
className: "flex h-[40px] min-w-0 items-center gap-3",
|
|
165
|
+
children: [/* @__PURE__ */ C(I, { shortName: n.shortName }), /* @__PURE__ */ C(l, {
|
|
166
|
+
text: n.displayName,
|
|
167
|
+
className: t(R.identityText, S, "min-w-0 flex-1 truncate")
|
|
168
|
+
})]
|
|
169
|
+
})
|
|
170
|
+
}], ...e];
|
|
161
171
|
return [
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
type: c.PlainText,
|
|
165
|
-
label: /* @__PURE__ */ w("div", {
|
|
166
|
-
className: "flex h-[40px] min-w-0 items-center gap-3",
|
|
167
|
-
children: [/* @__PURE__ */ C(I, { shortName: n.shortName }), /* @__PURE__ */ C(l, {
|
|
168
|
-
text: n.displayName,
|
|
169
|
-
className: t(R.identityText, x, "min-w-0 flex-1 truncate")
|
|
170
|
-
})]
|
|
171
|
-
})
|
|
172
|
-
},
|
|
173
|
-
...e,
|
|
174
|
-
{
|
|
172
|
+
...i,
|
|
173
|
+
...i.length > 0 ? [{
|
|
175
174
|
key: "divider-1",
|
|
176
175
|
type: c.Divider
|
|
177
|
-
},
|
|
176
|
+
}] : [],
|
|
178
177
|
...p ? [{
|
|
179
178
|
key: "settings",
|
|
180
179
|
label: /* @__PURE__ */ C("span", {
|
|
181
|
-
className:
|
|
180
|
+
className: E,
|
|
182
181
|
children: r.settings
|
|
183
182
|
}),
|
|
184
183
|
icon: /* @__PURE__ */ C(O, {
|
|
@@ -191,7 +190,7 @@ var j = {
|
|
|
191
190
|
{
|
|
192
191
|
key: "logout",
|
|
193
192
|
label: /* @__PURE__ */ C("span", {
|
|
194
|
-
className:
|
|
193
|
+
className: E,
|
|
195
194
|
children: r.logOut
|
|
196
195
|
}),
|
|
197
196
|
icon: /* @__PURE__ */ C(D, {
|
|
@@ -204,8 +203,9 @@ var j = {
|
|
|
204
203
|
];
|
|
205
204
|
}, [
|
|
206
205
|
u,
|
|
207
|
-
|
|
208
|
-
|
|
206
|
+
h,
|
|
207
|
+
S,
|
|
208
|
+
E,
|
|
209
209
|
r.logOut,
|
|
210
210
|
r.settings,
|
|
211
211
|
d,
|
|
@@ -215,14 +215,14 @@ var j = {
|
|
|
215
215
|
]);
|
|
216
216
|
return /* @__PURE__ */ C("div", {
|
|
217
217
|
style: {
|
|
218
|
-
...
|
|
219
|
-
...
|
|
218
|
+
...x,
|
|
219
|
+
...T
|
|
220
220
|
},
|
|
221
|
-
className: t(R.wrapper, "flex size-[60px] items-center justify-center",
|
|
221
|
+
className: t(R.wrapper, "flex size-[60px] items-center justify-center", y),
|
|
222
222
|
children: /* @__PURE__ */ C(s, {
|
|
223
223
|
placement: "top-end",
|
|
224
224
|
matchReferenceWidth: !1,
|
|
225
|
-
items:
|
|
225
|
+
items: k,
|
|
226
226
|
children: /* @__PURE__ */ C(i, {
|
|
227
227
|
"aria-label": r.trigger,
|
|
228
228
|
tooltipProps: {
|
|
@@ -316,36 +316,36 @@ var j = {
|
|
|
316
316
|
}
|
|
317
317
|
}, e.id))
|
|
318
318
|
});
|
|
319
|
-
}), K = h(({ profile: e, logOutLabel: n, onLogout: i, settingsLabel: a, onSettings: s, groups: c,
|
|
320
|
-
let { push:
|
|
319
|
+
}), K = h(({ profile: e, logOutLabel: n, onLogout: i, settingsLabel: a, onSettings: s, groups: c, isIdentityHidden: u = !1, textClassName: d = "dial-small-text" }) => {
|
|
320
|
+
let { push: f, close: p } = H(), m = (c ?? []).filter(({ options: e }) => e.length > 0);
|
|
321
321
|
return /* @__PURE__ */ w(S, { children: [
|
|
322
|
-
/* @__PURE__ */ w("div", {
|
|
322
|
+
!u && /* @__PURE__ */ w("div", {
|
|
323
323
|
className: "flex h-[56px] items-center gap-3 px-4 py-2",
|
|
324
324
|
children: [/* @__PURE__ */ C(L, {
|
|
325
325
|
profile: e,
|
|
326
326
|
alt: ""
|
|
327
327
|
}), /* @__PURE__ */ C(l, {
|
|
328
328
|
text: e.displayName,
|
|
329
|
-
className: t(U.mutedText,
|
|
329
|
+
className: t(U.mutedText, d, "min-w-0 flex-1 truncate")
|
|
330
330
|
})]
|
|
331
331
|
}),
|
|
332
|
-
|
|
332
|
+
m.length > 0 && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("ul", {
|
|
333
333
|
className: "flex flex-col",
|
|
334
|
-
children:
|
|
334
|
+
children: m.map((e) => /* @__PURE__ */ C(W, {
|
|
335
335
|
label: e.label,
|
|
336
336
|
icon: e.icon,
|
|
337
|
-
textClassName:
|
|
337
|
+
textClassName: d,
|
|
338
338
|
trailing: /* @__PURE__ */ C(E, {
|
|
339
339
|
size: r,
|
|
340
340
|
stroke: o,
|
|
341
341
|
"aria-hidden": !0,
|
|
342
342
|
className: t(U.rowIcon, "rtl:scale-x-[-1]")
|
|
343
343
|
}),
|
|
344
|
-
onClick: () =>
|
|
344
|
+
onClick: () => f({
|
|
345
345
|
title: e.label,
|
|
346
346
|
content: /* @__PURE__ */ C(G, {
|
|
347
347
|
options: e.options,
|
|
348
|
-
textClassName:
|
|
348
|
+
textClassName: d
|
|
349
349
|
})
|
|
350
350
|
})
|
|
351
351
|
}, e.id))
|
|
@@ -354,32 +354,32 @@ var j = {
|
|
|
354
354
|
className: "flex flex-col pb-4",
|
|
355
355
|
children: [s && a && /* @__PURE__ */ C(W, {
|
|
356
356
|
label: a,
|
|
357
|
-
textClassName:
|
|
357
|
+
textClassName: d,
|
|
358
358
|
icon: /* @__PURE__ */ C(O, {
|
|
359
359
|
size: r,
|
|
360
360
|
stroke: o,
|
|
361
361
|
"aria-hidden": !0
|
|
362
362
|
}),
|
|
363
363
|
onClick: () => {
|
|
364
|
-
|
|
364
|
+
p(), s?.();
|
|
365
365
|
}
|
|
366
366
|
}), /* @__PURE__ */ C(W, {
|
|
367
367
|
label: n,
|
|
368
|
-
textClassName:
|
|
368
|
+
textClassName: d,
|
|
369
369
|
icon: /* @__PURE__ */ C(D, {
|
|
370
370
|
size: r,
|
|
371
371
|
stroke: o,
|
|
372
372
|
"aria-hidden": !0
|
|
373
373
|
}),
|
|
374
374
|
onClick: () => {
|
|
375
|
-
|
|
375
|
+
p(), i();
|
|
376
376
|
}
|
|
377
377
|
})]
|
|
378
378
|
})
|
|
379
379
|
] });
|
|
380
|
-
}), q = h(({ items: e, onSelectItem: t, profileLabel: n, logOutLabel: i, onLogout: a, settingsLabel: s, onSettings: c, profile: l, groups: u,
|
|
381
|
-
let { push:
|
|
382
|
-
|
|
380
|
+
}), q = h(({ items: e, onSelectItem: t, profileLabel: n, logOutLabel: i, onLogout: a, settingsLabel: s, onSettings: c, profile: l, groups: u, isIdentityHidden: d, footer: f, textClassName: p }) => {
|
|
381
|
+
let { push: m, close: h } = H(), g = (e) => {
|
|
382
|
+
h(), t(e);
|
|
383
383
|
};
|
|
384
384
|
return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w("ul", {
|
|
385
385
|
className: "flex flex-col pb-4",
|
|
@@ -387,77 +387,79 @@ var j = {
|
|
|
387
387
|
let t = e.isActive && e.activeIcon || e.icon;
|
|
388
388
|
return /* @__PURE__ */ C(W, {
|
|
389
389
|
label: e.label,
|
|
390
|
-
textClassName:
|
|
390
|
+
textClassName: p,
|
|
391
391
|
isCurrent: e.isActive,
|
|
392
392
|
isHighlighted: e.isActive,
|
|
393
393
|
icon: /* @__PURE__ */ C(t, {
|
|
394
394
|
size: r,
|
|
395
395
|
stroke: o
|
|
396
396
|
}),
|
|
397
|
-
onClick: () =>
|
|
397
|
+
onClick: () => g(e)
|
|
398
398
|
}, e.id);
|
|
399
399
|
}), l && /* @__PURE__ */ C(W, {
|
|
400
400
|
label: n,
|
|
401
|
-
textClassName:
|
|
401
|
+
textClassName: p,
|
|
402
402
|
icon: /* @__PURE__ */ C(k, {
|
|
403
403
|
size: r,
|
|
404
404
|
stroke: o,
|
|
405
405
|
"aria-hidden": !0
|
|
406
406
|
}),
|
|
407
407
|
onClick: () => {
|
|
408
|
-
l &&
|
|
408
|
+
l && m({
|
|
409
409
|
title: n,
|
|
410
410
|
content: /* @__PURE__ */ C(K, {
|
|
411
411
|
profile: l,
|
|
412
412
|
groups: u,
|
|
413
|
+
isIdentityHidden: d,
|
|
413
414
|
logOutLabel: i,
|
|
414
415
|
onLogout: a,
|
|
415
416
|
settingsLabel: s,
|
|
416
417
|
onSettings: c,
|
|
417
|
-
textClassName:
|
|
418
|
+
textClassName: p
|
|
418
419
|
})
|
|
419
420
|
});
|
|
420
421
|
}
|
|
421
422
|
})]
|
|
422
|
-
}),
|
|
423
|
-
}), J = h(({ isOpen: n, onClose: r, items: i, onSelectItem: a, labels: o, profile: s, groups: c,
|
|
424
|
-
let { colors:
|
|
425
|
-
"--np-sheet-text":
|
|
426
|
-
"--np-sheet-item-hover":
|
|
427
|
-
"--np-sheet-item-active":
|
|
428
|
-
"--np-sheet-row-active-text":
|
|
429
|
-
"--np-sheet-row-active-bg":
|
|
430
|
-
"--np-sheet-row-active-bg-hover":
|
|
431
|
-
"--np-sheet-icon":
|
|
432
|
-
"--np-sheet-divider":
|
|
433
|
-
"--np-avatar-bg":
|
|
434
|
-
"--np-avatar-text":
|
|
435
|
-
"--np-menu-active-icon":
|
|
436
|
-
"--np-font-family":
|
|
437
|
-
}), [
|
|
423
|
+
}), f] });
|
|
424
|
+
}), J = h(({ isOpen: n, onClose: r, items: i, onSelectItem: a, labels: o, profile: s, groups: c, isIdentityHidden: l, onLogout: u, onSettings: d, footer: f, styles: p }) => {
|
|
425
|
+
let { colors: m, typography: h, className: g, cssVars: _ } = p ?? {}, v = b(() => e({
|
|
426
|
+
"--np-sheet-text": m?.text,
|
|
427
|
+
"--np-sheet-item-hover": m?.itemHoverBackground,
|
|
428
|
+
"--np-sheet-item-active": m?.itemActiveBackground,
|
|
429
|
+
"--np-sheet-row-active-text": m?.activeRowText,
|
|
430
|
+
"--np-sheet-row-active-bg": m?.activeRowBackground,
|
|
431
|
+
"--np-sheet-row-active-bg-hover": m?.activeRowBackgroundHover,
|
|
432
|
+
"--np-sheet-icon": m?.icon,
|
|
433
|
+
"--np-sheet-divider": m?.divider,
|
|
434
|
+
"--np-avatar-bg": m?.avatarBackground,
|
|
435
|
+
"--np-avatar-text": m?.avatarText,
|
|
436
|
+
"--np-menu-active-icon": m?.activeIcon,
|
|
437
|
+
"--np-font-family": h?.fontFamily
|
|
438
|
+
}), [m, h?.fontFamily]);
|
|
438
439
|
return /* @__PURE__ */ C(V, {
|
|
439
440
|
isOpen: n,
|
|
440
441
|
onClose: r,
|
|
441
442
|
title: o.title,
|
|
442
443
|
closeLabel: o.close,
|
|
443
444
|
backLabel: o.back,
|
|
444
|
-
className: t(U.sheet,
|
|
445
|
+
className: t(U.sheet, g),
|
|
445
446
|
style: {
|
|
446
|
-
...
|
|
447
|
-
...
|
|
447
|
+
..._,
|
|
448
|
+
...v
|
|
448
449
|
},
|
|
449
450
|
children: /* @__PURE__ */ C(q, {
|
|
450
451
|
items: i,
|
|
451
452
|
onSelectItem: a,
|
|
452
453
|
profileLabel: o.profile,
|
|
453
454
|
logOutLabel: o.logOut,
|
|
454
|
-
onLogout:
|
|
455
|
+
onLogout: u,
|
|
455
456
|
settingsLabel: o.settings,
|
|
456
|
-
onSettings:
|
|
457
|
+
onSettings: d,
|
|
457
458
|
profile: s,
|
|
458
459
|
groups: c,
|
|
459
|
-
|
|
460
|
-
|
|
460
|
+
isIdentityHidden: l,
|
|
461
|
+
footer: f,
|
|
462
|
+
textClassName: h?.fontClassName
|
|
461
463
|
})
|
|
462
464
|
});
|
|
463
465
|
});
|
|
@@ -76,6 +76,8 @@ export interface NavigationSheetProps {
|
|
|
76
76
|
profile?: NavigationUserProfile;
|
|
77
77
|
/** Single-select settings groups listed on the profile page; empty groups are skipped. */
|
|
78
78
|
groups?: NavigationMenuGroup[];
|
|
79
|
+
/** Omits the identity row — avatar and display name — from the top of the profile page. Defaults to `false`. */
|
|
80
|
+
isIdentityHidden?: boolean;
|
|
79
81
|
/** Called when the user taps "Log out"; the host owns the confirmation flow. */
|
|
80
82
|
onLogout: () => void;
|
|
81
83
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-sheet-props.d.ts","sourceRoot":"","sources":["../../src/models/navigation-sheet-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE5D,qEAAqE;AACrE,MAAM,WAAW,qBAAqB;IACpC,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oCAAoC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iEAAiE;IACjE,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,4DAA4D;AAC5D,MAAM,WAAW,yBAAyB;IACxC,wEAAwE;IACxE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,gEAAgE;AAChE,MAAM,WAAW,qBAAqB;IACpC,wDAAwD;IACxD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,kDAAkD;IAClD,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,uDAAuD;AACvD,MAAM,WAAW,qBAAqB;IACpC,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,IAAI,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,OAAO,EAAE,MAAM,CAAC;IAChB,gCAAgC;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,2CAA2C;AAC3C,MAAM,WAAW,oBAAoB;IACnC,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,kFAAkF;IAClF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wEAAwE;IACxE,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,4EAA4E;IAC5E,YAAY,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,sEAAsE;IACtE,MAAM,EAAE,qBAAqB,CAAC;IAC9B,sFAAsF;IACtF,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,0FAA0F;IAC1F,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,gFAAgF;IAChF,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC"}
|
|
1
|
+
{"version":3,"file":"navigation-sheet-props.d.ts","sourceRoot":"","sources":["../../src/models/navigation-sheet-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE5D,qEAAqE;AACrE,MAAM,WAAW,qBAAqB;IACpC,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oCAAoC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iEAAiE;IACjE,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,4DAA4D;AAC5D,MAAM,WAAW,yBAAyB;IACxC,wEAAwE;IACxE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,gEAAgE;AAChE,MAAM,WAAW,qBAAqB;IACpC,wDAAwD;IACxD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,kDAAkD;IAClD,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,uDAAuD;AACvD,MAAM,WAAW,qBAAqB;IACpC,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,IAAI,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,OAAO,EAAE,MAAM,CAAC;IAChB,gCAAgC;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,2CAA2C;AAC3C,MAAM,WAAW,oBAAoB;IACnC,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,kFAAkF;IAClF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wEAAwE;IACxE,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,4EAA4E;IAC5E,YAAY,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,sEAAsE;IACtE,MAAM,EAAE,qBAAqB,CAAC;IAC9B,sFAAsF;IACtF,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,0FAA0F;IAC1F,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gFAAgF;IAChF,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC"}
|
|
@@ -55,6 +55,8 @@ export interface UserMenuProps {
|
|
|
55
55
|
onSettings?: () => void;
|
|
56
56
|
/** Hides the avatar tooltip — set on touch layouts where hover never fires. */
|
|
57
57
|
isTooltipHidden?: boolean;
|
|
58
|
+
/** Omits the identity row — avatar initials and display name — from the top of the dropdown. Defaults to `false`. */
|
|
59
|
+
isIdentityHidden?: boolean;
|
|
58
60
|
/** Style overrides for colors, typography, and class names. */
|
|
59
61
|
styles?: UserMenuStyles;
|
|
60
62
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"user-menu-props.d.ts","sourceRoot":"","sources":["../../src/models/user-menu-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE5D,oDAAoD;AACpD,MAAM,WAAW,cAAc;IAC7B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,2CAA2C;AAC3C,MAAM,WAAW,kBAAkB;IACjC,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,+CAA+C;AAC/C,MAAM,WAAW,cAAc;IAC7B,wDAAwD;IACxD,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,mDAAmD;IACnD,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,gDAAgD;AAChD,MAAM,WAAW,cAAc;IAC7B,2EAA2E;IAC3E,OAAO,EAAE,MAAM,CAAC;IAChB,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,oCAAoC;AACpC,MAAM,WAAW,aAAa;IAC5B,mEAAmE;IACnE,OAAO,EAAE,qBAAqB,CAAC;IAC/B,oEAAoE;IACpE,MAAM,EAAE,cAAc,CAAC;IACvB,oFAAoF;IACpF,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,iFAAiF;IACjF,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,+EAA+E;IAC/E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+DAA+D;IAC/D,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB"}
|
|
1
|
+
{"version":3,"file":"user-menu-props.d.ts","sourceRoot":"","sources":["../../src/models/user-menu-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE5D,oDAAoD;AACpD,MAAM,WAAW,cAAc;IAC7B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,2CAA2C;AAC3C,MAAM,WAAW,kBAAkB;IACjC,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,+CAA+C;AAC/C,MAAM,WAAW,cAAc;IAC7B,wDAAwD;IACxD,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,mDAAmD;IACnD,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,gDAAgD;AAChD,MAAM,WAAW,cAAc;IAC7B,2EAA2E;IAC3E,OAAO,EAAE,MAAM,CAAC;IAChB,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,oCAAoC;AACpC,MAAM,WAAW,aAAa;IAC5B,mEAAmE;IACnE,OAAO,EAAE,qBAAqB,CAAC;IAC/B,oEAAoE;IACpE,MAAM,EAAE,cAAc,CAAC;IACvB,oFAAoF;IACpF,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,iFAAiF;IACjF,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,+EAA+E;IAC/E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qHAAqH;IACrH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,+DAA+D;IAC/D,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB"}
|
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.
|
|
4
|
+
"version": "1.2.15",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./index.js",
|
|
@@ -18,11 +18,11 @@
|
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"@tabler/icons-react": "^3.44.0",
|
|
21
|
-
"@epam/ai-dial-conversation-input": "1.2.
|
|
21
|
+
"@epam/ai-dial-conversation-input": "1.2.15"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
24
|
"react": "^19.2.8",
|
|
25
|
-
"@epam/ai-dial-chat-shared": "1.2.
|
|
25
|
+
"@epam/ai-dial-chat-shared": "1.2.15",
|
|
26
26
|
"@epam/ai-dial-ui-kit": "^0.15.4"
|
|
27
27
|
},
|
|
28
28
|
"repository": {
|