npm - @frontify/guideline-blocks-settings - Versions diffs - 0.28.1 → 0.28.3 - Mend

@frontify/guideline-blocks-settings 0.28.1 → 0.28.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (248) hide show

package/src/components/BlockItemWrapper/BlockItemWrapper.spec.ct.tsx CHANGED Viewed

@@ -16,7 +16,7 @@ describe('Block Item Wrapper', () => {
         mount(
             <BlockItemWrapper toolbarFlyoutItems={[]} toolbarItems={[]}>
                 <div data-test-id="block-item-wrapper-child" className="tw-w-8 tw-h-8 tw-bg-red-50" />
-            </BlockItemWrapper>
+            </BlockItemWrapper>,
         );
         cy.get(BlockItemWrapperSelector).should('exist');
         cy.get(ChildSelector).should('exist');
@@ -26,7 +26,7 @@ describe('Block Item Wrapper', () => {
         mount(
             <BlockItemWrapper toolbarFlyoutItems={[]} toolbarItems={[]}>
                 <div data-test-id="block-item-wrapper-child" className="tw-w-8 tw-h-8 tw-bg-red-50" />
-            </BlockItemWrapper>
+            </BlockItemWrapper>,
         );
         cy.get(BlockItemWrapperSelector).should('have.class', 'hover:tw-outline');
     });
@@ -35,7 +35,7 @@ describe('Block Item Wrapper', () => {
         mount(
             <BlockItemWrapper toolbarFlyoutItems={[]} toolbarItems={[]} shouldHideWrapper>
                 <div data-test-id="block-item-wrapper-child" className="tw-w-8 tw-h-8 tw-bg-red-50" />
-            </BlockItemWrapper>
+            </BlockItemWrapper>,
         );
         cy.get(BlockItemWrapperSelector).should('not.exist');
     });
@@ -50,7 +50,7 @@ describe('Block Item Wrapper', () => {
                 ]}
             >
                 <div data-test-id="block-item-wrapper-child" className="tw-w-8 tw-h-8 tw-bg-red-50" />
-            </BlockItemWrapper>
+            </BlockItemWrapper>,
         );
         cy.get(ToolbarButtonSelector).should('have.length', 2);
     });
@@ -85,7 +85,7 @@ describe('Block Item Wrapper', () => {
                 ]}
             >
                 <div data-test-id="block-item-wrapper-child" className="tw-mt-8 tw-w-8 tw-h-8 tw-bg-red-50" />
-            </BlockItemWrapper>
+            </BlockItemWrapper>,
         );
         cy.get(ToolbarButtonSelector).eq(0).focus();
         cy.get(FlyoutSelector).should('exist');
@@ -103,7 +103,7 @@ describe('Block Item Wrapper', () => {
                 ]}
             >
                 <div data-test-id="block-item-wrapper-child" className="tw-w-8 tw-h-8 tw-bg-red-50" />
-            </BlockItemWrapper>
+            </BlockItemWrapper>,
         );
         cy.get(ToolbarButtonSelector).eq(0).focus();
         cy.get(BlockItemWrapperSelector).should('have.css', 'outline-style', 'solid');
@@ -120,7 +120,7 @@ describe('Block Item Wrapper', () => {
                 ]}
             >
                 <div data-test-id="block-item-wrapper-child" className="tw-w-8 tw-h-8 tw-bg-red-50" />
-            </BlockItemWrapper>
+            </BlockItemWrapper>,
         );
         cy.get(ToolbarButtonSelector).eq(0).focus();
         cy.get(ToolbarSelector).should('be.visible');
@@ -137,7 +137,7 @@ describe('Block Item Wrapper', () => {
                 shouldBeShown
             >
                 <div data-test-id="block-item-wrapper-child" className="tw-w-8 tw-h-8 tw-bg-red-50" />
-            </BlockItemWrapper>
+            </BlockItemWrapper>,
         );
         cy.get(ChildSelector).should('exist');
         cy.get(BlockItemWrapperSelector).should('have.css', 'outline-style', 'solid');

package/src/components/BlockItemWrapper/Toolbar.tsx CHANGED Viewed

@@ -72,7 +72,7 @@ export const Toolbar = ({
                                 </button>
                             }
                         />
-                    )
+                    ),
                 )}
                 {flyoutItems.length > 0 && (
                     <div className="tw-flex tw-flex-shrink-0 tw-flex-1 tw-h-6">

package/src/components/RichTextEditor/RichTextEditor.spec.ct.tsx CHANGED Viewed

@@ -62,7 +62,7 @@ describe('RichTextEditor', () => {
                 isEditing={true}
                 plugins={new PluginComposer().setPlugin([new LinkPlugin({ appBridge })])}
                 value={convertToRteValue('p', 'This is a link')}
-            />
+            />,
         );
         cy.get(RichTextSelector).click();
         cy.get(RichTextSelector).type('{selectall}');
@@ -83,7 +83,7 @@ describe('RichTextEditor', () => {
                 isEditing={true}
                 plugins={new PluginComposer().setPlugin([new LinkPlugin({ appBridge })])}
                 value={convertToRteValue('p', 'This is a link')}
-            />
+            />,
         );
         cy.get(RichTextSelector).click();
         cy.get(RichTextSelector).type('{selectall}');
@@ -102,7 +102,7 @@ describe('RichTextEditor', () => {
                 isEditing={true}
                 plugins={new PluginComposer().setPlugin([new LinkPlugin({ appBridge })])}
                 value={convertToRteValue('p', 'This is a link')}
-            />
+            />,
         );
         cy.get(RichTextSelector).click();
@@ -122,7 +122,7 @@ describe('RichTextEditor', () => {
                 isEditing={true}
                 plugins={new PluginComposer().setPlugin([new LinkPlugin({ appBridge })])}
                 value={convertToRteValue('p', 'This is a link')}
-            />
+            />,
         );
         cy.get(RichTextSelector).click();
         cy.get(RichTextSelector).type('{selectall}');
@@ -140,7 +140,7 @@ describe('RichTextEditor', () => {
             <RichTextEditor
                 isEditing={true}
                 plugins={new PluginComposer().setPlugin([new LinkPlugin({ appBridge })])}
-            />
+            />,
         );
         cy.get(RichTextSelector).click();
         cy.get(RichTextSelector).type('mailto:info@frontify.com {enter}');
@@ -155,7 +155,7 @@ describe('RichTextEditor', () => {
             <RichTextEditor
                 isEditing={true}
                 plugins={new PluginComposer().setPlugin([new LinkPlugin({ appBridge })])}
-            />
+            />,
         );
         cy.get(RichTextSelector).click();
         cy.get(RichTextSelector).type('list:{enter}');
@@ -171,7 +171,7 @@ describe('RichTextEditor', () => {
                 isEditing={true}
                 plugins={new PluginComposer().setPlugin([new LinkPlugin({ appBridge })])}
                 value={convertToRteValue('p', 'This is a link')}
-            />
+            />,
         );
         cy.get(RichTextSelector).click();
         cy.get(RichTextSelector).type('{selectall}');
@@ -190,7 +190,7 @@ describe('RichTextEditor', () => {
                 isEditing={true}
                 plugins={new PluginComposer().setPlugin([new ButtonPlugin({ appBridge })])}
                 value={convertToRteValue('p', 'This is a button')}
-            />
+            />,
         );
         cy.get(RichTextSelector).click();
         cy.get(RichTextSelector).type('{selectall}');

package/src/components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.tsx CHANGED Viewed

@@ -27,7 +27,7 @@ export const getDefaultPluginsWithLinkChooser = (appBridge: AppBridgeBlock) => {
             new SoftBreakPlugin(),
             new TextStylePlugin({
                 textStyles: TextStylePluginsWithoutImage,
-            })
+            }),
         )
         .setPlugin(
             [
@@ -48,6 +48,6 @@ export const getDefaultPluginsWithLinkChooser = (appBridge: AppBridgeBlock) => {
                 new CheckboxListPlugin(),
                 new OrderedListPlugin(),
                 new ResetFormattingPlugin(),
-            ]
+            ],
         );
 };

package/src/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonToolbarButton.tsx CHANGED Viewed

@@ -32,7 +32,7 @@ export const ButtonToolbarButton = ({ type, ...props }: LinkToolbarButtonProps)
             tooltip={getTooltip(
                 isEnabled
                     ? `Button\n${getHotkeyByPlatform('Ctrl+Shift+K')}`
-                    : 'Buttons can only be set for a single text block.'
+                    : 'Buttons can only be set for a single text block.',
             )}
             classNames={getButtonClassNames(isEnabled)}
             active={isLink}

package/src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/FloatingButtonUrlInput.tsx CHANGED Viewed

@@ -25,6 +25,6 @@ export const useFloatingButtonUrlInput = (props: HTMLPropsAs<'input'>): HTMLProp
             onChange,
             defaultValue: floatingButtonSelectors.url(),
         },
-        { ...props, ref: useComposedRef<HTMLInputElement>(props.ref, ref) }
+        { ...props, ref: useComposedRef<HTMLInputElement>(props.ref, ref) },
     );
 };

package/src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/InsertButtonModal/useInsertModal.ts CHANGED Viewed

@@ -125,7 +125,7 @@ export const useInsertModal = () => {
         {
             enableOnFormTags: ['INPUT'],
         },
-        []
+        [],
     );
     return {

package/src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEdit.ts CHANGED Viewed

@@ -95,7 +95,7 @@ export const useFloatingButtonEdit = ({ floatingOptions, ...props }: FloatingBut
         {
             enableOnContentEditable: true,
         },
-        []
+        [],
     );
     useFloatingButtonEnter();

package/src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEnter.ts CHANGED Viewed

@@ -16,6 +16,6 @@ export const useFloatingButtonEnter = () => {
         {
             enableOnFormTags: ['INPUT'],
         },
-        []
+        [],
     );
 };

package/src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEscape.ts CHANGED Viewed

@@ -25,6 +25,6 @@ export const useFloatingButtonEscape = () => {
             enableOnFormTags: ['INPUT'],
             enableOnContentEditable: true,
         },
-        []
+        [],
     );
 };

package/src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonInsert.ts CHANGED Viewed

@@ -40,7 +40,7 @@ export const useFloatingButtonInsert = ({ floatingOptions, ...props }: FloatingB
         {
             enableOnContentEditable: true,
         },
-        [focused]
+        [focused],
     );
     const { update, style, floating } = useVirtualFloatingButton({

package/src/components/RichTextEditor/plugins/ButtonPlugin/createButtonPlugin.ts CHANGED Viewed

@@ -3,7 +3,7 @@
 import { AppBridgeBlock } from '@frontify/app-bridge';
 import { Plugin, PluginProps } from '@frontify/fondue';
 import { RangeBeforeOptions, createPluginFactory } from '@udecode/plate';
-import { CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
 import { isValidUrl } from '../LinkPlugin/utils/url';
 import { ButtonMarkupElement } from './ButtonMarkupElement';
 import { ButtonButton } from './components/ButtonButton';
@@ -14,6 +14,7 @@ import { withButton } from './withButton';
 export const ELEMENT_BUTTON = 'button';
 export const BUTTON_PLUGIN = 'button-plugin';
+// eslint-disable-next-line
 export interface ButtonPlugin {
     forceSubmit?: boolean;
@@ -97,6 +98,7 @@ export type ButtonPluginProps = Omit<PluginProps, 'styles'> & {
     styles?: Record<string, CSSProperties & { hover?: CSSProperties }>;
 } & { appBridge: AppBridgeBlock };
+// eslint-disable-next-line
 export class ButtonPlugin extends Plugin {
     public styles: CSSProperties = {};
     private appBridge: AppBridgeBlock;

package/src/components/RichTextEditor/plugins/ButtonPlugin/transforms/insertButton.ts CHANGED Viewed

@@ -7,11 +7,11 @@ import { CreateButtonNodeOptions, createButtonNode } from '../utils/index';
 export const insertButton = <V extends Value>(
     editor: PlateEditor<V>,
     createButtonNodeOptions: CreateButtonNodeOptions,
-    options?: InsertNodesOptions<V>
+    options?: InsertNodesOptions<V>,
 ) => {
     insertNodes<TButtonElement | TText>(
         editor,
         [createButtonNode(editor, createButtonNodeOptions)],
-        options as InsertNodesOptions
+        options as InsertNodesOptions,
     );
 };

package/src/components/RichTextEditor/plugins/ButtonPlugin/transforms/unwrapButton.ts CHANGED Viewed

@@ -20,7 +20,7 @@ export const unwrapButton = <V extends Value>(
     editor: PlateEditor<V>,
     options?: UnwrapNodesOptions & {
         split?: boolean;
-    }
+    },
 ) => {
     return withoutNormalizing(editor, () => {
         if (options?.split) {

package/src/components/RichTextEditor/plugins/ButtonPlugin/transforms/upsertButton.ts CHANGED Viewed

@@ -55,7 +55,7 @@ export const upsertButton = <V extends Value>(
         insertTextInButton,
         insertNodesOptions,
         isUrl = getPluginOptions<ButtonPlugin, V>(editor, ELEMENT_BUTTON).isUrl,
-    }: UpsertButtonOptions<V>
+    }: UpsertButtonOptions<V>,
 ) => {
     const at = editor.selection;
     if (!at) {
@@ -136,7 +136,7 @@ export const upsertButton = <V extends Value>(
                 },
             ],
         },
-        insertNodesOptions
+        insertNodesOptions,
     );
     return true;
 };
@@ -151,7 +151,7 @@ function anchorAndFocusInButton<V extends Value>(
     url: string,
     buttonStyle?: RichTextButtonStyle,
     target?: string,
-    text?: string
+    text?: string,
 ) {
     if (buttonAbove) {
         unwrapButton(editor, {
@@ -178,7 +178,7 @@ function editButtonUrlAndTarget<V extends Value>(
     buttonAbove: TNodeEntry<TButtonElement>,
     target?: string,
     buttonStyle?: string,
-    text?: string
+    text?: string,
 ) {
     if (
         url !== buttonAbove[0]?.url ||
@@ -190,7 +190,7 @@ function editButtonUrlAndTarget<V extends Value>(
             { url, target, buttonStyle },
             {
                 at: buttonAbove[1],
-            }
+            },
         );
     }

package/src/components/RichTextEditor/plugins/ButtonPlugin/transforms/wrapButton.ts CHANGED Viewed

@@ -14,7 +14,7 @@ export interface WrapButtonOptions<V extends Value = Value> extends WrapNodesOpt
  */
 export const wrapButton = <V extends Value>(
     editor: PlateEditor<V>,
-    { url, buttonStyle, target, ...options }: WrapButtonOptions<V>
+    { url, buttonStyle, target, ...options }: WrapButtonOptions<V>,
 ) => {
     wrapNodes<TButtonElement, Value>(
         editor,
@@ -25,6 +25,6 @@ export const wrapButton = <V extends Value>(
             target,
             children: [],
         },
-        { split: true, ...options } as WrapNodesOptions
+        { split: true, ...options } as WrapNodesOptions,
     );
 };

package/src/components/RichTextEditor/plugins/ButtonPlugin/utils/createButtonNode.ts CHANGED Viewed

@@ -14,7 +14,7 @@ export interface CreateButtonNodeOptions {
 export const createButtonNode = <V extends Value>(
     editor: PlateEditor<V>,
-    { url, text = '', buttonStyle = 'primary', target, children }: CreateButtonNodeOptions
+    { url, text = '', buttonStyle = 'primary', target, children }: CreateButtonNodeOptions,
 ): TButtonElement => {
     const type = getPluginType(editor, ELEMENT_BUTTON);

package/src/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButton.ts CHANGED Viewed

@@ -10,7 +10,7 @@ export const triggerFloatingButton = <V extends Value>(
         focused,
     }: {
         focused?: boolean;
-    } = {}
+    } = {},
 ) => {
     if (floatingButtonSelectors.mode() === 'edit') {
         triggerFloatingButtonEdit(editor);

package/src/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonInsert.ts CHANGED Viewed

@@ -19,7 +19,7 @@ export const triggerFloatingButtonInsert = <V extends Value>(
         focused,
     }: {
         focused?: boolean;
-    } = {}
+    } = {},
 ) => {
     if (floatingButtonSelectors.mode()) {
         return;

package/src/components/RichTextEditor/plugins/ButtonPlugin/withButton.ts CHANGED Viewed

@@ -101,6 +101,6 @@ export const withButton: WithOverride = (editor, { type }) => {
         editor,
         mockPlugin<AnyObject, Value, PlateEditor<Value>>({
             options: { types: type },
-        })
+        }),
     );
 };

package/src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/useFloatingLinkEdit.ts CHANGED Viewed

@@ -95,7 +95,7 @@ export const useFloatingLinkEdit = ({ floatingOptions, ...props }: FloatingLinkP
         {
             enableOnContentEditable: true,
         },
-        []
+        [],
     );
     useFloatingLinkEnter();

package/src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.tsx CHANGED Viewed

@@ -15,7 +15,7 @@ import { FC, ReactNode } from 'react';
 import { LinkSelector } from '../../../shared/LinkSelector';
 import { InsertModalStateProps } from './types';
-type Props = {
+type InsertModalProps = {
     state: InsertModalStateProps;
     onTextChange: (value: string) => void;
     onUrlChange: (value: string) => void;
@@ -29,7 +29,7 @@ type Props = {
     appBridge: AppBridgeBlock;
 };
-export const InsertModal: FC<Props> = ({
+export const InsertModal: FC<InsertModalProps> = ({
     state,
     onTextChange,
     onUrlChange,

package/src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/useFloatingLinkInsert.ts CHANGED Viewed

@@ -38,7 +38,7 @@ export const useFloatingLinkInsert = ({ floatingOptions, ...props }: FloatingLin
         {
             enableOnContentEditable: true,
         },
-        [focused]
+        [focused],
     );
     const { update, style, floating } = useVirtualFloatingLink({

package/src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/useInsertModal.ts CHANGED Viewed

@@ -119,7 +119,7 @@ export const useInsertModal = () => {
         {
             enableOnFormTags: ['INPUT'],
         },
-        []
+        [],
     );
     return {

package/src/components/RichTextEditor/plugins/LinkPlugin/LinkButton.tsx CHANGED Viewed

@@ -22,7 +22,7 @@ export const LinkButton = ({ id, editorId }: PluginButtonProps) => {
                 tooltip={getTooltip(
                     isEnabled
                         ? `Link\n${getHotkeyByPlatform('Ctrl+K')}`
-                        : 'Links can only be set for a single text block.'
+                        : 'Links can only be set for a single text block.',
                 )}
                 icon={
                     <span className="tw-p-2 tw-h-8 tw-justify-center tw-items-center tw-flex">

package/src/components/RichTextEditor/plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 import { HTMLPropsAs, LinkRootProps, useElementProps } from '@udecode/plate';
-import { MouseEvent } from 'react';
+import type { MouseEvent } from 'react';
 import { TLinkElement } from '../types';
 import { BlockStyles } from '../../styles';
 import { LINK_PLUGIN } from '../id';

package/src/components/RichTextEditor/plugins/LinkPlugin/index.ts CHANGED Viewed

@@ -1,14 +1,15 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
+import type { CSSProperties } from 'react';
 import { AppBridgeBlock } from '@frontify/app-bridge';
 import { Plugin, PluginProps } from '@frontify/fondue';
 import { createLinkPlugin as createPlateLinkPlugin, createPluginFactory } from '@udecode/plate';
 import { CustomFloatingLink } from './FloatingLink/CustomFloatingLink';
 import { LINK_PLUGIN } from './id';
 import { LinkButton } from './LinkButton';
 import { LinkMarkupElement } from './LinkMarkupElement';
 import { isValidUrl } from './utils/url';
-import { CSSProperties } from 'react';
 import { BlockStyles } from '../styles';
 export const createLinkPlugin = (appBridge: AppBridgeBlock) =>

package/src/components/RichTextEditor/plugins/LinkPlugin/utils/relativeUrlRegex.spec.ts CHANGED Viewed

@@ -4,32 +4,29 @@ import { describe, expect, it } from 'vitest';
 import { relativeUrlRegex } from './relativeUrlRegex';
 describe('Regex values', () => {
-    it('should only match internal documents starting with /r/ or /document/', () => {
-        const testData = [
-            {
-                input: '/document/123',
-                shouldMatch: true,
-            },
-            {
-                input: '/r/123',
-                shouldMatch: true,
-            },
-            {
-                input: '/wrong/123',
-                shouldMatch: false,
-            },
-            {
-                input: '/r/',
-                shouldMatch: false,
-            },
-            {
-                input: '/document/',
-                shouldMatch: false,
-            },
-        ];
-        for (const data of testData) {
-            const isMatching = relativeUrlRegex.test(data.input);
-            expect(isMatching).toBe(data.shouldMatch);
-        }
+    it.each([
+        {
+            input: '/document/123',
+            shouldMatch: true,
+        },
+        {
+            input: '/r/123',
+            shouldMatch: true,
+        },
+        {
+            input: '/wrong/123',
+            shouldMatch: false,
+        },
+        {
+            input: '/r/',
+            shouldMatch: false,
+        },
+        {
+            input: '/document/',
+            shouldMatch: false,
+        },
+    ])('should only match internal documents starting with /r/ or /document/', ({ input, shouldMatch }) => {
+        const isMatching = relativeUrlRegex.test(input);
+        expect(isMatching).toBe(shouldMatch);
     });
 });

package/src/components/RichTextEditor/plugins/TextStylePlugins/custom1Plugin.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 import { createPluginFactory } from '@udecode/plate';
-import { CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
 import {
     MarkupElement,
     Plugin,

package/src/components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 import { createPluginFactory } from '@udecode/plate';
-import { CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
 import {
     MarkupElement,
     Plugin,

package/src/components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 import { PlateRenderElementProps, createPluginFactory } from '@udecode/plate';
-import { CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
 import {
     MarkupElement,
     Plugin,

package/src/components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 import { PlateRenderElementProps, createPluginFactory } from '@udecode/plate';
-import { CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
 import {
     MarkupElement,
     Plugin,

package/src/components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 import { createPluginFactory } from '@udecode/plate';
-import { CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
 import {
     MarkupElement,
     Plugin,

package/src/components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 import { createPluginFactory } from '@udecode/plate';
-import { CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
 import {
     MarkupElement,
     Plugin,

package/src/components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 import { createPluginFactory } from '@udecode/plate';
-import { CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
 import {
     MarkupElement,
     Plugin,

package/src/components/RichTextEditor/plugins/TextStylePlugins/imageCaptionPlugin.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 import { createPluginFactory } from '@udecode/plate';
-import { CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
 import {
     MarkupElement,
     Plugin,

package/src/components/RichTextEditor/plugins/TextStylePlugins/imageTitlePlugin.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 import { createPluginFactory } from '@udecode/plate';
-import { CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
 import {
     MarkupElement,
     Plugin,

package/src/components/RichTextEditor/plugins/TextStylePlugins/paragraphPlugin.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 import { createParagraphPlugin as createPlateParagraphPlugin, createPluginFactory } from '@udecode/plate';
-import { CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
 import {
     MarkupElement,
     Plugin,

package/src/components/RichTextEditor/plugins/TextStylePlugins/quotePlugin.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 import { createPluginFactory } from '@udecode/plate';
-import { CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
 import {
     MarkupElement,
     Plugin,