@synerise/ds-popconfirm 1.3.8 → 1.3.9
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 +4 -0
- package/README.md +31 -23
- package/package.json +7 -7
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.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-popconfirm@1.3.8...@synerise/ds-popconfirm@1.3.9) (2026-03-20)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @synerise/ds-popconfirm
|
|
9
|
+
|
|
6
10
|
## [1.3.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-popconfirm@1.3.7...@synerise/ds-popconfirm@1.3.8) (2026-03-09)
|
|
7
11
|
|
|
8
12
|
**Note:** Version bump only for package @synerise/ds-popconfirm
|
package/README.md
CHANGED
|
@@ -33,28 +33,36 @@ import Popconfirm from '@synerise/ds-popconfirm';
|
|
|
33
33
|
|
|
34
34
|
## API
|
|
35
35
|
|
|
36
|
-
| Property | Description | Type
|
|
37
|
-
| ------------------- | -------------------------------------- |
|
|
38
|
-
| cancelText | Text of the Cancel button |
|
|
39
|
-
| okText | Text of the Confirm button |
|
|
40
|
-
| okType | Button type of the Confirm button |
|
|
41
|
-
| title | Title of the confirmation box |
|
|
42
|
-
| description | Description of the confirmation box |
|
|
43
|
-
| images | Urls of images displayed as a carousel | string[]
|
|
44
|
-
| imagesAutoplay | Whether to autoplay images | boolean
|
|
45
|
-
| imagesAutoplaySpeed | Speed of autoplay [ms] | number
|
|
46
|
-
| onCancel | Callback of cancel | (
|
|
47
|
-
| onConfirm | Callback of confirmation | (
|
|
48
|
-
| icon |
|
|
49
|
-
| disabled |
|
|
50
|
-
| withLink |
|
|
51
|
-
| closeIcon | Icon
|
|
52
|
-
| hideButtons |
|
|
53
|
-
| titlePadding |
|
|
54
|
-
| buttonsAlign | Sets footer buttons align | 'right' / 'left'
|
|
55
|
-
| staticVisible |
|
|
56
|
-
|
|
57
|
-
|
|
36
|
+
| Property | Description | Type | Default |
|
|
37
|
+
| ------------------- | -------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------- | --------- |
|
|
38
|
+
| cancelText | Text of the Cancel button | React.ReactNode | - |
|
|
39
|
+
| okText | Text of the Confirm button | React.ReactNode | - |
|
|
40
|
+
| okType | Button type of the Confirm button | ButtonProps['type'] | `primary` |
|
|
41
|
+
| title | Title of the confirmation box | React.ReactNode | - |
|
|
42
|
+
| description | Description of the confirmation box | React.ReactNode | - |
|
|
43
|
+
| images | Urls of images displayed as a carousel | string[] | - |
|
|
44
|
+
| imagesAutoplay | Whether to autoplay images | boolean | - |
|
|
45
|
+
| imagesAutoplaySpeed | Speed of autoplay [ms] | number | `5000` |
|
|
46
|
+
| onCancel | Callback of cancel | (event?: MouseEvent\<HTMLElement\>) => void | - |
|
|
47
|
+
| onConfirm | Callback of confirmation | (event?: MouseEvent\<HTMLElement\>) => void | - |
|
|
48
|
+
| icon | Icon displayed left of the title | React.ReactNode | - |
|
|
49
|
+
| disabled | When true renders only children with no popover | boolean | - |
|
|
50
|
+
| withLink | Link node rendered below description | React.ReactNode | - |
|
|
51
|
+
| closeIcon | Icon rendered as a close button | React.ReactNode | - |
|
|
52
|
+
| hideButtons | Truthy value hides the button row | React.ReactNode | - |
|
|
53
|
+
| titlePadding | Adjusts close icon margin and description spacing | boolean | - |
|
|
54
|
+
| buttonsAlign | Sets footer buttons align | 'right' / 'left' | - |
|
|
55
|
+
| staticVisible | Stay open even after click outside | boolean | - |
|
|
56
|
+
| placement | Popover placement | 'top' / 'topLeft' / 'topCenter' / 'topRight' / 'bottom' / 'bottomLeft' / 'bottomCenter' / 'bottomRight' / 'left' / 'leftTop' / 'leftBottom' / 'right' / 'rightTop' / 'rightBottom' | `top` |
|
|
57
|
+
| trigger | Open trigger | 'click' / 'hover' / array | `click` |
|
|
58
|
+
| open | Controlled open state | boolean | - |
|
|
59
|
+
| onOpenChange | Callback when open state changes | (open: boolean) => void | - |
|
|
60
|
+
| asChild | Merge trigger props onto child element | boolean | `true` |
|
|
61
|
+
| zIndex | Z-index override | number | `theme.variables['zindex-popconfirm']` |
|
|
62
|
+
| overlayClassName | Class applied to popconfirm container | string | - |
|
|
63
|
+
| overlayStyle | Inline styles for popconfirm container | CSSProperties | - |
|
|
64
|
+
|
|
65
|
+
# Popconfirm.ConfirmMessage
|
|
58
66
|
|
|
59
67
|
## Usage
|
|
60
68
|
|
|
@@ -88,5 +96,5 @@ import Popconfirm from '@synerise/ds-popconfirm';
|
|
|
88
96
|
| title | text confirm message | string | - |
|
|
89
97
|
| icon | icon component | React.ReactNode | - |
|
|
90
98
|
| displayDuration | confirm message display time in ms | number | 5000 |
|
|
91
|
-
| placement |
|
|
99
|
+
| placement | Position of confirm message | 'top' / 'left' / 'right' / 'bottom' / 'topLeft' / 'topRight' / 'bottomLeft' / 'bottomRight' | `topLeft` |
|
|
92
100
|
| onClick | method which returns a showConfirmMessage callback | (showConfirmMessage: () => void) => void | - |
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-popconfirm",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.9",
|
|
4
4
|
"description": "Popconfirm UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -35,11 +35,11 @@
|
|
|
35
35
|
],
|
|
36
36
|
"types": "dist/index.d.ts",
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@synerise/ds-button": "^1.5.
|
|
39
|
-
"@synerise/ds-icon": "^1.
|
|
40
|
-
"@synerise/ds-popover": "^1.5.
|
|
41
|
-
"@synerise/ds-tooltip": "^1.4.
|
|
42
|
-
"@synerise/ds-utils": "^1.
|
|
38
|
+
"@synerise/ds-button": "^1.5.17",
|
|
39
|
+
"@synerise/ds-icon": "^1.15.0",
|
|
40
|
+
"@synerise/ds-popover": "^1.5.2",
|
|
41
|
+
"@synerise/ds-tooltip": "^1.4.9",
|
|
42
|
+
"@synerise/ds-utils": "^1.7.0"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@floating-ui/react": "^0.27.16",
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"react": ">=16.9.0 <= 18.3.1",
|
|
52
52
|
"styled-components": "^5.3.3"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
|
|
55
55
|
}
|