Skip to content
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

Upgrade Salt and replace components #618

Merged
merged 4 commits into from
Jul 5, 2024
Merged

Upgrade Salt and replace components #618

merged 4 commits into from
Jul 5, 2024

Conversation

joshwooding
Copy link
Contributor

No description provided.

@joshwooding joshwooding requested a review from a team as a code owner June 25, 2024 23:12
Copy link

vercel bot commented Jun 25, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
mosaic ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 28, 2024 9:57am

Copy link

changeset-bot bot commented Jun 25, 2024

⚠️ No Changeset found

Latest commit: df439be

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

docs/index.mdx Outdated Show resolved Hide resolved
package.json Outdated Show resolved Hide resolved
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pretty sure this isn't used

@@ -13,10 +13,10 @@ test('renders a filter dropdown', async () => {
</ToolbarProvider>
);
// assert
expect(getAllByRole('option').length).toEqual(1);
expect(getAllByRole('combobox').length).toEqual(1);
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

DD no longer has a nested option as a label

/** Callback to translate the selected list item to a Button label */
labelButton?: (selectedItems: string[] | undefined) => string;
/** Dropdown list source */
source?: string[];
itemToString?: DropdownProps['valueToString'];
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Backwards compatible


export default {
root: style({
display: 'contents'
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixes icons not being centered vertically

import { ToolbarButton } from '../Toolbar/ToolbarButton';

interface SaveAdornmentProps {
onSave: ButtonProps['onClick'];
}

export const SaveAdornment = ({ onSave }: SaveAdornmentProps) => (
<StaticInputAdornment>
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Was missed in a previous update, Input no longer needs this

@@ -134,18 +133,16 @@ export const PersistDialog = ({ meta, persistUrl }: PersistDialogProps) => {
)}
</DialogContent>
<DialogActions>
<ButtonBar>
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ButtonBar doesn't work with normal buttons

@@ -52,24 +50,16 @@ export const AppHeaderControls: React.FC = () => {
});
}
if (isLoginEnabled && isLoggedIn) {
actionMenuOptions = [...actionMenuOptions, { title: 'Logout', link: '/api/auth/signout' }];
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Lots of this logic wasn't used and the options don't seem extensible.

>
<Icon aria-label="select an action" name="microMenu" />
</MenuButton>
<Menu placement="bottom-end">
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Has a nice side-effect of fixing menu appearing behind the app header

@@ -7,7 +7,8 @@ import { ExpansionIcon } from './ExpansionIcon';
import { useWindow } from '@salt-ds/window';
import { useComponentCssInjection } from '@salt-ds/styles';

import navigationItemCss from '@salt-ds/core/dist-es/navigation-item/NavigationItem.css.js';
const navigationItemCss =
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Had to inline the CSS, this worked because core was bundled into site-components, but that broke using other components. Adding core to the package.json and inlining this was the easiest way to fix it.

@joshwooding
Copy link
Contributor Author

/release-pr

Copy link
Contributor

🫰✨ Thanks @joshwooding! Your snapshots have been published to npm.

Test the snapshots by updating your package.json with the newly published versions:

yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add @jpmorganchase/[email protected]
yarn add in 17.69s.

@DavieReid DavieReid merged commit 359814e into main Jul 5, 2024
8 checks passed
@DavieReid DavieReid deleted the upgrade-salt branch July 5, 2024 07:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants