@webority/support-react 0.29.0 → 0.31.0
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/README.md +12 -0
- package/dist/support-react.js +296 -278
- package/dist/types/ReportIssue.d.ts +7 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -110,6 +110,7 @@ pasting them. The ticket records the page address, the browser and the product v
|
|
|
110
110
|
|---|---|
|
|
111
111
|
| `label` | Button text. Default "Report an issue". |
|
|
112
112
|
| `floating` | Pin the button to the bottom corner of the screen. |
|
|
113
|
+
| `compact` | Icon only: a 40px circle, the label as its tooltip and accessible name. With `floating` it sits in the shared floating stack. |
|
|
113
114
|
| `defaultCategory` | Preselected when the config lists it. Default "Bug report". |
|
|
114
115
|
| `appVersion` | Recorded on the ticket. |
|
|
115
116
|
| `getTicketHref(id)` | Shows a View ticket link to the new ticket. |
|
|
@@ -127,6 +128,17 @@ such as a chat launcher:
|
|
|
127
128
|
<ReportIssue className="ms-auto" />
|
|
128
129
|
```
|
|
129
130
|
|
|
131
|
+
With `compact` and `floating`, the button joins the shared floating stack (`useFloatingStack` from
|
|
132
|
+
`@webority/ui-react`): one fixed container in the bottom-end corner that the compact chat launcher
|
|
133
|
+
from `@webority/chat-react` also uses. The two stack with a gap, the chat launcher in the corner
|
|
134
|
+
and this button above it, so neither needs an offset. `className` and `style` then land on the
|
|
135
|
+
item inside the stack, which is not itself fixed.
|
|
136
|
+
|
|
137
|
+
```jsx
|
|
138
|
+
<ChatLauncher compact onClick={openChat} />
|
|
139
|
+
<ReportIssue floating compact appVersion={version} />
|
|
140
|
+
```
|
|
141
|
+
|
|
130
142
|
The screenshot is taken before the dialog opens, and the button itself is left out of it.
|
|
131
143
|
Anything else the page marks with `data-support-capture="exclude"` is left out too.
|
|
132
144
|
|