From 0c57a1f9b8895fc01effc96fc9bea7fb898688ea Mon Sep 17 00:00:00 2001
From: Rohan Kadkol <45748283+rohan-kadkol@users.noreply.github.com>
Date: Tue, 26 Mar 2024 11:35:13 -0400
Subject: [PATCH 1/6] Tooltips don't keep being displayed upon hovering out
after a click (#1944)
---
.changeset/famous-hats-shout.md | 7 +++++++
packages/itwinui-react/src/core/Tooltip/Tooltip.tsx | 8 +++++---
2 files changed, 12 insertions(+), 3 deletions(-)
create mode 100644 .changeset/famous-hats-shout.md
diff --git a/.changeset/famous-hats-shout.md b/.changeset/famous-hats-shout.md
new file mode 100644
index 00000000000..6f4dcc26434
--- /dev/null
+++ b/.changeset/famous-hats-shout.md
@@ -0,0 +1,7 @@
+---
+"@itwin/itwinui-react": patch
+---
+
+Fixed an issue where `Tooltip` would stay open after clicking on the trigger element. The tooltip will now be correctly dismissed upon click.
+
+Also affects other components that use tooltips internally: `IconButton`, `SideNavigation`, etc.
diff --git a/packages/itwinui-react/src/core/Tooltip/Tooltip.tsx b/packages/itwinui-react/src/core/Tooltip/Tooltip.tsx
index 84407fdec71..a545ef1f606 100644
--- a/packages/itwinui-react/src/core/Tooltip/Tooltip.tsx
+++ b/packages/itwinui-react/src/core/Tooltip/Tooltip.tsx
@@ -10,7 +10,6 @@ import {
offset,
flip,
shift,
- useClick,
useHover,
useFocus,
useDismiss,
@@ -173,10 +172,13 @@ const useTooltip = (options: TooltipOptions = {}) => {
useHover(floating.context, {
delay: delay ?? { open: 50, close: 250 },
handleClose: safePolygon({ buffer: -Infinity }),
+ move: false,
}),
useFocus(floating.context),
- useClick(floating.context),
- useDismiss(floating.context),
+ useDismiss(floating.context, {
+ referencePress: true,
+ referencePressEvent: 'click',
+ }),
]);
// Manually add attributes and event handlers to external reference element,
From e3bdda14a320540036ee04a706c1b4d19783df03 Mon Sep 17 00:00:00 2001
From: Mayank <9084735+mayank99@users.noreply.github.com>
Date: Tue, 26 Mar 2024 11:37:27 -0400
Subject: [PATCH 2/6] bump `express` to `4.19.2` (#1952)
---
pnpm-lock.yaml | 88 ++++++--------------------------------------------
1 file changed, 10 insertions(+), 78 deletions(-)
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d7fef4d6de6..156a79966c4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -3712,7 +3712,7 @@ packages:
esbuild-plugins-node-modules-polyfill: 1.6.3(esbuild@0.17.6)
execa: 5.1.1
exit-hook: 2.2.1
- express: 4.18.2
+ express: 4.19.2
fs-extra: 10.1.0
get-port: 5.1.1
gunzip-maybe: 1.4.2
@@ -3756,7 +3756,7 @@ packages:
- utf-8-validate
dev: true
- /@remix-run/express@2.8.0(express@4.18.2)(typescript@5.1.6):
+ /@remix-run/express@2.8.0(express@4.19.2)(typescript@5.1.6):
resolution: {integrity: sha512-15qnPt+vrvv66pvdcRiodNF5I5Rot07HoKjVlrXYSO4KbSg9WTE0jCPX0rFStD4QNTa2hIl8YftPlmZXjFxQoQ==}
engines: {node: '>=18.0.0'}
peerDependencies:
@@ -3767,7 +3767,7 @@ packages:
optional: true
dependencies:
'@remix-run/node': 2.8.0(typescript@5.1.6)
- express: 4.18.2
+ express: 4.19.2
typescript: 5.1.6
/@remix-run/node@2.8.0(typescript@5.1.6):
@@ -3818,11 +3818,11 @@ packages:
engines: {node: '>=18.0.0'}
hasBin: true
dependencies:
- '@remix-run/express': 2.8.0(express@4.18.2)(typescript@5.1.6)
+ '@remix-run/express': 2.8.0(express@4.19.2)(typescript@5.1.6)
'@remix-run/node': 2.8.0(typescript@5.1.6)
chokidar: 3.6.0
compression: 1.7.4
- express: 4.18.2
+ express: 4.19.2
get-port: 5.1.1
morgan: 1.10.0
source-map-support: 0.5.21
@@ -5393,25 +5393,6 @@ packages:
/bluebird@3.7.2:
resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
- /body-parser@1.20.1:
- resolution: {integrity: sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==}
- engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
- dependencies:
- bytes: 3.1.2
- content-type: 1.0.5
- debug: 2.6.9
- depd: 2.0.0
- destroy: 1.2.0
- http-errors: 2.0.0
- iconv-lite: 0.4.24
- on-finished: 2.4.1
- qs: 6.11.0
- raw-body: 2.5.1
- type-is: 1.6.18
- unpipe: 1.0.0
- transitivePeerDependencies:
- - supports-color
-
/body-parser@1.20.2:
resolution: {integrity: sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA==}
engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
@@ -5430,7 +5411,6 @@ packages:
unpipe: 1.0.0
transitivePeerDependencies:
- supports-color
- dev: true
/boolbase@1.0.0:
resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
@@ -6120,6 +6100,7 @@ packages:
/cookie@0.5.0:
resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==}
engines: {node: '>= 0.6'}
+ dev: true
/cookie@0.6.0:
resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
@@ -7516,46 +7497,8 @@ packages:
requiresBuild: true
optional: true
- /express@4.18.2:
- resolution: {integrity: sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==}
- engines: {node: '>= 0.10.0'}
- dependencies:
- accepts: 1.3.8
- array-flatten: 1.1.1
- body-parser: 1.20.1
- content-disposition: 0.5.4
- content-type: 1.0.5
- cookie: 0.5.0
- cookie-signature: 1.0.6
- debug: 2.6.9
- depd: 2.0.0
- encodeurl: 1.0.2
- escape-html: 1.0.3
- etag: 1.8.1
- finalhandler: 1.2.0
- fresh: 0.5.2
- http-errors: 2.0.0
- merge-descriptors: 1.0.1
- methods: 1.1.2
- on-finished: 2.4.1
- parseurl: 1.3.3
- path-to-regexp: 0.1.7
- proxy-addr: 2.0.7
- qs: 6.11.0
- range-parser: 1.2.1
- safe-buffer: 5.2.1
- send: 0.18.0
- serve-static: 1.15.0
- setprototypeof: 1.2.0
- statuses: 2.0.1
- type-is: 1.6.18
- utils-merge: 1.0.1
- vary: 1.1.2
- transitivePeerDependencies:
- - supports-color
-
- /express@4.18.3:
- resolution: {integrity: sha512-6VyCijWQ+9O7WuVMTRBTl+cjNNIzD5cY5mQ1WM8r/LEkI2u8EYpOotESNwzNlyCn3g+dmjKYI6BmNneSr/FSRw==}
+ /express@4.19.2:
+ resolution: {integrity: sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==}
engines: {node: '>= 0.10.0'}
dependencies:
accepts: 1.3.8
@@ -7563,7 +7506,7 @@ packages:
body-parser: 1.20.2
content-disposition: 0.5.4
content-type: 1.0.5
- cookie: 0.5.0
+ cookie: 0.6.0
cookie-signature: 1.0.6
debug: 2.6.9
depd: 2.0.0
@@ -7591,7 +7534,6 @@ packages:
vary: 1.1.2
transitivePeerDependencies:
- supports-color
- dev: true
/expressive-code@0.33.5:
resolution: {integrity: sha512-UPg2jSvZEfXPiCa4MKtMoMQ5Hwiv7In5/LSCa/ukhjzZqPO48iVsCcEBgXWEUmEAQ02P0z00/xFfBmVnUKH+Zw==}
@@ -12673,15 +12615,6 @@ packages:
resolution: {integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==}
engines: {node: '>= 0.6'}
- /raw-body@2.5.1:
- resolution: {integrity: sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==}
- engines: {node: '>= 0.8'}
- dependencies:
- bytes: 3.1.2
- http-errors: 2.0.0
- iconv-lite: 0.4.24
- unpipe: 1.0.0
-
/raw-body@2.5.2:
resolution: {integrity: sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==}
engines: {node: '>= 0.8'}
@@ -12690,7 +12623,6 @@ packages:
http-errors: 2.0.0
iconv-lite: 0.4.24
unpipe: 1.0.0
- dev: true
/rc@1.2.8:
resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
@@ -14301,7 +14233,7 @@ packages:
/super-simple-web-server@1.1.4:
resolution: {integrity: sha512-sQdVXz8ZDBMloocL63mifyVVzhxP55MlO2F0MiYJAJQiHTp42M2C3m2dZBIxGkcC7NUDr1/p0UhvGQvOsxZLpw==}
dependencies:
- express: 4.18.3
+ express: 4.19.2
transitivePeerDependencies:
- supports-color
dev: true
From 0a071e94222e760e29aaf958468da839c56d2bdb Mon Sep 17 00:00:00 2001
From: Mayank <9084735+mayank99@users.noreply.github.com>
Date: Tue, 26 Mar 2024 15:33:42 -0400
Subject: [PATCH 3/6] add `adoptedStyleSheets` fallback for older safari
(#1954)
Slight refactor of ShadowRoot, with the main change being that when adoptedStyleSheets is not supported, an inline : null;
+
+ return shadowRoot ? (
+ ReactDOM.createPortal(
+ <>
+ {fallbackCss}
+ {children}
+ ,
+ shadowRoot,
+ )
+ ) : (
+
);
};
// ----------------------------------------------------------------------------
+/**
+ * Given a ref, this hook will return a shadowRoot attached to its parent element.
+ *
+ * The css will be added to the shadowRoot using `adoptedStyleSheets` (if supported).
+ */
+function useShadowRoot(
+ templateRef: React.RefObject,
+ { css = '' },
+) {
+ const [shadowRoot, setShadowRoot] = React.useState(null);
+ const styleSheet = React.useRef();
+ const latestCss = useLatestRef(css);
+
+ useLayoutEffect(() => {
+ const parent = templateRef.current?.parentElement;
+ if (!parent) {
+ return;
+ }
+
+ if (parent.shadowRoot) {
+ parent.shadowRoot.replaceChildren(); // Remove previous shadowroot content
+ }
+
+ const shadow = parent.shadowRoot || parent.attachShadow({ mode: 'open' });
+
+ if (supportsAdoptedStylesheets) {
+ // create an empty stylesheet and add it to the shadowRoot
+ const currentWindow = shadow.ownerDocument.defaultView || globalThis;
+ styleSheet.current = new currentWindow.CSSStyleSheet();
+ shadow.adoptedStyleSheets = [styleSheet.current];
+
+ // add the CSS immediately to avoid FOUC (one-time)
+ if (latestCss.current) {
+ styleSheet.current.replaceSync(latestCss.current);
+ }
+ }
+
+ queueMicrotask(() => {
+ // Flush the state immediately to ensure layout measurements in parent component are correct
+ ReactDOM.flushSync(() => setShadowRoot(shadow));
+ });
+
+ return () => void setShadowRoot(null);
+ }, [templateRef, latestCss]);
+
+ // Synchronize `css` with contents of the existing stylesheet
+ useLayoutEffect(() => {
+ if (css && supportsAdoptedStylesheets) {
+ styleSheet.current?.replaceSync(css);
+ }
+ }, [css]);
+
+ return shadowRoot;
+}
+
+// ----------------------------------------------------------------------------
+
function useIsFirstRender() {
const [isFirstRender, setIsFirstRender] = React.useState(true);
React.useEffect(() => setIsFirstRender(false), []);
From 15013b7c18c793833247fdf5c56f7c9ccacdabf9 Mon Sep 17 00:00:00 2001
From: Ben Pusey <141063311+Ben-Pusey-Bentley@users.noreply.github.com>
Date: Tue, 26 Mar 2024 16:13:52 -0400
Subject: [PATCH 4/6] Adds inline-size to horizontal tabs wrapper. (#1955)
---
.changeset/great-news-beg.md | 5 +++++
.changeset/little-mugs-tap.md | 5 +++++
examples/Tabs.actions.css | 3 ---
examples/Tabs.actions.jsx | 2 +-
examples/Tabs.borderless.css | 3 ---
examples/Tabs.borderless.jsx | 2 +-
examples/Tabs.controlled.css | 3 ---
examples/Tabs.controlled.jsx | 1 -
examples/Tabs.main.css | 3 ---
examples/Tabs.main.jsx | 2 +-
examples/Tabs.pill.css | 3 ---
examples/Tabs.pill.jsx | 2 +-
packages/itwinui-css/src/tabs/base.scss | 1 +
13 files changed, 15 insertions(+), 20 deletions(-)
create mode 100644 .changeset/great-news-beg.md
create mode 100644 .changeset/little-mugs-tap.md
delete mode 100644 examples/Tabs.actions.css
delete mode 100644 examples/Tabs.borderless.css
delete mode 100644 examples/Tabs.controlled.css
delete mode 100644 examples/Tabs.main.css
delete mode 100644 examples/Tabs.pill.css
diff --git a/.changeset/great-news-beg.md b/.changeset/great-news-beg.md
new file mode 100644
index 00000000000..e7deb69701e
--- /dev/null
+++ b/.changeset/great-news-beg.md
@@ -0,0 +1,5 @@
+---
+"@itwin/itwinui-react": patch
+---
+
+Fixed a regression in `Tabs` where the panel content was not occupying the full width of the container.
diff --git a/.changeset/little-mugs-tap.md b/.changeset/little-mugs-tap.md
new file mode 100644
index 00000000000..4e2f3769f3b
--- /dev/null
+++ b/.changeset/little-mugs-tap.md
@@ -0,0 +1,5 @@
+---
+"@itwin/itwinui-css": patch
+---
+
+Fixed a regression in `iui-tabs` where the panel content was not occupying the full width of the container.
diff --git a/examples/Tabs.actions.css b/examples/Tabs.actions.css
deleted file mode 100644
index 90000ed2d52..00000000000
--- a/examples/Tabs.actions.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.demo-container {
- width: 100%;
-}
diff --git a/examples/Tabs.actions.jsx b/examples/Tabs.actions.jsx
index 6db5707ccc0..40ff22ee9a3 100644
--- a/examples/Tabs.actions.jsx
+++ b/examples/Tabs.actions.jsx
@@ -7,7 +7,7 @@ import { Tabs, Button } from '@itwin/itwinui-react';
export default () => {
return (
-
+
diff --git a/examples/Tabs.borderless.css b/examples/Tabs.borderless.css
deleted file mode 100644
index 90000ed2d52..00000000000
--- a/examples/Tabs.borderless.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.demo-container {
- width: 100%;
-}
diff --git a/examples/Tabs.borderless.jsx b/examples/Tabs.borderless.jsx
index b607c6ce49f..b518062f50f 100644
--- a/examples/Tabs.borderless.jsx
+++ b/examples/Tabs.borderless.jsx
@@ -7,7 +7,7 @@ import { Tabs } from '@itwin/itwinui-react';
export default () => {
return (
-
+
diff --git a/examples/Tabs.controlled.css b/examples/Tabs.controlled.css
deleted file mode 100644
index 90000ed2d52..00000000000
--- a/examples/Tabs.controlled.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.demo-container {
- width: 100%;
-}
diff --git a/examples/Tabs.controlled.jsx b/examples/Tabs.controlled.jsx
index 0a307acae94..d55669535d3 100644
--- a/examples/Tabs.controlled.jsx
+++ b/examples/Tabs.controlled.jsx
@@ -13,7 +13,6 @@ export default () => {
value={currentTabValue}
onValueChange={(value) => setCurrentTabValue(value)}
defaultValue='pear'
- className='demo-container'
>
diff --git a/examples/Tabs.main.css b/examples/Tabs.main.css
deleted file mode 100644
index 90000ed2d52..00000000000
--- a/examples/Tabs.main.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.demo-container {
- width: 100%;
-}
diff --git a/examples/Tabs.main.jsx b/examples/Tabs.main.jsx
index fe297c01b0b..7c196c6e717 100644
--- a/examples/Tabs.main.jsx
+++ b/examples/Tabs.main.jsx
@@ -7,7 +7,7 @@ import { Tabs } from '@itwin/itwinui-react';
export default () => {
return (
-
+
diff --git a/examples/Tabs.pill.css b/examples/Tabs.pill.css
deleted file mode 100644
index 90000ed2d52..00000000000
--- a/examples/Tabs.pill.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.demo-container {
- width: 100%;
-}
diff --git a/examples/Tabs.pill.jsx b/examples/Tabs.pill.jsx
index 008b9a39395..c931e3fe1a6 100644
--- a/examples/Tabs.pill.jsx
+++ b/examples/Tabs.pill.jsx
@@ -7,7 +7,7 @@ import { Tabs } from '@itwin/itwinui-react';
export default () => {
return (
-
+
diff --git a/packages/itwinui-css/src/tabs/base.scss b/packages/itwinui-css/src/tabs/base.scss
index 5d1ad2fc909..87d31acc4d8 100644
--- a/packages/itwinui-css/src/tabs/base.scss
+++ b/packages/itwinui-css/src/tabs/base.scss
@@ -130,6 +130,7 @@ $borderless-horizontal-tab-min-height: calc(
grid-template-columns: 1fr auto;
grid-template-rows: auto 1fr;
contain: inline-size;
+ inline-size: 100%;
.iui-tabs {
display: flex;
From 38a5eaaa903a085d1c394c85cd08f65a605833d7 Mon Sep 17 00:00:00 2001
From: "iTwin.js admin" <38288322+imodeljs-admin@users.noreply.github.com>
Date: Wed, 27 Mar 2024 11:03:07 -0400
Subject: [PATCH 5/6] Release packages (#1953)
---
.changeset/famous-hats-shout.md | 7 -------
.changeset/great-news-beg.md | 5 -----
.changeset/nine-fishes-itch.md | 5 -----
packages/itwinui-react/CHANGELOG.md | 11 +++++++++++
packages/itwinui-react/package.json | 2 +-
5 files changed, 12 insertions(+), 18 deletions(-)
delete mode 100644 .changeset/famous-hats-shout.md
delete mode 100644 .changeset/great-news-beg.md
delete mode 100644 .changeset/nine-fishes-itch.md
diff --git a/.changeset/famous-hats-shout.md b/.changeset/famous-hats-shout.md
deleted file mode 100644
index 6f4dcc26434..00000000000
--- a/.changeset/famous-hats-shout.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-"@itwin/itwinui-react": patch
----
-
-Fixed an issue where `Tooltip` would stay open after clicking on the trigger element. The tooltip will now be correctly dismissed upon click.
-
-Also affects other components that use tooltips internally: `IconButton`, `SideNavigation`, etc.
diff --git a/.changeset/great-news-beg.md b/.changeset/great-news-beg.md
deleted file mode 100644
index e7deb69701e..00000000000
--- a/.changeset/great-news-beg.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@itwin/itwinui-react": patch
----
-
-Fixed a regression in `Tabs` where the panel content was not occupying the full width of the container.
diff --git a/.changeset/nine-fishes-itch.md b/.changeset/nine-fishes-itch.md
deleted file mode 100644
index 24dc387eb65..00000000000
--- a/.changeset/nine-fishes-itch.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@itwin/itwinui-react": patch
----
-
-Fixed an issue in older Safari versions where visually-hidden styles inside `ProgressRadial` were not being applied.
diff --git a/packages/itwinui-react/CHANGELOG.md b/packages/itwinui-react/CHANGELOG.md
index ba044555a70..e533c92c553 100644
--- a/packages/itwinui-react/CHANGELOG.md
+++ b/packages/itwinui-react/CHANGELOG.md
@@ -1,5 +1,16 @@
# Changelog
+## 3.7.4
+
+### Patch Changes
+
+- [#1944](https://github.com/iTwin/iTwinUI/pull/1944): Fixed an issue where `Tooltip` would stay open after clicking on the trigger element. The tooltip will now be correctly dismissed upon click.
+
+ Also affects other components that use tooltips internally: `IconButton`, `SideNavigation`, etc.
+
+- [#1955](https://github.com/iTwin/iTwinUI/pull/1955): Fixed a regression in `Tabs` where the panel content was not occupying the full width of the container.
+- [#1954](https://github.com/iTwin/iTwinUI/pull/1954): Fixed an issue in older Safari versions where visually-hidden styles inside `ProgressRadial` were not being applied.
+
## 3.7.3
### Patch Changes
diff --git a/packages/itwinui-react/package.json b/packages/itwinui-react/package.json
index 8aa485892ce..89eaa054e58 100644
--- a/packages/itwinui-react/package.json
+++ b/packages/itwinui-react/package.json
@@ -1,6 +1,6 @@
{
"name": "@itwin/itwinui-react",
- "version": "3.7.3",
+ "version": "3.7.4",
"author": "Bentley Systems",
"license": "MIT",
"type": "module",
From 6fabef374e9f0c46124debdfdf11e1e3ba1703a7 Mon Sep 17 00:00:00 2001
From: Rohan Kadkol <45748283+rohan-kadkol@users.noreply.github.com>
Date: Wed, 27 Mar 2024 12:12:42 -0400
Subject: [PATCH 6/6] =?UTF-8?q?Bump=20`@floating-ui/react`:=20`^0.26.3`=20?=
=?UTF-8?q?=E2=86=92=20`^0.26.10`=20(#1957)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.changeset/spicy-plums-switch.md | 5 +++++
packages/itwinui-react/package.json | 2 +-
pnpm-lock.yaml | 20 ++++++++------------
3 files changed, 14 insertions(+), 13 deletions(-)
create mode 100644 .changeset/spicy-plums-switch.md
diff --git a/.changeset/spicy-plums-switch.md b/.changeset/spicy-plums-switch.md
new file mode 100644
index 00000000000..d8177b83213
--- /dev/null
+++ b/.changeset/spicy-plums-switch.md
@@ -0,0 +1,5 @@
+---
+"@itwin/itwinui-react": minor
+---
+
+Bumped the minimum required version of `@floating-ui/react` from `^0.26.3` to `^0.26.10`. (Make sure to also update transitive deps!)
diff --git a/packages/itwinui-react/package.json b/packages/itwinui-react/package.json
index 89eaa054e58..1f30b0b6aef 100644
--- a/packages/itwinui-react/package.json
+++ b/packages/itwinui-react/package.json
@@ -77,7 +77,7 @@
"dev:styles": "pnpm build:styles --watch"
},
"dependencies": {
- "@floating-ui/react": "^0.26.3",
+ "@floating-ui/react": "^0.26.10",
"@itwin/itwinui-illustrations-react": "^2.1.0",
"classnames": "^2.3.2",
"react-table": "^7.8.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 156a79966c4..3d9bf4a2527 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -323,8 +323,8 @@ importers:
packages/itwinui-react:
dependencies:
'@floating-ui/react':
- specifier: ^0.26.3
- version: 0.26.9(react-dom@18.2.0)(react@18.2.0)
+ specifier: ^0.26.10
+ version: 0.26.10(react-dom@18.2.0)(react@18.2.0)
'@itwin/itwinui-illustrations-react':
specifier: ^2.1.0
version: 2.1.0(react-dom@18.2.0)(react@18.2.0)
@@ -2839,16 +2839,16 @@ packages:
unist-util-visit-parents: 5.1.3
dev: false
- /@floating-ui/core@1.5.0:
- resolution: {integrity: sha512-kK1h4m36DQ0UHGj5Ah4db7R0rHemTqqO0QLvUqi1/mUUp3LuAWbWxdxSIf/XsnH9VS6rRVPLJCncjRzUvyCLXg==}
+ /@floating-ui/core@1.6.0:
+ resolution: {integrity: sha512-PcF++MykgmTj3CIyOQbKA/hDzOAiqI3mhuoN44WRCopIs1sgoDoU4oty4Jtqaj/y3oDU6fnVSm4QG0a3t5i0+g==}
dependencies:
- '@floating-ui/utils': 0.1.6
+ '@floating-ui/utils': 0.2.1
dev: false
/@floating-ui/dom@1.6.3:
resolution: {integrity: sha512-RnDthu3mzPlQ31Ss/BTwQ1zjzIhr3lk1gZB1OC56h/1vEtaXkESrOqL5fQVMfXpwGtRwX+YsZBdyHtJMQnkArw==}
dependencies:
- '@floating-ui/core': 1.5.0
+ '@floating-ui/core': 1.6.0
'@floating-ui/utils': 0.2.1
dev: false
@@ -2863,8 +2863,8 @@ packages:
react-dom: 18.2.0(react@18.2.0)
dev: false
- /@floating-ui/react@0.26.9(react-dom@18.2.0)(react@18.2.0):
- resolution: {integrity: sha512-p86wynZJVEkEq2BBjY/8p2g3biQ6TlgT4o/3KgFKyTWoJLU1GZ8wpctwRqtkEl2tseYA+kw7dBAIDFcednfI5w==}
+ /@floating-ui/react@0.26.10(react-dom@18.2.0)(react@18.2.0):
+ resolution: {integrity: sha512-sh6f9gVvWQdEzLObrWbJ97c0clJObiALsFe0LiR/kb3tDRKwEhObASEH2QyfdoO/ZBPzwxa9j+nYFo+sqgbioA==}
peerDependencies:
react: '>=16.8.0'
react-dom: '>=16.8.0'
@@ -2876,10 +2876,6 @@ packages:
tabbable: 6.2.0
dev: false
- /@floating-ui/utils@0.1.6:
- resolution: {integrity: sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A==}
- dev: false
-
/@floating-ui/utils@0.2.1:
resolution: {integrity: sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q==}
dev: false