@epam/ai-dial-sidebar 1.1.0-dev.8 → 1.1.0-dev.87

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.
@@ -15,22 +15,14 @@ export interface SidebarPanelColors {
15
15
  }
16
16
  /** Typography overrides for the `SidebarPanel` component. */
17
17
  export interface SidebarPanelTypography {
18
- /**
19
- * A Tailwind font utility class applied to the panel root.
20
- * When provided, individual `fontFamily` / `fontSize` vars are skipped.
21
- */
18
+ /** CSS class applied to the title element. Defaults to `'dial-body-semi-bold-text'`. */
22
19
  fontClassName?: string;
23
- /** Font family applied to the panel root via CSS custom property. */
24
- fontFamily?: string;
25
20
  }
26
21
  /** Localised accessible labels for the `SidebarPanel` component. */
27
22
  export interface SidebarPanelLabels {
28
- /** Accessible label for the panel region. Caller supplies the localised string. */
23
+ /** Accessible label for the panel region. */
29
24
  ariaLabel: string;
30
- /**
31
- * Accessible label and tooltip for the built-in close button.
32
- * Required when `onClose` is provided.
33
- */
25
+ /** Accessible label and tooltip for the close button. Required when `onClose` is provided. */
34
26
  closeLabel?: string;
35
27
  }
36
28
  /** Combined style overrides (colors and typography) for the `SidebarPanel` component. */
@@ -39,10 +31,7 @@ export interface SidebarPanelStyles {
39
31
  colors?: SidebarPanelColors;
40
32
  /** Typography overrides applied via CSS custom properties. */
41
33
  typography?: SidebarPanelTypography;
42
- /**
43
- * CSS class applied to the title element.
44
- * Defaults to `'dial-body-semi-bold-text'`.
45
- */
34
+ /** CSS class applied to the title element. Defaults to `'dial-body-semi-bold-text'`. */
46
35
  titleClassName?: string;
47
36
  /** Extra class name(s) merged onto the scrollable body `<div>`. */
48
37
  bodyClassName?: string;
@@ -55,36 +44,17 @@ export interface SidebarPanelStyles {
55
44
  }
56
45
  /** Props accepted by the `SidebarPanel` component. */
57
46
  export interface SidebarPanelProps {
58
- /**
59
- * Whether the panel is currently open.
60
- * When provided, the wrapper adds a slide-in width animation and
61
- * `aria-hidden` is set on the panel when closed.
62
- */
47
+ /** Whether the panel is open; drives the slide-in animation and sets `aria-hidden` when closed. */
63
48
  isOpen: boolean;
64
- /**
65
- * Which edge the panel anchors to.
66
- * Controls the divider side (`border-s` vs `border-e`) and
67
- * the close-button placement (outer edge of the panel).
68
- * `leftActions` / `rightActions` are header-bar positions and are
69
- * independent of this prop.
70
- */
49
+ /** Edge the panel anchors to; drives the divider side and close-button placement. */
71
50
  orientation: SidebarOrientation;
72
- /**
73
- * Title text rendered in the header bar between the action groups.
74
- * Truncated with an ellipsis when the panel is too narrow.
75
- */
51
+ /** Title rendered in the header bar between the start and end action slots. */
76
52
  title?: ReactNode;
77
53
  /** Rendered in the left group of the 48 px header bar. */
78
54
  leftActions?: ReactNode;
79
- /**
80
- * Rendered in the right group of the 48 px header bar, immediately
81
- * before the built-in close button when `orientation === SidebarOrientation.Right`.
82
- */
55
+ /** Content for the end (right) slot of the header bar. */
83
56
  rightActions?: ReactNode;
84
- /**
85
- * Called when the user activates the built-in close button.
86
- * When omitted the close button is not rendered.
87
- */
57
+ /** Called when the user closes the panel; omit to hide the close button. */
88
58
  onClose?: () => void;
89
59
  /** Localised accessible labels for the panel region and close button. */
90
60
  labels: SidebarPanelLabels;
@@ -92,11 +62,7 @@ export interface SidebarPanelProps {
92
62
  children: ReactNode;
93
63
  /** Style overrides for colors, typography, and element class names. */
94
64
  styles?: SidebarPanelStyles;
95
- /**
96
- * Enables drag-to-resize on the panel edge opposite to `orientation`.
97
- * When false (default) the panel renders at a width determined by `className`.
98
- * Automatically disabled when `isOpen` is false.
99
- */
65
+ /** Enables drag-to-resize on the panel edge opposite to `orientation`. Defaults to `false`. */
100
66
  resizable?: boolean;
101
67
  /** Initial panel width in px used when `resizable` is true. Defaults to `360`. */
102
68
  defaultWidth?: number;
@@ -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,yEAAyE;IACzE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,6DAA6D;AAC7D,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,oEAAoE;AACpE,MAAM,WAAW,kBAAkB;IACjC,mFAAmF;IACnF,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,yFAAyF;AACzF,MAAM,WAAW,kBAAkB;IACjC,wDAAwD;IACxD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC;;;OAGG;IACH,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;;;;OAIG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;;;;;OAMG;IACH,WAAW,EAAE,kBAAkB,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,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;;;;OAIG;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,yEAAyE;IACzE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,6DAA6D;AAC7D,MAAM,WAAW,sBAAsB;IACrC,wFAAwF;IACxF,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;CACrB;AAED,yFAAyF;AACzF,MAAM,WAAW,kBAAkB;IACjC,wDAAwD;IACxD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,wFAAwF;IACxF,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,mGAAmG;IACnG,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,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.1.0-dev.8",
4
+ "version": "1.1.0-dev.87",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "main": "./index.js",
@@ -17,11 +17,11 @@
17
17
  }
18
18
  },
19
19
  "peerDependencies": {
20
- "@epam/ai-dial-chat-shared": "1.1.0-dev.8",
21
- "@epam/ai-dial-kit": "1.1.0-dev.8",
22
- "@epam/ai-dial-ui-kit": "0.12.0-dev.36",
20
+ "@epam/ai-dial-chat-shared": "1.1.0-dev.87",
21
+ "@epam/ai-dial-kit": "1.1.0-dev.87",
23
22
  "@tabler/icons-react": "^3.44.0",
24
- "react": "^19.0.0"
23
+ "react": "^19.0.0",
24
+ "@epam/ai-dial-ui-kit": "^0.13.0-dev.26"
25
25
  },
26
26
  "repository": {
27
27
  "type": "git",