@quadrats/react 0.1.0 → 0.4.0

package/blockquote/toolbar/index.cjs.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('@quadrats/react');
-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; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function useBlockquoteTool(controller) {
-    const editor = react.useQuadrats();
-    return {
-        active: controller.isSelectionInBlockquote(editor),
-        onClick: () => controller.toggleBlockquote(editor),
-    };
-}
-
-function BlockquoteToolbarIcon(props) {
-    const { controller } = props, rest = tslib.__rest(props, ["controller"]);
-    const { active, onClick } = useBlockquoteTool(controller);
-    return React__default.createElement(toolbar.ToolbarIcon, Object.assign({}, rest, { active: active, onClick: onClick }));
-}
-
-exports.BlockquoteToolbarIcon = BlockquoteToolbarIcon;
-exports.useBlockquoteTool = useBlockquoteTool;

package/blockquote/toolbar/index.d.ts

@@ -1,2 +0,0 @@
-export { useBlockquoteTool } from './useBlockquoteTool';
-export { BlockquoteToolbarIconProps, default as BlockquoteToolbarIcon } from './BlockquoteToolbarIcon';

package/blockquote/toolbar/index.js

@@ -1,2 +0,0 @@
-export { useBlockquoteTool } from './useBlockquoteTool.js';
-export { default as BlockquoteToolbarIcon } from './BlockquoteToolbarIcon.js';

package/blockquote/toolbar/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@quadrats/react/blockquote/toolbar",
-  "sideEffects": false,
-  "main": "./index.cjs.js",
-  "module": "./index.js",
-  "typings": "./index.d.ts"
-}

package/blockquote/toolbar/useBlockquoteTool.d.ts

@@ -1,5 +0,0 @@
-import { ReactBlockquote } from '@quadrats/react/blockquote';
-export declare function useBlockquoteTool(controller: ReactBlockquote): {
-    active: boolean;
-    onClick: () => void;
-};

package/blockquote/toolbar/useBlockquoteTool.js

@@ -1,11 +0,0 @@
-import { useQuadrats } from '@quadrats/react';
-
-function useBlockquoteTool(controller) {
-    const editor = useQuadrats();
-    return {
-        active: controller.isSelectionInBlockquote(editor),
-        onClick: () => controller.toggleBlockquote(editor),
-    };
-}
-
-export { useBlockquoteTool };

package/blockquote/typings.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { BlockquoteElement, Blockquote } from '@quadrats/common/blockquote';
-import { WithCreateHandlers, WithCreateRenderElement, RenderElementProps } from '@quadrats/react';
-export declare type RenderBlockquoteElementProps = RenderElementProps<BlockquoteElement>;
-export interface ReactBlockquoteCreateHandlersOptions {
-    /**
-     * The hotkey to toggle blockquote.
-     */
-    hotkey?: string;
-}
-export interface ReactBlockquoteCreateRenderElementOptions {
-    render?: (props: RenderBlockquoteElementProps) => JSX.Element | null | undefined;
-}
-export interface ReactBlockquote extends Blockquote, WithCreateHandlers<[ReactBlockquoteCreateHandlersOptions?]>, WithCreateRenderElement<[ReactBlockquoteCreateRenderElementOptions?]> {
-}

package/break/index.d.ts

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

package/break/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@quadrats/react/break",
-  "sideEffects": false,
-  "main": "./index.cjs.js",
-  "module": "./index.js",
-  "typings": "./index.d.ts"
-}

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;
-}

package/heading/constants.d.ts

@@ -1,9 +0,0 @@
-/**
- * Default hotkey for toggling heading.
- *
- * @remarks
- * If the hotkey is `ctrl+opt`, the level 1 hotkey will be `ctrl+opt+1`, and so on.
- *
- * @see [is-hotkey]{@link https://www.npmjs.com/package/is-hotkey}
- */
-export declare const HEADING_HOTKEY = "ctrl+opt";

package/heading/constants.js

@@ -1,11 +0,0 @@
-/**
- * Default hotkey for toggling heading.
- *
- * @remarks
- * If the hotkey is `ctrl+opt`, the level 1 hotkey will be `ctrl+opt+1`, and so on.
- *
- * @see [is-hotkey]{@link https://www.npmjs.com/package/is-hotkey}
- */
-const HEADING_HOTKEY = 'ctrl+opt';
-
-export { HEADING_HOTKEY };

package/heading/createReactHeading.d.ts

@@ -1,4 +0,0 @@
-import { CreateHeadingOptions, HeadingLevel } from '@quadrats/common/heading';
-import { ReactHeading } from './typings';
-export declare type CreateReactHeadingOptions<L extends HeadingLevel> = CreateHeadingOptions<L>;
-export declare function createReactHeading<L extends HeadingLevel = HeadingLevel>(options?: CreateReactHeadingOptions<L>): ReactHeading<L>;

package/heading/createReactHeading.js

@@ -1,47 +0,0 @@
-import { HEADING_HOTKEY } from './constants.js';
-import { defaultRenderHeadingElement } from './defaultRenderHeadingElement.js';
-import isHotkey from 'is-hotkey';
-import { createHeading } from '@quadrats/common/heading';
-import { createRenderElement } from '@quadrats/react';
-import { createOnKeyDownBreak } from '@quadrats/react/break';
-
-function createReactHeading(options = {}) {
-    const core = createHeading(options);
-    const { type } = core;
-    return Object.assign(Object.assign({}, core), { createHandlers: ({ hotkey = HEADING_HOTKEY } = {}) => {
-            const onKeyDownBreak = createOnKeyDownBreak({
-                exitBreak: {
-                    rules: [
-                        {
-                            hotkey: 'enter',
-                            match: {
-                                onlyAtEdge: true,
-                                includeTypes: [type],
-                            },
-                        },
-                    ],
-                },
-            });
-            return {
-                onKeyDown(event, editor, next) {
-                    /**
-                     * Only toggle if the hotkey is fired and the key is the same as level.
-                     */
-                    const keyAsNumber = +event.key;
-                    if (!Number.isNaN(keyAsNumber) && isHotkey(hotkey, event)) {
-                        try {
-                            core.toggleHeadingNodes(editor, keyAsNumber);
-                            event.preventDefault();
-                            // eslint-disable-next-line no-empty
-                        }
-                        catch (_a) { }
-                    }
-                    else {
-                        onKeyDownBreak(event, editor, next);
-                    }
-                },
-            };
-        }, createRenderElement: ({ render = defaultRenderHeadingElement } = {}) => createRenderElement({ type, render }) });
-}
-
-export { createReactHeading };

package/heading/defaultRenderHeadingElement.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { HeadingElement } from '@quadrats/common/heading';
-import { RenderElementProps } from '@quadrats/react';
-export declare const HEADING_COMPONENTS: {
-    readonly 1: "h1";
-    readonly 2: "h2";
-    readonly 3: "h3";
-    readonly 4: "h4";
-    readonly 5: "h5";
-    readonly 6: "h6";
-};
-export declare const defaultRenderHeadingElement: ({ attributes, children, element, }: {
-    attributes?: {
-        'data-slate-node': "element";
-        'data-slate-inline'?: true | undefined;
-        'data-slate-void'?: true | undefined;
-        dir?: "rtl" | undefined;
-        ref: any;
-    } | undefined;
-    children: RenderElementProps['children'];
-    element: HeadingElement;
-}) => JSX.Element | null;

package/heading/defaultRenderHeadingElement.js

@@ -1,19 +0,0 @@
-import React from 'react';
-
-const HEADING_COMPONENTS = {
-    1: 'h1',
-    2: 'h2',
-    3: 'h3',
-    4: 'h4',
-    5: 'h5',
-    6: 'h6',
-};
-const defaultRenderHeadingElement = ({ attributes, children, element, }) => {
-    const Component = HEADING_COMPONENTS[element.level];
-    if (!Component) {
-        return null;
-    }
-    return React.createElement(Component, Object.assign({}, attributes), children);
-};
-
-export { HEADING_COMPONENTS, defaultRenderHeadingElement };

package/heading/index.cjs.js

@@ -1,83 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var isHotkey = require('is-hotkey');
-var heading = require('@quadrats/common/heading');
-var react = require('@quadrats/react');
-var _break = require('@quadrats/react/break');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var isHotkey__default = /*#__PURE__*/_interopDefaultLegacy(isHotkey);
-
-/**
- * Default hotkey for toggling heading.
- *
- * @remarks
- * If the hotkey is `ctrl+opt`, the level 1 hotkey will be `ctrl+opt+1`, and so on.
- *
- * @see [is-hotkey]{@link https://www.npmjs.com/package/is-hotkey}
- */
-const HEADING_HOTKEY = 'ctrl+opt';
-
-const HEADING_COMPONENTS = {
-    1: 'h1',
-    2: 'h2',
-    3: 'h3',
-    4: 'h4',
-    5: 'h5',
-    6: 'h6',
-};
-const defaultRenderHeadingElement = ({ attributes, children, element, }) => {
-    const Component = HEADING_COMPONENTS[element.level];
-    if (!Component) {
-        return null;
-    }
-    return React__default.createElement(Component, Object.assign({}, attributes), children);
-};
-
-function createReactHeading(options = {}) {
-    const core = heading.createHeading(options);
-    const { type } = core;
-    return Object.assign(Object.assign({}, core), { createHandlers: ({ hotkey = HEADING_HOTKEY } = {}) => {
-            const onKeyDownBreak = _break.createOnKeyDownBreak({
-                exitBreak: {
-                    rules: [
-                        {
-                            hotkey: 'enter',
-                            match: {
-                                onlyAtEdge: true,
-                                includeTypes: [type],
-                            },
-                        },
-                    ],
-                },
-            });
-            return {
-                onKeyDown(event, editor, next) {
-                    /**
-                     * Only toggle if the hotkey is fired and the key is the same as level.
-                     */
-                    const keyAsNumber = +event.key;
-                    if (!Number.isNaN(keyAsNumber) && isHotkey__default(hotkey, event)) {
-                        try {
-                            core.toggleHeadingNodes(editor, keyAsNumber);
-                            event.preventDefault();
-                            // eslint-disable-next-line no-empty
-                        }
-                        catch (_a) { }
-                    }
-                    else {
-                        onKeyDownBreak(event, editor, next);
-                    }
-                },
-            };
-        }, createRenderElement: ({ render = defaultRenderHeadingElement } = {}) => react.createRenderElement({ type, render }) });
-}
-
-exports.HEADING_HOTKEY = HEADING_HOTKEY;
-exports.createReactHeading = createReactHeading;
-exports.defaultRenderHeadingElement = defaultRenderHeadingElement;

package/heading/index.d.ts

@@ -1,4 +0,0 @@
-export * from './typings';
-export { HEADING_HOTKEY } from './constants';
-export { defaultRenderHeadingElement } from './defaultRenderHeadingElement';
-export { CreateReactHeadingOptions, createReactHeading } from './createReactHeading';

package/heading/index.js

@@ -1,3 +0,0 @@
-export { HEADING_HOTKEY } from './constants.js';
-export { defaultRenderHeadingElement } from './defaultRenderHeadingElement.js';
-export { createReactHeading } from './createReactHeading.js';

package/heading/jsx-serializer/createJsxSerializeHeading.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { CreateJsxSerializeElementOptions } from '@quadrats/react/jsx-serializer';
-import { JsxSerializeHeadingElementProps } from './typings';
-export declare type CreateJsxSerializeHeadingOptions = Partial<CreateJsxSerializeElementOptions<JsxSerializeHeadingElementProps>>;
-export declare function createJsxSerializeHeading(options?: CreateJsxSerializeHeadingOptions): (props: import("@quadrats/react/jsx-serializer").JsxSerializeElementProps<import("slate").Element>) => JSX.Element | null | undefined;

package/heading/jsx-serializer/createJsxSerializeHeading.js

@@ -1,10 +0,0 @@
-import { defaultRenderHeadingElement } from '@quadrats/react/heading';
-import { HEADING_TYPE } from '@quadrats/common/heading';
-import { createJsxSerializeElement } from '@quadrats/react/jsx-serializer';
-
-function createJsxSerializeHeading(options = {}) {
-    const { type = HEADING_TYPE, render = defaultRenderHeadingElement } = options;
-    return createJsxSerializeElement({ type, render });
-}
-
-export { createJsxSerializeHeading };

package/heading/jsx-serializer/defaultRenderHeadingElement.d.ts

@@ -1 +0,0 @@
-export { defaultRenderHeadingElement } from '@quadrats/react/heading';

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

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var heading = require('@quadrats/react/heading');
-var heading$1 = require('@quadrats/common/heading');
-var jsxSerializer = require('@quadrats/react/jsx-serializer');
-
-function createJsxSerializeHeading(options = {}) {
-    const { type = heading$1.HEADING_TYPE, render = heading.defaultRenderHeadingElement } = options;
-    return jsxSerializer.createJsxSerializeElement({ type, render });
-}
-
-exports.defaultRenderHeadingElement = heading.defaultRenderHeadingElement;
-exports.createJsxSerializeHeading = createJsxSerializeHeading;

package/heading/jsx-serializer/index.d.ts

@@ -1,3 +0,0 @@
-export * from './typings';
-export { defaultRenderHeadingElement } from './defaultRenderHeadingElement';
-export { CreateJsxSerializeHeadingOptions, createJsxSerializeHeading } from './createJsxSerializeHeading';

package/heading/jsx-serializer/index.js

@@ -1,2 +0,0 @@
-export { defaultRenderHeadingElement } from '@quadrats/react/heading';
-export { createJsxSerializeHeading } from './createJsxSerializeHeading.js';

package/heading/jsx-serializer/typings.d.ts

@@ -1,3 +0,0 @@
-import { HeadingElement } from '@quadrats/common/heading';
-import { JsxSerializeElementProps } from '@quadrats/react/jsx-serializer';
-export declare type JsxSerializeHeadingElementProps = JsxSerializeElementProps<HeadingElement>;

package/heading/toolbar/HeadingToolbarIcon.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { HeadingLevel } from '@quadrats/common/heading';
-import { ReactHeading } from '@quadrats/react/heading';
-import { ToolbarIconProps } from '@quadrats/react/toolbar';
-export interface HeadingToolbarIconProps<Level extends HeadingLevel, ValidLevel extends Level> extends Omit<ToolbarIconProps, 'active' | 'onClick'> {
-    controller: ReactHeading<Level>;
-    level: ValidLevel;
-}
-declare function HeadingToolbarIcon<Level extends HeadingLevel, ValidLevel extends Level>(props: HeadingToolbarIconProps<Level, ValidLevel>): JSX.Element;
-export default HeadingToolbarIcon;

package/heading/toolbar/HeadingToolbarIcon.js

@@ -1,12 +0,0 @@
-import { useToggleHeadingTool } from './useToggleHeadingTool.js';
-import { __rest } from 'tslib';
-import React from 'react';
-import { ToolbarIcon } from '@quadrats/react/toolbar';
-
-function HeadingToolbarIcon(props) {
-    const { controller, level } = props, rest = __rest(props, ["controller", "level"]);
-    const { active, onClick } = useToggleHeadingTool(controller, level);
-    return React.createElement(ToolbarIcon, Object.assign({}, rest, { active: active, onClick: onClick }));
-}
-
-export default HeadingToolbarIcon;

package/heading/toolbar/index.cjs.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('@quadrats/react');
-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; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function useToggleHeadingTool(controller, level) {
-    const editor = react.useQuadrats();
-    return {
-        active: controller.isSelectionInHeading(editor, level),
-        onClick: () => controller.toggleHeadingNodes(editor, level),
-    };
-}
-
-function HeadingToolbarIcon(props) {
-    const { controller, level } = props, rest = tslib.__rest(props, ["controller", "level"]);
-    const { active, onClick } = useToggleHeadingTool(controller, level);
-    return React__default.createElement(toolbar.ToolbarIcon, Object.assign({}, rest, { active: active, onClick: onClick }));
-}
-
-exports.HeadingToolbarIcon = HeadingToolbarIcon;
-exports.useToggleHeadingTool = useToggleHeadingTool;

package/heading/toolbar/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useToggleHeadingTool';
-export { HeadingToolbarIconProps, default as HeadingToolbarIcon } from './HeadingToolbarIcon';

package/heading/toolbar/index.js

@@ -1,2 +0,0 @@
-export { useToggleHeadingTool } from './useToggleHeadingTool.js';
-export { default as HeadingToolbarIcon } from './HeadingToolbarIcon.js';

package/heading/toolbar/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@quadrats/react/heading/toolbar",
-  "sideEffects": false,
-  "main": "./index.cjs.js",
-  "module": "./index.js",
-  "typings": "./index.d.ts"
-}

package/heading/toolbar/useToggleHeadingTool.d.ts

@@ -1,6 +0,0 @@
-import { HeadingLevel } from '@quadrats/common/heading';
-import { ReactHeading } from '@quadrats/react/heading';
-export declare function useToggleHeadingTool<Level extends HeadingLevel, ValidLevel extends Level>(controller: ReactHeading<Level>, level: ValidLevel): {
-    active: boolean;
-    onClick: () => void;
-};

package/heading/toolbar/useToggleHeadingTool.js

@@ -1,11 +0,0 @@
-import { useQuadrats } from '@quadrats/react';
-
-function useToggleHeadingTool(controller, level) {
-    const editor = useQuadrats();
-    return {
-        active: controller.isSelectionInHeading(editor, level),
-        onClick: () => controller.toggleHeadingNodes(editor, level),
-    };
-}
-
-export { useToggleHeadingTool };

package/heading/typings.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { Heading, HeadingElement, HeadingLevel } from '@quadrats/common/heading';
-import { WithCreateHandlers, WithCreateRenderElement, RenderElementProps } from '@quadrats/react';
-export declare type RenderHeadingElementProps = RenderElementProps<HeadingElement>;
-export interface ReactHeadingCreateHandlersOptions {
-    /**
-     * The hotkey to toggle heading w/ specific level.
-     */
-    hotkey?: string;
-}
-export interface ReactHeadingCreateRenderElementOptions {
-    render?: (props: RenderHeadingElementProps) => JSX.Element | null | undefined;
-}
-export interface ReactHeading<Level extends HeadingLevel> extends Heading<Level>, WithCreateHandlers<[ReactHeadingCreateHandlersOptions?]>, WithCreateRenderElement<[ReactHeadingCreateRenderElementOptions?]> {
-}