@synerise/ds-select 1.3.17 → 1.3.19

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 +8 -0
  2. package/README.md +13 -5
  3. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
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.19](https://github.com/synerise/synerise-design/compare/@synerise/ds-select@1.3.18...@synerise/ds-select@1.3.19) (2026-03-20)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-select
9
+
10
+ ## [1.3.18](https://github.com/synerise/synerise-design/compare/@synerise/ds-select@1.3.17...@synerise/ds-select@1.3.18) (2026-03-09)
11
+
12
+ **Note:** Version bump only for package @synerise/ds-select
13
+
6
14
  ## [1.3.17](https://github.com/synerise/synerise-design/compare/@synerise/ds-select@1.3.16...@synerise/ds-select@1.3.17) (2026-02-23)
7
15
 
8
16
  **Note:** Version bump only for package @synerise/ds-select
package/README.md CHANGED
@@ -13,6 +13,8 @@ Based on [Ant Design Select](https://ant.design/components/select/)
13
13
  npm i @synerise/ds-select
14
14
  or
15
15
  yarn add @synerise/ds-select
16
+ or
17
+ pnpm add @synerise/ds-select
16
18
  ```
17
19
 
18
20
  ## Usage
@@ -59,20 +61,20 @@ const { Option, OptGroup } = Select;
59
61
  | defaultActiveFirstOption | Whether active first option by default | boolean | `true` |
60
62
  | defaultOpen | Initial open state of dropdown | boolean | - |
61
63
  | defaultValue | Initial selected option. | `string` / `string[]` / `number` / `number[]` / `LabeledValue` / `LabeledValue[]` | - |
62
- | description | input description | string | - |
64
+ | description | input description | ReactNode | - |
63
65
  | disabled | Whether disabled select | boolean | `false` |
64
66
  | dropdownClassName | className of dropdown menu | string | - |
65
67
  | dropdownMatchSelectWidth | Whether dropdown's width is same with select. | boolean | `true` |
66
68
  | dropdownMenuStyle | additional style applied to dropdown menu | React.CSSProperties | - |
67
69
  | dropdownRender | Customize dropdown content | (menuNode: React.ReactNode, props) => React.ReactNode | - |
68
70
  | dropdownStyle | style of dropdown menu | React.CSSProperties | - |
69
- | errorText | error message, if provided input will be set in error state | string | - |
71
+ | errorText | error message, if provided input will be set in error state | ReactNode | - |
70
72
  | error | if provided input will be set in error state, without error message | boolean | - |
71
73
  | filterOption | If true, filter options by input, if function, filter options against it. | boolean / (inputValue: string / number / LabeledValue, option: Option) => void | `true` |
72
74
  | firstActiveValue | Value of action option by default | string or string[] | - |
73
75
  | grey | Turn on grey background of the component | boolean | false |
74
76
  | getPopupContainer | Parent Node which the selector should be rendered to. Default to body | (triggerNode: React.ReactNode) => void | () => document.body |
75
- | label | input label | string | - |
77
+ | label | input label | ReactNode | - |
76
78
  | labelInValue | whether to embed label in value | boolean | `false` |
77
79
  | loading | indicate loading state | Boolean | `false` |
78
80
  | maxTagCount | Max tag count to show | number | - |
@@ -105,13 +107,19 @@ const { Option, OptGroup } = Select;
105
107
  | tooltip | Tooltip content | React.ReactNode | - |
106
108
  | tooltipConfig | Config of tooltip | [TooltipProps](https://design.synerise.com/docs/components/tooltip#api) | - |
107
109
  | value | Current selected option. | `string` / `string[]` / `number` / `number[]` / `LabeledValue` / `LabeledValue[]` | - |
108
- | raw | Simple select without label, description and margins | boolean | `false` |
110
+ | asFormElement | Forces 16px bottom margin even when `errorText` and `description` are absent | boolean | - |
111
+ | clearTooltip | Tooltip text shown on hover of the clear (×) button | string | - |
112
+ | prefixel | Addon node attached to the left of the selector | React.ReactNode | - |
113
+ | raw | Skips the FormField wrapper; renders only the selector div | boolean | - |
114
+ | readOnly | Disables selection while using readable styling (white bg, default cursor, grey-600 text) | boolean | - |
115
+ | selectorStyle | Additional CSS applied to the inner `.ant-select-selector` element | CSSObject | - |
116
+ | suffixel | Addon node attached to the right of the selector | React.ReactNode | - |
109
117
 
110
118
  ### Option props
111
119
 
112
120
  | Property | Description | Type | Default |
113
121
  | --------- | -------------------------------------------------------------------------------------------------------------------------------- | ------ | ------- |
114
- | disabled | Disable this option boolean`false` | | |
122
+ | disabled | Disable this option | boolean | `false` |
115
123
  | key | Same usage as value. If React request you to set this property, you can set it to value of option, and then omit value property. | string | |
116
124
  | title | title of Select after select this Option | string | - |
117
125
  | value | default to filter with this property string | number | - |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-select",
3
- "version": "1.3.17",
3
+ "version": "1.3.19",
4
4
  "description": "Select UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "synerise/synerise-design",
@@ -35,10 +35,10 @@
35
35
  ],
36
36
  "types": "dist/index.d.ts",
37
37
  "dependencies": {
38
- "@synerise/ds-form-field": "^1.3.7",
39
- "@synerise/ds-icon": "^1.14.1",
40
- "@synerise/ds-tooltip": "^1.4.7",
41
- "@synerise/ds-utils": "^1.6.0",
38
+ "@synerise/ds-form-field": "^1.3.9",
39
+ "@synerise/ds-icon": "^1.15.0",
40
+ "@synerise/ds-tooltip": "^1.4.9",
41
+ "@synerise/ds-utils": "^1.7.0",
42
42
  "classnames": "^2.5.1"
43
43
  },
44
44
  "peerDependencies": {
@@ -47,5 +47,5 @@
47
47
  "react": ">=16.9.0 <= 18.3.1",
48
48
  "styled-components": "^5.3.3"
49
49
  },
50
- "gitHead": "2997f77d657c1aed2fc39901d3e0b8f88b05cc53"
50
+ "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
51
51
  }