@synerise/ds-inline-edit 1.1.21 → 1.1.23

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 +42 -40
  3. package/package.json +11 -11
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.1.23](https://github.com/Synerise/synerise-design/compare/@synerise/ds-inline-edit@1.1.22...@synerise/ds-inline-edit@1.1.23) (2026-03-20)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-inline-edit
9
+
10
+ ## [1.1.22](https://github.com/Synerise/synerise-design/compare/@synerise/ds-inline-edit@1.1.21...@synerise/ds-inline-edit@1.1.22) (2026-03-09)
11
+
12
+ **Note:** Version bump only for package @synerise/ds-inline-edit
13
+
6
14
  ## [1.1.21](https://github.com/Synerise/synerise-design/compare/@synerise/ds-inline-edit@1.1.20...@synerise/ds-inline-edit@1.1.21) (2026-02-23)
7
15
 
8
16
  **Note:** Version bump only for package @synerise/ds-inline-edit
package/README.md CHANGED
@@ -32,49 +32,51 @@ InlineEdit UI Component
32
32
 
33
33
  ## InlineEdit API
34
34
 
35
- | Property | Description | Type | Default |
36
- | ------------ | -------------------------------- | ------------------- | -------- |
37
- | autoFocus | Set focus on input after mount | boolean | `false` |
38
- | className | Optional className for component | string | - |
39
- | disabled | Disabled state of component | boolean | `false` |
40
- | error | Error state of component | boolean | `false` |
41
- | hideIcon | Hides input icon | boolean | `false` |
42
- | input | Properties of the input | InlineEditInput | `false` |
43
- | size | Component size | `normal` / `small` | `normal` |
44
- | style | Styles object | React.CSSProperties | - |
45
- | tooltipTitle | Text of the tooltip | string | - |
35
+ | Property | Description | Type | Default |
36
+ | ------------ | -------------------------------- | ----------------------------- | -------- |
37
+ | autoFocus | Set focus on input after mount | boolean | - |
38
+ | className | Optional className for component | string | - |
39
+ | customIcon | Replaces the default edit icon | ReactNode | - |
40
+ | disabled | Disabled state of component | boolean | - |
41
+ | error | Error state of component | boolean | - |
42
+ | hideIcon | Hides input icon | boolean | - |
43
+ | input | Properties of the input | InputProps | - |
44
+ | size | Component size | `large` / `normal` / `small` | `normal` |
45
+ | style | Styles object | React.CSSProperties | - |
46
+ | tooltipTitle | Text of the tooltip on the icon | string | - |
46
47
 
47
48
  ## InlineSelect API
48
49
 
49
- | Property | Description | Type | Default |
50
- | -------------------- | ----------------------------------------------------- | --------------------------------------------------------------------------------- | -------- |
51
- | autoFocus | Set focus on input after mount | boolean | `false` |
52
- | className | Optional className for component | string | - |
53
- | dataSource | Menu items displayed in the dropdown | [MenuItemProps[]](https://design.synerise.com/docs/components/menu#menuitemprops) | [] |
54
- | disabled | Disabled state of component | boolean | `false` |
55
- | dropdownOverlayStyle | Styles object applied to the dropdown overlay wrapper | React.CSSProperties | {} |
56
- | dropdownProps | Props object applied to the dropdown component | DropdownProps | {} |
57
- | error | Error state of component | boolean | `false` |
58
- | expanded | Initial expansion state of dropdown menu | boolean | `false` |
59
- | hideIcon | Hides input icon | boolean | `false` |
60
- | initialValue | Initial value of the select | string / undefined | - |
61
- | input | Properties of the input | InlineEditInput | `false` |
62
- | placeholder | Default text of the select | string | - |
63
- | size | Component size | `normal` / `small` | `normal` |
64
- | style | Styles object | React.CSSProperties | - |
65
- | tooltipTitle | Text of the tooltip | string | - |
50
+ | Property | Description | Type | Default |
51
+ | -------------------- | ---------------------------------------------------------------------------- | ------------------- | -------- |
52
+ | dataSource | Items displayed in the dropdown | ListItemProps[] | - |
53
+ | input | Input value and event handlers (`onChange` is ignored — use `onValueChange`) | Partial\<InputProps\> | - |
54
+ | autoFocus | Set focus on input after mount | boolean | - |
55
+ | className | Optional className for component | string | - |
56
+ | disabled | Disabled state of component | boolean | - |
57
+ | dropdownOverlayStyle | Styles object applied to the dropdown overlay wrapper | React.CSSProperties | `{}` |
58
+ | dropdownProps | Props object applied to the dropdown component | DropdownProps | `{}` |
59
+ | error | Error state of component | boolean | - |
60
+ | expanded | Initial expansion state of dropdown menu | boolean | - |
61
+ | hideIcon | Hides the chevron icon | boolean | - |
62
+ | initialValue | Initial displayed text (takes precedence over `placeholder`) | string | - |
63
+ | inputStyle | Styles applied to the inner input element | React.CSSProperties | - |
64
+ | onValueChange | Called when a dropdown item is selected | (item: ItemType) => void | - |
65
+ | placeholder | Default text when no value is selected | string | - |
66
+ | size | Component size | `normal` / `small` | `normal` |
67
+ | style | Styles object | React.CSSProperties | - |
66
68
 
67
69
  ## InlineEdit input API
68
70
 
69
- | Property | Description | Type | Default | |
70
- | ------------ | ----------------------------------------------- | ------------ | ------- | --- |
71
- | autocomplete | Native html autocomplete attribute | `on` / `off` | `off` | - |
72
- | defaultValue | Default input value | string | number | - |
73
- | disabled | Disabled state of component | boolean | `false` | - |
74
- | maxLength | Maximum characters inside the input element | number | `false` | - |
75
- | name | Native html name attribute | string | - | - |
76
- | readOnly | Readonly state of the Input component | boolean | - | - |
77
- | placeholder | Default text component | string | - | - |
78
- | onBlur | Called when input blured | function | - | - |
79
- | onEnterPress | Called when user press `Enter` in focused input | function | - | - |
80
- | onChange | Called when input chenged | function | - | - |
71
+ | Property | Description | Type | Default |
72
+ | ------------ | ---------------------------------------------------------------- | ------------------------------------------- | ------- |
73
+ | value | Controlled value | string \| number | - |
74
+ | onChange | Called when input changes | (event: ChangeEvent\<HTMLInputElement\>) => void | - |
75
+ | name | Native html name attribute; used to derive the input `id` | string | - |
76
+ | disabled | Disabled state | boolean | - |
77
+ | maxLength | Maximum characters inside the input element | number | - |
78
+ | readOnly | Readonly state | boolean | - |
79
+ | placeholder | Placeholder text | string | - |
80
+ | autoComplete | Native html autocomplete attribute | string | - |
81
+ | onBlur | Called when input loses focus | FocusEventHandler\<HTMLInputElement\> | - |
82
+ | onEnterPress | Called when user presses `Enter`; also triggers `blur()` | KeyboardEventHandler\<HTMLInputElement\> | - |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-inline-edit",
3
- "version": "1.1.21",
3
+ "version": "1.1.23",
4
4
  "description": "InlineEdit UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -35,20 +35,20 @@
35
35
  ],
36
36
  "types": "dist/index.d.ts",
37
37
  "dependencies": {
38
- "@synerise/ds-dropdown": "^1.2.7",
39
- "@synerise/ds-icon": "^1.14.1",
40
- "@synerise/ds-input": "^1.6.7",
41
- "@synerise/ds-list-item": "^1.4.7",
42
- "@synerise/ds-scrollbar": "^1.2.14",
43
- "@synerise/ds-search": "^1.5.7",
44
- "@synerise/ds-tooltip": "^1.4.7",
45
- "@synerise/ds-typography": "^1.1.10",
46
- "@synerise/ds-utils": "^1.6.0"
38
+ "@synerise/ds-dropdown": "^1.3.1",
39
+ "@synerise/ds-icon": "^1.15.0",
40
+ "@synerise/ds-input": "^1.6.9",
41
+ "@synerise/ds-list-item": "^1.4.9",
42
+ "@synerise/ds-scrollbar": "^1.2.16",
43
+ "@synerise/ds-search": "^1.5.9",
44
+ "@synerise/ds-tooltip": "^1.4.9",
45
+ "@synerise/ds-typography": "^1.1.12",
46
+ "@synerise/ds-utils": "^1.7.0"
47
47
  },
48
48
  "peerDependencies": {
49
49
  "@synerise/ds-core": "*",
50
50
  "react": ">=16.9.0 <= 18.3.1",
51
51
  "styled-components": "^5.3.3"
52
52
  },
53
- "gitHead": "2997f77d657c1aed2fc39901d3e0b8f88b05cc53"
53
+ "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
54
54
  }