@quadrats/react 0.1.0 → 0.4.0

package/index.cjs.js

@@ -10,7 +10,7 @@ var clsx = require('clsx');
 var core = require('@quadrats/core');
 var _internal = require('@quadrats/react/_internal');
 
-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);
@@ -133,9 +133,6 @@ function createRenderMark(options) {
     return _internal.createRenderMarkBase(options);
 }
 
-Object.keys(configs).forEach(function (k) {
-  if (k !== 'default') exports[k] = configs[k];
-});
 exports.ReactEditor = slateReact.ReactEditor;
 exports.useEditor = slateReact.useEditor;
 exports.useFocused = slateReact.useFocused;
@@ -153,3 +150,6 @@ exports.createReactEditor = createReactEditor;
 exports.createRenderElement = createRenderElement;
 exports.createRenderElements = createRenderElements;
 exports.createRenderMark = createRenderMark;
+for (var k in configs) {
+  if (k !== 'default' && !exports.hasOwnProperty(k)) exports[k] = configs[k];
+}

package/index.js

@@ -1,8 +1,8 @@
 export * from '@quadrats/react/configs';
 export { ReactEditor, useEditor, useFocused, useSlate as useQuadrats, useReadOnly, useSelected } from 'slate-react';
-export { default as DefaultLeaf } from './core/components/DefaultLeaf.js';
 export { default as Editable } from './core/components/Editable.js';
 export { default as DefaultElement } from './core/components/DefaultElement.js';
+export { default as DefaultLeaf } from './core/components/DefaultLeaf.js';
 export { default as Quadrats } from './core/components/Quadrats.js';
 export { composeHandlers } from './core/composeHandlers.js';
 export { composeRenderElements } from './core/composeRenderElements.js';

package/input-block/components/InputBlock.js

@@ -22,4 +22,4 @@ function InputBlock(props) {
         children));
 }
 
-export default InputBlock;
+export { InputBlock as default };

package/input-block/createReactInputBlock.js

@@ -1,6 +1,6 @@
+import { createInputBlock } from '@quadrats/common/input-block';
 import { createRenderElement, ReactEditor } from '@quadrats/react';
 import { defaultRenderInputBlockElement } from './defaultRenderInputBlockElement.js';
-import { createInputBlock } from '@quadrats/common/input-block';
 
 function createReactInputBlock(options = {}) {
     const core = createInputBlock(options);

package/input-block/index.cjs.js

@@ -6,7 +6,7 @@ var React = require('react');
 var react = require('@quadrats/react');
 var inputBlock = require('@quadrats/common/input-block');
 
-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);
 

package/italic/createReactItalic.d.ts

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

package/italic/createReactItalic.js

@@ -1,11 +1,11 @@
-import { ITALIC_HOTKEY } from './constants.js';
-import { defaultRenderItalic } from './defaultRenderItalic.js';
 import { createItalic } from '@quadrats/common/italic';
 import { createReactToggleMarkCreator } from '@quadrats/react/toggle-mark';
+import { defaultRenderItalic } from './defaultRenderItalic.js';
+import { ITALIC_HOTKEY } from './constants.js';
 
-const createReactItalic = createReactToggleMarkCreator(createItalic, {
+const createReactItalic = (variant) => createReactToggleMarkCreator(createItalic(variant), {
     hotkey: ITALIC_HOTKEY,
-    render: defaultRenderItalic,
-});
+    render: defaultRenderItalic(variant),
+})();
 
 export { createReactItalic };

package/italic/defaultRenderItalic.d.ts

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

package/italic/defaultRenderItalic.js

@@ -1,5 +1,5 @@
 import React from 'react';
 
-const defaultRenderItalic = ({ children }) => React.createElement("i", null, children);
+const defaultRenderItalic = (variant) => (({ children }) => (React.createElement("i", { className: variant !== null && variant !== void 0 ? variant : '' }, children)));
 
 export { defaultRenderItalic };

package/italic/index.cjs.js

@@ -6,7 +6,7 @@ var React = require('react');
 var italic = require('@quadrats/common/italic');
 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,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 const ITALIC_HOTKEY = 'mod+i';
 
-const defaultRenderItalic = ({ children }) => React__default.createElement("i", null, children);
+const defaultRenderItalic = (variant) => (({ children }) => (React__default.createElement("i", { className: variant !== null && variant !== void 0 ? variant : '' }, children)));
 
-const createReactItalic = toggleMark.createReactToggleMarkCreator(italic.createItalic, {
+const createReactItalic = (variant) => toggleMark.createReactToggleMarkCreator(italic.createItalic(variant), {
     hotkey: ITALIC_HOTKEY,
-    render: defaultRenderItalic,
-});
+    render: defaultRenderItalic(variant),
+})();
 
 exports.ITALIC_HOTKEY = ITALIC_HOTKEY;
 exports.createReactItalic = createReactItalic;

package/italic/jsx-serializer/createJsxSerializeItalic.d.ts

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

package/italic/jsx-serializer/createJsxSerializeItalic.js

@@ -1,10 +1,10 @@
-import { defaultRenderItalic } from '@quadrats/react/italic';
 import { ITALIC_TYPE } from '@quadrats/common/italic';
 import { createJsxSerializeToggleMarkCreator } from '@quadrats/react/toggle-mark/jsx-serializer';
+import { defaultRenderItalic } from '@quadrats/react/italic';
 
 const createJsxSerializeItalic = createJsxSerializeToggleMarkCreator({
     type: ITALIC_TYPE,
-    render: defaultRenderItalic,
+    render: defaultRenderItalic(),
 });
 
 export { createJsxSerializeItalic };

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

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

package/jsx-serializer/createJsxSerializeMark.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { CreateJsxSerializeMarkOptions } from './typings';
-export declare function createJsxSerializeMark<M>(options: CreateJsxSerializeMarkOptions<M>): (props: Pick<import("./typings").JsxSerializeMarkProps<M>, "children" | "leaf">) => JSX.Element;
+export declare function createJsxSerializeMark<M>(options: CreateJsxSerializeMarkOptions<M>): (props: Omit<import("./typings").JsxSerializeMarkProps<M>, "mark">) => JSX.Element;

package/jsx-serializer/createJsxSerializer.js

@@ -1,6 +1,6 @@
-import { composeRenderElementsBase, composeRenderLeafsBase } from '@quadrats/react/_internal';
 import React, { cloneElement } from 'react';
 import { isText } from '@quadrats/core/serializers';
+import { composeRenderElementsBase, composeRenderLeafsBase } from '@quadrats/react/_internal';
 
 let key = 0;
 function addKey(element) {

package/jsx-serializer/index.cjs.js

@@ -6,7 +6,7 @@ var _internal = require('@quadrats/react/_internal');
 var React = require('react');
 var serializers = require('@quadrats/core/serializers');
 
-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);
 

package/line-break/createReactLineBreak.d.ts

@@ -0,0 +1,4 @@
+import { CreateLineBreakOptions } from '@quadrats/core';
+import { ReactBreak } from './typings';
+export declare type CreateReactLineBreakOptions = CreateLineBreakOptions;
+export declare function createReactLineBreak(options?: CreateReactLineBreakOptions): ReactBreak;

package/line-break/createReactLineBreak.js

@@ -0,0 +1,14 @@
+import { createLineBreak } from '@quadrats/core';
+import { createRenderElement } from '@quadrats/react';
+import { COMMON_ON_KEY_DOWN_BREAK } from './commonBreak.js';
+import { defaultRenderLineBreakElement } from './defaultRenderLineBreakElement.js';
+
+function createReactLineBreak(options = {}) {
+    const core = createLineBreak(options);
+    const { type } = core;
+    return Object.assign(Object.assign({}, core), { createHandlers: () => ({
+            onKeyDown: COMMON_ON_KEY_DOWN_BREAK,
+        }), createRenderElement: ({ render = defaultRenderLineBreakElement } = {}) => createRenderElement({ type, render }) });
+}
+
+export { createReactLineBreak };

package/line-break/defaultRenderLineBreakElement.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { RenderLineBreakElementProps } from './typings';
+export declare const defaultRenderLineBreakElement: ({ attributes }: RenderLineBreakElementProps) => JSX.Element;

package/line-break/defaultRenderLineBreakElement.js

@@ -0,0 +1,6 @@
+import React from 'react';
+
+const defaultRenderLineBreakElement = ({ attributes }) => (React.createElement("span", Object.assign({}, attributes, { style: { userSelect: 'none' }, contentEditable: false }),
+    React.createElement("br", null)));
+
+export { defaultRenderLineBreakElement };

package/{break → line-break}/index.cjs.js

@@ -5,10 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var isHotkey = require('is-hotkey');
 var core = require('@quadrats/core');
+var react = require('@quadrats/react');
+var React = require('react');
 
-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 isHotkey__default = /*#__PURE__*/_interopDefaultLegacy(isHotkey);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function createOnKeyDownBreak({ exitBreak, softBreak }) {
     return (event, editor, next) => {
@@ -81,6 +84,20 @@ const COMMON_ON_KEY_DOWN_BREAK = createOnKeyDownBreak({
     },
 });
 
+const defaultRenderLineBreakElement = ({ attributes }) => (React__default.createElement("span", Object.assign({}, attributes, { style: { userSelect: 'none' }, contentEditable: false }),
+    React__default.createElement("br", null)));
+
+function createReactLineBreak(options = {}) {
+    const core$1 = core.createLineBreak(options);
+    const { type } = core$1;
+    return Object.assign(Object.assign({}, core$1), { createHandlers: () => ({
+            onKeyDown: COMMON_ON_KEY_DOWN_BREAK,
+        }), createRenderElement: ({ render = defaultRenderLineBreakElement } = {}) => react.createRenderElement({ type, render }) });
+}
+
+const renderLineBreakElementWithSymbol = ({ attributes }) => (React__default.createElement("span", Object.assign({}, attributes, { style: { userSelect: 'none' }, className: "qdr-line-break__with-symbol", contentEditable: false }),
+    React__default.createElement("br", null)));
+
 exports.COMMON_EXIT_BREAK_ON_AFTER_HOTKEY = COMMON_EXIT_BREAK_ON_AFTER_HOTKEY;
 exports.COMMON_EXIT_BREAK_ON_AFTER_RULE = COMMON_EXIT_BREAK_ON_AFTER_RULE;
 exports.COMMON_EXIT_BREAK_ON_BEFORE_HOTKEY = COMMON_EXIT_BREAK_ON_BEFORE_HOTKEY;
@@ -90,3 +107,5 @@ exports.COMMON_ON_KEY_DOWN_BREAK = COMMON_ON_KEY_DOWN_BREAK;
 exports.COMMON_SOFT_BREAK_HOTKEY = COMMON_SOFT_BREAK_HOTKEY;
 exports.COMMON_SOFT_BREAK_RULE = COMMON_SOFT_BREAK_RULE;
 exports.createOnKeyDownBreak = createOnKeyDownBreak;
+exports.createReactLineBreak = createReactLineBreak;
+exports.renderLineBreakElementWithSymbol = renderLineBreakElementWithSymbol;

package/line-break/index.d.ts

@@ -0,0 +1,5 @@
+export * from './typings';
+export { CreateOnKeyDownBreakOptions, createOnKeyDownBreak } from './createOnKeyDownBreak';
+export * from './commonBreak';
+export { CreateReactLineBreakOptions, createReactLineBreak } from './createReactLineBreak';
+export { renderLineBreakElementWithSymbol } from './renderLineBreakElementWithSymbol';

package/{break → line-break}/index.js

@@ -1,2 +1,4 @@
 export { createOnKeyDownBreak } from './createOnKeyDownBreak.js';
 export { COMMON_EXIT_BREAK_ON_AFTER_HOTKEY, COMMON_EXIT_BREAK_ON_AFTER_RULE, COMMON_EXIT_BREAK_ON_BEFORE_HOTKEY, COMMON_EXIT_BREAK_ON_BEFORE_RULE, COMMON_EXIT_BREAK_RULES, COMMON_ON_KEY_DOWN_BREAK, COMMON_SOFT_BREAK_HOTKEY, COMMON_SOFT_BREAK_RULE } from './commonBreak.js';
+export { createReactLineBreak } from './createReactLineBreak.js';
+export { renderLineBreakElementWithSymbol } from './renderLineBreakElementWithSymbol.js';

package/line-break/line-break.css

@@ -0,0 +1 @@
+.qdr-line-break__with-symbol{position:relative}.qdr-line-break__with-symbol::after{content:"";display:block;width:16px;height:16px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAxElEQVRoge2ZwQlCMRBEZ2xAS7ADLeGXklJSiiVpB5agFax8iCAfxMsuY2Ae7CWEzD42p4QRgZnZTd29Bf4AC6ixgBoLqLGAmjIBkp1kjOpVOZ6AGguosYAaC6ixgBoLqLGAGguomV4g9XWa5BXA6ce2W0Sc0zKTBQ4A7gD2X7Y8ARwj4pGVmXqFRmPLaHTLurZkNv8OTS8AbT16U60kq+LQIdE/BHpVTukXE8nLmHIry/AfmRgLqLGAGguosYAaC0gB8ALxmTRWAs9XmwAAAABJRU5ErkJggg==");background-size:16px;background-position:center;background-repeat:no-repeat;position:absolute;right:-16px;top:0;opacity:.5}

package/line-break/line-break.scss

@@ -0,0 +1,22 @@
+$qdr-image-resizer-size: 6px;
+
+.qdr-line-break {
+  &__with-symbol {
+    position: relative;
+
+    &::after {
+      content: '';
+      display: block;
+      width: 16px;
+      height: 16px;
+      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAxElEQVRoge2ZwQlCMRBEZ2xAS7ADLeGXklJSiiVpB5agFax8iCAfxMsuY2Ae7CWEzD42p4QRgZnZTd29Bf4AC6ixgBoLqLGAmjIBkp1kjOpVOZ6AGguosYAaC6ixgBoLqLGAGguomV4g9XWa5BXA6ce2W0Sc0zKTBQ4A7gD2X7Y8ARwj4pGVmXqFRmPLaHTLurZkNv8OTS8AbT16U60kq+LQIdE/BHpVTukXE8nLmHIry/AfmRgLqLGAGguosYAaC0gB8ALxmTRWAs9XmwAAAABJRU5ErkJggg==');
+      background-size: 16px;
+      background-position: center;
+      background-repeat: no-repeat;
+      position: absolute;
+      right: -16px;
+      top: 0;
+      opacity: 0.5;
+    }
+  }
+}

package/line-break/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@quadrats/react/line-break",
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
+  "main": "./index.cjs.js",
+  "module": "./index.js",
+  "typings": "./index.d.ts"
+}

package/line-break/renderLineBreakElementWithSymbol.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { RenderLineBreakElementProps } from './typings';
+export declare const renderLineBreakElementWithSymbol: ({ attributes }: RenderLineBreakElementProps) => JSX.Element;

package/line-break/renderLineBreakElementWithSymbol.js

@@ -0,0 +1,6 @@
+import React from 'react';
+
+const renderLineBreakElementWithSymbol = ({ attributes }) => (React.createElement("span", Object.assign({}, attributes, { style: { userSelect: 'none' }, className: "qdr-line-break__with-symbol", contentEditable: false }),
+    React.createElement("br", null)));
+
+export { renderLineBreakElementWithSymbol };

package/line-break/typings.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { IsNodeMatchOptions, LineBreak, LineBreakElement } from '@quadrats/core';
+import { WithCreateRenderElement, RenderElementProps, WithCreateHandlers } from '@quadrats/react';
+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;
+}
+export declare type RenderLineBreakElementProps = RenderElementProps<LineBreakElement>;
+export interface ReactLineBreakCreateRenderElementOptions {
+    render?: (props: RenderLineBreakElementProps) => JSX.Element | null | undefined;
+}
+export interface ReactBreak extends LineBreak, WithCreateHandlers, WithCreateRenderElement<[ReactLineBreakCreateRenderElementOptions?]> {
+}

package/link/createReactLink.js

@@ -1,6 +1,6 @@
-import { defaultRenderLinkElement } from './defaultRenderLinkElement.js';
 import { createLink } from '@quadrats/common/link';
 import { createRenderElement } from '@quadrats/react';
+import { defaultRenderLinkElement } from './defaultRenderLinkElement.js';
 
 function createReactLink(options = {}) {
     const { pastedUrlToLink = true } = options;

package/link/defaultRenderLinkElement.d.ts

@@ -4,6 +4,6 @@ import { RenderLinkElementProps } from './typings';
  * Set placement of tooltip to `bottom` to avoid conflicting w/ toolbar.
  */
 export declare const defaultRenderLinkElement: ({ attributes, children, element, placement, target, }: import("@quadrats/react/_internal").RenderElementPropsBase<import("@quadrats/common/link").LinkElement> & Pick<import("slate-react").RenderElementProps, "attributes"> & {
-    placement?: "bottom" | "top" | undefined;
+    placement?: "top" | "bottom" | undefined;
     target?: string | undefined;
 }) => JSX.Element;

package/link/index.cjs.js

@@ -7,7 +7,7 @@ var components = require('@quadrats/react/components');
 var link = require('@quadrats/common/link');
 var react = require('@quadrats/react');
 
-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);
 

package/link/jsx-serializer/createJsxSerializeLink.js

@@ -1,6 +1,6 @@
-import { defaultRenderLinkElement } from './defaultRenderLinkElement.js';
 import { LINK_TYPE } from '@quadrats/common/link';
 import { createJsxSerializeElement } from '@quadrats/react/jsx-serializer';
+import { defaultRenderLinkElement } from './defaultRenderLinkElement.js';
 
 function createJsxSerializeLink(options = {}) {
     const { type = LINK_TYPE, render = defaultRenderLinkElement } = options;

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

@@ -6,7 +6,7 @@ var React = require('react');
 var link = require('@quadrats/common/link');
 var jsxSerializer = require('@quadrats/react/jsx-serializer');
 
-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);
 

package/link/toolbar/LinkToolbarIcon.js

@@ -1,7 +1,7 @@
-import { ToolbarIcon } from '@quadrats/react/toolbar';
-import { useLinkTool } from './useLinkTool.js';
 import { __rest } from 'tslib';
 import React from 'react';
+import { ToolbarIcon } from '@quadrats/react/toolbar';
+import { useLinkTool } from './useLinkTool.js';
 
 function LinkToolbarIcon(props) {
     const { controller, options = {} } = props, rest = __rest(props, ["controller", "options"]);
@@ -9,4 +9,4 @@ function LinkToolbarIcon(props) {
     return React.createElement(ToolbarIcon, Object.assign({}, rest, { active: active, onClick: onClick }));
 }
 
-export default LinkToolbarIcon;
+export { LinkToolbarIcon as default };

package/link/toolbar/UnlinkToolbarIcon.js

@@ -1,7 +1,7 @@
-import { ToolbarIcon } from '@quadrats/react/toolbar';
-import { useUnlinkTool } from './useUnlinkTool.js';
 import { __rest } from 'tslib';
 import React from 'react';
+import { ToolbarIcon } from '@quadrats/react/toolbar';
+import { useUnlinkTool } from './useUnlinkTool.js';
 
 function UnlinkToolbarIcon(props) {
     const { controller } = props, rest = __rest(props, ["controller"]);
@@ -9,4 +9,4 @@ function UnlinkToolbarIcon(props) {
     return React.createElement(ToolbarIcon, Object.assign({}, rest, { onClick: onClick }));
 }
 
-export default UnlinkToolbarIcon;
+export { UnlinkToolbarIcon as default };

package/link/toolbar/index.cjs.js

@@ -7,7 +7,7 @@ var toolbar = require('@quadrats/react/toolbar');
 var tslib = require('tslib');
 var React = require('react');
 
-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);
 

package/list/createReactList.js

@@ -1,6 +1,6 @@
-import { defaultRenderListElements } from './defaultRenderListElements.js';
 import { createList } from '@quadrats/common/list';
 import { createRenderElements } from '@quadrats/react';
+import { defaultRenderListElements } from './defaultRenderListElements.js';
 
 function createReactList(options = {}) {
     const core = createList(options);

package/list/index.cjs.js

@@ -6,7 +6,7 @@ var React = require('react');
 var list = require('@quadrats/common/list');
 var react = require('@quadrats/react');
 
-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);
 

package/list/jsx-serializer/createJsxSerializeList.js

@@ -1,6 +1,6 @@
-import { defaultRenderListElements } from '@quadrats/react/list';
 import { LIST_TYPES } from '@quadrats/common/list';
 import { createJsxSerializeElements } from '@quadrats/react/jsx-serializer';
+import { defaultRenderListElements } from '@quadrats/react/list';
 
 function createJsxSerializeList(options = {}) {
     return createJsxSerializeElements(['ol', 'ul', 'li'].map((key) => {

package/list/toolbar/ListToolbarIcon.js

@@ -1,7 +1,7 @@
-import { useListTool } from './useListTool.js';
 import { __rest } from 'tslib';
 import React from 'react';
 import { ToolbarIcon } from '@quadrats/react/toolbar';
+import { useListTool } from './useListTool.js';
 
 function ListToolbarIcon(props) {
     const { controller, listTypeKey } = props, rest = __rest(props, ["controller", "listTypeKey"]);
@@ -9,4 +9,4 @@ function ListToolbarIcon(props) {
     return React.createElement(ToolbarIcon, Object.assign({}, rest, { active: active, onClick: onClick }));
 }
 
-export default ListToolbarIcon;
+export { ListToolbarIcon as default };

package/list/toolbar/index.cjs.js

@@ -7,7 +7,7 @@ var tslib = require('tslib');
 var React = require('react');
 var toolbar = require('@quadrats/react/toolbar');
 
-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);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quadrats/react",
-  "version": "0.1.0",
+  "version": "0.4.0",
   "description": "",
   "author": "Rytass",
   "homepage": "https://github.com/Quadrats/quadrats#readme",
@@ -20,12 +20,12 @@
     "url": "https://github.com/Quadrats/quadrats/issues"
   },
   "dependencies": {
-    "@quadrats/common": "^0.1.0",
-    "@quadrats/core": "^0.1.0",
-    "@quadrats/icons": "^0.1.0",
-    "@quadrats/locales": "^0.1.0",
-    "@quadrats/theme": "^0.1.0",
-    "@quadrats/utils": "^0.1.0",
+    "@quadrats/common": "^0.4.0",
+    "@quadrats/core": "^0.4.0",
+    "@quadrats/icons": "^0.4.0",
+    "@quadrats/locales": "^0.4.0",
+    "@quadrats/theme": "^0.4.0",
+    "@quadrats/utils": "^0.4.0",
     "@types/is-hotkey": "^0.1.2",
     "@types/react-transition-group": "^4.2.4",
     "clsx": "^1.1.1",

package/paragraph/createRenderParagraphElement.js

@@ -1,6 +1,6 @@
-import { defaultRenderParagraphElement } from './defaultRenderParagraphElement.js';
 import { PARAGRAPH_TYPE } from '@quadrats/core';
 import { createRenderElement } from '@quadrats/react';
+import { defaultRenderParagraphElement } from './defaultRenderParagraphElement.js';
 
 function createRenderParagraphElement(options = {}) {
     const { render = defaultRenderParagraphElement } = options;

package/paragraph/defaultRenderParagraphElement.js

@@ -1,5 +1,5 @@
 import React from 'react';
 
-const defaultRenderParagraphElement = ({ attributes, children, }) => React.createElement("p", Object.assign({}, attributes), children);
+const defaultRenderParagraphElement = ({ attributes, children, }) => (React.createElement("p", Object.assign({}, attributes), children));
 
 export { defaultRenderParagraphElement };

package/paragraph/index.cjs.js

@@ -6,16 +6,19 @@ var React = require('react');
 var core = require('@quadrats/core');
 var react = require('@quadrats/react');
 
-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);
 
-const defaultRenderParagraphElement = ({ attributes, children, }) => React__default.createElement("p", Object.assign({}, attributes), children);
+const defaultRenderParagraphElement = ({ attributes, children, }) => (React__default.createElement("p", Object.assign({}, attributes), children));
 
 function createRenderParagraphElement(options = {}) {
     const { render = defaultRenderParagraphElement } = options;
     return react.createRenderElement({ type: core.PARAGRAPH_TYPE, render });
 }
 
+const renderParagraphElementWithSymbol = ({ attributes, children, }) => (React__default.createElement("p", Object.assign({}, attributes, { className: "qdr-paragraph__with-line-break-symbol" }), children));
+
 exports.createRenderParagraphElement = createRenderParagraphElement;
 exports.defaultRenderParagraphElement = defaultRenderParagraphElement;
+exports.renderParagraphElementWithSymbol = renderParagraphElementWithSymbol;

package/paragraph/index.d.ts

@@ -1,2 +1,3 @@
 export * from './defaultRenderParagraphElement';
 export * from './createRenderParagraphElement';
+export * from './renderParagraphElementWithSymbol';

package/paragraph/index.js

@@ -1,2 +1,3 @@
 export { defaultRenderParagraphElement } from './defaultRenderParagraphElement.js';
 export { createRenderParagraphElement } from './createRenderParagraphElement.js';
+export { renderParagraphElementWithSymbol } from './renderParagraphElementWithSymbol.js';

package/paragraph/jsx-serializer/createJsxSerializeParagraph.js

@@ -1,6 +1,6 @@
-import { defaultRenderParagraphElement } from '@quadrats/react/paragraph';
 import { PARAGRAPH_TYPE } from '@quadrats/core';
 import { createJsxSerializeElement } from '@quadrats/react/jsx-serializer';
+import { defaultRenderParagraphElement } from '@quadrats/react/paragraph';
 
 function createJsxSerializeParagraph(options = {}) {
     const { render = defaultRenderParagraphElement } = options;

package/paragraph/package.json

@@ -1,6 +1,9 @@
 {
   "name": "@quadrats/react/paragraph",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "main": "./index.cjs.js",
   "module": "./index.js",
   "typings": "./index.d.ts"