@synerise/ds-sidebar-object 1.1.22 → 1.1.24

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 +28 -23
  3. package/package.json +15 -15
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.24](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sidebar-object@1.1.23...@synerise/ds-sidebar-object@1.1.24) (2026-03-20)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-sidebar-object
9
+
10
+ ## [1.1.23](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sidebar-object@1.1.22...@synerise/ds-sidebar-object@1.1.23) (2026-03-09)
11
+
12
+ **Note:** Version bump only for package @synerise/ds-sidebar-object
13
+
6
14
  ## [1.1.22](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sidebar-object@1.1.21...@synerise/ds-sidebar-object@1.1.22) (2026-02-23)
7
15
 
8
16
  **Note:** Version bump only for package @synerise/ds-sidebar-object
package/README.md CHANGED
@@ -28,26 +28,31 @@ import SidebarObject from '@synerise/ds-sidebar-object'
28
28
 
29
29
  ## API
30
30
 
31
- | Property | Description | Type | Default |
32
- | -------------------- | --------------------------------------------------- | ------------------------------- | ------- |
33
- | avatar | Avatar element of the sidebar | React.ReactNode | - |
34
- | headerPreffix | Element rendered on the left side of the header | React.ReactNode | - |
35
- | headerTabs | Tabs component to switch between content | TabItem | - |
36
- | inputObject | Object to be displayed in the sidebar | object | - |
37
- | inlineEditInputProps | Props passed to the input of InlineEdit component | InlineEdit.InputProps | - |
38
- | onArrowUp | Callback executed when arrowUp icon is clicked | void | - |
39
- | onArrowDown | Callback executed when arrowDown icon is clicked | void | - |
40
- | onEdit | Callback executed when clicked on edit icon | (inputObject:object) => void | - |
41
- | onDuplicate | Callback executed when clicked on duplicate icon | (inputObject:object) => void | - |
42
- | onMove | Callback executed when clicked on move icon | (inputObject:object) => void | - |
43
- | onDelete | Callback executed when clicked on delete icon | (inputObject:object) => void | - |
44
- | onId | Callback executed after clicking on the object's ID | (inputObject:object) => void | - |
45
- | onScrollbar | Callback executed when scroll | boolean | - |
46
- | texts | Group of texts | HeaderTexts | - |
47
- | onCloseClick | Prop to close Drawer | void | - |
48
- | inputObjectId | Unique id of the object passed as string | string | - |
49
- | handleTabClick | Callback executed when you click on Tab | (index: number) => void | - |
50
- | footer | Callback executed to show footer | React.ReactNode | - |
51
- | additionalNode | Callback executed to show additional element | React.ReactNode | - |
52
- | headerType | Prop to choose editable title | ‘readonly’ , ‘editable’ | - |
53
- | typeButtons | Prop to choose type of buttons | ‘twoButtons’ , ‘withNavigation’ | - |
31
+ | Property | Description | Type | Default |
32
+ | -------------------- | ------------------------------------------------------------------------------------------ | ------------------------------- | ------------ |
33
+ | headerTabs | Tab definitions; `content` is the tab body rendered in the scrollable area | TabItem[] | - |
34
+ | inputObject | Object whose keys are displayed in ObjectSummary | object | - |
35
+ | texts | Header labels (button texts, icon tooltips, etc.) | Partial\<HeaderTexts\> | - |
36
+ | name | Object name shown in the title | string | - |
37
+ | activeTab | Index of the active tab | number | `0` |
38
+ | headerType | `’editable’` renders InlineEdit for title; `’readonly’` renders plain text | ‘readonly’ / ‘editable’ | `’readonly’` |
39
+ | typeButtons | `’withNavigation’`: up/down + options + close. `’twoButtons’`: cancel + apply | ‘twoButtons’ / ‘withNavigation’ | - |
40
+ | avatar | Avatar element of the sidebar | React.ReactNode | - |
41
+ | headerPreffix | Element rendered on the left side of the header | React.ReactNode | - |
42
+ | additionalNode | Extra content rendered below the title bar but above tabs | React.ReactNode | - |
43
+ | inlineEditInputProps | Extra props for the InlineEdit input (only when `headerType=’editable’`) | Partial\<InputProps\> | - |
44
+ | inputObjectIdKey | Key in `inputObject` used as the "Copy ID" value | string | `’id’` |
45
+ | onEdit | Shows "Edit" in options dropdown; called with `inputObject` | (inputObject: object) => void | - |
46
+ | onDuplicate | Shows "Duplicate" in options dropdown; called with `inputObject` | (inputObject: object) => void | - |
47
+ | onMove | Shows "Move" in options dropdown; called with `inputObject` | (inputObject: object) => void | - |
48
+ | onDelete | Shows "Delete" in options dropdown; called with `inputObject` | (inputObject: object) => void | - |
49
+ | onId | Shows "Copy ID" in options dropdown; called with `inputObject` | (inputObject: object) => void | - |
50
+ | onRename | Called when inline edit value changes (only when `headerType=’editable’`) | (name: string) => void | - |
51
+ | onCloseClick | Close button handler (shown in `withNavigation` mode) | () => void | - |
52
+ | onCancelClick | Cancel button handler (shown in `twoButtons` mode) | () => void | - |
53
+ | onApplyClick | Apply button handler (shown in `twoButtons` mode) | () => void | - |
54
+ | onArrowUp | Up navigation button handler (shown in `withNavigation` mode when provided) | () => void | - |
55
+ | onArrowDown | Down navigation button handler (shown in `withNavigation` mode when provided) | () => void | - |
56
+ | withScrollbar | Enables vertical scroll on content area | boolean | - |
57
+ | handleTabClick | Called when a tab is clicked | (index: number) => void | - |
58
+ | footer | Footer rendered at the bottom outside the scroll area | React.ReactNode | - |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-sidebar-object",
3
- "version": "1.1.22",
3
+ "version": "1.1.24",
4
4
  "description": "SidebarObject UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -35,19 +35,19 @@
35
35
  ],
36
36
  "types": "dist/index.d.ts",
37
37
  "dependencies": {
38
- "@synerise/ds-button": "^1.5.15",
39
- "@synerise/ds-description": "^1.2.7",
40
- "@synerise/ds-drawer": "^1.0.13",
41
- "@synerise/ds-dropdown": "^1.2.7",
42
- "@synerise/ds-icon": "^1.14.1",
43
- "@synerise/ds-inline-edit": "^1.1.21",
44
- "@synerise/ds-menu": "^1.4.10",
45
- "@synerise/ds-result": "^1.0.46",
46
- "@synerise/ds-scrollbar": "^1.2.14",
47
- "@synerise/ds-subtle-form": "^1.1.56",
48
- "@synerise/ds-tabs": "^1.1.21",
49
- "@synerise/ds-typography": "^1.1.10",
50
- "@synerise/ds-utils": "^1.6.0"
38
+ "@synerise/ds-button": "^1.5.17",
39
+ "@synerise/ds-description": "^1.3.1",
40
+ "@synerise/ds-drawer": "^1.1.1",
41
+ "@synerise/ds-dropdown": "^1.3.1",
42
+ "@synerise/ds-icon": "^1.15.0",
43
+ "@synerise/ds-inline-edit": "^1.1.23",
44
+ "@synerise/ds-menu": "^1.4.12",
45
+ "@synerise/ds-result": "^1.0.48",
46
+ "@synerise/ds-scrollbar": "^1.2.16",
47
+ "@synerise/ds-subtle-form": "^1.1.58",
48
+ "@synerise/ds-tabs": "^1.1.23",
49
+ "@synerise/ds-typography": "^1.1.12",
50
+ "@synerise/ds-utils": "^1.7.0"
51
51
  },
52
52
  "peerDependencies": {
53
53
  "@synerise/ds-core": "*",
@@ -55,5 +55,5 @@
55
55
  "react": ">=16.9.0 <= 18.3.1",
56
56
  "styled-components": "^5.3.3"
57
57
  },
58
- "gitHead": "2997f77d657c1aed2fc39901d3e0b8f88b05cc53"
58
+ "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
59
59
  }