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

[4323] Improve palette style #4324

Closed
wants to merge 2 commits into from
Closed

[4323] Improve palette style #4324

wants to merge 2 commits into from

Conversation

mcharfadi
Copy link
Contributor

@mcharfadi mcharfadi commented Dec 17, 2024

Pull request template

General purpose

What is the main goal of this pull request?

  • Bug fixes
  • New features
  • Documentation
  • Cleanup
  • Tests
  • Build / releng

Project management

  • Has the pull request been added to the relevant project and milestone? (Only if you know that your work is part of a specific iteration such as the current one)
  • Have the priority: and pr: labels been added to the pull request? (In case of doubt, start with the labels priority: low and pr: to review later)
  • Have the relevant issues been added to the pull request?
  • Have the relevant labels been added to the issues? (area:, difficulty:, type:)
  • Have the relevant issues been added to the same project and milestone as the pull request?
  • Has the CHANGELOG.adoc been updated to reference the relevant issues?
  • Have the relevant API breaks been described in the CHANGELOG.adoc? (Including changes in the GraphQL API)
  • In case of a change with a visual impact, are there any screenshots in the CHANGELOG.adoc? For example in doc/screenshots/2022.5.0-my-new-feature.png

Architectural decision records (ADR)

  • Does the title of the commit contributing the ADR start with [doc]?
  • Are the ADRs mentioned in the relevant section of the CHANGELOG.adoc?

Dependencies

  • Are the new / upgraded dependencies mentioned in the relevant section of the CHANGELOG.adoc?
  • Are the new dependencies justified in the CHANGELOG.adoc?

Frontend

This section is not relevant if your contribution does not come with changes to the frontend.

General purpose

  • Is the code properly tested? (Plain old JavaScript tests for business code and tests based on React Testing Library for the components)

Typing

We need to improve the typing of our code, as such, we require every contribution to come with proper TypeScript typing for both changes contributing new files and those modifying existing files.
Please ensure that the following statements are true for each file created or modified (this may require you to improve code outside of your contribution).

  • Variables have a proper type
  • Functions’ arguments have a proper type
  • Functions’ return type are specified
  • Hooks are properly typed:
    • useMutation<DATA_TYPE, VARIABLE_TYPE>(…)
    • useQuery<DATA_TYPE, VARIABLE_TYPE>(…)
    • useSubscription<DATA_TYPE, VARIABLE_TYPE>(…)
    • useMachine<CONTEXT_TYPE, EVENTS_TYPE>(…)
    • useState<STATE_TYPE>(…)
  • All components have a proper typing for their props
  • No useless optional chaining with ?. (if the GraphQL API specifies that a field cannot be null, do not treat it has potentially null for example)
  • Nullable values have a proper type (for example let diagram: Diagram | null = null;)

Backend

This section is not relevant if your contribution does not come with changes to the backend.

General purpose

  • Are all the event handlers tested?
  • Are the event processor tested?
  • Is the business code (services) tested?
  • Are diagram layout changes tested?

Architecture

  • Are data structure classes properly separated from behavioral classes?
  • Are all the relevant fields final?
  • Is any data structure mutable? If so, please write a comment indicating why
  • Are behavioral classes either stateless or side effect free?

Review

How to test this PR?

Please describe here the various use cases to test this pull request

  • Has the Kiwi TCMS test suite been updated with tests for this contribution?

@mcharfadi mcharfadi added this to the 2025.1.0 milestone Dec 17, 2024
@mcharfadi mcharfadi requested a review from gcoutable as a code owner December 17, 2024 14:09
@mcharfadi mcharfadi linked an issue Dec 17, 2024 that may be closed by this pull request
@sbegaudeau sbegaudeau removed this from the 2025.1.0 milestone Dec 22, 2024
@mcharfadi mcharfadi force-pushed the mch/enh/palette-style branch 3 times, most recently from 5ddb9a2 to cacfbc1 Compare January 13, 2025 15:26
@mcharfadi mcharfadi added this to the 2025.2.0 milestone Jan 13, 2025
@mcharfadi mcharfadi force-pushed the mch/enh/palette-style branch from cacfbc1 to fea2236 Compare February 3, 2025 15:08
Bug: #4323
Signed-off-by: Michaël Charfadi <[email protected]>
@mcharfadi mcharfadi force-pushed the mch/enh/palette-style branch from fea2236 to 2a9ca7f Compare February 3, 2025 15:19
Copy link
Member

@sbegaudeau sbegaudeau left a comment

Choose a reason for hiding this comment

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

I don't understand what is being done here.

@@ -41,7 +41,7 @@ export const useDiagramDirectEdit = (): UseDiagramDirectEditValue => {
if (key !== 'F2' && isTextField) {
return;
}

event.preventDefault();
Copy link
Member

Choose a reason for hiding this comment

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

How is that related to styling? What is the impact of this change?

@@ -138,36 +145,32 @@ export const Palette = ({

const { hideDiagramPalette } = useDiagramPalette();
const { hideDiagramElementPalette } = useDiagramElementPalette();
const { hideGroupPalette } = useGroupPalette();
Copy link
Member

Choose a reason for hiding this comment

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

Why is this one removed from here? I'm not sure why it got added in the first place

Comment on lines +78 to +82
const closeAllPalettes = useCallback(() => {
hideDiagramPalette();
hideDiagramElementPalette();
hideGroupPalette();
}, [hideDiagramPalette, hideDiagramElementPalette, hideGroupPalette]);
Copy link
Member

Choose a reason for hiding this comment

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

  • Why does the diagram panel has to take all this new coupling?
  • How is that related to styling at all?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

One request was to hide the palette when executing a tool from the panel.
Some tools open model that can hide the palette

@mcharfadi
Copy link
Contributor Author

I'm closing the PR because it has been divided in smaller ones

@mcharfadi mcharfadi closed this Feb 17, 2025
@mcharfadi mcharfadi deleted the mch/enh/palette-style branch February 17, 2025 08:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Improve palette style
2 participants