@synerise/ds-dropdown 1.3.0 → 1.3.1

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 (3) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/README.md +17 -10
  3. package/package.json +14 -14
package/CHANGELOG.md CHANGED
@@ -3,6 +3,10 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.3.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-dropdown@1.3.0...@synerise/ds-dropdown@1.3.1) (2026-03-20)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-dropdown
9
+
6
10
  # [1.3.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-dropdown@1.2.7...@synerise/ds-dropdown@1.3.0) (2026-03-09)
7
11
 
8
12
  ### Features
package/README.md CHANGED
@@ -17,14 +17,19 @@ Dropdown UI Component
17
17
  | ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- | --------------------- |
18
18
  | disabled | Whether the dropdown menu is disabled | boolean | - |
19
19
  | getPopupContainer | Function used to set the container of the dropdown menu. The default is to create a `div` element in `body`, you can reset it to the scrolling area and make a relative reposition. | Function(triggerNode) | `() => document.body` |
20
- | overlay | Dropdown menu | [Menu](/docs/components/menu) \ () => Menu | - |
20
+ | overlay | Dropdown panel content | ReactNode | - |
21
21
  | overlayClassName | Class name of the dropdown root element | string | - |
22
22
  | overlayStyle | Style of the dropdown root element | object | - |
23
- | placement | Placement of pop menu. | `bottomLeft` / `bottomCenter` / `bottomRight` / `topLeft` / `topCenter` / `topRight` / `bottomLeft` | - |
24
- | trigger | Trigger mode which executes the drop-down action (hover doesn't work on mobile device) | `['hover', 'click']` | `['hover']` |
25
- | visible | Whether the dropdown menu is visible | boolean | - |
26
- | onVisibleChange | A callback executed on visibility changes. | (visible: boolean)=>void | - |
27
- | hideOnItemClick | Will hide dropdown on click of an item inside the dropdown changes. Provide a CSS selector of element that should trigger dropdown closing or `true` to use `[role="menuitem"]` selector | boolean / string | - |
23
+ | placement | Placement of pop menu. | `bottomLeft` / `bottomCenter` / `bottomRight` / `topLeft` / `topCenter` / `topRight` | - |
24
+ | trigger | Trigger mode which executes the drop-down action | `'click'` / `'hover'` / `'focus'` / array of these | `'click'` |
25
+ | open | Controlled open state | boolean | - |
26
+ | onOpenChange | Callback executed on visibility changes | (isOpen: boolean) => void | - |
27
+ | onDismiss | Callback executed when closed by clicking outside | (event?: Event, reason?: OpenChangeReason) => void | - |
28
+ | size | Width of the overlay | `'small'`(216px) / `'medium'`(282px) / `'large'`(588px) / `'auto'` / `'match-trigger'` / `'min-match-trigger'` / number(px) | - |
29
+ | footer | Footer below overlay content; object `{ left?, right? }` renders split layout | ReactNode / `{ left?: ReactNode; right?: ReactNode }` | - |
30
+ | hideOnItemClick | Close on click of an item inside the dropdown. Provide a CSS selector or `true` to use `[role="menuitem"]` | boolean / string | - |
31
+ | asChild | Forward trigger props to first child element (Radix-style) | boolean | - |
32
+ | popoverProps | Pass-through props to the underlying ds-popover | Partial\<PopoverOptions\> | - |
28
33
 
29
34
  ### Dropdown.SearchInput
30
35
 
@@ -43,7 +48,9 @@ Dropdown UI Component
43
48
 
44
49
  ### Dropdown.BackAction
45
50
 
46
- | Property | Description | Type | Default |
47
- | -------- | ------------------------- | ------------- | ------- |
48
- | onClick | Action triggered on click | () => void | - |
49
- | label | Label of the button | React.Element | - |
51
+ | Property | Description | Type | Default |
52
+ | ------------ | ------------------------------ | ------------------------ | ------- |
53
+ | onClick | Action triggered on click | () => void | - |
54
+ | label | Label of the button | ReactNode | - |
55
+ | tooltip | Tooltip content | ReactNode | - |
56
+ | tooltipProps | Props passed to ds-tooltip | Partial\<TooltipProps\> | - |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-dropdown",
3
- "version": "1.3.0",
3
+ "version": "1.3.1",
4
4
  "description": "Dropdown UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "synerise/synerise-design",
@@ -23,8 +23,8 @@
23
23
  "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
24
24
  "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
25
25
  "prepublish": "pnpm run build",
26
- "test": "vitest",
27
- "test:watch": "pnpm run test -- --watch",
26
+ "test": "vitest run",
27
+ "test:watch": "vitest",
28
28
  "types": "tsc --noEmit",
29
29
  "check:circular-dependencies": "madge --circular --extensions ts,tsx,js,jsx --ts-config tsconfig.json src/ --exclude '/dist/'",
30
30
  "upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
@@ -36,16 +36,16 @@
36
36
  "types": "dist/index.d.ts",
37
37
  "dependencies": {
38
38
  "@floating-ui/react": "^0.27.16",
39
- "@synerise/ds-divider": "^1.3.0",
40
- "@synerise/ds-empty-states": "^1.0.34",
41
- "@synerise/ds-icon": "^1.14.1",
42
- "@synerise/ds-list-item": "^1.4.8",
43
- "@synerise/ds-popover": "^1.5.1",
44
- "@synerise/ds-scrollbar": "^1.2.15",
45
- "@synerise/ds-search-bar": "^1.4.18",
46
- "@synerise/ds-tooltip": "^1.4.8",
47
- "@synerise/ds-typography": "^1.1.11",
48
- "@synerise/ds-utils": "^1.6.0",
39
+ "@synerise/ds-divider": "^1.3.1",
40
+ "@synerise/ds-empty-states": "^1.0.35",
41
+ "@synerise/ds-icon": "^1.15.0",
42
+ "@synerise/ds-list-item": "^1.4.9",
43
+ "@synerise/ds-popover": "^1.5.2",
44
+ "@synerise/ds-scrollbar": "^1.2.16",
45
+ "@synerise/ds-search-bar": "^1.4.19",
46
+ "@synerise/ds-tooltip": "^1.4.9",
47
+ "@synerise/ds-typography": "^1.1.12",
48
+ "@synerise/ds-utils": "^1.7.0",
49
49
  "classnames": "^2.5.1",
50
50
  "react-window": "^1.8.11"
51
51
  },
@@ -58,5 +58,5 @@
58
58
  "react-intl": "^6.8.7",
59
59
  "styled-components": "^5.3.3"
60
60
  },
61
- "gitHead": "8dfafc5d7278f09d430f1e7499782d05c76b47c0"
61
+ "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
62
62
  }