@webority/support-react 0.30.0 → 0.32.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
|
@@ -6,6 +6,11 @@
|
|
|
6
6
|
* @param {object} props
|
|
7
7
|
* @param {string} [props.label="Report an issue"] The button text.
|
|
8
8
|
* @param {boolean} [props.floating=false] Pin the button to the bottom corner of the screen.
|
|
9
|
+
* @param {boolean} [props.compact=false] Icon only: a 40px circle with the label as its tooltip and
|
|
10
|
+
* accessible name. With `floating` it sits in the shared floating corner container
|
|
11
|
+
* (`useFloatingStack` from `@webority/ui-react`), above the compact chat launcher, so the two
|
|
12
|
+
* never overlap and neither needs an offset; `className` and `style` then land on the item inside
|
|
13
|
+
* that container, which is not itself fixed.
|
|
9
14
|
* @param {string} [props.defaultCategory="Bug report"] Preselected when the config lists it.
|
|
10
15
|
* @param {string} [props.appVersion] The product build, recorded on the ticket.
|
|
11
16
|
* @param {(id: string) => string} [props.getTicketHref] Where the new ticket can be opened; shows a View ticket link.
|
|
@@ -15,9 +20,10 @@
|
|
|
15
20
|
* @param {import('react').CSSProperties} [props.style] Merged over the wrapper's own style. With
|
|
16
21
|
* `floating`, an inset such as `{ bottom: "5rem" }` moves the button clear of other fixed controls.
|
|
17
22
|
*/
|
|
18
|
-
export default function ReportIssue({ label, floating, defaultCategory, appVersion, getTicketHref, onOpenTicket, onCreated, className, style, }: {
|
|
23
|
+
export default function ReportIssue({ label, floating, compact, defaultCategory, appVersion, getTicketHref, onOpenTicket, onCreated, className, style, }: {
|
|
19
24
|
label?: string;
|
|
20
25
|
floating?: boolean;
|
|
26
|
+
compact?: boolean;
|
|
21
27
|
defaultCategory?: string;
|
|
22
28
|
appVersion?: string;
|
|
23
29
|
getTicketHref?: (id: string) => string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webority/support-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.32.0",
|
|
4
4
|
"description": "Webority customer support for React portals: ticket centre, report-an-issue with a page screenshot, and support contact details, built on @webority/ui-react.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"type": "module",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"react": "^19.0.0",
|
|
33
33
|
"react-bootstrap": "^2.10.0",
|
|
34
34
|
"react-dom": "^19.0.0",
|
|
35
|
-
"@webority/ui-react": "0.
|
|
35
|
+
"@webority/ui-react": "0.32.0"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@testing-library/dom": "10.4.2",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"typescript": "^7.0.2",
|
|
51
51
|
"vite": "^8.0.12",
|
|
52
52
|
"vitest": "5.0.1",
|
|
53
|
-
"@webority/ui-react": "0.
|
|
53
|
+
"@webority/ui-react": "0.32.0"
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"html-to-image": "^1.11.13"
|