@synerise/ds-form 1.2.0 → 1.2.2
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.
- package/CHANGELOG.md +8 -0
- package/README.md +24 -12
- package/package.json +9 -9
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.2.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-form@1.2.1...@synerise/ds-form@1.2.2) (2026-03-20)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @synerise/ds-form
|
|
9
|
+
|
|
10
|
+
## [1.2.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-form@1.2.0...@synerise/ds-form@1.2.1) (2026-03-09)
|
|
11
|
+
|
|
12
|
+
**Note:** Version bump only for package @synerise/ds-form
|
|
13
|
+
|
|
6
14
|
# [1.2.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-form@1.1.27...@synerise/ds-form@1.2.0) (2026-02-26)
|
|
7
15
|
|
|
8
16
|
### Features
|
package/README.md
CHANGED
|
@@ -34,20 +34,32 @@ The Form and EditableList components have been deprecated and replaced by Editab
|
|
|
34
34
|
|
|
35
35
|
### Form.FieldSet
|
|
36
36
|
|
|
37
|
-
| Property | Description | Type
|
|
38
|
-
| ----------- | ----------------------------------- |
|
|
39
|
-
| heading | Heading text |
|
|
40
|
-
| className | Class name applied to the element | string
|
|
41
|
-
| description | Description text |
|
|
42
|
-
| withLine | Whether divider should be displayed | boolean
|
|
37
|
+
| Property | Description | Type | Default |
|
|
38
|
+
| ----------- | ----------------------------------- | ----------- | ------- |
|
|
39
|
+
| heading | Heading text | `ReactNode` | - |
|
|
40
|
+
| className | Class name applied to the element | `string` | - |
|
|
41
|
+
| description | Description text | `ReactNode` | - |
|
|
42
|
+
| withLine | Whether divider should be displayed | `boolean` | - |
|
|
43
43
|
|
|
44
44
|
### EditableList
|
|
45
45
|
|
|
46
|
-
| Property
|
|
47
|
-
|
|
|
48
|
-
|
|
|
49
|
-
|
|
|
50
|
-
|
|
|
51
|
-
|
|
|
46
|
+
| Property | Description | Type | Default |
|
|
47
|
+
| ---------------------- | --------------------------------------------------------- | ------------------------------------------------------------- | --------------------------- |
|
|
48
|
+
| value | Controlled rows array | `EditableParam[]` | - |
|
|
49
|
+
| onChange | Called after any name/value change | `(params: EditableParam[]) => void` | - |
|
|
50
|
+
| leftColumnName | Label above the first column (row 0 only) | `ReactNode` | - |
|
|
51
|
+
| rightColumnName | Label above the second column (row 0 only) | `ReactNode` | - |
|
|
52
|
+
| autocompleteOptions | Option children for the Autocomplete in each row | `ReactNode` | - |
|
|
53
|
+
| onSearch | Forwarded to Autocomplete.onSearch | `(query: string) => void` | - |
|
|
54
|
+
| onClickDelete | Custom delete handler; omit to remove from internal state | `(param?, index?, params?) => void` | - |
|
|
55
|
+
| addButtonConfig | Define props for the add-row button | `{ textAddButton?, disableAddButton?, onClickAddRow? }` | - |
|
|
56
|
+
| validation | Per-field validation; return error node or falsy | `{ validateLeftColumn?, validateRightColumn? }` | - |
|
|
57
|
+
| firstInputProps\* | Overwrite first column (Autocomplete) props | `AutocompleteProps` | `{ style: { width: 350 } }` |
|
|
58
|
+
| secondInputProps\* | Overwrite second column (Input) props | `InputProps` | `{ style: { width: 300 } }` |
|
|
59
|
+
| renderAddButton | Replace the default add-row button | `(params?) => JSX.Element` | - |
|
|
60
|
+
| renderLeftColumn | Replace the Autocomplete for each row | `(param, index) => JSX.Element` | - |
|
|
61
|
+
| renderRightColumn | Replace the Input for each row | `(param, index) => JSX.Element` | - |
|
|
62
|
+
| renderAdditionalColumn | Append a column after the two defaults in each row | `(rows) => JSX.Element` | - |
|
|
63
|
+
| renderActions | `true` = Cruds delete; function = custom actions | `boolean \| ((param, idx, params, callbacks) => JSX.Element)` | - |
|
|
52
64
|
|
|
53
65
|
- in order to overwrite f.e. styles in first two columns, it is possible to use spread operator used in component implementation, to overwrite style of third column it is required to import styled component wrapper and overwrite it
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-form",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.2",
|
|
4
4
|
"description": "Form UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -35,13 +35,13 @@
|
|
|
35
35
|
],
|
|
36
36
|
"types": "dist/index.d.ts",
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@synerise/ds-autocomplete": "^1.2.
|
|
39
|
-
"@synerise/ds-button": "^1.5.
|
|
40
|
-
"@synerise/ds-cruds": "^1.
|
|
41
|
-
"@synerise/ds-divider": "^1.
|
|
42
|
-
"@synerise/ds-icon": "^1.
|
|
43
|
-
"@synerise/ds-input": "^1.6.
|
|
44
|
-
"@synerise/ds-typography": "^1.1.
|
|
38
|
+
"@synerise/ds-autocomplete": "^1.2.34",
|
|
39
|
+
"@synerise/ds-button": "^1.5.17",
|
|
40
|
+
"@synerise/ds-cruds": "^1.1.1",
|
|
41
|
+
"@synerise/ds-divider": "^1.3.1",
|
|
42
|
+
"@synerise/ds-icon": "^1.15.0",
|
|
43
|
+
"@synerise/ds-input": "^1.6.9",
|
|
44
|
+
"@synerise/ds-typography": "^1.1.12"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
47
|
"@synerise/ds-core": "*",
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
"react": ">=16.9.0 <= 18.3.1",
|
|
50
50
|
"styled-components": "^5.3.3"
|
|
51
51
|
},
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
|
|
53
53
|
}
|