@quadrats/react 0.1.0 → 0.4.5

package/toolbar/index.cjs.js

@@ -9,7 +9,7 @@ var react = require('@quadrats/react');
 var components = require('@quadrats/react/components');
 var tslib = require('tslib');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var clsx__default = /*#__PURE__*/_interopDefaultLegacy(clsx);
@@ -39,7 +39,7 @@ function ToolbarInput({ exit, toolInput }) {
     const locale = react.useLocale();
     const placeholder = getPlaceholder(locale);
     return (React__default.createElement("div", { className: "qdr-toolbar__input__wrapper" },
-        React__default.createElement("input", { 
+        React__default.createElement("input", { defaultValue: toolInput.defaultValue, 
             // eslint-disable-next-line jsx-a11y/no-autofocus
             autoFocus: true, className: "qdr-toolbar__input", placeholder: placeholder, onKeyDown: onKeyDown, onBlur: exit }),
         React__default.createElement("svg", { className: "qdr-toolbar__input__cross", viewBox: "0 0 320 512", onMouseDown: onExit },

package/underline/createReactUnderline.d.ts

@@ -1 +1 @@
-export declare const createReactUnderline: ({ type }?: Partial<import("@quadrats/core").WithMarkType> | undefined) => import("@quadrats/react/toggle-mark").ReactToggleMark;
+export declare const createReactUnderline: (variant?: string | undefined) => import("@quadrats/react/toggle-mark").ReactToggleMark;

package/underline/createReactUnderline.js

@@ -1,11 +1,11 @@
-import { UNDERLINE_HOTKEY } from './constants.js';
-import { defaultRenderUnderline } from './defaultRenderUnderline.js';
 import { createUnderline } from '@quadrats/common/underline';
 import { createReactToggleMarkCreator } from '@quadrats/react/toggle-mark';
+import { defaultRenderUnderline } from './defaultRenderUnderline.js';
+import { UNDERLINE_HOTKEY } from './constants.js';
 
-const createReactUnderline = createReactToggleMarkCreator(createUnderline, {
+const createReactUnderline = (variant) => createReactToggleMarkCreator(createUnderline(variant), {
     hotkey: UNDERLINE_HOTKEY,
     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: ({ 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 = ({ children }) => React.createElement("u", null, 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

@@ -6,7 +6,7 @@ var React = require('react');
 var underline = require('@quadrats/common/underline');
 var toggleMark = require('@quadrats/react/toggle-mark');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
@@ -17,12 +17,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 const UNDERLINE_HOTKEY = 'mod+u';
 
-const defaultRenderUnderline = ({ children }) => React__default.createElement("u", null, children);
+const defaultRenderUnderline = ({ children, leaf }) => (React__default.createElement("u", { className: leaf.underlineVariant
+        ? `${underline.UNDERLINE_TYPE}.${leaf.underlineVariant}` : `${underline.UNDERLINE_TYPE}` }, children));
 
-const createReactUnderline = toggleMark.createReactToggleMarkCreator(underline.createUnderline, {
+const createReactUnderline = (variant) => toggleMark.createReactToggleMarkCreator(underline.createUnderline(variant), {
     hotkey: UNDERLINE_HOTKEY,
     render: defaultRenderUnderline,
-});
+})();
 
 exports.UNDERLINE_HOTKEY = UNDERLINE_HOTKEY;
 exports.createReactUnderline = createReactUnderline;

package/underline/jsx-serializer/createJsxSerializeUnderline.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const createJsxSerializeUnderline: (options?: Partial<import("@quadrats/react/jsx-serializer").CreateJsxSerializeMarkOptions<boolean>> | undefined) => (props: Pick<import("@quadrats/react/jsx-serializer").JsxSerializeMarkProps<boolean>, "leaf" | "children">) => JSX.Element;
+export declare const createJsxSerializeUnderline: (options?: Partial<import("@quadrats/react/toggle-mark/jsx-serializer").CreateJsxSerializeToggleMarkCreatorOptions> | undefined) => (props: Omit<import("@quadrats/react/jsx-serializer").JsxSerializeMarkProps<boolean>, "mark">) => JSX.Element;

package/underline/jsx-serializer/createJsxSerializeUnderline.js

@@ -1,6 +1,6 @@
-import { defaultRenderUnderline } from '@quadrats/react/underline';
 import { UNDERLINE_TYPE } from '@quadrats/common/underline';
 import { createJsxSerializeToggleMarkCreator } from '@quadrats/react/toggle-mark/jsx-serializer';
+import { defaultRenderUnderline } from '@quadrats/react/underline';
 
 const createJsxSerializeUnderline = createJsxSerializeToggleMarkCreator({
     type: UNDERLINE_TYPE,

package/underline/typings.d.ts

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

package/break/index.d.ts

@@ -1,3 +0,0 @@
-export * from './typings';
-export { CreateOnKeyDownBreakOptions, createOnKeyDownBreak } from './createOnKeyDownBreak';
-export * from './commonBreak';

package/break/typings.d.ts

@@ -1,24 +0,0 @@
-import { IsNodeMatchOptions } from '@quadrats/core';
-export interface ExitBreakRule {
-    hotkey: string;
-    /**
-     * @default ParagraphType
-     */
-    defaultType?: string;
-    match?: IsNodeMatchOptions & {
-        /**
-         * Only match at if selection on edge of block.
-         * @default false
-         */
-        onlyAtEdge?: boolean;
-    };
-    /**
-     * Exit before the selected block if true.
-     * @default false
-     */
-    before?: boolean;
-}
-export interface SoftBreakRule {
-    hotkey: string;
-    match?: IsNodeMatchOptions;
-}