@epam/ai-dial-sidebar 1.2.0-dev.89 → 1.2.0-dev.92

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 (7) hide show
  1. package/components/Header/Header.d.ts +2 -0
  2. package/components/Header/Header.d.ts.map +1 -1
  3. package/components/SidebarPanel/SidebarPanel.d.ts.map +1 -1
  4. package/index.js +27 -26
  5. package/models/panel-props.d.ts +2 -0
  6. package/models/panel-props.d.ts.map +1 -1
  7. package/package.json +2 -2
package/components/Header/Header.d.ts CHANGED
@@ -7,6 +7,8 @@ export interface HeaderProps {
7
7
  titleClassName?: string;
8
8
  /** CSS class applied to the root element. */
9
9
  className?: string;
10
+ /** Extra class name(s) merged onto the end (right) action cluster. */
11
+ actionsClassName?: string;
10
12
  /** Content rendered in the start (left) group of the header bar. */
11
13
  leftActions?: ReactNode;
12
14
  /** Content rendered in the end (right) group of the header bar. */
package/components/Header/Header.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,wCAAwC;AACxC,MAAM,WAAW,WAAW;IAC1B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mEAAmE;IACnE,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,yEAAyE;AACzE,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA8BlC,CAAC"}
1
+ {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,wCAAwC;AACxC,MAAM,WAAW,WAAW;IAC1B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oEAAoE;IACpE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mEAAmE;IACnE,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,yEAAyE;AACzE,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAmClC,CAAC"}
package/components/SidebarPanel/SidebarPanel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SidebarPanel.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarPanel/SidebarPanel.tsx"],"names":[],"mappings":"AASA,OAAO,EAML,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAKlE,6GAA6G;AAC7G,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAiP9C,CAAC"}
1
+ {"version":3,"file":"SidebarPanel.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarPanel/SidebarPanel.tsx"],"names":[],"mappings":"AASA,OAAO,EAML,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAKlE,6GAA6G;AAC7G,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAmP9C,CAAC"}
package/index.js CHANGED
@@ -13,7 +13,7 @@ var y = {
13
13
  wrapper: "_wrapper_1fadt_1",
14
14
  header: "_header_1fadt_6",
15
15
  resizeHandler: "_resizeHandler_1fadt_10"
16
- }, S = u(({ title: e, titleClassName: t = "dial-h1-text", leftActions: r, className: i, rightActions: a }) => /* @__PURE__ */ v("div", {
16
+ }, S = u(({ title: e, titleClassName: t = "dial-h1-text", leftActions: r, className: i, actionsClassName: a, rightActions: s }) => /* @__PURE__ */ v("div", {
17
17
  className: n("flex h-12 items-center pe-3 ps-6", i, x.header, y.header),
18
18
  children: [
19
19
  r && /* @__PURE__ */ _("div", {
@@ -24,36 +24,36 @@ var y = {
24
24
  text: e,
25
25
  className: n("min-w-0 flex-1 truncate", t)
26
26
  }),
27
- a && /* @__PURE__ */ _("div", {
28
- className: "flex items-center gap-1",
29
- children: a
27
+ s && /* @__PURE__ */ _("div", {
28
+ className: n("flex items-center gap-1", a),
29
+ children: s
30
30
  })
31
31
  ]
32
32
  })), C = ({ isOpen: e, orientation: o, title: u, leftActions: C, rightActions: w, onClose: T, labels: E, children: D, styles: O, resizable: k, isOverlay: A = !1, defaultWidth: j = 360, minWidth: M = 280, maxWidth: N = 600, onResizeStop: P }) => {
33
- let { colors: F, typography: I, bodyClassName: L, cssVars: R, titleClassName: z, className: B, headerClassName: V } = O ?? {}, H = p(() => t({
33
+ let { colors: F, typography: I, bodyClassName: L, cssVars: R, titleClassName: z, className: B, headerClassName: V, headerActionsClassName: H } = O ?? {}, U = p(() => t({
34
34
  "--sb-bg": F?.background,
35
35
  "--sb-border": F?.border,
36
36
  "--sb-text": F?.text,
37
37
  "--sb-resize-handler": F?.resizeHandler
38
- }), [F]), U = m(j), [W, G] = h(e ? j : 0), [K, q] = h(!1), J = m(null);
38
+ }), [F]), W = m(j), [G, K] = h(e ? j : 0), [q, J] = h(!1), Y = m(null);
39
39
  f(() => {
40
- if (!e) G(j), U.current = j, q(!1), J.current = null;
40
+ if (!e) K(j), W.current = j, J(!1), Y.current = null;
41
41
  else {
42
- let e = J.current, t = e?.forDefault === j ? e.width : j;
43
- G(t), U.current = t;
42
+ let e = Y.current, t = e?.forDefault === j ? e.width : j;
43
+ K(t), W.current = t;
44
44
  }
45
45
  }, [e, j]);
46
- let Y = d((e) => {
47
- q(!0), G(e);
48
- }, []), X = d((e) => {
49
- J.current = {
46
+ let X = d((e) => {
47
+ J(!0), K(e);
48
+ }, []), Z = d((e) => {
49
+ Y.current = {
50
50
  forDefault: j,
51
51
  width: e
52
- }, U.current = e, G(e), q(!1), P?.(e);
53
- }, [j, P]), Z = e ? W || U.current : 0, Q = B?.includes("w-full"), $ = !A && !Q, ee = () => e ? "translate-x-0" : o === b.Left ? "ltr:-translate-x-full rtl:translate-x-full" : "ltr:translate-x-full rtl:-translate-x-full", te = () => {
52
+ }, W.current = e, K(e), J(!1), P?.(e);
53
+ }, [j, P]), Q = e ? G || W.current : 0, $ = B?.includes("w-full"), ee = !A && !$, te = () => e ? "translate-x-0" : o === b.Left ? "ltr:-translate-x-full rtl:translate-x-full" : "ltr:translate-x-full rtl:-translate-x-full", ne = () => {
54
54
  if (A) return "transition-transform duration-200 ease-in-out motion-reduce:transition-none";
55
- if (!K) return "transition-[width] duration-200 ease-in-out motion-reduce:transition-none";
56
- }, ne = o === b.Left && e ? "border-s" : void 0, re = o === b.Right ? c.Left : c.Right, ie = T ? /* @__PURE__ */ _(s, {
55
+ if (!q) return "transition-[width] duration-200 ease-in-out motion-reduce:transition-none";
56
+ }, re = o === b.Left && e ? "border-s" : void 0, ie = o === b.Right ? c.Left : c.Right, ae = T ? /* @__PURE__ */ _(s, {
57
57
  icon: /* @__PURE__ */ _(l, {
58
58
  size: i.LG,
59
59
  stroke: a,
@@ -64,34 +64,35 @@ var y = {
64
64
  onClick: T
65
65
  }) : null;
66
66
  return /* @__PURE__ */ _("div", {
67
- style: $ ? { width: Z } : void 0,
68
- className: n("h-full flex-shrink-0 gap-3 overflow-hidden shadow-sm", o === b.Left && "[clip-path:inset(-24px_-24px_-24px_0)] rtl:[clip-path:inset(-24px_0_-24px_-24px)]", te(), "relative z-50", B, A && n("w-full", ee()), x.panel),
67
+ style: ee ? { width: Q } : void 0,
68
+ className: n("h-full flex-shrink-0 gap-3 overflow-hidden shadow-sm", o === b.Left && "[clip-path:inset(-24px_-24px_-24px_0)] rtl:[clip-path:inset(-24px_0_-24px_-24px)]", ne(), "relative z-50", B, A && n("w-full", te()), x.panel),
69
69
  children: /* @__PURE__ */ _(r, {
70
70
  enabled: (k ?? !1) && e,
71
- side: re,
71
+ side: ie,
72
72
  ariaLabel: E.resizeLabel ?? "Resize panel",
73
- width: e ? W || U.current : void 0,
73
+ width: e ? G || W.current : void 0,
74
74
  defaultWidth: j,
75
75
  minWidth: M,
76
76
  maxWidth: N,
77
77
  resizeHandlerClassName: x.resizeHandler,
78
- onResizeStop: X,
79
- onResize: Y,
78
+ onResizeStop: Z,
79
+ onResize: X,
80
80
  children: /* @__PURE__ */ v("aside", {
81
81
  role: "complementary",
82
82
  "aria-label": E.ariaLabel,
83
83
  inert: !e,
84
84
  style: {
85
85
  ...R,
86
- ...H
86
+ ...U
87
87
  },
88
- className: n(x.wrapper, "flex h-full w-full flex-col gap-3", ne, I?.fontClassName, y.aside),
88
+ className: n(x.wrapper, "flex h-full w-full flex-col gap-3", re, I?.fontClassName, y.aside),
89
89
  children: [/* @__PURE__ */ _(S, {
90
90
  title: u,
91
91
  className: V,
92
+ actionsClassName: H,
92
93
  titleClassName: z,
93
94
  leftActions: C,
94
- rightActions: /* @__PURE__ */ v(g, { children: [w, ie] })
95
+ rightActions: /* @__PURE__ */ v(g, { children: [w, ae] })
95
96
  }), /* @__PURE__ */ _("div", {
96
97
  className: n("flex-1 overflow-y-auto p-4 pt-0", L),
97
98
  children: D
package/models/panel-props.d.ts CHANGED
@@ -39,6 +39,8 @@ export interface SidebarPanelStyles {
39
39
  className?: string;
40
40
  /** CSS class applied to the header element. */
41
41
  headerClassName?: string;
42
+ /** Extra class name(s) merged onto the header's end (right) action cluster. */
43
+ headerActionsClassName?: string;
42
44
  /** CSS custom properties applied to the panel `<aside>` element. */
43
45
  cssVars?: CSSProperties;
44
46
  }
package/models/panel-props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"panel-props.d.ts","sourceRoot":"","sources":["../../src/models/panel-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,sEAAsE;AACtE,MAAM,WAAW,kBAAkB;IACjC,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,6DAA6D;AAC7D,MAAM,WAAW,sBAAsB;IACrC,2EAA2E;IAC3E,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,oEAAoE;AACpE,MAAM,WAAW,kBAAkB;IACjC,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,8FAA8F;IAC9F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mHAAmH;IACnH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,yFAAyF;AACzF,MAAM,WAAW,kBAAkB;IACjC,wDAAwD;IACxD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,mFAAmF;IACnF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oEAAoE;IACpE,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,sDAAsD;AACtD,MAAM,WAAW,iBAAiB;IAChC,mHAAmH;IACnH,MAAM,EAAE,OAAO,CAAC;IAChB,qFAAqF;IACrF,WAAW,EAAE,kBAAkB,CAAC;IAChC,+EAA+E;IAC/E,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yEAAyE;IACzE,MAAM,EAAE,kBAAkB,CAAC;IAC3B,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,uEAAuE;IACvE,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,+FAA+F;IAC/F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kFAAkF;IAClF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC"}
1
+ {"version":3,"file":"panel-props.d.ts","sourceRoot":"","sources":["../../src/models/panel-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,sEAAsE;AACtE,MAAM,WAAW,kBAAkB;IACjC,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,6DAA6D;AAC7D,MAAM,WAAW,sBAAsB;IACrC,2EAA2E;IAC3E,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,oEAAoE;AACpE,MAAM,WAAW,kBAAkB;IACjC,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,8FAA8F;IAC9F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mHAAmH;IACnH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,yFAAyF;AACzF,MAAM,WAAW,kBAAkB;IACjC,wDAAwD;IACxD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,mFAAmF;IACnF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+EAA+E;IAC/E,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,oEAAoE;IACpE,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,sDAAsD;AACtD,MAAM,WAAW,iBAAiB;IAChC,mHAAmH;IACnH,MAAM,EAAE,OAAO,CAAC;IAChB,qFAAqF;IACrF,WAAW,EAAE,kBAAkB,CAAC;IAChC,+EAA+E;IAC/E,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yEAAyE;IACzE,MAAM,EAAE,kBAAkB,CAAC;IAC3B,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,uEAAuE;IACvE,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,+FAA+F;IAC/F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kFAAkF;IAClF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@epam/ai-dial-sidebar",
3
3
  "description": "Resizable sidebar panel shell with header, search, and empty state components",
4
- "version": "1.2.0-dev.89",
4
+ "version": "1.2.0-dev.92",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "main": "./index.js",
@@ -20,7 +20,7 @@
20
20
  "@tabler/icons-react": "^3.44.0"
21
21
  },
22
22
  "peerDependencies": {
23
- "@epam/ai-dial-chat-shared": "1.2.0-dev.89",
23
+ "@epam/ai-dial-chat-shared": "1.2.0-dev.92",
24
24
  "react": "^19.2.8",
25
25
  "@epam/ai-dial-ui-kit": "^0.15.0-dev.12"
26
26
  },