@frontify/fondue 12.0.0-beta.131 → 12.0.0-beta.133
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.
- package/dist/components/RichTextEditor/Plugins/BlurOnBreakPlugin/createBlurOnBreakPlugin.d.ts +1 -1
- package/dist/components/RichTextEditor/Plugins/BlurOnBreakPlugin/createBlurOnBreakPlugin.es.js +1 -1
- package/dist/components/RichTextEditor/Plugins/BlurOnBreakPlugin/createBlurOnBreakPlugin.es.js.map +1 -1
- package/dist/components/RichTextEditor/Plugins/BlurOnBreakPlugin/index.d.ts +2 -2
- package/dist/components/RichTextEditor/Plugins/ColumnBreakPlugin/utils/setColumnBreaks.d.ts +1 -1
- package/dist/components/RichTextEditor/Plugins/ColumnBreakPlugin/utils/setColumnBreaks.es.js +1 -1
- package/dist/components/RichTextEditor/Plugins/ColumnBreakPlugin/utils/setColumnBreaks.es.js.map +1 -1
- package/dist/components/RichTextEditor/Plugins/ParagraphPlugin/index.d.ts +1 -1
- package/dist/components/RichTextEditor/Plugins/TextStylePlugin/getTextStylePlugins.d.ts +1 -1
- package/dist/components/RichTextEditor/Plugins/TextStylePlugin/index.d.ts +1 -1
- package/dist/components/RichTextEditor/hooks/useEditorState.d.ts +2 -2
- package/dist/components/RichTextEditor/serializer/nodes/button.d.ts +1 -1
- package/dist/components/RichTextEditor/serializer/nodes/button.es.js.map +1 -1
- package/dist/components/RichTextEditor/serializer/nodes/checkItem.d.ts +1 -1
- package/dist/components/RichTextEditor/serializer/nodes/checkItem.es.js.map +1 -1
- package/dist/components/RichTextEditor/serializer/nodes/link.d.ts +1 -1
- package/dist/components/RichTextEditor/serializer/nodes/link.es.js.map +1 -1
- package/dist/index.cjs.js +27 -27
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.umd.js +27 -27
- package/dist/index.umd.js.map +1 -1
- package/package.json +9 -3
package/dist/components/RichTextEditor/Plugins/BlurOnBreakPlugin/createBlurOnBreakPlugin.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { BlurOnBreakPlatePlugin } from './types';
|
|
2
2
|
export declare const KEY_BLUR_ON_BREAK = "blurOnBreak";
|
|
3
|
-
export declare const createBlurOnBreakPlugin: <OP = BlurOnBreakPlatePlugin<import("@udecode/plate
|
|
3
|
+
export declare const createBlurOnBreakPlugin: <OP = BlurOnBreakPlatePlugin<import("@udecode/plate").Value>, OV extends import("@udecode/plate").Value = import("@udecode/plate").Value, OE extends import("@udecode/plate").PlateEditor<OV> = import("@udecode/plate").PlateEditor<OV>>(override?: Partial<import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>> | undefined, overrideByKey?: import("@udecode/plate").OverrideByKey<OV, OE> | undefined) => import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>;
|
package/dist/components/RichTextEditor/Plugins/BlurOnBreakPlugin/createBlurOnBreakPlugin.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createBlurOnBreakPlugin.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/BlurOnBreakPlugin/createBlurOnBreakPlugin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createPluginFactory } from '@udecode/plate
|
|
1
|
+
{"version":3,"file":"createBlurOnBreakPlugin.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/BlurOnBreakPlugin/createBlurOnBreakPlugin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createPluginFactory } from '@udecode/plate';\nimport { onKeyDownBlurOnBreak } from './onKeyDownBlurOnBreak';\nimport { BlurOnBreakPlatePlugin } from './types';\n\nexport const KEY_BLUR_ON_BREAK = 'blurOnBreak';\n\nexport const createBlurOnBreakPlugin = createPluginFactory<BlurOnBreakPlatePlugin>({\n key: KEY_BLUR_ON_BREAK,\n handlers: {\n onKeyDown: onKeyDownBlurOnBreak,\n },\n});\n"],"names":["KEY_BLUR_ON_BREAK","createBlurOnBreakPlugin","createPluginFactory","onKeyDownBlurOnBreak"],"mappings":";;AAMO,MAAMA,IAAoB,eAEpBC,IAA0BC,EAA4C;AAAA,EAC/E,KAAKF;AAAA,EACL,UAAU;AAAA,IACN,WAAWG;AAAA,EACf;AACJ,CAAC;"}
|
|
@@ -2,7 +2,7 @@ import { Plugin, PluginProps } from '../Plugin';
|
|
|
2
2
|
import { BlurOnBreakPlatePlugin } from './types';
|
|
3
3
|
export type BlurOnBreakPluginProps = PluginProps & BlurOnBreakPlatePlugin;
|
|
4
4
|
export declare class BlurOnBreakPlugin extends Plugin {
|
|
5
|
-
protected onBreak: ((value: import("@udecode/plate
|
|
5
|
+
protected onBreak: ((value: import("@udecode/plate").Value) => void) | undefined;
|
|
6
6
|
constructor(props?: BlurOnBreakPluginProps);
|
|
7
|
-
plugins(): import("@udecode/plate
|
|
7
|
+
plugins(): import("@udecode/plate").PlatePlugin<BlurOnBreakPlatePlugin<import("@udecode/plate").Value>, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>>[];
|
|
8
8
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PlateEditor, PlatePluginKey, SetNodesOptions, Value } from '@udecode/plate
|
|
1
|
+
import { PlateEditor, PlatePluginKey, SetNodesOptions, Value } from '@udecode/plate';
|
|
2
2
|
import { Location } from 'slate';
|
|
3
3
|
export type ColumnBreakValue = 'active' | 'inactive' | undefined;
|
|
4
4
|
export declare const setColumnBreaks: <V extends Value>(editor: PlateEditor<V>, { key, value, at, }: {
|
package/dist/components/RichTextEditor/Plugins/ColumnBreakPlugin/utils/setColumnBreaks.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { unsetNodes as l, setElements as n, isBlock as c } from "@udecode/plate
|
|
1
|
+
import { unsetNodes as l, setElements as n, isBlock as c } from "@udecode/plate";
|
|
2
2
|
import { KEY_ELEMENT_BREAK_AFTER_COLUMN as r } from "../createColumnBreakPlugin.es.js";
|
|
3
3
|
const p = (o, {
|
|
4
4
|
key: s = r,
|
package/dist/components/RichTextEditor/Plugins/ColumnBreakPlugin/utils/setColumnBreaks.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setColumnBreaks.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/ColumnBreakPlugin/utils/setColumnBreaks.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n ENode,\n PlateEditor,\n PlatePluginKey,\n SetNodesOptions,\n TNodeMatch,\n Value,\n isBlock,\n setElements,\n unsetNodes,\n} from '@udecode/plate
|
|
1
|
+
{"version":3,"file":"setColumnBreaks.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/ColumnBreakPlugin/utils/setColumnBreaks.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n ENode,\n PlateEditor,\n PlatePluginKey,\n SetNodesOptions,\n TNodeMatch,\n Value,\n isBlock,\n setElements,\n unsetNodes,\n} from '@udecode/plate';\nimport { Location } from 'slate';\nimport { KEY_ELEMENT_BREAK_AFTER_COLUMN } from '../createColumnBreakPlugin';\n\nexport type ColumnBreakValue = 'active' | 'inactive' | undefined;\n\n// This is adapted from src/components/RichTextEditor/Plugins/AlignPlugin/AlignPlugin.ts\nexport const setColumnBreaks = <V extends Value>(\n editor: PlateEditor<V>,\n {\n key = KEY_ELEMENT_BREAK_AFTER_COLUMN,\n value,\n at,\n }: { at?: Location; value?: string; setNodesOptions?: SetNodesOptions<V> } & PlatePluginKey,\n) => {\n const match: TNodeMatch<ENode<Value>> = (n) => isBlock(editor, n);\n\n if (!value) {\n unsetNodes(editor, key, {\n match,\n mode: 'lowest',\n at,\n });\n } else {\n setElements(editor, { [key]: value }, { mode: 'lowest', match, at });\n }\n};\n"],"names":["setColumnBreaks","editor","key","KEY_ELEMENT_BREAK_AFTER_COLUMN","value","at","match","n","isBlock","setElements","unsetNodes"],"mappings":";;AAmBa,MAAAA,IAAkB,CAC3BC,GACA;AAAA,EACI,KAAAC,IAAMC;AAAA,EACN,OAAAC;AAAA,EACA,IAAAC;AACJ,MACC;AACD,QAAMC,IAAkC,CAACC,MAAMC,EAAQP,GAAQM,CAAC;AAEhE,EAAKH,IAODK,EAAYR,GAAQ,EAAE,CAACC,CAAG,GAAGE,EAAA,GAAS,EAAE,MAAM,UAAU,OAAAE,GAAO,IAAAD,EAAI,CAAA,IANnEK,EAAWT,GAAQC,GAAK;AAAA,IACpB,OAAAI;AAAA,IACA,MAAM;AAAA,IACN,IAAAD;AAAA,EAAA,CACH;AAIT;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Plugin, PluginProps } from '../Plugin';
|
|
2
2
|
export declare class ParagraphPlugin extends Plugin {
|
|
3
3
|
constructor(props?: PluginProps);
|
|
4
|
-
plugins(): import("@udecode/plate
|
|
4
|
+
plugins(): import("@udecode/plate").PlatePlugin<import("@udecode/plate").AnyObject, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>>[];
|
|
5
5
|
}
|
|
6
6
|
export * from './ParagraphMarkupElement';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { SelectableTextStyles } from './TextStyles';
|
|
2
|
-
export declare const getTextStylePlugins: (textStyles: SelectableTextStyles[]) => import("@udecode/plate
|
|
2
|
+
export declare const getTextStylePlugins: (textStyles: SelectableTextStyles[]) => import("@udecode/plate").PlatePlugin<import("@udecode/plate").AnyObject, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>>[];
|
|
@@ -3,5 +3,5 @@ import { TextStylePluginProps } from './TextStyles/types';
|
|
|
3
3
|
export { TextStyles } from './TextStyles';
|
|
4
4
|
export declare class TextStylePlugin extends Plugin<TextStylePluginProps> {
|
|
5
5
|
constructor({ textStyles, ...pluginProps }?: Partial<TextStylePluginProps>);
|
|
6
|
-
plugins(): import("@udecode/plate
|
|
6
|
+
plugins(): import("@udecode/plate").PlatePlugin<import("@udecode/plate").AnyObject, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>>[];
|
|
7
7
|
}
|
|
@@ -11,9 +11,9 @@ type useEditorStateProps = {
|
|
|
11
11
|
export declare const useEditorState: ({ editorId, initialValue, plugins, onTextChange, onValueChanged, }: useEditorStateProps) => {
|
|
12
12
|
localValue: import("react").MutableRefObject<TreeOfNodes | null>;
|
|
13
13
|
onChange: (value: any) => void;
|
|
14
|
-
memoizedValue: import("@udecode/plate
|
|
14
|
+
memoizedValue: import("@udecode/plate").Value;
|
|
15
15
|
config: {
|
|
16
|
-
create: () => import("@udecode/plate
|
|
16
|
+
create: () => import("@udecode/plate").PlatePlugin<import("@udecode/plate").AnyObject, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>>[];
|
|
17
17
|
toolbar: () => import("react").ReactNode;
|
|
18
18
|
inline: () => import("react").ReactNode;
|
|
19
19
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { DesignTokens } from '../../../RichTextEditor/types';
|
|
2
|
-
import { TElement } from '@udecode/plate
|
|
2
|
+
import { TElement } from '@udecode/plate';
|
|
3
3
|
export declare const buttonNode: (node: TElement, children: string, designTokens: DesignTokens, defaultClassNames: string) => string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/nodes/button.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { RichTextButtonStyle } from '@components/RichTextEditor/Plugins';\nimport { getButtonStyle } from '@components/RichTextEditor/Plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode';\nimport { DesignTokens } from '@components/RichTextEditor/types';\nimport { TElement } from '@udecode/plate
|
|
1
|
+
{"version":3,"file":"button.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/nodes/button.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { RichTextButtonStyle } from '@components/RichTextEditor/Plugins';\nimport { getButtonStyle } from '@components/RichTextEditor/Plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode';\nimport { DesignTokens } from '@components/RichTextEditor/types';\nimport { TElement } from '@udecode/plate';\nimport { reactCssPropsToCss } from '../utils/reactCssPropsToCss';\n\nexport const buttonNode = (node: TElement, children: string, designTokens: DesignTokens, defaultClassNames: string) => {\n const buttonStyle = getButtonStyle(designTokens, (node.buttonStyle as RichTextButtonStyle) ?? 'primary');\n const defaultStyles = reactCssPropsToCss(buttonStyle);\n return `<a href=\"${node.url}\"\n target=\"${node.target ?? '_blank'}\"\n style=\"${defaultStyles}\"\n class=\"${defaultClassNames}\"\n onmouseenter=\"this.setAttribute('style', '${defaultStyles} ${reactCssPropsToCss(buttonStyle.hover)}');\"\n onmouseleave=\"this.setAttribute('style', '${reactCssPropsToCss(buttonStyle)}');\"\n >${children}</a>`;\n};\n"],"names":["buttonNode","node","children","designTokens","defaultClassNames","buttonStyle","getButtonStyle","defaultStyles","reactCssPropsToCss"],"mappings":";;AAQO,MAAMA,IAAa,CAACC,GAAgBC,GAAkBC,GAA4BC,MAA8B;AACnH,QAAMC,IAAcC,EAAeH,GAAeF,EAAK,eAAuC,SAAS,GACjGM,IAAgBC,EAAmBH,CAAW;AACpD,SAAO,YAAYJ,EAAK;AAAA,0BACFA,EAAK,UAAU;AAAA,yBAChBM;AAAA,yBACAH;AAAA,4DACmCG,KAAiBC,EAAmBH,EAAY,KAAK;AAAA,4DACrDG,EAAmBH,CAAW;AAAA,mBACvEH;AACnB;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { TElement } from '@udecode/plate
|
|
1
|
+
import { TElement } from '@udecode/plate';
|
|
2
2
|
export declare const checkItemNode: (node: TElement, children: string, defaultClassNames: string) => string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkItem.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/nodes/checkItem.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TElement } from '@udecode/plate
|
|
1
|
+
{"version":3,"file":"checkItem.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/nodes/checkItem.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TElement } from '@udecode/plate';\nimport { merge } from '@utilities/merge';\n\nexport const checkItemNode = (\n node: TElement,\n children: string,\n defaultClassNames: string,\n) => `<div disabled class=\"tw-flex tw-flex-row tw-pb-2 first-of-type:tw-ml-0 ${defaultClassNames}\" style=\"margin-left:${\n ((node.indent as number) ?? 0) * 24\n}px;\">\n <div class=\"tw-flex tw-items-center tw-justify-center tw-select-none tw-mr-1.5\">\n <input\n class=\"tw-w-4 tw-h-4 tw-m-0\"\n type=\"checkbox\"\n ${node.checked ? 'checked' : ''}\n onclick=\"return false;\" />\n </div>\n <span class=\"${merge([\n 'tw-flex-1 tw-focus:outline-none',\n node.checked ? 'tw-line-through' : '',\n ])}\">${children}</span>\n</div>`;\n"],"names":["checkItemNode","node","children","defaultClassNames","merge"],"mappings":";AAKa,MAAAA,IAAgB,CACzBC,GACAC,GACAC,MACC,0EAA0EA,0BACzEF,EAAK,UAAqB,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,cAMvBA,EAAK,UAAU,YAAY;AAAA;AAAA;AAAA,mBAGtBG,EAAM;AAAA,EACjB;AAAA,EACAH,EAAK,UAAU,oBAAoB;AACvC,CAAC,MAAMC;AAAA;"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { DesignTokens } from '../../../RichTextEditor/types';
|
|
2
|
-
import { TElement } from '@udecode/plate
|
|
2
|
+
import { TElement } from '@udecode/plate';
|
|
3
3
|
export declare const linkNode: (node: TElement, children: string, designTokens: DesignTokens, defaultClassNames: string) => string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/nodes/link.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TLinkElement } from '@components/RichTextEditor/Plugins/LinkPlugin/types';\nimport { DesignTokens } from '@components/RichTextEditor/types';\nimport { TElement } from '@udecode/plate
|
|
1
|
+
{"version":3,"file":"link.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/nodes/link.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TLinkElement } from '@components/RichTextEditor/Plugins/LinkPlugin/types';\nimport { DesignTokens } from '@components/RichTextEditor/types';\nimport { TElement } from '@udecode/plate';\nimport escapeHtml from 'escape-html';\nimport { reactCssPropsToCss } from '../utils/reactCssPropsToCss';\n\nexport const linkNode = (node: TElement, children: string, designTokens: DesignTokens, defaultClassNames: string) => {\n if (node.chosenLink) {\n const { chosenLink } = node as TLinkElement;\n return `<a class=\"${defaultClassNames}\" style=\"${reactCssPropsToCss(designTokens.link)}\" target=${\n chosenLink?.openInNewTab ? '_blank' : '_self'\n } href=\"${escapeHtml(chosenLink?.searchResult?.link)}\">${children}</a>`;\n }\n return `<a class=\"${defaultClassNames}\" style=\"${reactCssPropsToCss(designTokens.link)}\" target=\"${\n node?.target ?? '_self'\n }\" href=\"${escapeHtml(node.url as string)}\">${children}</a>`;\n};\n"],"names":["linkNode","node","children","designTokens","defaultClassNames","chosenLink","reactCssPropsToCss","escapeHtml","_a"],"mappings":";;AAQO,MAAMA,IAAW,CAACC,GAAgBC,GAAkBC,GAA4BC,MAA8B;;AACjH,MAAIH,EAAK,YAAY;AACX,UAAA,EAAE,YAAAI,EAAe,IAAAJ;AACvB,WAAO,aAAaG,aAA6BE,EAAmBH,EAAa,IAAI,aACjFE,KAAA,QAAAA,EAAY,eAAe,WAAW,iBAChCE,GAAWC,IAAAH,KAAA,gBAAAA,EAAY,iBAAZ,gBAAAG,EAA0B,IAAI,MAAMN;AAAA,EAC7D;AACA,SAAO,aAAaE,aAA6BE,EAAmBH,EAAa,IAAI,eACjFF,KAAA,gBAAAA,EAAM,WAAU,kBACTM,EAAWN,EAAK,GAAa,MAAMC;AAClD;"}
|