Skip to content

LG-5027: Toolbar #2809

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 49 commits into from
May 22, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
49 commits
Select commit Hold shift + click to select a range
2862f67
add toolbar
shaneeza Apr 11, 2025
5ff3380
Updates Readme (#2806)
TheSonOfThomp Apr 11, 2025
f84dc25
add keyboard focus management
shaneeza Apr 12, 2025
895b29b
fix focus hijacking
shaneeza Apr 14, 2025
5dd7270
naming
shaneeza Apr 14, 2025
1fb3687
updates types, fixes focus on click
shaneeza Apr 14, 2025
88e42a1
Toolbar focus state
shaneeza Apr 14, 2025
9f917f0
fix error
shaneeza Apr 14, 2025
90e6272
add stories
shaneeza Apr 14, 2025
1691d75
toolbar generated stories
shaneeza Apr 14, 2025
e50a8a2
ToolbarIconButton generated stories
shaneeza Apr 14, 2025
9f044d3
update comments
shaneeza Apr 14, 2025
15c4d51
add testids and add an error if trying to use ToolbarIconButton outsi…
shaneeza Apr 14, 2025
cadc553
interaction tests
shaneeza Apr 14, 2025
504ad86
WIP test harnesses
shaneeza Apr 14, 2025
17dcb6f
test harnesses
shaneeza Apr 16, 2025
beb1710
toolbar specs
shaneeza Apr 16, 2025
dcdb066
ToolbarIconButton specs
shaneeza Apr 16, 2025
9a577dd
lint
shaneeza Apr 16, 2025
f52491a
Merge branch 'main' of github.com:mongodb/leafygreen-ui into LG-5027-…
shaneeza Apr 16, 2025
22ab95c
pass className to styles
shaneeza Apr 16, 2025
ad76c37
README
shaneeza Apr 16, 2025
5c34f5d
add missing deps
shaneeza Apr 16, 2025
c2f7fd6
use test utils in interaction tests
shaneeza Apr 16, 2025
3cb2e4e
changesets
shaneeza Apr 16, 2025
a3c0159
remove darkMode from context
shaneeza Apr 16, 2025
21bcd41
Use latest version of `useBackdropClick` (#2810)
bruugey Apr 16, 2025
2e301f7
fix ts error
shaneeza Apr 16, 2025
ec3122c
some cleanup
shaneeza Apr 16, 2025
bd3d34e
add ref test
shaneeza Apr 16, 2025
52aab4a
use correct test
shaneeza Apr 16, 2025
35dd431
remove iconButton changes
shaneeza Apr 16, 2025
7a2dac8
Merge branch 'main' of github.com:mongodb/leafygreen-ui into LG-5027-…
shaneeza Apr 16, 2025
cfeceeb
hellllllo
shaneeza Apr 16, 2025
878a4b5
fix build error
shaneeza Apr 16, 2025
485b409
Storybook export `findStories` (#2808)
TheSonOfThomp Apr 17, 2025
579c830
Updates `lg install` [LG-5040, LG-5041] (#2807)
TheSonOfThomp Apr 21, 2025
1dbfb70
adds two new icons (#2815)
bruugey Apr 22, 2025
3a96365
constants
shaneeza Apr 22, 2025
34b3b95
update README
shaneeza Apr 22, 2025
303aed6
Version Packages (#2811)
github-actions[bot] Apr 22, 2025
cb78abb
build error and export const
shaneeza Apr 23, 2025
8840d27
move handle click to context
shaneeza Apr 23, 2025
12a3ef0
unique test ids for toolbarIconButton
shaneeza Apr 23, 2025
1964fd1
Merge branch 'main' of github.com:mongodb/leafygreen-ui into LG-5027-…
shaneeza Apr 23, 2025
f7ba181
move test harnesses to testing dir
shaneeza Apr 23, 2025
c378333
aria label check
shaneeza Apr 23, 2025
1f65d21
update README
shaneeza Apr 23, 2025
a9c9c31
Add more descriptive labels to some toolbar icons
shaneeza May 2, 2025
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .changeset/modern-buses-give.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'@leafygreen-ui/toolbar': patch
---

Initial pre-release of `Toolbar`
5 changes: 5 additions & 0 deletions .changeset/yellow-birds-begin.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'@leafygreen-ui/icon-button': patch
---

Updates CSS selectors for Storybook testing
227 changes: 105 additions & 122 deletions README.md

Large diffs are not rendered by default.

13 changes: 13 additions & 0 deletions charts/chart-card/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,18 @@
# @lg-charts/chart-card

## 0.2.4

### Patch Changes

- Updated dependencies [21bcd4195]
- Updated dependencies [1dbfb7064]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]

## 0.2.3

### Patch Changes
Expand Down
2 changes: 1 addition & 1 deletion charts/chart-card/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@lg-charts/chart-card",
"version": "0.2.3",
"version": "0.2.4",
"description": "lg-charts ChartCard",
"main": "./dist/index.js",
"module": "./dist/esm/index.js",
Expand Down
6 changes: 6 additions & 0 deletions charts/colors/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,11 @@
# @lg-charts/colors

## 0.2.4

### Patch Changes

- @leafygreen-ui/[email protected]

## 0.2.3

### Patch Changes
Expand Down
2 changes: 1 addition & 1 deletion charts/colors/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@lg-charts/colors",
"version": "0.2.3",
"version": "0.2.4",
"description": "lg-charts colors",
"main": "./dist/index.js",
"module": "./dist/esm/index.js",
Expand Down
11 changes: 11 additions & 0 deletions charts/core/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,16 @@
# @lg-charts/core

## 0.17.1

### Patch Changes

- @lg-charts/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @lg-charts/[email protected]
- @lg-charts/[email protected]

## 0.17.0

### Minor Changes
Expand Down
2 changes: 1 addition & 1 deletion charts/core/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@lg-charts/core",
"version": "0.17.0",
"version": "0.17.1",
"description": "lg-charts Core Chart Components",
"main": "./dist/index.js",
"module": "./dist/esm/index.js",
Expand Down
8 changes: 8 additions & 0 deletions charts/drag-provider/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,13 @@
# @lg-charts/drag-provider

## 0.2.4

### Patch Changes

- @lg-charts/[email protected]
- @leafygreen-ui/[email protected]
- @lg-charts/[email protected]

## 0.2.3

### Patch Changes
Expand Down
2 changes: 1 addition & 1 deletion charts/drag-provider/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@lg-charts/drag-provider",
"version": "0.2.3",
"version": "0.2.4",
"description": "lg-charts DragProvider Component",
"main": "./dist/index.js",
"module": "./dist/esm/index.js",
Expand Down
10 changes: 10 additions & 0 deletions charts/legend/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,15 @@
# @lg-charts/legend

## 0.2.3

### Patch Changes

- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @lg-charts/[email protected]
- @lg-charts/[email protected]

## 0.2.2

### Patch Changes
Expand Down
2 changes: 1 addition & 1 deletion charts/legend/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@lg-charts/legend",
"version": "0.2.2",
"version": "0.2.3",
"description": "lg-charts Legend",
"main": "./dist/index.js",
"module": "./dist/esm/index.js",
Expand Down
6 changes: 6 additions & 0 deletions charts/series-provider/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,11 @@
# @lg-charts/series-provider

## 0.2.2

### Patch Changes

- @leafygreen-ui/[email protected]

## 0.2.1

### Patch Changes
Expand Down
2 changes: 1 addition & 1 deletion charts/series-provider/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@lg-charts/series-provider",
"version": "0.2.1",
"version": "0.2.2",
"description": "lg-charts SeriesProvider Component",
"main": "./dist/index.js",
"module": "./dist/esm/index.js",
Expand Down
8 changes: 8 additions & 0 deletions chat/avatar/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,13 @@
# @lg-chat/avatar

## 4.0.10

### Patch Changes

- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]

## 4.0.9

### Patch Changes
Expand Down
2 changes: 1 addition & 1 deletion chat/avatar/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@lg-chat/avatar",
"version": "4.0.9",
"version": "4.0.10",
"description": "lg-chat Avatar",
"main": "./dist/index.js",
"module": "./dist/esm/index.js",
Expand Down
8 changes: 8 additions & 0 deletions chat/chat-disclaimer/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,13 @@
# @lg-chat/chat-disclaimer

## 3.0.17

### Patch Changes

- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]

## 3.0.16

### Patch Changes
Expand Down
2 changes: 1 addition & 1 deletion chat/chat-disclaimer/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@lg-chat/chat-disclaimer",
"version": "3.0.16",
"version": "3.0.17",
"description": "LeafyGreen UI Kit Chat Disclaimer",
"main": "./dist/index.js",
"module": "./dist/esm/index.js",
Expand Down
9 changes: 9 additions & 0 deletions chat/chat-window/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,14 @@
# @lg-chat/chat-window

## 3.0.13

### Patch Changes

- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @lg-chat/[email protected]
- @lg-chat/[email protected]

## 3.0.12

### Patch Changes
Expand Down
2 changes: 1 addition & 1 deletion chat/chat-window/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@lg-chat/chat-window",
"version": "3.0.12",
"version": "3.0.13",
"description": "lg-chat Chat Window",
"main": "./dist/index.js",
"module": "./dist/esm/index.js",
Expand Down
13 changes: 13 additions & 0 deletions chat/fixed-chat-window/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,18 @@
# @lg-chat/fixed-chat-window

## 3.0.14

### Patch Changes

- Updated dependencies [1dbfb7064]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @lg-chat/[email protected]
- @lg-chat/[email protected]
- @leafygreen-ui/[email protected]

## 3.0.13

### Patch Changes
Expand Down
2 changes: 1 addition & 1 deletion chat/fixed-chat-window/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@lg-chat/fixed-chat-window",
"version": "3.0.13",
"version": "3.0.14",
"description": "LeafyGreen UI Kit Fixed Chat Window",
"main": "./dist/index.js",
"module": "./dist/esm/index.js",
Expand Down
19 changes: 19 additions & 0 deletions chat/input-bar/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,24 @@
# @lg-chat/input-bar

## 7.0.13

### Patch Changes

- 21bcd4195: Use latest version of `useBackdropClick` hook
- Updated dependencies [21bcd4195]
- Updated dependencies [21bcd4195]
- Updated dependencies [1dbfb7064]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]

## 7.0.12

### Patch Changes
Expand Down
2 changes: 1 addition & 1 deletion chat/input-bar/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@lg-chat/input-bar",
"version": "7.0.12",
"version": "7.0.13",
"description": "lg-chat Input Bar",
"main": "./dist/index.js",
"module": "./dist/esm/index.js",
Expand Down
8 changes: 3 additions & 5 deletions chat/input-bar/src/InputBar/InputBar.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -340,11 +340,9 @@ export const InputBar = forwardRef<HTMLFormElement, InputBarProps>(
};

useAutoScroll(highlightedElementRef, menuRef, 12);
useBackdropClick(
handleBackdropClick,
[focusContainerRef, menuRef],
isOpen && withTypeAhead,
);
useBackdropClick(handleBackdropClick, [focusContainerRef, menuRef], {
enabled: isOpen && withTypeAhead,
});

useEventListener(
'keydown',
Expand Down
10 changes: 10 additions & 0 deletions chat/lg-markdown/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,15 @@
# @lg-chat/lg-markdown

## 3.0.14

### Patch Changes

- Updated dependencies [21bcd4195]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]

## 3.0.13

### Patch Changes
Expand Down
2 changes: 1 addition & 1 deletion chat/lg-markdown/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@lg-chat/lg-markdown",
"version": "3.0.13",
"version": "3.0.14",
"description": "lg-chat LGMarkdown",
"main": "./dist/index.js",
"module": "./dist/esm/index.js",
Expand Down
13 changes: 13 additions & 0 deletions chat/message-feed/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,18 @@
# @lg-chat/message-feed

## 4.1.12

### Patch Changes

- Updated dependencies [1dbfb7064]
- @leafygreen-ui/[email protected]
- @lg-chat/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @lg-chat/[email protected]
- @lg-chat/[email protected]

## 4.1.11

### Patch Changes
Expand Down
2 changes: 1 addition & 1 deletion chat/message-feed/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@lg-chat/message-feed",
"version": "4.1.11",
"version": "4.1.12",
"description": "lg-chat Message Feed",
"main": "./dist/index.js",
"module": "./dist/esm/index.js",
Expand Down
16 changes: 16 additions & 0 deletions chat/message-feedback/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,21 @@
# @lg-chat/message-feedback

## 4.0.8

### Patch Changes

- Updated dependencies [21bcd4195]
- Updated dependencies [1dbfb7064]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]

## 4.0.7

### Patch Changes
Expand Down
2 changes: 1 addition & 1 deletion chat/message-feedback/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@lg-chat/message-feedback",
"version": "4.0.7",
"version": "4.0.8",
"description": "LeafyGreen UI Kit Message Feedback",
"main": "./dist/index.js",
"module": "./dist/esm/index.js",
Expand Down
8 changes: 8 additions & 0 deletions chat/message-prompts/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,13 @@
# @lg-chat/message-prompts

## 3.0.11

### Patch Changes

- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]

## 3.0.10

### Patch Changes
Expand Down
2 changes: 1 addition & 1 deletion chat/message-prompts/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@lg-chat/message-prompts",
"version": "3.0.10",
"version": "3.0.11",
"description": "LeafyGreen UI Kit Message Prompts",
"main": "./dist/index.js",
"module": "./dist/esm/index.js",
Expand Down
Loading