@seatsio/seatsio-react 14.5.0 → 14.6.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.
Files changed (2) hide show
  1. package/README.md +20 -0
  2. package/package.json +5 -5
package/README.md CHANGED
@@ -30,6 +30,26 @@ import { SeatsioSeatingChart } from '@seatsio/seatsio-react';
30
30
 
31
31
  The chart uses 100% of the width and height of the DOM element (e.g. a div) in which you render it. Play with the size of that element to change the chart size.
32
32
 
33
+ ### TypeScript
34
+
35
+ The `@seatsio/seatsio-types` package (which comes installed with `@seatsio/seatsio-react`) provides type definitions for the properties of the `SeatsioSeatingChart`:
36
+
37
+ ```jsx
38
+ import { Pricing } from "@seatsio/seatsio-types";
39
+
40
+ const pricing: Pricing = [
41
+ { category: '1', price: 30},
42
+ { category: '2', price: 40}
43
+ ]
44
+
45
+ <SeatsioSeatingChart
46
+ workspaceKey="<yourPublicWorkspaceKey>"
47
+ event="<yourEventKey>"
48
+ pricing={pricing}
49
+ region="eu"
50
+ />
51
+ ```
52
+
33
53
  ### onRenderStarted()
34
54
 
35
55
  `onRenderStarted` is fired when the chart has started loading, but hasn't rendered yet:
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seatsio/seatsio-react",
3
- "version": "14.5.0",
3
+ "version": "14.6.0",
4
4
  "main": "build/index.js",
5
5
  "module": "build/index.mjs",
6
6
  "types": "build/index.d.ts",
@@ -31,11 +31,11 @@
31
31
  "react": ">=18.0.0"
32
32
  },
33
33
  "devDependencies": {
34
- "@testing-library/jest-dom": "6.1.4",
35
- "@testing-library/react": "14.0.0",
34
+ "@testing-library/jest-dom": "6.1.5",
35
+ "@testing-library/react": "14.1.2",
36
36
  "@types/jest": "29.5.7",
37
- "@types/react": "18.2.33",
38
- "@types/react-dom": "18.2.14",
37
+ "@types/react": "18.2.39",
38
+ "@types/react-dom": "18.2.17",
39
39
  "jest": "29.7.0",
40
40
  "jest-environment-jsdom": "29.7.0",
41
41
  "react": "18.2.0",