Merge remote-tracking branch 'origin/main' into chore/rr-7

launchdarkly · Dec 9, 2024 · 37ad1c4 · 37ad1c4
2 parents dfd238f + 9225ca1
commit 37ad1c4
Show file tree

Hide file tree

Showing 110 changed files with 1,716 additions and 1,402 deletions.
diff --git a/.changeset/giant-shirts-hear.md b/.changeset/giant-shirts-hear.md
@@ -0,0 +1,5 @@
+---
+"@launchpad-ui/components": patch
+---
+
+Replace `Section` with `ListBoxSection` and `MenuSection`
diff --git a/.changeset/moody-bobcats-hear.md b/.changeset/moody-bobcats-hear.md
diff --git a/.storybook/utils.tsx b/.storybook/utils.tsx
@@ -1,5 +1,7 @@
 import type { Args, Decorator, ReactRenderer } from '@storybook/react';
 import type { AnnotatedStoryFn, StoryContext } from '@storybook/types';
+import type { JSX } from 'react';
+
 import merge from 'deepmerge';
 import { Fragment } from 'react';
 

diff --git a/package.json b/package.json
@@ -12,7 +12,7 @@
 		"clean": "nx run-many --target=clean --all",
 		"e2e:a11y": "STORYBOOK_URL=http://127.0.0.1:8080/ pnpm playwright test",
 		"generate": "plop",
-		"graph": "nx affected:graph",
+		"graph": "nx graph --affected",
 		"storybook": "pnpm build:transform && sb dev -p 3000",
 		"storybook:build": "pnpm build:transform && sb build --quiet",
 		"test": "pnpm build:transform && vitest run --coverage",
@@ -56,15 +56,15 @@
 		"@storybook/types": "^8.4.0",
 		"@testing-library/dom": "^10.4.0",
 		"@testing-library/jest-dom": "^6.6.2",
-		"@testing-library/react": "^16.0.0",
+		"@testing-library/react": "^16.1.0",
 		"@testing-library/user-event": "^14.5.2",
 		"@types/css-modules": "^1.0.5",
 		"@types/node": "^22.10.1",
-		"@types/react": "^18.3.1",
-		"@types/react-dom": "^18.3.0",
+		"@types/react": "^19.0.0",
+		"@types/react-dom": "^19.0.1",
 		"@vanilla-extract/css": "^1.16.0",
 		"@vanilla-extract/vite-plugin": "^4.0.2",
-		"@vitejs/plugin-react-swc": "^3.7.0",
+		"@vitejs/plugin-react-swc": "^3.7.2",
 		"@vitest/coverage-v8": "^2.1.1",
 		"@vitest/ui": "^2.1.1",
 		"browserslist": "^4.24.0",
@@ -76,8 +76,8 @@
 		"lint-staged": "^15.2.0",
 		"nx": "20.0.7",
 		"plop": "^4.0.0",
-		"react": "18.3.1",
-		"react-dom": "18.3.1",
+		"react": "19.0.0",
+		"react-dom": "19.0.0",
 		"react-router": "7.0.1",
 		"rollup-plugin-pure": "^0.2.1",
 		"storybook": "^8.4.0",
@@ -94,9 +94,9 @@
 		},
 		"peerDependencyRules": {
 			"allowedVersions": {
-				"react": "18",
+				"react": "19",
 				"rollup": "4",
-				"vite": "5"
+				"vite": "6"
 			}
 		}
 	},

diff --git a/packages/alert/package.json b/packages/alert/package.json
@@ -39,11 +39,11 @@
 		"classix": "2.2.0"
 	},
 	"peerDependencies": {
-		"react": "18.3.1",
-		"react-dom": "18.3.1"
+		"react": "^18.0.0 || ^19.0.0",
+		"react-dom": "^18.0.0 || ^19.0.0"
 	},
 	"devDependencies": {
-		"react": "18.3.1",
-		"react-dom": "18.3.1"
+		"react": "19.0.0",
+		"react-dom": "19.0.0"
 	}
 }
diff --git a/packages/avatar/package.json b/packages/avatar/package.json
@@ -37,11 +37,11 @@
 		"classix": "2.2.0"
 	},
 	"peerDependencies": {
-		"react": "18.3.1",
-		"react-dom": "18.3.1"
+		"react": "^18.0.0 || ^19.0.0",
+		"react-dom": "^18.0.0 || ^19.0.0"
 	},
 	"devDependencies": {
-		"react": "18.3.1",
-		"react-dom": "18.3.1"
+		"react": "19.0.0",
+		"react-dom": "19.0.0"
 	}
 }
diff --git a/packages/banner/package.json b/packages/banner/package.json
@@ -38,11 +38,11 @@
 		"classix": "2.2.0"
 	},
 	"peerDependencies": {
-		"react": "18.3.1",
-		"react-dom": "18.3.1"
+		"react": "^18.0.0 || ^19.0.0",
+		"react-dom": "^18.0.0 || ^19.0.0"
 	},
 	"devDependencies": {
-		"react": "18.3.1",
-		"react-dom": "18.3.1"
+		"react": "19.0.0",
+		"react-dom": "19.0.0"
 	}
 }
diff --git a/packages/box/package.json b/packages/box/package.json
@@ -42,12 +42,12 @@
 	},
 	"peerDependencies": {
 		"@vanilla-extract/css": "^1.14.0",
-		"react": "18.3.1",
-		"react-dom": "18.3.1"
+		"react": "^18.0.0 || ^19.0.0",
+		"react-dom": "^18.0.0 || ^19.0.0"
 	},
 	"devDependencies": {
 		"flat": "^6.0.1",
-		"react": "18.3.1",
-		"react-dom": "18.3.1"
+		"react": "19.0.0",
+		"react-dom": "19.0.0"
 	}
 }
diff --git a/packages/button/package.json b/packages/button/package.json
@@ -38,11 +38,11 @@
 		"classix": "2.2.0"
 	},
 	"peerDependencies": {
-		"react": "18.3.1",
-		"react-dom": "18.3.1"
+		"react": "^18.0.0 || ^19.0.0",
+		"react-dom": "^18.0.0 || ^19.0.0"
 	},
 	"devDependencies": {
-		"react": "18.3.1",
-		"react-dom": "18.3.1"
+		"react": "19.0.0",
+		"react-dom": "19.0.0"
 	}
 }
diff --git a/packages/button/src/Button.tsx b/packages/button/src/Button.tsx
@@ -2,6 +2,7 @@ import type { IconProps } from '@launchpad-ui/icons';
 import type {
 	ButtonHTMLAttributes,
 	ElementType,
+	JSX,
 	KeyboardEventHandler,
 	MouseEvent,
 	ReactElement,
@@ -95,7 +96,12 @@ const ButtonComponent = forwardRef<HTMLButtonElement, ButtonProps>((props, ref)
 
 	const renderChildren = () => {
 		if (asChild && isValidElement(children)) {
-			return cloneElement(children, undefined, getFinalChildren(children.props.children));
+			return cloneElement(
+				children,
+				undefined,
+				// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+				getFinalChildren((children as ReactElement<any>).props.children),
+			);
 		}
 
 		return getFinalChildren(children);

diff --git a/packages/card/package.json b/packages/card/package.json
@@ -37,11 +37,11 @@
 		"classix": "2.2.0"
 	},
 	"peerDependencies": {
-		"react": "18.3.1",
-		"react-dom": "18.3.1"
+		"react": "^18.0.0 || ^19.0.0",
+		"react-dom": "^18.0.0 || ^19.0.0"
 	},
 	"devDependencies": {
-		"react": "18.3.1",
-		"react-dom": "18.3.1"
+		"react": "19.0.0",
+		"react-dom": "19.0.0"
 	}
 }
diff --git a/packages/card/src/RadioCard.tsx b/packages/card/src/RadioCard.tsx
@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { JSX, ReactNode } from 'react';
 
 import { Radio, type RadioProps } from '@launchpad-ui/form';
 import { cx } from 'classix';

diff --git a/packages/card/stories/RadioCard.stories.tsx b/packages/card/stories/RadioCard.stories.tsx
@@ -1,4 +1,4 @@
-import type { StoryFn, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 
 import { RadioCard } from '../src/RadioCard';
 
@@ -7,7 +7,7 @@ export default {
 	title: 'Legacy/Deprecated/Card/RadioCard',
 	description: 'A radio button with a label and optional image and subtext.',
 	decorators: [
-		(Story: StoryFn) => (
+		(Story) => (
 			<div style={{ display: 'flex', width: '15rem' }}>
 				<Story />
 			</div>
@@ -19,7 +19,7 @@ export default {
 		},
 		chromatic: { disableSnapshot: true },
 	},
-};
+} as Meta<typeof RadioCard>;
 
 type Story = StoryObj<typeof RadioCard>;
 

diff --git a/packages/chip/package.json b/packages/chip/package.json
@@ -37,11 +37,11 @@
 		"classix": "2.2.0"
 	},
 	"peerDependencies": {
-		"react": "18.3.1",
-		"react-dom": "18.3.1"
+		"react": "^18.0.0 || ^19.0.0",
+		"react-dom": "^18.0.0 || ^19.0.0"
 	},
 	"devDependencies": {
-		"react": "18.3.1",
-		"react-dom": "18.3.1"
+		"react": "19.0.0",
+		"react-dom": "19.0.0"
 	}
 }
diff --git a/packages/clipboard/package.json b/packages/clipboard/package.json
@@ -40,11 +40,11 @@
 		"classix": "2.2.0"
 	},
 	"peerDependencies": {
-		"react": "18.3.1",
-		"react-dom": "18.3.1"
+		"react": "^18.0.0 || ^19.0.0",
+		"react-dom": "^18.0.0 || ^19.0.0"
 	},
 	"devDependencies": {
-		"react": "18.3.1",
-		"react-dom": "18.3.1"
+		"react": "19.0.0",
+		"react-dom": "19.0.0"
 	}
 }
diff --git a/packages/clipboard/src/CopyToClipboard.tsx b/packages/clipboard/src/CopyToClipboard.tsx
@@ -1,5 +1,5 @@
 import type { TooltipProps } from '@launchpad-ui/tooltip';
-import type { ComponentPropsWithoutRef, KeyboardEventHandler } from 'react';
+import type { ComponentPropsWithoutRef, JSX, KeyboardEventHandler } from 'react';
 
 import { Icon } from '@launchpad-ui/icons';
 import { Tooltip } from '@launchpad-ui/tooltip';

diff --git a/packages/clipboard/stories/CopyToClipboard.stories.tsx b/packages/clipboard/stories/CopyToClipboard.stories.tsx
@@ -1,4 +1,4 @@
-import type { StoryFn, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import type { CopyToClipboardHandleRef } from '../src/CopyToClipboard';
 
 import { userEvent, within } from '@storybook/test';
@@ -29,7 +29,7 @@ export default {
 		},
 	},
 	decorators: [
-		(Story: StoryFn) => (
+		(Story) => (
 			<div
 				style={{
 					height: '100vh',
@@ -42,7 +42,7 @@ export default {
 			</div>
 		),
 	],
-};
+} as Meta<typeof CopyToClipboard>;
 
 type Story = StoryObj<typeof CopyToClipboard>;
 

diff --git a/packages/collapsible/package.json b/packages/collapsible/package.json
@@ -38,11 +38,11 @@
 		"classix": "2.2.0"
 	},
 	"peerDependencies": {
-		"react": "18.3.1",
-		"react-dom": "18.3.1"
+		"react": "^18.0.0 || ^19.0.0",
+		"react-dom": "^18.0.0 || ^19.0.0"
 	},
 	"devDependencies": {
-		"react": "18.3.1",
-		"react-dom": "18.3.1"
+		"react": "19.0.0",
+		"react-dom": "19.0.0"
 	}
 }
diff --git a/packages/columns/package.json b/packages/columns/package.json
@@ -37,11 +37,11 @@
 		"classix": "2.2.0"
 	},
 	"peerDependencies": {
-		"react": "18.3.1",
-		"react-dom": "18.3.1"
+		"react": "^18.0.0 || ^19.0.0",
+		"react-dom": "^18.0.0 || ^19.0.0"
 	},
 	"devDependencies": {
-		"react": "18.3.1",
-		"react-dom": "18.3.1"
+		"react": "19.0.0",
+		"react-dom": "19.0.0"
 	}
 }
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -1,5 +1,15 @@
 # @launchpad-ui/components
 
+## 0.6.1
+
+### Patch Changes
+
+- [#1496](https://github.com/launchdarkly/launchpad-ui/pull/1496) [`cd85be1`](https://github.com/launchdarkly/launchpad-ui/commit/cd85be144135e2586125a957714b01d71234ee41) Thanks [@Niznikr](https://github.com/Niznikr)! - Add `ToggleButtonGroup`
+
+- [#1489](https://github.com/launchdarkly/launchpad-ui/pull/1489) [`b7083bd`](https://github.com/launchdarkly/launchpad-ui/commit/b7083bdafce29dd82069f437fe25a3245718d182) Thanks [@Niznikr](https://github.com/Niznikr)! - Add `DropZone`
+
+- [#1504](https://github.com/launchdarkly/launchpad-ui/pull/1504) [`99df328`](https://github.com/launchdarkly/launchpad-ui/commit/99df3284c510013f963e5ba06bce4ecfe39d9cbd) Thanks [@Niznikr](https://github.com/Niznikr)! - Add `TagButton`
+
 ## 0.6.0
 
 ### Minor Changes

diff --git a/packages/components/__tests__/Menu.spec.tsx b/packages/components/__tests__/Menu.spec.tsx
@@ -1,7 +1,16 @@
 import { describe, expect, it } from 'vitest';
 
 import { render, screen, userEvent } from '../../../test/utils';
-import { Button, Header, Menu, MenuItem, MenuTrigger, Popover, Section, Separator } from '../src';
+import {
+	Button,
+	Header,
+	Menu,
+	MenuItem,
+	MenuSection,
+	MenuTrigger,
+	Popover,
+	Separator,
+} from '../src';
 
 describe('Menu', () => {
 	it('renders', async () => {
@@ -13,11 +22,11 @@ describe('Menu', () => {
 					<Menu>
 						<MenuItem>Item one</MenuItem>
 						<Separator />
-						<Section>
+						<MenuSection>
 							<Header>Section</Header>
 							<MenuItem>Item two</MenuItem>
 							<MenuItem>Item three</MenuItem>
-						</Section>
+						</MenuSection>
 					</Menu>
 				</Popover>
 			</MenuTrigger>,

diff --git a/packages/components/__tests__/ToggleButtonGroup.spec.tsx b/packages/components/__tests__/ToggleButtonGroup.spec.tsx
@@ -0,0 +1,17 @@
+import { describe, expect, it } from 'vitest';
+
+import { render, screen } from '../../../test/utils';
+import { ToggleButton, ToggleButtonGroup } from '../src';
+
+describe('ToggleButtonGroup', () => {
+	it('renders', () => {
+		render(
+			<ToggleButtonGroup>
+				<ToggleButton id="first">First</ToggleButton>
+				<ToggleButton id="second">Second</ToggleButton>
+				<ToggleButton id="third">Third</ToggleButton>
+			</ToggleButtonGroup>,
+		);
+		expect(screen.getByRole('radiogroup')).toBeVisible();
+	});
+});