@epam/ai-dial-navigation-panel 1.1.0-dev.240 → 1.1.0-dev.244

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.
Files changed (5) hide show
  1. package/components/UserMenu/UserMenu.d.ts.map +1 -1
  2. package/index.js +97 -83
  3. package/models/user-menu-props.d.ts +4 -0
  4. package/models/user-menu-props.d.ts.map +1 -1
  5. package/package.json +4 -4
package/components/UserMenu/UserMenu.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAiB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAMlE;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA4GtC,CAAC"}
1
+ {"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAiB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAMlE;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA2HtC,CAAC"}
package/index.js CHANGED
@@ -1,18 +1,18 @@
1
1
  import { buildCssVars as e, mergeClasses as t } from "@epam/ai-dial-chat-shared";
2
- import { BASE_ICON_SIZE as n, DIAL_ICON_SIZE as r, DialEllipsisTooltip as i, DialTooltip as a, Dropdown as o, DropdownItemType as s, IconButton as c } from "@epam/ai-dial-ui-kit";
2
+ import { BASE_ICON_SIZE as n, DIAL_ICON_SIZE as r, Dropdown as i, DropdownItemType as a, EllipsisTooltip as o, IconButton as s, Tooltip as c } from "@epam/ai-dial-ui-kit";
3
3
  import { Fragment as l, createContext as u, memo as d, useCallback as f, useContext as p, useEffect as m, useMemo as h, useState as g } from "react";
4
4
  import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
5
- import { IconCheck as b, IconChevronRight as x, IconLogout as S, IconUser as C } from "@tabler/icons-react";
6
- import { BottomSheetShell as w } from "@epam/ai-dial-conversation-input";
7
- var T = {
5
+ import { IconCheck as b, IconChevronRight as x, IconLogout as S, IconSettings as C, IconUser as w } from "@tabler/icons-react";
6
+ import { BottomSheetShell as T } from "@epam/ai-dial-conversation-input";
7
+ var E = {
8
8
  rail: "_rail_ns7b4_2",
9
9
  item: "_item_ns7b4_7",
10
10
  itemActive: "_itemActive_ns7b4_24"
11
- }, E = (e, t) => /* @__PURE__ */ v("a", {
11
+ }, D = (e, t) => /* @__PURE__ */ v("a", {
12
12
  href: e.href,
13
13
  className: "contents",
14
14
  children: t
15
- }), D = d(({ items: n, labels: i, logo: a, footer: o, renderLink: s = E, styles: u }) => {
15
+ }), O = d(({ items: n, labels: i, logo: a, footer: o, renderLink: c = D, styles: u }) => {
16
16
  let { colors: d, typography: f, className: p, cssVars: m } = u ?? {}, g = h(() => e({
17
17
  "--np-bg": d?.background,
18
18
  "--np-item-text": d?.itemText,
@@ -27,7 +27,7 @@ var T = {
27
27
  ...m,
28
28
  ...g
29
29
  },
30
- className: t(T.rail, "relative z-10 flex h-full w-[60px] flex-col justify-between shadow-sm", f?.fontClassName, p),
30
+ className: t(E.rail, "relative z-10 flex h-full w-[60px] flex-col justify-between shadow-sm", f?.fontClassName, p),
31
31
  children: [/* @__PURE__ */ y("div", {
32
32
  className: "flex flex-col items-center",
33
33
  children: [a && /* @__PURE__ */ v("a", {
@@ -40,7 +40,7 @@ var T = {
40
40
  })
41
41
  }), /* @__PURE__ */ v("div", {
42
42
  className: "flex flex-col items-center gap-2 p-2",
43
- children: n.map((e) => /* @__PURE__ */ v(l, { children: s(e, /* @__PURE__ */ v(c, {
43
+ children: n.map((e) => /* @__PURE__ */ v(l, { children: c(e, /* @__PURE__ */ v(s, {
44
44
  icon: /* @__PURE__ */ v(e.icon, {
45
45
  size: r.LG,
46
46
  stroke: 1.5
@@ -49,21 +49,21 @@ var T = {
49
49
  "aria-current": e.isActive ? "page" : void 0,
50
50
  tooltipProps: { tooltip: e.label },
51
51
  tabIndex: -1,
52
- className: t(T.item, "rounded", e.isActive && T.itemActive)
52
+ className: t(E.item, "rounded", e.isActive && E.itemActive)
53
53
  })) }, e.id))
54
54
  })]
55
55
  }), o]
56
56
  });
57
- }), O = {
57
+ }), k = {
58
58
  avatar: "_avatar_179i5_1",
59
59
  label: "_label_179i5_8",
60
60
  activeIcon: "_activeIcon_179i5_12"
61
- }, k = d(({ shortName: e, className: n, textClassName: r = "dial-tiny-text" }) => /* @__PURE__ */ v("div", {
62
- className: t(O.avatar, "flex size-[28px] flex-shrink-0 items-center justify-center rounded-full", r, n),
61
+ }, A = d(({ shortName: e, className: n, textClassName: r = "dial-tiny-text" }) => /* @__PURE__ */ v("div", {
62
+ className: t(k.avatar, "flex size-[28px] flex-shrink-0 items-center justify-center rounded-full", r, n),
63
63
  children: e
64
- })), A = d(({ label: e, isActive: n, icon: i, textClassName: a = "dial-small-text" }) => {
64
+ })), j = d(({ label: e, isActive: n, icon: i, textClassName: a = "dial-small-text" }) => {
65
65
  let o = /* @__PURE__ */ v("span", {
66
- className: t(O.label, "truncate", a),
66
+ className: t(k.label, "truncate", a),
67
67
  children: e
68
68
  });
69
69
  return /* @__PURE__ */ y("span", {
@@ -74,43 +74,43 @@ var T = {
74
74
  }) : o, n && /* @__PURE__ */ v(b, {
75
75
  size: r.SM,
76
76
  "aria-hidden": !0,
77
- className: O.activeIcon
77
+ className: k.activeIcon
78
78
  })]
79
79
  });
80
- }), j = d(({ profile: e, alt: t }) => e.isFallbackShown || !e.imageUrl ? /* @__PURE__ */ v(k, { shortName: e.shortName }) : /* @__PURE__ */ v("img", {
80
+ }), M = d(({ profile: e, alt: t }) => e.isFallbackShown || !e.imageUrl ? /* @__PURE__ */ v(A, { shortName: e.shortName }) : /* @__PURE__ */ v("img", {
81
81
  className: "rounded-full",
82
82
  src: e.imageUrl,
83
83
  width: 28,
84
84
  height: 28,
85
85
  alt: t,
86
86
  onError: e.onImageError
87
- })), M = {
87
+ })), N = {
88
88
  wrapper: "_wrapper_1nw3p_1",
89
89
  trigger: "_trigger_1nw3p_5",
90
90
  identityText: "_identityText_1nw3p_14"
91
- }, N = d(({ profile: n, labels: c, groups: l, onLogout: u, isTooltipHidden: d, styles: f }) => {
92
- let { colors: p, typography: m, className: g, cssVars: _ } = f ?? {}, b = m?.fontClassName ?? "dial-small-text", x = h(() => e({
93
- "--np-avatar-bg": p?.avatarBackground,
94
- "--np-avatar-text": p?.avatarText,
95
- "--np-menu-text": p?.text,
96
- "--np-menu-active-icon": p?.activeIcon,
97
- "--np-trigger-hover-bg": p?.triggerHoverBackground,
98
- "--np-font-family": m?.fontFamily
99
- }), [p, m?.fontFamily]), C = h(() => {
91
+ }, P = d(({ profile: n, labels: s, groups: l, onLogout: u, onSettings: d, isTooltipHidden: f, styles: p }) => {
92
+ let { colors: m, typography: g, className: _, cssVars: b } = p ?? {}, x = g?.fontClassName ?? "dial-small-text", w = h(() => e({
93
+ "--np-avatar-bg": m?.avatarBackground,
94
+ "--np-avatar-text": m?.avatarText,
95
+ "--np-menu-text": m?.text,
96
+ "--np-menu-active-icon": m?.activeIcon,
97
+ "--np-trigger-hover-bg": m?.triggerHoverBackground,
98
+ "--np-font-family": g?.fontFamily
99
+ }), [m, g?.fontFamily]), T = h(() => {
100
100
  let e = (l ?? []).filter(({ options: e }) => e.length > 0).map(({ id: e, label: t, icon: n, options: r }) => ({
101
101
  key: e,
102
102
  label: /* @__PURE__ */ v("span", {
103
- className: b,
103
+ className: x,
104
104
  children: t
105
105
  }),
106
106
  icon: n,
107
107
  children: r.map((e) => ({
108
108
  key: e.id,
109
- label: /* @__PURE__ */ v(A, {
109
+ label: /* @__PURE__ */ v(j, {
110
110
  label: e.label,
111
111
  isActive: e.isActive,
112
112
  icon: e.icon,
113
- textClassName: b
113
+ textClassName: x
114
114
  }),
115
115
  onClick: e.onSelect
116
116
  }))
@@ -118,25 +118,37 @@ var T = {
118
118
  return [
119
119
  {
120
120
  key: "identity",
121
- type: s.PlainText,
121
+ type: a.PlainText,
122
122
  label: /* @__PURE__ */ y("div", {
123
123
  className: "flex h-[40px] min-w-0 items-center gap-3",
124
- children: [/* @__PURE__ */ v(k, { shortName: n.shortName }), /* @__PURE__ */ v(i, {
124
+ children: [/* @__PURE__ */ v(A, { shortName: n.shortName }), /* @__PURE__ */ v(o, {
125
125
  text: n.displayName,
126
- className: t(M.identityText, b, "min-w-0 flex-1 truncate")
126
+ className: t(N.identityText, x, "min-w-0 flex-1 truncate")
127
127
  })]
128
128
  })
129
129
  },
130
130
  ...e,
131
131
  {
132
132
  key: "divider-1",
133
- type: s.Divider
133
+ type: a.Divider
134
134
  },
135
+ ...d ? [{
136
+ key: "settings",
137
+ label: /* @__PURE__ */ v("span", {
138
+ className: x,
139
+ children: s.settings
140
+ }),
141
+ icon: /* @__PURE__ */ v(C, {
142
+ size: r.SM,
143
+ "aria-hidden": !0
144
+ }),
145
+ onClick: d
146
+ }] : [],
135
147
  {
136
148
  key: "logout",
137
149
  label: /* @__PURE__ */ v("span", {
138
- className: b,
139
- children: c.logOut
150
+ className: x,
151
+ children: s.logOut
140
152
  }),
141
153
  icon: /* @__PURE__ */ v(S, {
142
154
  size: r.SM,
@@ -147,38 +159,40 @@ var T = {
147
159
  ];
148
160
  }, [
149
161
  l,
150
- b,
151
- c.logOut,
162
+ x,
163
+ s.logOut,
164
+ s.settings,
152
165
  u,
166
+ d,
153
167
  n.displayName,
154
168
  n.shortName
155
169
  ]);
156
170
  return /* @__PURE__ */ v("div", {
157
171
  style: {
158
- ..._,
159
- ...x
172
+ ...b,
173
+ ...w
160
174
  },
161
- className: t(M.wrapper, "flex size-[60px] items-center justify-center", g),
162
- children: /* @__PURE__ */ v(o, {
175
+ className: t(N.wrapper, "flex size-[60px] items-center justify-center", _),
176
+ children: /* @__PURE__ */ v(i, {
163
177
  placement: "top-end",
164
178
  matchReferenceWidth: !1,
165
- items: C,
179
+ items: T,
166
180
  children: /* @__PURE__ */ v("button", {
167
181
  type: "button",
168
- className: t(M.trigger, "flex size-[44px] items-center justify-center rounded-full border border-transparent"),
169
- "aria-label": c.trigger,
170
- children: /* @__PURE__ */ v(a, {
182
+ className: t(N.trigger, "flex size-[44px] items-center justify-center rounded-full border border-transparent"),
183
+ "aria-label": s.trigger,
184
+ children: /* @__PURE__ */ v(c, {
171
185
  tooltip: n.email,
172
- hideTooltip: d,
173
- children: /* @__PURE__ */ v(j, {
186
+ hideTooltip: f,
187
+ children: /* @__PURE__ */ v(M, {
174
188
  profile: n,
175
- alt: c.avatarAlt
189
+ alt: s.avatarAlt
176
190
  })
177
191
  })
178
192
  })
179
193
  })
180
194
  });
181
- }), P = u(void 0), F = d(({ isOpen: e, onClose: t, children: n, title: r, closeLabel: i, backLabel: a, className: o, style: s }) => {
195
+ }), F = u(void 0), I = d(({ isOpen: e, onClose: t, children: n, title: r, closeLabel: i, backLabel: a, className: o, style: s }) => {
182
196
  let [c, l] = g([]);
183
197
  m(() => {
184
198
  e || l([]);
@@ -198,9 +212,9 @@ var T = {
198
212
  d,
199
213
  p
200
214
  ]), y = c[c.length - 1];
201
- return /* @__PURE__ */ v(P.Provider, {
215
+ return /* @__PURE__ */ v(F.Provider, {
202
216
  value: _,
203
- children: /* @__PURE__ */ v(w, {
217
+ children: /* @__PURE__ */ v(T, {
204
218
  isOpen: e,
205
219
  onClose: p,
206
220
  title: y?.title ?? r,
@@ -212,24 +226,24 @@ var T = {
212
226
  children: y ? y.content : n
213
227
  })
214
228
  });
215
- }), I = () => {
216
- let e = p(P);
229
+ }), L = () => {
230
+ let e = p(F);
217
231
  if (!e) throw Error("useSheetNavigation must be used within a NavigableBottomSheet");
218
232
  return e;
219
- }, L = {
233
+ }, R = {
220
234
  sheet: "_sheet_18nve_1",
221
235
  row: "_row_18nve_5",
222
236
  rowIcon: "_rowIcon_18nve_15",
223
237
  divider: "_divider_18nve_19",
224
238
  mutedText: "_mutedText_18nve_23",
225
239
  activeIcon: "_activeIcon_18nve_27"
226
- }, R = d(({ label: e, onClick: n, icon: r, trailing: i, textClassName: a = "dial-small-text" }) => /* @__PURE__ */ v("li", { children: /* @__PURE__ */ y("button", {
240
+ }, z = d(({ label: e, onClick: n, icon: r, trailing: i, textClassName: a = "dial-small-text" }) => /* @__PURE__ */ v("li", { children: /* @__PURE__ */ y("button", {
227
241
  type: "button",
228
- className: t(L.row, "flex w-full items-center gap-3 px-4 py-[10px] text-start"),
242
+ className: t(R.row, "flex w-full items-center gap-3 px-4 py-[10px] text-start"),
229
243
  onClick: n,
230
244
  children: [
231
245
  r && /* @__PURE__ */ v("span", {
232
- className: L.rowIcon,
246
+ className: R.rowIcon,
233
247
  children: r
234
248
  }),
235
249
  /* @__PURE__ */ v("span", {
@@ -238,11 +252,11 @@ var T = {
238
252
  }),
239
253
  i
240
254
  ]
241
- }) })), z = d(({ options: e, textClassName: t }) => {
242
- let { pop: n } = I();
255
+ }) })), B = d(({ options: e, textClassName: t }) => {
256
+ let { pop: n } = L();
243
257
  return /* @__PURE__ */ v("ul", {
244
258
  className: "flex flex-col pb-4",
245
- children: e.map((e) => /* @__PURE__ */ v(R, {
259
+ children: e.map((e) => /* @__PURE__ */ v(z, {
246
260
  label: e.label,
247
261
  icon: e.icon,
248
262
  textClassName: t,
@@ -250,29 +264,29 @@ var T = {
250
264
  size: r.SM,
251
265
  stroke: 2,
252
266
  "aria-hidden": !0,
253
- className: L.activeIcon
267
+ className: R.activeIcon
254
268
  }) : void 0,
255
269
  onClick: () => {
256
270
  e.onSelect(), n();
257
271
  }
258
272
  }, e.id))
259
273
  });
260
- }), B = d(({ profile: e, logOutLabel: r, onLogout: a, groups: o, textClassName: s = "dial-small-text" }) => {
261
- let { push: c, close: l } = I(), u = (o ?? []).filter(({ options: e }) => e.length > 0);
274
+ }), V = d(({ profile: e, logOutLabel: r, onLogout: i, groups: a, textClassName: s = "dial-small-text" }) => {
275
+ let { push: c, close: l } = L(), u = (a ?? []).filter(({ options: e }) => e.length > 0);
262
276
  return /* @__PURE__ */ y(_, { children: [
263
277
  /* @__PURE__ */ y("div", {
264
278
  className: "flex h-[56px] items-center gap-3 px-4 py-2",
265
- children: [/* @__PURE__ */ v(j, {
279
+ children: [/* @__PURE__ */ v(M, {
266
280
  profile: e,
267
281
  alt: ""
268
- }), /* @__PURE__ */ v(i, {
282
+ }), /* @__PURE__ */ v(o, {
269
283
  text: e.displayName,
270
- className: t(L.mutedText, s, "min-w-0 flex-1 truncate")
284
+ className: t(R.mutedText, s, "min-w-0 flex-1 truncate")
271
285
  })]
272
286
  }),
273
287
  u.length > 0 && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("ul", {
274
288
  className: "flex flex-col",
275
- children: u.map((e) => /* @__PURE__ */ v(R, {
289
+ children: u.map((e) => /* @__PURE__ */ v(z, {
276
290
  label: e.label,
277
291
  icon: e.icon,
278
292
  textClassName: s,
@@ -280,20 +294,20 @@ var T = {
280
294
  size: n,
281
295
  stroke: 1.5,
282
296
  "aria-hidden": !0,
283
- className: t(L.rowIcon, "rtl:scale-x-[-1]")
297
+ className: t(R.rowIcon, "rtl:scale-x-[-1]")
284
298
  }),
285
299
  onClick: () => c({
286
300
  title: e.label,
287
- content: /* @__PURE__ */ v(z, {
301
+ content: /* @__PURE__ */ v(B, {
288
302
  options: e.options,
289
303
  textClassName: s
290
304
  })
291
305
  })
292
306
  }, e.id))
293
- }), /* @__PURE__ */ v("hr", { className: L.divider })] }),
307
+ }), /* @__PURE__ */ v("hr", { className: R.divider })] }),
294
308
  /* @__PURE__ */ v("ul", {
295
309
  className: "flex flex-col pb-4",
296
- children: /* @__PURE__ */ v(R, {
310
+ children: /* @__PURE__ */ v(z, {
297
311
  label: r,
298
312
  textClassName: s,
299
313
  icon: /* @__PURE__ */ v(S, {
@@ -302,18 +316,18 @@ var T = {
302
316
  "aria-hidden": !0
303
317
  }),
304
318
  onClick: () => {
305
- l(), a();
319
+ l(), i();
306
320
  }
307
321
  })
308
322
  })
309
323
  ] });
310
- }), V = d(({ items: e, onSelectItem: t, profileLabel: r, logOutLabel: i, onLogout: a, profile: o, groups: s, footer: c, textClassName: l }) => {
311
- let { push: u, close: d } = I(), f = (e) => {
324
+ }), H = d(({ items: e, onSelectItem: t, profileLabel: r, logOutLabel: i, onLogout: a, profile: o, groups: s, footer: c, textClassName: l }) => {
325
+ let { push: u, close: d } = L(), f = (e) => {
312
326
  d(), t(e);
313
327
  };
314
328
  return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y("ul", {
315
329
  className: "flex flex-col pb-4",
316
- children: [e.map((e) => /* @__PURE__ */ v(R, {
330
+ children: [e.map((e) => /* @__PURE__ */ v(z, {
317
331
  label: e.label,
318
332
  textClassName: l,
319
333
  icon: /* @__PURE__ */ v(e.icon, {
@@ -321,10 +335,10 @@ var T = {
321
335
  stroke: 1.5
322
336
  }),
323
337
  onClick: () => f(e)
324
- }, e.id)), o && /* @__PURE__ */ v(R, {
338
+ }, e.id)), o && /* @__PURE__ */ v(z, {
325
339
  label: r,
326
340
  textClassName: l,
327
- icon: /* @__PURE__ */ v(C, {
341
+ icon: /* @__PURE__ */ v(w, {
328
342
  size: n,
329
343
  stroke: 1.5,
330
344
  "aria-hidden": !0
@@ -332,7 +346,7 @@ var T = {
332
346
  onClick: () => {
333
347
  o && u({
334
348
  title: r,
335
- content: /* @__PURE__ */ v(B, {
349
+ content: /* @__PURE__ */ v(V, {
336
350
  profile: o,
337
351
  groups: s,
338
352
  logOutLabel: i,
@@ -343,7 +357,7 @@ var T = {
343
357
  }
344
358
  })]
345
359
  }), c] });
346
- }), H = d(({ isOpen: n, onClose: r, items: i, onSelectItem: a, labels: o, profile: s, groups: c, onLogout: l, footer: u, styles: d }) => {
360
+ }), U = d(({ isOpen: n, onClose: r, items: i, onSelectItem: a, labels: o, profile: s, groups: c, onLogout: l, footer: u, styles: d }) => {
347
361
  let { colors: f, typography: p, className: m, cssVars: g } = d ?? {}, _ = h(() => e({
348
362
  "--np-sheet-text": f?.text,
349
363
  "--np-sheet-item-hover": f?.itemHoverBackground,
@@ -355,18 +369,18 @@ var T = {
355
369
  "--np-menu-active-icon": f?.activeIcon,
356
370
  "--np-font-family": p?.fontFamily
357
371
  }), [f, p?.fontFamily]);
358
- return /* @__PURE__ */ v(F, {
372
+ return /* @__PURE__ */ v(I, {
359
373
  isOpen: n,
360
374
  onClose: r,
361
375
  title: o.title,
362
376
  closeLabel: o.close,
363
377
  backLabel: o.back,
364
- className: t(L.sheet, m),
378
+ className: t(R.sheet, m),
365
379
  style: {
366
380
  ...g,
367
381
  ..._
368
382
  },
369
- children: /* @__PURE__ */ v(V, {
383
+ children: /* @__PURE__ */ v(H, {
370
384
  items: i,
371
385
  onSelectItem: a,
372
386
  profileLabel: o.profile,
@@ -380,4 +394,4 @@ var T = {
380
394
  });
381
395
  });
382
396
  //#endregion
383
- export { k as AvatarInitials, A as MenuItemLabel, F as NavigableBottomSheet, V as NavigationMenuPage, D as NavigationPanel, H as NavigationSheet, z as OptionListPage, B as ProfilePage, R as SheetRow, j as UserAvatar, N as UserMenu, I as useSheetNavigation };
397
+ export { A as AvatarInitials, j as MenuItemLabel, I as NavigableBottomSheet, H as NavigationMenuPage, O as NavigationPanel, U as NavigationSheet, B as OptionListPage, V as ProfilePage, z as SheetRow, M as UserAvatar, P as UserMenu, L as useSheetNavigation };
package/models/user-menu-props.d.ts CHANGED
@@ -40,6 +40,8 @@ export interface UserMenuLabels {
40
40
  avatarAlt: string;
41
41
  /** Label of the log-out entry. */
42
42
  logOut: string;
43
+ /** Label of the settings entry; required when `onSettings` is provided. */
44
+ settings?: string;
43
45
  }
44
46
  /** Props accepted by `UserMenu`. */
45
47
  export interface UserMenuProps {
@@ -51,6 +53,8 @@ export interface UserMenuProps {
51
53
  groups?: NavigationMenuGroup[];
52
54
  /** Called when the user picks "Log out"; the host owns the confirmation flow. */
53
55
  onLogout: () => void;
56
+ /** When provided, renders a Settings entry that invokes this callback. */
57
+ onSettings?: () => void;
54
58
  /** Hides the avatar tooltip — set on touch layouts where hover never fires. */
55
59
  isTooltipHidden?: boolean;
56
60
  /** Style overrides for colors, typography, and class names. */
package/models/user-menu-props.d.ts.map CHANGED
@@ -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,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,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;CAChB;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,+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,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,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"}
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.1.0-dev.240",
4
+ "version": "1.1.0-dev.244",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "main": "./index.js",
@@ -19,9 +19,9 @@
19
19
  "peerDependencies": {
20
20
  "react": "^19.0.0",
21
21
  "@tabler/icons-react": "^3.44.0",
22
- "@epam/ai-dial-chat-shared": "1.1.0-dev.240",
23
- "@epam/ai-dial-conversation-input": "1.1.0-dev.240",
24
- "@epam/ai-dial-ui-kit": "^0.13.0-dev.26"
22
+ "@epam/ai-dial-chat-shared": "1.1.0-dev.244",
23
+ "@epam/ai-dial-conversation-input": "1.1.0-dev.244",
24
+ "@epam/ai-dial-ui-kit": "*"
25
25
  },
26
26
  "repository": {
27
27
  "type": "git",