@quadrats/react 0.4.0 → 0.5.1

package/read-more/toolbar/index.cjs.js

@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function useReadMoreTool(controller) {
-    const editor = react.useEditor();
+    const editor = react.useSlateStatic();
     return {
         onClick: () => controller.insertReadMore(editor),
     };

package/read-more/toolbar/useReadMoreTool.js

@@ -1,7 +1,7 @@
-import { useEditor } from '@quadrats/react';
+import { useSlateStatic } from '@quadrats/react';
 
 function useReadMoreTool(controller) {
-    const editor = useEditor();
+    const editor = useSlateStatic();
     return {
         onClick: () => controller.insertReadMore(editor),
     };

package/strikethrough/createReactStrikethrough.js

@@ -5,7 +5,7 @@ import { STRIKETHROUGH_HOTKEY } from './constants.js';
 
 const createReactStrikethrough = (variant) => createReactToggleMarkCreator(createStrikethrough(variant), {
     hotkey: STRIKETHROUGH_HOTKEY,
-    render: defaultRenderStrikethrough(variant),
+    render: defaultRenderStrikethrough,
 })();
 
 export { createReactStrikethrough };

package/strikethrough/defaultRenderStrikethrough.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { RenderMarkPropsBase } from '@quadrats/react/_internal';
-export declare const defaultRenderStrikethrough: (variant?: string | undefined) => ({ children }: RenderMarkPropsBase<boolean>) => JSX.Element;
+export declare const defaultRenderStrikethrough: ({ children, leaf }: RenderMarkPropsBase<boolean>) => JSX.Element;

package/strikethrough/defaultRenderStrikethrough.js

@@ -1,5 +1,7 @@
 import React from 'react';
+import { STRIKETHROUGH_TYPE } from '@quadrats/common/strikethrough';
 
-const defaultRenderStrikethrough = (variant) => (({ children }) => (React.createElement("del", { className: variant !== null && variant !== void 0 ? variant : '' }, children)));
+const defaultRenderStrikethrough = ({ children, leaf }) => (React.createElement("del", { className: leaf.strikethroughVariant
+        ? `${STRIKETHROUGH_TYPE}.${leaf.strikethroughVariant}` : `${STRIKETHROUGH_TYPE}` }, children));
 
 export { defaultRenderStrikethrough };

package/strikethrough/index.cjs.js

@@ -17,11 +17,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 const STRIKETHROUGH_HOTKEY = 'mod+opt+s';
 
-const defaultRenderStrikethrough = (variant) => (({ children }) => (React__default.createElement("del", { className: variant !== null && variant !== void 0 ? variant : '' }, children)));
+const defaultRenderStrikethrough = ({ children, leaf }) => (React__default.createElement("del", { className: leaf.strikethroughVariant
+        ? `${strikethrough.STRIKETHROUGH_TYPE}.${leaf.strikethroughVariant}` : `${strikethrough.STRIKETHROUGH_TYPE}` }, children));
 
 const createReactStrikethrough = (variant) => toggleMark.createReactToggleMarkCreator(strikethrough.createStrikethrough(variant), {
     hotkey: STRIKETHROUGH_HOTKEY,
-    render: defaultRenderStrikethrough(variant),
+    render: defaultRenderStrikethrough,
 })();
 
 exports.STRIKETHROUGH_HOTKEY = STRIKETHROUGH_HOTKEY;

package/strikethrough/jsx-serializer/createJsxSerializeStrikethrough.js

@@ -4,7 +4,7 @@ import { defaultRenderStrikethrough } from '@quadrats/react/strikethrough';
 
 const createJsxSerializeStrikethrough = createJsxSerializeToggleMarkCreator({
     type: STRIKETHROUGH_TYPE,
-    render: defaultRenderStrikethrough(),
+    render: defaultRenderStrikethrough,
 });
 
 export { createJsxSerializeStrikethrough };

package/strikethrough/jsx-serializer/index.cjs.js

@@ -8,7 +8,7 @@ var jsxSerializer = require('@quadrats/react/toggle-mark/jsx-serializer');
 
 const createJsxSerializeStrikethrough = jsxSerializer.createJsxSerializeToggleMarkCreator({
     type: strikethrough$1.STRIKETHROUGH_TYPE,
-    render: strikethrough.defaultRenderStrikethrough(),
+    render: strikethrough.defaultRenderStrikethrough,
 });
 
 exports.defaultRenderStrikethrough = strikethrough.defaultRenderStrikethrough;

package/strikethrough/typings.d.ts

@@ -0,0 +1,5 @@
+import { Text } from 'slate';
+export interface StrikethroughLeaf extends Text {
+    strikethrough: boolean;
+    strikethroughVariant?: string;
+}

package/underline/createReactUnderline.js

@@ -5,7 +5,7 @@ import { UNDERLINE_HOTKEY } from './constants.js';
 
 const createReactUnderline = (variant) => createReactToggleMarkCreator(createUnderline(variant), {
     hotkey: UNDERLINE_HOTKEY,
-    render: defaultRenderUnderline(variant),
+    render: defaultRenderUnderline,
 })();
 
 export { createReactUnderline };

package/underline/defaultRenderUnderline.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { RenderMarkPropsBase } from '@quadrats/react/_internal';
-export declare const defaultRenderUnderline: (variant?: string | undefined) => ({ children }: RenderMarkPropsBase<boolean>) => JSX.Element;
+export declare const defaultRenderUnderline: ({ children, leaf }: RenderMarkPropsBase<boolean>) => JSX.Element;

package/underline/defaultRenderUnderline.js

@@ -1,5 +1,7 @@
 import React from 'react';
+import { UNDERLINE_TYPE } from '@quadrats/common/underline';
 
-const defaultRenderUnderline = (variant) => (({ children }) => (React.createElement("u", { className: variant !== null && variant !== void 0 ? variant : '' }, children)));
+const defaultRenderUnderline = ({ children, leaf }) => (React.createElement("u", { className: leaf.underlineVariant
+        ? `${UNDERLINE_TYPE}.${leaf.underlineVariant}` : `${UNDERLINE_TYPE}` }, children));
 
 export { defaultRenderUnderline };

package/underline/index.cjs.js

@@ -17,11 +17,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 const UNDERLINE_HOTKEY = 'mod+u';
 
-const defaultRenderUnderline = (variant) => (({ children }) => (React__default.createElement("u", { className: variant !== null && variant !== void 0 ? variant : '' }, children)));
+const defaultRenderUnderline = ({ children, leaf }) => (React__default.createElement("u", { className: leaf.underlineVariant
+        ? `${underline.UNDERLINE_TYPE}.${leaf.underlineVariant}` : `${underline.UNDERLINE_TYPE}` }, children));
 
 const createReactUnderline = (variant) => toggleMark.createReactToggleMarkCreator(underline.createUnderline(variant), {
     hotkey: UNDERLINE_HOTKEY,
-    render: defaultRenderUnderline(variant),
+    render: defaultRenderUnderline,
 })();
 
 exports.UNDERLINE_HOTKEY = UNDERLINE_HOTKEY;

package/underline/jsx-serializer/createJsxSerializeUnderline.js

@@ -4,7 +4,7 @@ import { defaultRenderUnderline } from '@quadrats/react/underline';
 
 const createJsxSerializeUnderline = createJsxSerializeToggleMarkCreator({
     type: UNDERLINE_TYPE,
-    render: defaultRenderUnderline(),
+    render: defaultRenderUnderline,
 });
 
 export { createJsxSerializeUnderline };

package/underline/jsx-serializer/index.cjs.js

@@ -8,7 +8,7 @@ var jsxSerializer = require('@quadrats/react/toggle-mark/jsx-serializer');
 
 const createJsxSerializeUnderline = jsxSerializer.createJsxSerializeToggleMarkCreator({
     type: underline$1.UNDERLINE_TYPE,
-    render: underline.defaultRenderUnderline(),
+    render: underline.defaultRenderUnderline,
 });
 
 exports.defaultRenderUnderline = underline.defaultRenderUnderline;

package/underline/typings.d.ts

@@ -0,0 +1,5 @@
+import { Text } from 'slate';
+export interface UnderlineLeaf extends Text {
+    underline: boolean;
+    underlineVariant?: string;
+}