@itwin/itwinui-react 2.2.0 → 2.2.1
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 +58 -45
- package/LICENSE.md +1 -1
- package/README.md +7 -7
- package/cjs/core/ComboBox/ComboBoxMenu.js +2 -1
- package/esm/core/ComboBox/ComboBoxMenu.js +2 -1
- package/package.json +5 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,57 +1,69 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 2.2.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 8e92e7e2: ComboBox dropdown width will now stay fixed when `enableVirtualization` is true.
|
|
8
|
+
|
|
3
9
|
## [2.2.0](https://www.github.com/iTwin/iTwinUI-react/compare/v2.1.0...v2.2.0) (2022-12-19)
|
|
4
10
|
|
|
5
|
-
###
|
|
11
|
+
### Minor changes
|
|
6
12
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
13
|
+
- **NotificationMarker:** Add new `NotificationMarker` component ([#829](https://www.github.com/iTwin/iTwinUI-react/issues/829))
|
|
14
|
+
- **Table:** `onFilter` gets filtered rows ([#958](https://www.github.com/iTwin/iTwinUI-react/issues/958))
|
|
15
|
+
- **Timepicker:** Add combined time column ([#844](https://www.github.com/iTwin/iTwinUI-react/issues/844))
|
|
10
16
|
|
|
11
|
-
###
|
|
17
|
+
### Patch changes
|
|
12
18
|
|
|
13
|
-
|
|
19
|
+
- **Table:** Reset `columnOrder` when `columns` changes ([#983](https://www.github.com/iTwin/iTwinUI-react/issues/983))
|
|
14
20
|
|
|
15
|
-
|
|
21
|
+
## 2.1.1 (2022-12-16)
|
|
16
22
|
|
|
17
|
-
###
|
|
23
|
+
### Patch changes
|
|
18
24
|
|
|
19
|
-
|
|
25
|
+
- Use `import type` instead of `import { type }` for supporting older typescript versions ([#996](https://www.github.com/iTwin/iTwinUI-react/issues/996))
|
|
20
26
|
|
|
21
27
|
## [2.1.0](https://www.github.com/iTwin/iTwinUI-react/compare/v2.0.2...v2.1.0) (2022-12-12)
|
|
22
28
|
|
|
23
|
-
###
|
|
29
|
+
### Minor changes
|
|
24
30
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
31
|
+
- **Combobox:** Add support for multi-selection through `multiple` prop ([#830](https://www.github.com/iTwin/iTwinUI-react/issues/830))
|
|
32
|
+
- **ThemeProvider:** Add `applyBackground` to `themeOptions` prop. ([#974](https://www.github.com/iTwin/iTwinUI-react/issues/974))
|
|
33
|
+
- Defaults to true for the topmost ThemeProvider in the tree.
|
|
34
|
+
- **Table:** Ctrl + Shift click now keeps previous selection & also shift clicks ([#888](https://www.github.com/iTwin/iTwinUI-react/issues/888))
|
|
29
35
|
|
|
30
|
-
###
|
|
36
|
+
### Patch changes
|
|
31
37
|
|
|
32
|
-
|
|
38
|
+
- **Table:** Ctrl and checkbox clicks update start row of shift selection ([#889](https://www.github.com/iTwin/iTwinUI-react/issues/889))
|
|
33
39
|
|
|
34
|
-
|
|
40
|
+
## 2.0.4 (2022-12-16)
|
|
35
41
|
|
|
36
|
-
###
|
|
42
|
+
### Patch changes
|
|
37
43
|
|
|
38
|
-
|
|
44
|
+
- Use `import type` instead of `import { type }` for supporting older typescript versions ([#996](https://www.github.com/iTwin/iTwinUI-react/issues/996))
|
|
39
45
|
|
|
40
|
-
|
|
46
|
+
## 2.0.3 (2022-12-12)
|
|
41
47
|
|
|
42
|
-
###
|
|
48
|
+
### Patch changes
|
|
43
49
|
|
|
44
|
-
|
|
50
|
+
- **ComboBox:** Move max-height to outer element to fix virtual scroll ([#986](https://www.github.com/iTwin/iTwinUI-react/issues/986))
|
|
45
51
|
|
|
46
|
-
|
|
52
|
+
## [2.0.2](https://www.github.com/iTwin/iTwinUI-react/compare/v2.0.1...v2.0.2) (2022-12-07)
|
|
47
53
|
|
|
48
|
-
###
|
|
54
|
+
### Patch changes
|
|
49
55
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
56
|
+
- **ThemeProvider:** Improved types to exclude `ownerDocument` from `themeOptions` if children passed ([#973](https://www.github.com/iTwin/iTwinUI-react/issues/973))
|
|
57
|
+
|
|
58
|
+
## [2.0.1](https://www.github.com/iTwin/iTwinUI-react/compare/v2.0.0...v2.0.1) (2022-12-05)
|
|
59
|
+
|
|
60
|
+
### Patch changes
|
|
61
|
+
|
|
62
|
+
- **useTheme:** Exit early if theme is already set on body ([#963](https://www.github.com/iTwin/iTwinUI-react/issues/963))
|
|
63
|
+
- **ModalButtonBar, ModalContent:** Wrap `DialogButtonBar` and `DialogContent` instead of directly assigning ([#961](https://www.github.com/iTwin/iTwinUI-react/issues/961))
|
|
64
|
+
- **Table:** Added localization for selected rows count ([#945](https://www.github.com/iTwin/iTwinUI-react/issues/945))
|
|
65
|
+
- Replaced all instances of `useLayoutEffect` with `useIsomorphicLayoutEffect` to fix SSR warnings ([#964](https://www.github.com/iTwin/iTwinUI-react/issues/964))
|
|
66
|
+
- Fixed css warnings about `start` vs `flex-start` through base itwinui-css update ([#962](https://www.github.com/iTwin/iTwinUI-react/issues/962))
|
|
55
67
|
|
|
56
68
|
## [2.0.0](https://www.github.com/iTwin/iTwinUI-react/compare/v1.48.1...v2.0.0) (2022-11-15)
|
|
57
69
|
|
|
@@ -67,9 +79,10 @@ iTwinUI no longer supports Internet Explorer. The build output now targets `es20
|
|
|
67
79
|
|
|
68
80
|
As for breaking API changes, there is only one:
|
|
69
81
|
|
|
70
|
-
|
|
82
|
+
- **Table:** `columns` prop must now be an array. First level `Header` is no longer required ([#935](https://www.github.com/iTwin/iTwinUI-react/issues/935))
|
|
83
|
+
|
|
71
84
|
```diff
|
|
72
|
-
- const columns = { Header: 'Table', columns: [{ accessor: 'name', Header: 'Name' }, … ] };
|
|
85
|
+
- const columns = [{ Header: 'Table', columns: [{ accessor: 'name', Header: 'Name' }, … ] }];
|
|
73
86
|
+ const columns = [{ accessor: 'name', Header: 'Name' }, … ];
|
|
74
87
|
|
|
75
88
|
<Table columns={columns} data={data} />
|
|
@@ -77,29 +90,29 @@ As for breaking API changes, there is only one:
|
|
|
77
90
|
|
|
78
91
|
Other than that, props and components that were already deprecated in v1 have been removed:
|
|
79
92
|
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
93
|
+
- **Tabs:** Remove deprecated `HorizontalTab` and `HorizontalTabProps` ([#852](https://www.github.com/iTwin/iTwinUI-react/issues/852))
|
|
94
|
+
- **Checkbox, Radio:** Remove deprecated `checkmarkClassName` and `checkmarkStyle` ([#855](https://www.github.com/iTwin/iTwinUI-react/issues/855))
|
|
95
|
+
- **Alert:** Remove deprecated `onClick` prop ([#851](https://www.github.com/iTwin/iTwinUI-react/issues/851))
|
|
83
96
|
|
|
84
97
|
### Deprecations
|
|
85
98
|
|
|
86
99
|
We have also taken this opportunity to deprecate a few more things while not removing them just yet, to minimize the number of breaking changes.
|
|
87
100
|
|
|
88
|
-
|
|
101
|
+
- **Avatar, AvatarGroup:** Deprecate `UserIcon`/`UserIconGroup`, replace with `Avatar`/`AvatarGroup` ([#902](https://www.github.com/iTwin/iTwinUI-react/issues/902))
|
|
89
102
|
- Also deprecated `userIcon` prop in `Header`.
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
103
|
+
- **Tabs:** Deprecate `HorizontalTabs`, `VerticalTabs` to use `Tabs` ([#908](https://www.github.com/iTwin/iTwinUI-react/issues/908))
|
|
104
|
+
- **Typography:** Deprecate Headline, Leading, Small, Subheading, Title, Body. Replaced with `Text`. ([#914](https://www.github.com/iTwin/iTwinUI-react/issues/914))
|
|
105
|
+
- **Wizard:** Deprecate `Wizard` to use `Stepper`/`WorkflowDiagram` ([#905](https://www.github.com/iTwin/iTwinUI-react/issues/905))
|
|
106
|
+
- **ErrorPage:** Deprecate `ErrorPage` and add `NonIdealState` for lower bundle size and inversion of control. ([#924](https://www.github.com/iTwin/iTwinUI-react/issues/924))
|
|
94
107
|
|
|
95
108
|
### What's new
|
|
96
109
|
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
110
|
+
- Allow scoped styles using `ThemeProvider` ([#825](https://github.com/iTwin/iTwinUI-react/pull/825))
|
|
111
|
+
- Add `exports` field to package.json. This improves compatibility with ESM environments like vitest. ([#845](https://www.github.com/iTwin/iTwinUI-react/issues/845))
|
|
112
|
+
- Removed dependency on `@itwin/itwinui-icons`. The icons are now inlined. ([#917](https://www.github.com/iTwin/iTwinUI-react/issues/917))
|
|
113
|
+
- **Table:** Add row loading state ([#871](https://www.github.com/iTwin/iTwinUI-react/issues/871))
|
|
114
|
+
- **Table:** Row selection count for paginator ([#837](https://www.github.com/iTwin/iTwinUI-react/issues/837))
|
|
115
|
+
- **Tile:** Add status and loading state ([#872](https://www.github.com/iTwin/iTwinUI-react/issues/872))
|
|
103
116
|
|
|
104
117
|
If you're interested in more details about every signle change, check out a full diff in [`v1.48.1..v2.0.0`](https://www.github.com/iTwin/iTwinUI-react/compare/v1.48.1...v2.0.0).
|
|
105
118
|
|
package/LICENSE.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# MIT License
|
|
2
2
|
|
|
3
|
-
Copyright © Bentley Systems, Incorporated. All rights reserved.
|
|
3
|
+
Copyright © 2021-2023 Bentley Systems, Incorporated. All rights reserved.
|
|
4
4
|
|
|
5
5
|
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
|
6
6
|
|
package/README.md
CHANGED
|
@@ -16,14 +16,14 @@
|
|
|
16
16
|
<div align="center">
|
|
17
17
|
|
|
18
18
|
[](https://www.npmjs.com/package/@itwin/itwinui-react)
|
|
19
|
-
[](https://github.com/iTwin/iTwinUI/actions/workflows/build.yml?query=branch%3Amain)
|
|
20
20
|
|
|
21
21
|
</div>
|
|
22
22
|
|
|
23
23
|
## What is iTwinUI-react?
|
|
24
24
|
|
|
25
|
-
iTwinUI-react is a
|
|
26
|
-
The goal of this
|
|
25
|
+
iTwinUI-react is a React component library for [iTwinUI](https://github.com/iTwin/iTwinUI).
|
|
26
|
+
The goal of this package is to provide React components that make it easier to use the styles from [`@itwin/itwinui-css`](https://github.com/iTwin/iTwinUI/tree/main/packages/itwinui-css). Check out the [demo website](https://itwin.github.io/iTwinUI-react) to see the components in action.
|
|
27
27
|
|
|
28
28
|
---
|
|
29
29
|
|
|
@@ -80,17 +80,17 @@ const App = () => (
|
|
|
80
80
|
|
|
81
81
|
## FAQ
|
|
82
82
|
|
|
83
|
-
For a list of frequently asked questions, visit the [wiki](https://github.com/iTwin/iTwinUI
|
|
83
|
+
For a list of frequently asked questions, visit the [wiki](https://github.com/iTwin/iTwinUI/wiki/FAQ).
|
|
84
84
|
|
|
85
85
|
---
|
|
86
86
|
|
|
87
87
|
## Contributing
|
|
88
88
|
|
|
89
|
-
We welcome you to contribute and make this UI design system better. You can submit feature requests or bugs by creating an [issue](https://github.com/iTwin/iTwinUI
|
|
90
|
-
Please read our [CONTRIBUTING.md](https://github.com/iTwin/iTwinUI
|
|
89
|
+
We welcome you to contribute and make this UI design system better. You can submit feature requests or bugs by creating an [issue](https://github.com/iTwin/iTwinUI/issues).
|
|
90
|
+
Please read our [CONTRIBUTING.md](https://github.com/iTwin/iTwinUI/blob/main/CONTRIBUTING.md) for more information.
|
|
91
91
|
|
|
92
92
|
---
|
|
93
93
|
|
|
94
94
|
## Changelog
|
|
95
95
|
|
|
96
|
-
Read our [CHANGELOG.md](https://github.com/iTwin/iTwinUI
|
|
96
|
+
Read our [CHANGELOG.md](https://github.com/iTwin/iTwinUI/blob/main/packages/itwinui-react/CHANGELOG.md) to find recent changes.
|
|
@@ -39,7 +39,8 @@ const VirtualizedComboBoxMenu = react_1.default.forwardRef(({ children, classNam
|
|
|
39
39
|
});
|
|
40
40
|
const surfaceStyles = {
|
|
41
41
|
minWidth,
|
|
42
|
-
|
|
42
|
+
// set as constant because we don't want it shifting when items are unmounted
|
|
43
|
+
maxWidth: minWidth,
|
|
43
44
|
// max-height must be on the outermost element for virtual scroll
|
|
44
45
|
maxHeight: 'calc((var(--iui-component-height) - 1px) * 8.5)',
|
|
45
46
|
overflowY: isOverflowOverlaySupported() ? 'overlay' : 'auto',
|
|
@@ -33,7 +33,8 @@ const VirtualizedComboBoxMenu = React.forwardRef(({ children, className, style,
|
|
|
33
33
|
});
|
|
34
34
|
const surfaceStyles = {
|
|
35
35
|
minWidth,
|
|
36
|
-
|
|
36
|
+
// set as constant because we don't want it shifting when items are unmounted
|
|
37
|
+
maxWidth: minWidth,
|
|
37
38
|
// max-height must be on the outermost element for virtual scroll
|
|
38
39
|
maxHeight: 'calc((var(--iui-component-height) - 1px) * 8.5)',
|
|
39
40
|
overflowY: isOverflowOverlaySupported() ? 'overlay' : 'auto',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itwin/itwinui-react",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.1",
|
|
4
4
|
"author": "Bentley Systems",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "cjs/index.js",
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
"CHANGELOG.md",
|
|
30
30
|
"LICENSE.md"
|
|
31
31
|
],
|
|
32
|
-
"description": "A react
|
|
33
|
-
"homepage": "https://github.com/iTwin/iTwinUI
|
|
32
|
+
"description": "A react component library for iTwinUI",
|
|
33
|
+
"homepage": "https://github.com/iTwin/iTwinUI",
|
|
34
34
|
"keywords": [
|
|
35
35
|
"component",
|
|
36
36
|
"components",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"test:watch": "jest --watch",
|
|
56
56
|
"format": "prettier --config .prettierrc **/*.{tsx,ts,js} --ignore-path .gitignore --write",
|
|
57
57
|
"lint": "eslint \"**/*.{js,ts,tsx}\" --max-warnings=0",
|
|
58
|
-
"lint:fix": "yarn lint --fix && node
|
|
58
|
+
"lint:fix": "yarn lint --fix && node ../../scripts/copyrightLinter.js --fix \"*/**/*.{js,ts,tsx}\"",
|
|
59
59
|
"dev": "yarn clean:build && concurrently \"yarn dev:esm\" \"yarn dev:cjs\" \"yarn dev:types\"",
|
|
60
60
|
"dev:esm": "swc src -d esm --watch",
|
|
61
61
|
"dev:cjs": "swc src -d cjs --watch -C module.type=commonjs",
|
|
@@ -90,7 +90,6 @@
|
|
|
90
90
|
"@typescript-eslint/parser": "^5.17.0",
|
|
91
91
|
"babel-loader": "^8.2.2",
|
|
92
92
|
"concurrently": "^5.3.0",
|
|
93
|
-
"configs": "*",
|
|
94
93
|
"eslint": "^8.12.0",
|
|
95
94
|
"eslint-config-prettier": "^8.5.0",
|
|
96
95
|
"inquirer": "^6.2.2",
|
|
@@ -113,7 +112,7 @@
|
|
|
113
112
|
"lint-staged": {
|
|
114
113
|
"*.{tsx,ts,jsx,js}": [
|
|
115
114
|
"prettier --write",
|
|
116
|
-
"node
|
|
115
|
+
"node ../../scripts/copyrightLinter.js --fix"
|
|
117
116
|
],
|
|
118
117
|
"*.{tsx,ts}": [
|
|
119
118
|
"eslint --max-warnings=0 --fix"
|