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

Force add text align styles when a defaultAlignment is set #5891

Merged
merged 8 commits into from
Dec 2, 2024

Conversation

bdbch
Copy link
Member

@bdbch bdbch commented Nov 30, 2024

Original PR here - took it over to bring this close to be mergeable:

#3460

However I made the defaultAlignment nullable to not always force text-alignment styles on an element in case it's unwanted (and for example inheriting should be enforced).

Copy link

netlify bot commented Nov 30, 2024

Deploy Preview for tiptap-embed ready!

Name Link
🔨 Latest commit 8e1d93d
🔍 Latest deploy log https://app.netlify.com/sites/tiptap-embed/deploys/674acf3ec3afc400082110c7
😎 Deploy Preview https://deploy-preview-5891--tiptap-embed.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@bdbch bdbch changed the title Bdbch/fix text default alignment Force add text align styles when a defaultAlignment is set Nov 30, 2024
Copy link

changeset-bot bot commented Nov 30, 2024

🦋 Changeset detected

Latest commit: 8e1d93d

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 54 packages
Name Type
@tiptap/extension-text-align Patch
@tiptap/core Patch
@tiptap/extension-blockquote Patch
@tiptap/extension-bold Patch
@tiptap/extension-bubble-menu Patch
@tiptap/extension-bullet-list Patch
@tiptap/extension-character-count Patch
@tiptap/extension-code-block-lowlight Patch
@tiptap/extension-code-block Patch
@tiptap/extension-code Patch
@tiptap/extension-collaboration-cursor Patch
@tiptap/extension-collaboration Patch
@tiptap/extension-color Patch
@tiptap/extension-document Patch
@tiptap/extension-dropcursor Patch
@tiptap/extension-floating-menu Patch
@tiptap/extension-focus Patch
@tiptap/extension-font-family Patch
@tiptap/extension-gapcursor Patch
@tiptap/extension-hard-break Patch
@tiptap/extension-heading Patch
@tiptap/extension-highlight Patch
@tiptap/extension-history Patch
@tiptap/extension-horizontal-rule Patch
@tiptap/extension-image Patch
@tiptap/extension-italic Patch
@tiptap/extension-link Patch
@tiptap/extension-list-item Patch
@tiptap/extension-list-keymap Patch
@tiptap/extension-mention Patch
@tiptap/extension-ordered-list Patch
@tiptap/extension-paragraph Patch
@tiptap/extension-placeholder Patch
@tiptap/extension-strike Patch
@tiptap/extension-subscript Patch
@tiptap/extension-superscript Patch
@tiptap/extension-table-cell Patch
@tiptap/extension-table-header Patch
@tiptap/extension-table-row Patch
@tiptap/extension-table Patch
@tiptap/extension-task-item Patch
@tiptap/extension-task-list Patch
@tiptap/extension-text-style Patch
@tiptap/extension-text Patch
@tiptap/extension-typography Patch
@tiptap/extension-underline Patch
@tiptap/extension-youtube Patch
@tiptap/html Patch
@tiptap/pm Patch
@tiptap/react Patch
@tiptap/starter-kit Patch
@tiptap/suggestion Patch
@tiptap/vue-2 Patch
@tiptap/vue-3 Patch

Not sure what this means? Click here to learn what changesets are.

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

Copy link

pkg-pr-new bot commented Nov 30, 2024

Open in Stackblitz

@tiptap/core

npm i https://pkg.pr.new/@tiptap/core@5891

@tiptap/extension-blockquote

npm i https://pkg.pr.new/@tiptap/extension-blockquote@5891

@tiptap/extension-bubble-menu

npm i https://pkg.pr.new/@tiptap/extension-bubble-menu@5891

@tiptap/extension-bold

npm i https://pkg.pr.new/@tiptap/extension-bold@5891

@tiptap/extension-bullet-list

npm i https://pkg.pr.new/@tiptap/extension-bullet-list@5891

@tiptap/extension-character-count

npm i https://pkg.pr.new/@tiptap/extension-character-count@5891

@tiptap/extension-code

npm i https://pkg.pr.new/@tiptap/extension-code@5891

@tiptap/extension-code-block

npm i https://pkg.pr.new/@tiptap/extension-code-block@5891

@tiptap/extension-code-block-lowlight

npm i https://pkg.pr.new/@tiptap/extension-code-block-lowlight@5891

@tiptap/extension-collaboration

npm i https://pkg.pr.new/@tiptap/extension-collaboration@5891

@tiptap/extension-collaboration-cursor

npm i https://pkg.pr.new/@tiptap/extension-collaboration-cursor@5891

@tiptap/extension-color

npm i https://pkg.pr.new/@tiptap/extension-color@5891

@tiptap/extension-document

npm i https://pkg.pr.new/@tiptap/extension-document@5891

@tiptap/extension-dropcursor

npm i https://pkg.pr.new/@tiptap/extension-dropcursor@5891

@tiptap/extension-floating-menu

npm i https://pkg.pr.new/@tiptap/extension-floating-menu@5891

@tiptap/extension-focus

npm i https://pkg.pr.new/@tiptap/extension-focus@5891

@tiptap/extension-font-family

npm i https://pkg.pr.new/@tiptap/extension-font-family@5891

@tiptap/extension-gapcursor

npm i https://pkg.pr.new/@tiptap/extension-gapcursor@5891

@tiptap/extension-hard-break

npm i https://pkg.pr.new/@tiptap/extension-hard-break@5891

@tiptap/extension-heading

npm i https://pkg.pr.new/@tiptap/extension-heading@5891

@tiptap/extension-highlight

npm i https://pkg.pr.new/@tiptap/extension-highlight@5891

@tiptap/extension-history

npm i https://pkg.pr.new/@tiptap/extension-history@5891

@tiptap/extension-horizontal-rule

npm i https://pkg.pr.new/@tiptap/extension-horizontal-rule@5891

@tiptap/extension-image

npm i https://pkg.pr.new/@tiptap/extension-image@5891

@tiptap/extension-italic

npm i https://pkg.pr.new/@tiptap/extension-italic@5891

@tiptap/extension-link

npm i https://pkg.pr.new/@tiptap/extension-link@5891

@tiptap/extension-list-item

npm i https://pkg.pr.new/@tiptap/extension-list-item@5891

@tiptap/extension-list-keymap

npm i https://pkg.pr.new/@tiptap/extension-list-keymap@5891

@tiptap/extension-mention

npm i https://pkg.pr.new/@tiptap/extension-mention@5891

@tiptap/extension-ordered-list

npm i https://pkg.pr.new/@tiptap/extension-ordered-list@5891

@tiptap/extension-paragraph

npm i https://pkg.pr.new/@tiptap/extension-paragraph@5891

@tiptap/extension-placeholder

npm i https://pkg.pr.new/@tiptap/extension-placeholder@5891

@tiptap/extension-strike

npm i https://pkg.pr.new/@tiptap/extension-strike@5891

@tiptap/extension-subscript

npm i https://pkg.pr.new/@tiptap/extension-subscript@5891

@tiptap/extension-superscript

npm i https://pkg.pr.new/@tiptap/extension-superscript@5891

@tiptap/extension-table

npm i https://pkg.pr.new/@tiptap/extension-table@5891

@tiptap/extension-table-cell

npm i https://pkg.pr.new/@tiptap/extension-table-cell@5891

@tiptap/extension-table-header

npm i https://pkg.pr.new/@tiptap/extension-table-header@5891

@tiptap/extension-table-row

npm i https://pkg.pr.new/@tiptap/extension-table-row@5891

@tiptap/extension-task-item

npm i https://pkg.pr.new/@tiptap/extension-task-item@5891

@tiptap/extension-text

npm i https://pkg.pr.new/@tiptap/extension-text@5891

@tiptap/extension-task-list

npm i https://pkg.pr.new/@tiptap/extension-task-list@5891

@tiptap/extension-text-align

npm i https://pkg.pr.new/@tiptap/extension-text-align@5891

@tiptap/extension-text-style

npm i https://pkg.pr.new/@tiptap/extension-text-style@5891

@tiptap/extension-typography

npm i https://pkg.pr.new/@tiptap/extension-typography@5891

@tiptap/extension-underline

npm i https://pkg.pr.new/@tiptap/extension-underline@5891

@tiptap/extension-youtube

npm i https://pkg.pr.new/@tiptap/extension-youtube@5891

@tiptap/html

npm i https://pkg.pr.new/@tiptap/html@5891

@tiptap/pm

npm i https://pkg.pr.new/@tiptap/pm@5891

@tiptap/react

npm i https://pkg.pr.new/@tiptap/react@5891

@tiptap/starter-kit

npm i https://pkg.pr.new/@tiptap/starter-kit@5891

@tiptap/suggestion

npm i https://pkg.pr.new/@tiptap/suggestion@5891

@tiptap/vue-2

npm i https://pkg.pr.new/@tiptap/vue-2@5891

@tiptap/vue-3

npm i https://pkg.pr.new/@tiptap/vue-3@5891

commit: 8e1d93d

@@ -20,7 +20,7 @@ export interface TextAlignOptions {
* @default 'left'
* @example 'center'
*/
defaultAlignment: string,
defaultAlignment: string | null,
Copy link
Contributor

Choose a reason for hiding this comment

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

Should we be stricter on the types here, can only be left, right & center, correct?

Same for alignments too

Copy link
Contributor

@nperez0111 nperez0111 left a comment

Choose a reason for hiding this comment

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

Ah, looking at the code now I see what you were saying, yea as long as the default moves too, this looks good to me

@bdbch bdbch merged commit ce91452 into develop Dec 2, 2024
15 checks passed
@bdbch bdbch deleted the bdbch/fix-text-default-alignment branch December 2, 2024 09:54
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