@epam/ai-dial-sidebar 1.1.0-dev.49 → 1.1.0-dev.491

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.
@@ -6,8 +6,6 @@ export interface SidebarPanelColors {
6
6
  background?: string;
7
7
  /** Divider border color on the inner edge. */
8
8
  border?: string;
9
- /** Border color on the outer (inline-end) edge. Defaults to `border`. */
10
- borderInlineEnd?: string;
11
9
  /** Header text color. */
12
10
  text?: string;
13
11
  /** Resize handle color (icon and background). */
@@ -15,7 +13,7 @@ export interface SidebarPanelColors {
15
13
  }
16
14
  /** Typography overrides for the `SidebarPanel` component. */
17
15
  export interface SidebarPanelTypography {
18
- /** CSS class applied to the title element. Defaults to `'dial-body-semi-bold-text'`. */
16
+ /** CSS class applied to the panel root, inherited by all panel content. */
19
17
  fontClassName?: string;
20
18
  }
21
19
  /** Localised accessible labels for the `SidebarPanel` component. */
@@ -24,6 +22,8 @@ export interface SidebarPanelLabels {
24
22
  ariaLabel: string;
25
23
  /** Accessible label and tooltip for the close button. Required when `onClose` is provided. */
26
24
  closeLabel?: string;
25
+ /** Accessible label for the drag-to-resize handle, used when `resizable` is true. Defaults to `'Resize panel'`. */
26
+ resizeLabel?: string;
27
27
  }
28
28
  /** Combined style overrides (colors and typography) for the `SidebarPanel` component. */
29
29
  export interface SidebarPanelStyles {
@@ -31,7 +31,7 @@ export interface SidebarPanelStyles {
31
31
  colors?: SidebarPanelColors;
32
32
  /** Typography overrides applied via CSS custom properties. */
33
33
  typography?: SidebarPanelTypography;
34
- /** CSS class applied to the title element. Defaults to `'dial-body-semi-bold-text'`. */
34
+ /** CSS class applied to the header title element. Defaults to `'dial-h1-text'`. */
35
35
  titleClassName?: string;
36
36
  /** Extra class name(s) merged onto the scrollable body `<div>`. */
37
37
  bodyClassName?: string;
@@ -44,7 +44,7 @@ export interface SidebarPanelStyles {
44
44
  }
45
45
  /** Props accepted by the `SidebarPanel` component. */
46
46
  export interface SidebarPanelProps {
47
- /** Whether the panel is open; drives the slide-in animation and sets `aria-hidden` when closed. */
47
+ /** Whether the panel is open; drives the open/close animation and sets `inert` on the panel region when closed. */
48
48
  isOpen: boolean;
49
49
  /** Edge the panel anchors to; drives the divider side and close-button placement. */
50
50
  orientation: SidebarOrientation;
@@ -64,6 +64,15 @@ export interface SidebarPanelProps {
64
64
  styles?: SidebarPanelStyles;
65
65
  /** Enables drag-to-resize on the panel edge opposite to `orientation`. Defaults to `false`. */
66
66
  resizable?: boolean;
67
+ /**
68
+ * Renders the panel as a drawer that keeps its full width in both states and
69
+ * slides in and out of the `orientation` edge, instead of animating its
70
+ * layout width. Set it when the host positions the panel over the content
71
+ * (rather than beside it) so the panel content does not reflow mid-animation
72
+ * and the content underneath never shows through a half-open panel. The host
73
+ * still owns the positioning itself. Defaults to `false`.
74
+ */
75
+ isOverlay?: boolean;
67
76
  /** Initial panel width in px used when `resizable` is true. Defaults to `360`. */
68
77
  defaultWidth?: number;
69
78
  /** Minimum panel width in px used when `resizable` is true. Defaults to `280`. */
@@ -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,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"}
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"}
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.49",
4
+ "version": "1.1.0-dev.491",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "main": "./index.js",
@@ -9,19 +9,20 @@
9
9
  "types": "./index.d.ts",
10
10
  "exports": {
11
11
  "./package.json": "./package.json",
12
- "./styles.css": "./style.css",
12
+ "./styles.css": "./index.css",
13
13
  ".": {
14
14
  "types": "./index.d.ts",
15
15
  "import": "./index.js",
16
16
  "default": "./index.js"
17
17
  }
18
18
  },
19
+ "dependencies": {
20
+ "@tabler/icons-react": "^3.44.0"
21
+ },
19
22
  "peerDependencies": {
20
- "@epam/ai-dial-chat-shared": "1.1.0-dev.49",
21
- "@epam/ai-dial-kit": "1.1.0-dev.49",
22
- "@tabler/icons-react": "^3.44.0",
23
- "react": "^19.0.0",
24
- "@epam/ai-dial-ui-kit": "^0.13.0-dev.12"
23
+ "@epam/ai-dial-chat-shared": "1.1.0-dev.491",
24
+ "react": "^19.2.8",
25
+ "@epam/ai-dial-ui-kit": "^0.14.2"
25
26
  },
26
27
  "repository": {
27
28
  "type": "git",
@@ -1,40 +0,0 @@
1
- import { FC } from 'react';
2
- /** All user-visible strings in {@link SearchInputProps}. */
3
- export interface SearchInputLabels {
4
- /** Placeholder text (e.g. `"Search chat…"`). */
5
- placeholder: string;
6
- /** Accessible label for the clear-search button. */
7
- clearLabel: string;
8
- /** Accessible label for the search input. Defaults to `placeholder` when omitted. */
9
- ariaLabel?: string;
10
- }
11
- /** CSS custom-property overrides for the `SearchInput` component. */
12
- export interface SearchInputColors {
13
- /** Search icon color. */
14
- icon?: string;
15
- }
16
- /** Combined style overrides (colors and class names) for the `SearchInput` component. */
17
- export interface SearchInputStyles {
18
- /** Color overrides applied as CSS custom properties. */
19
- colors?: SearchInputColors;
20
- /** CSS class applied to the search icon. Defaults to the module's `.icon` class (`--text-secondary`). */
21
- iconClassName?: string;
22
- /** CSS class applied to the outer wrapper. Defaults to `'px-2 py-1'`. */
23
- wrapperClassName?: string;
24
- /** CSS class applied to the search row, merged after its own border and radius defaults. */
25
- rowClassName?: string;
26
- }
27
- /** Props for `SearchInput`. */
28
- export interface SearchInputProps {
29
- /** Current search query value. */
30
- value: string;
31
- /** Called whenever the query changes. */
32
- onChange: (value: string) => void;
33
- /** User-visible strings. */
34
- labels: SearchInputLabels;
35
- /** Style overrides for colors and element class names. */
36
- styles?: SearchInputStyles;
37
- }
38
- /** Search input styled to align with sidebar action buttons. */
39
- export declare const SearchInput: FC<SearchInputProps>;
40
- //# sourceMappingURL=SearchInput.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,EAAiB,MAAM,OAAO,CAAC;AAG/C,4DAA4D;AAC5D,MAAM,WAAW,iBAAiB;IAChC,gDAAgD;IAChD,WAAW,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,UAAU,EAAE,MAAM,CAAC;IACnB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qEAAqE;AACrE,MAAM,WAAW,iBAAiB;IAChC,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,yFAAyF;AACzF,MAAM,WAAW,iBAAiB;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,yGAAyG;IACzG,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4FAA4F;IAC5F,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,+BAA+B;AAC/B,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,4BAA4B;IAC5B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,0DAA0D;IAC1D,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAED,gEAAgE;AAChE,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA4C5C,CAAC"}