v1.4.5

What's Changed

• Allow prop overrides and styling for MenuDivider by @sjdemartini in #132
• Show MenuSelect* rendered icons with disabled color when Select is disabled by @sjdemartini in #134

Internal changes

• Use component as makeStyles param for MenuButton by @sjdemartini in #133

Full Changelog: v1.4.4...v1.4.5

v1.4.4

What's Changed

• Remove unused/undocumented style constants and function by @sjdemartini in #131. This is technically a "breaking" change, but these DARK_MODE_PAPER_BACKGROUND_COLOR_ELEVATION_1, DARK_MODE_PAPER_BACKGROUND_COLOR_ELEVATION_2, and parseToNumPixels exports were never used even internally or documented in any published version of mui-tiptap, so need not be included and should likely not have been used by any consuming installs. (Feel free to file an issue if you happened to depend on them.)

Full Changelog: v1.4.3...v1.4.4

v1.4.3

What's Changed

• Add @mention example to demo by @sjdemartini in #127, #128
• Export Props types for BubbleMenu components by @sjdemartini in #129
• Use matching icon colors in Select controls (in light mode) by @sjdemartini in #130

Full Changelog: v1.4.2...v1.4.3

v1.4.2

What's Changed

• Mark package as being side-effect-free for Webpack tree-shaking by @sjdemartini in #126

Full Changelog: v1.4.1...v1.4.2

v1.4.1

What's Changed

• Ensure only specific modules of lodash are ever imported internally, which should ensure better tree-shakable behavior with various end-user bundlers by @sjdemartini in #125

Full Changelog: v1.4.0...v1.4.1

v1.4.0

What's Changed

• MenuSelectFontFamily: Show each font family option with that font-family CSS style, and change empty/tooltip label to "Font" by @sjdemartini in #122
  
• Improve Select interfaces to handle selection containing multiple different values by @sjdemartini in #124
  • MenuSelectHeading: when multiple different headings are selected (and no other content), show labels.empty (which defaults to "Change to...") rather than showing the first selected heading. This will ensure you're able to update both headings to the same heading level as the first in the selection, which wasn't possible before (since onChange doesn't fire if you select the same option).
    
  • MenuSelectHeading: Add "Styles" as default tooltip (as shown above). This can be overridden with tooltipTitle prop. Formerly no tooltip was shown by default, inconsistent with other controls.
  • MenuSelectFontSize and MenuSelectFontFamily: When content with multiple different font sizes or multiple different font families are selected, respectively, show the default emptyLabel in that scenario. This is similar to Google Docs and Microsoft Word, where they show the font size and font family entries as blank when there is text with different values selected.
    
  • MenuSelectFontFamily: Use a fixed width (so menu bar doesn't change positioning as different font families are selected).
  • MenuSelectTextAlign: when content with multiple different alignments is selected, render the new emptyLabel prop, which defaults to "" (so the select appears blank, since there isn't an appropriate icon for that scenario). This enables you to now change all alignments to left-align in that situation, whereas before you couldn't (since it wouldn't fire onChange).
    
  • Export new Tiptap editor utilities (used with the above "multiple values" behavior described above), which return the attributes of all matching selected nodes/marks, rather than just giving you the first, like getAttributes does: getAttributesForEachSelected, getAttributesForMarks, getAttributesForNodes

Full Changelog: v1.3.0...v1.4.0

v1.3.0

What's Changed

• Remove react-icons peer dependency in favor of mui-tiptap internal versions of the Remix and Box icons we need by @sjdemartini in #120 (see discussion in #119)
  • You can now import these additional icons like import { InsertColumnLeft } from "mui-tiptap/icons";. Full list of icons can be viewed in src/icons/index.ts.

Full Changelog: v1.2.0...v1.3.0

v1.2.0

What's Changed

• Add MenuSelectFontFamily component for controlling Tiptap FontFamily extension by @sjdemartini in #110
• ⚠️ Update prop naming for consistency between MenuSelect* components by @sjdemartini in #114.
  • Use options as the prop name for overriding Select dropdown menu-item options everywhere
  • Use value and label as the main keys in the each options object (e.g. instead of alignment and label in MenuSelectTextAlign's alignmentOptions prop, it's now value and label in its options prop)
  • In addition to supporting options as an array of string font-size values, add support for customized labels for the options in MenuSelectFontSize, like:

      <MenuSelectFontSize
        options={[
          { value: "small" }, // Will show "small"
          { value: "14px" }, // Will show "14" (trimming "px" by default if no label)
          { value: "18px", label: "Eighteen" },  // Will show "Eighteen"
          { value: "24px", label: "24px" }, // Will show "24px"
        ]}
      />

  • Rename unsetOptionContent -> unsetOptionLabel
  • Rename emptyValue -> emptyLabel
  • Note that old prop names/structures above are marked as @deprecated but are still supported for backwards compatibility.

Full Changelog: v1.1.0...v1.2.0

v1.1.0

What's Changed

• 🐛 Stop form submission propagation for LinkBubbleMenu to fix #105 by @sjdemartini in #106
• ✨ Remove @tiptap/extension-link from peer deps by @sjdemartini in #102
  • We don't actually directly depend on the code being imported anywhere within mui-tiptap, so it need not be listed as an explicit peer dependency. You should still install @tiptap/extension-link if you intend to use the Link extension and the associated mui-tiptap components and extensions (LinkBubbleMenu, LinkBubbleMenuHandler, etc.) as those depend on the Link extension being installed and included in your extensions array.
• 🛠️ Allow overriding MenuSelectTextAlign props, options, etc. by @sjdemartini in #101
• 🛠️ Allow overriding labels in MenuSelectHeading to support localization by @sjdemartini in #107
• 🛠️ Allow overriding LinkBubbleMenu and TableMenuControls labels to support localization by @sjdemartini in #104
• 📖 Document options for localization and content overrides by @sjdemartini in #108

Full Changelog: v1.0.0...v1.1.0

v1.0.0

mui-tiptap seems stable enough now to release as a non-beta v1!

What's Changed

• Remove @tiptap/extension-text-style as peer dependency by @sjdemartini in #97 (not actually necessary anymore, though it should still be installed in your project if you use mui-tiptap's FontSize extension)
• Don't reset RichTextEditor document upon content prop changes, but do so with RichTextReadOnly by @sjdemartini in #98
• Updated README with more tips and suggestions

Full Changelog: v1.0.0-beta.10...v1.0.0