@atlaskit/forge-react-types 0.51.0 → 0.52.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/CHANGELOG.md +18 -0
- package/dist/types/components/charts/BarChartProps.d.ts +10 -6
- package/dist/types/components/charts/DonutChartProps.d.ts +4 -0
- package/dist/types/components/charts/LineChartProps.d.ts +10 -6
- package/dist/types/components/charts/PieChartProps.d.ts +4 -0
- package/dist/types-ts4.5/components/charts/BarChartProps.d.ts +10 -6
- package/dist/types-ts4.5/components/charts/DonutChartProps.d.ts +4 -0
- package/dist/types-ts4.5/components/charts/LineChartProps.d.ts +10 -6
- package/dist/types-ts4.5/components/charts/PieChartProps.d.ts +4 -0
- package/package.json +20 -20
- package/src/components/charts/BarChartProps.tsx +10 -6
- package/src/components/charts/DonutChartProps.tsx +4 -0
- package/src/components/charts/LineChartProps.tsx +10 -6
- package/src/components/charts/PieChartProps.tsx +4 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/forge-react-types
|
|
2
2
|
|
|
3
|
+
## 0.52.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`324a6ff3651be`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/324a6ff3651be) -
|
|
8
|
+
Changes unreleased property name margin -> plotMargin and adds new property showBorder to UI Kit
|
|
9
|
+
chart components
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
15
|
+
## 0.51.1
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
|
|
3
21
|
## 0.51.0
|
|
4
22
|
|
|
5
23
|
### Minor Changes
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type ActiveTokens } from
|
|
1
|
+
import { type ActiveTokens } from '@atlaskit/tokens';
|
|
2
2
|
type MarginValue = Extract<ActiveTokens, `space.${string}`>;
|
|
3
3
|
export type BarChartProps = {
|
|
4
4
|
/**
|
|
@@ -39,23 +39,27 @@ export type BarChartProps = {
|
|
|
39
39
|
/**
|
|
40
40
|
* Margin applied to the plot area of the chart.
|
|
41
41
|
*/
|
|
42
|
-
|
|
42
|
+
plotMargin?: MarginValue;
|
|
43
43
|
/**
|
|
44
44
|
* Margin applied to the top of the plot area of the chart.
|
|
45
45
|
*/
|
|
46
|
-
|
|
46
|
+
plotMarginTop?: MarginValue;
|
|
47
47
|
/**
|
|
48
48
|
* Margin applied to the right of the plot area of the chart.
|
|
49
49
|
*/
|
|
50
|
-
|
|
50
|
+
plotMarginRight?: MarginValue;
|
|
51
51
|
/**
|
|
52
52
|
* Margin applied to the bottom of the plot area of the chart.
|
|
53
53
|
*/
|
|
54
|
-
|
|
54
|
+
plotMarginBottom?: MarginValue;
|
|
55
55
|
/**
|
|
56
56
|
* Margin applied to the left of the plot area of the chart.
|
|
57
57
|
*/
|
|
58
|
-
|
|
58
|
+
plotMarginLeft?: MarginValue;
|
|
59
|
+
/**
|
|
60
|
+
* Adds a border onto the chart. Defaults to true.
|
|
61
|
+
*/
|
|
62
|
+
showBorder?: boolean;
|
|
59
63
|
};
|
|
60
64
|
type StackChartProps = BarChartProps & {
|
|
61
65
|
/**
|
|
@@ -8,6 +8,10 @@ export type DonutChartProps = PieChartProps & {
|
|
|
8
8
|
* The radius of the outer circle of the donut chart in pixels. If this is not specified, the radius is responsive.
|
|
9
9
|
*/
|
|
10
10
|
outerRadius?: number;
|
|
11
|
+
/**
|
|
12
|
+
* Adds a border onto the chart. Defaults to true.
|
|
13
|
+
*/
|
|
14
|
+
showBorder?: boolean;
|
|
11
15
|
};
|
|
12
16
|
/**
|
|
13
17
|
* A visual representation of data proportions in a donut format.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type ActiveTokens } from
|
|
1
|
+
import { type ActiveTokens } from '@atlaskit/tokens';
|
|
2
2
|
type MarginValue = Extract<ActiveTokens, `space.${string}`>;
|
|
3
3
|
export type LineChartProps = {
|
|
4
4
|
/**
|
|
@@ -39,23 +39,27 @@ export type LineChartProps = {
|
|
|
39
39
|
/**
|
|
40
40
|
* Margin applied to the plot area of the chart.
|
|
41
41
|
*/
|
|
42
|
-
|
|
42
|
+
plotMargin?: MarginValue;
|
|
43
43
|
/**
|
|
44
44
|
* Margin applied to the top of the plot area of the chart.
|
|
45
45
|
*/
|
|
46
|
-
|
|
46
|
+
plotMarginTop?: MarginValue;
|
|
47
47
|
/**
|
|
48
48
|
* Margin applied to the right of the plot area of the chart.
|
|
49
49
|
*/
|
|
50
|
-
|
|
50
|
+
plotMarginRight?: MarginValue;
|
|
51
51
|
/**
|
|
52
52
|
* Margin applied to the bottom of the plot area of the chart.
|
|
53
53
|
*/
|
|
54
|
-
|
|
54
|
+
plotMarginBottom?: MarginValue;
|
|
55
55
|
/**
|
|
56
56
|
* Margin applied to the left of the plot area of the chart.
|
|
57
57
|
*/
|
|
58
|
-
|
|
58
|
+
plotMarginLeft?: MarginValue;
|
|
59
|
+
/**
|
|
60
|
+
* Adds a border onto the chart. Defaults to true.
|
|
61
|
+
*/
|
|
62
|
+
showBorder?: boolean;
|
|
59
63
|
};
|
|
60
64
|
/**
|
|
61
65
|
* A visual representation of data showing trends.
|
|
@@ -38,6 +38,10 @@ export type PieChartProps = {
|
|
|
38
38
|
* Boolean to display labels on top of each slice. Defaults to `false`.
|
|
39
39
|
*/
|
|
40
40
|
showMarkLabels?: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* Adds a border onto the chart. Defaults to true.
|
|
43
|
+
*/
|
|
44
|
+
showBorder?: boolean;
|
|
41
45
|
};
|
|
42
46
|
/**
|
|
43
47
|
* A visual representation of data proportions in a circular format.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type ActiveTokens } from
|
|
1
|
+
import { type ActiveTokens } from '@atlaskit/tokens';
|
|
2
2
|
type MarginValue = Extract<ActiveTokens, `space.${string}`>;
|
|
3
3
|
export type BarChartProps = {
|
|
4
4
|
/**
|
|
@@ -39,23 +39,27 @@ export type BarChartProps = {
|
|
|
39
39
|
/**
|
|
40
40
|
* Margin applied to the plot area of the chart.
|
|
41
41
|
*/
|
|
42
|
-
|
|
42
|
+
plotMargin?: MarginValue;
|
|
43
43
|
/**
|
|
44
44
|
* Margin applied to the top of the plot area of the chart.
|
|
45
45
|
*/
|
|
46
|
-
|
|
46
|
+
plotMarginTop?: MarginValue;
|
|
47
47
|
/**
|
|
48
48
|
* Margin applied to the right of the plot area of the chart.
|
|
49
49
|
*/
|
|
50
|
-
|
|
50
|
+
plotMarginRight?: MarginValue;
|
|
51
51
|
/**
|
|
52
52
|
* Margin applied to the bottom of the plot area of the chart.
|
|
53
53
|
*/
|
|
54
|
-
|
|
54
|
+
plotMarginBottom?: MarginValue;
|
|
55
55
|
/**
|
|
56
56
|
* Margin applied to the left of the plot area of the chart.
|
|
57
57
|
*/
|
|
58
|
-
|
|
58
|
+
plotMarginLeft?: MarginValue;
|
|
59
|
+
/**
|
|
60
|
+
* Adds a border onto the chart. Defaults to true.
|
|
61
|
+
*/
|
|
62
|
+
showBorder?: boolean;
|
|
59
63
|
};
|
|
60
64
|
type StackChartProps = BarChartProps & {
|
|
61
65
|
/**
|
|
@@ -8,6 +8,10 @@ export type DonutChartProps = PieChartProps & {
|
|
|
8
8
|
* The radius of the outer circle of the donut chart in pixels. If this is not specified, the radius is responsive.
|
|
9
9
|
*/
|
|
10
10
|
outerRadius?: number;
|
|
11
|
+
/**
|
|
12
|
+
* Adds a border onto the chart. Defaults to true.
|
|
13
|
+
*/
|
|
14
|
+
showBorder?: boolean;
|
|
11
15
|
};
|
|
12
16
|
/**
|
|
13
17
|
* A visual representation of data proportions in a donut format.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type ActiveTokens } from
|
|
1
|
+
import { type ActiveTokens } from '@atlaskit/tokens';
|
|
2
2
|
type MarginValue = Extract<ActiveTokens, `space.${string}`>;
|
|
3
3
|
export type LineChartProps = {
|
|
4
4
|
/**
|
|
@@ -39,23 +39,27 @@ export type LineChartProps = {
|
|
|
39
39
|
/**
|
|
40
40
|
* Margin applied to the plot area of the chart.
|
|
41
41
|
*/
|
|
42
|
-
|
|
42
|
+
plotMargin?: MarginValue;
|
|
43
43
|
/**
|
|
44
44
|
* Margin applied to the top of the plot area of the chart.
|
|
45
45
|
*/
|
|
46
|
-
|
|
46
|
+
plotMarginTop?: MarginValue;
|
|
47
47
|
/**
|
|
48
48
|
* Margin applied to the right of the plot area of the chart.
|
|
49
49
|
*/
|
|
50
|
-
|
|
50
|
+
plotMarginRight?: MarginValue;
|
|
51
51
|
/**
|
|
52
52
|
* Margin applied to the bottom of the plot area of the chart.
|
|
53
53
|
*/
|
|
54
|
-
|
|
54
|
+
plotMarginBottom?: MarginValue;
|
|
55
55
|
/**
|
|
56
56
|
* Margin applied to the left of the plot area of the chart.
|
|
57
57
|
*/
|
|
58
|
-
|
|
58
|
+
plotMarginLeft?: MarginValue;
|
|
59
|
+
/**
|
|
60
|
+
* Adds a border onto the chart. Defaults to true.
|
|
61
|
+
*/
|
|
62
|
+
showBorder?: boolean;
|
|
59
63
|
};
|
|
60
64
|
/**
|
|
61
65
|
* A visual representation of data showing trends.
|
|
@@ -38,6 +38,10 @@ export type PieChartProps = {
|
|
|
38
38
|
* Boolean to display labels on top of each slice. Defaults to `false`.
|
|
39
39
|
*/
|
|
40
40
|
showMarkLabels?: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* Adds a border onto the chart. Defaults to true.
|
|
43
|
+
*/
|
|
44
|
+
showBorder?: boolean;
|
|
41
45
|
};
|
|
42
46
|
/**
|
|
43
47
|
* A visual representation of data proportions in a circular format.
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/forge-react-types",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.52.0",
|
|
4
4
|
"description": "Component types for Forge UI Kit React components",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
7
7
|
},
|
|
8
|
-
"repository": "https://
|
|
8
|
+
"repository": "https://bitbucket.org/atlassian/atlassian-frontend-monorepo",
|
|
9
9
|
"author": "Atlassian Pty Ltd",
|
|
10
10
|
"types": "dist/types/index.d.ts",
|
|
11
11
|
"typesVersions": {
|
|
@@ -21,29 +21,29 @@
|
|
|
21
21
|
"team": "Forge UI"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@atlaskit/button": "^23.
|
|
25
|
-
"@atlaskit/comment": "^13.
|
|
26
|
-
"@atlaskit/datetime-picker": "^17.
|
|
24
|
+
"@atlaskit/button": "^23.8.0",
|
|
25
|
+
"@atlaskit/comment": "^13.2.0",
|
|
26
|
+
"@atlaskit/datetime-picker": "^17.2.0",
|
|
27
27
|
"@atlaskit/dynamic-table": "^18.3.0",
|
|
28
|
-
"@atlaskit/form": "^
|
|
29
|
-
"@atlaskit/inline-edit": "^15.
|
|
30
|
-
"@atlaskit/modal-dialog": "^14.
|
|
31
|
-
"@atlaskit/navigation-system": "^5.
|
|
32
|
-
"@atlaskit/popup": "^4.
|
|
28
|
+
"@atlaskit/form": "^15.0.0",
|
|
29
|
+
"@atlaskit/inline-edit": "^15.4.0",
|
|
30
|
+
"@atlaskit/modal-dialog": "^14.9.0",
|
|
31
|
+
"@atlaskit/navigation-system": "^5.12.0",
|
|
32
|
+
"@atlaskit/popup": "^4.7.0",
|
|
33
33
|
"@atlaskit/primitives": "^16.4.0",
|
|
34
|
-
"@atlaskit/progress-bar": "^4.
|
|
34
|
+
"@atlaskit/progress-bar": "^4.1.0",
|
|
35
35
|
"@atlaskit/progress-tracker": "^10.3.0",
|
|
36
36
|
"@atlaskit/radio": "^8.3.0",
|
|
37
|
-
"@atlaskit/section-message": "^8.
|
|
38
|
-
"@atlaskit/select": "^21.
|
|
37
|
+
"@atlaskit/section-message": "^8.11.0",
|
|
38
|
+
"@atlaskit/select": "^21.6.0",
|
|
39
39
|
"@atlaskit/spinner": "^19.0.0",
|
|
40
|
-
"@atlaskit/tabs": "^18.
|
|
41
|
-
"@atlaskit/tag": "^14.
|
|
40
|
+
"@atlaskit/tabs": "^18.3.0",
|
|
41
|
+
"@atlaskit/tag": "^14.2.0",
|
|
42
42
|
"@atlaskit/tag-group": "^12.0.0",
|
|
43
|
-
"@atlaskit/textarea": "^8.
|
|
44
|
-
"@atlaskit/textfield": "^8.
|
|
45
|
-
"@atlaskit/toggle": "^15.
|
|
46
|
-
"@atlaskit/tokens": "^8.
|
|
43
|
+
"@atlaskit/textarea": "^8.2.0",
|
|
44
|
+
"@atlaskit/textfield": "^8.2.0",
|
|
45
|
+
"@atlaskit/toggle": "^15.2.0",
|
|
46
|
+
"@atlaskit/tokens": "^8.6.0",
|
|
47
47
|
"@atlaskit/tooltip": "^20.11.0",
|
|
48
48
|
"@babel/runtime": "^7.0.0"
|
|
49
49
|
},
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@atlassian/codegen": "^0.1.0",
|
|
55
|
-
"@atlassian/forge-ui": "^32.
|
|
55
|
+
"@atlassian/forge-ui": "^32.57.0",
|
|
56
56
|
"@types/node": "~22.17.1",
|
|
57
57
|
"lodash": "^4.17.21",
|
|
58
58
|
"react": "^18.2.0",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type ActiveTokens } from
|
|
1
|
+
import { type ActiveTokens } from '@atlaskit/tokens';
|
|
2
2
|
|
|
3
3
|
type MarginValue = Extract<ActiveTokens, `space.${string}`>;
|
|
4
4
|
|
|
@@ -41,23 +41,27 @@ export type BarChartProps = {
|
|
|
41
41
|
/**
|
|
42
42
|
* Margin applied to the plot area of the chart.
|
|
43
43
|
*/
|
|
44
|
-
|
|
44
|
+
plotMargin?: MarginValue;
|
|
45
45
|
/**
|
|
46
46
|
* Margin applied to the top of the plot area of the chart.
|
|
47
47
|
*/
|
|
48
|
-
|
|
48
|
+
plotMarginTop?: MarginValue;
|
|
49
49
|
/**
|
|
50
50
|
* Margin applied to the right of the plot area of the chart.
|
|
51
51
|
*/
|
|
52
|
-
|
|
52
|
+
plotMarginRight?: MarginValue;
|
|
53
53
|
/**
|
|
54
54
|
* Margin applied to the bottom of the plot area of the chart.
|
|
55
55
|
*/
|
|
56
|
-
|
|
56
|
+
plotMarginBottom?: MarginValue;
|
|
57
57
|
/**
|
|
58
58
|
* Margin applied to the left of the plot area of the chart.
|
|
59
59
|
*/
|
|
60
|
-
|
|
60
|
+
plotMarginLeft?: MarginValue;
|
|
61
|
+
/**
|
|
62
|
+
* Adds a border onto the chart. Defaults to true.
|
|
63
|
+
*/
|
|
64
|
+
showBorder?: boolean;
|
|
61
65
|
};
|
|
62
66
|
|
|
63
67
|
type StackChartProps = BarChartProps & {
|
|
@@ -9,6 +9,10 @@ export type DonutChartProps = PieChartProps & {
|
|
|
9
9
|
* The radius of the outer circle of the donut chart in pixels. If this is not specified, the radius is responsive.
|
|
10
10
|
*/
|
|
11
11
|
outerRadius?: number;
|
|
12
|
+
/**
|
|
13
|
+
* Adds a border onto the chart. Defaults to true.
|
|
14
|
+
*/
|
|
15
|
+
showBorder?: boolean;
|
|
12
16
|
};
|
|
13
17
|
|
|
14
18
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type ActiveTokens } from
|
|
1
|
+
import { type ActiveTokens } from '@atlaskit/tokens';
|
|
2
2
|
|
|
3
3
|
type MarginValue = Extract<ActiveTokens, `space.${string}`>;
|
|
4
4
|
|
|
@@ -41,23 +41,27 @@ export type LineChartProps = {
|
|
|
41
41
|
/**
|
|
42
42
|
* Margin applied to the plot area of the chart.
|
|
43
43
|
*/
|
|
44
|
-
|
|
44
|
+
plotMargin?: MarginValue;
|
|
45
45
|
/**
|
|
46
46
|
* Margin applied to the top of the plot area of the chart.
|
|
47
47
|
*/
|
|
48
|
-
|
|
48
|
+
plotMarginTop?: MarginValue;
|
|
49
49
|
/**
|
|
50
50
|
* Margin applied to the right of the plot area of the chart.
|
|
51
51
|
*/
|
|
52
|
-
|
|
52
|
+
plotMarginRight?: MarginValue;
|
|
53
53
|
/**
|
|
54
54
|
* Margin applied to the bottom of the plot area of the chart.
|
|
55
55
|
*/
|
|
56
|
-
|
|
56
|
+
plotMarginBottom?: MarginValue;
|
|
57
57
|
/**
|
|
58
58
|
* Margin applied to the left of the plot area of the chart.
|
|
59
59
|
*/
|
|
60
|
-
|
|
60
|
+
plotMarginLeft?: MarginValue;
|
|
61
|
+
/**
|
|
62
|
+
* Adds a border onto the chart. Defaults to true.
|
|
63
|
+
*/
|
|
64
|
+
showBorder?: boolean;
|
|
61
65
|
};
|
|
62
66
|
|
|
63
67
|
/**
|