@quadrats/react 1.1.8 → 1.1.10

package/paragraph/index.js

@@ -0,0 +1,4 @@
+export { defaultRenderParagraphElement } from './defaultRenderParagraphElement.js';
+export { createRenderParagraphElement } from './createRenderParagraphElement.js';
+export { createReactParagraph } from './createReactParagraph.js';
+export { renderParagraphElementWithSymbol } from './renderParagraphElementWithSymbol.js';

package/paragraph/jsx-serializer/createJsxSerializeParagraph.d.ts

@@ -0,0 +1,4 @@
+import { CreateJsxSerializeElementOptions } from '@quadrats/react/jsx-serializer';
+import { JsxSerializeParagraphProps } from './typings';
+export type CreateJsxSerializeParagraphOptions = Partial<Omit<CreateJsxSerializeElementOptions<JsxSerializeParagraphProps>, 'type'>>;
+export declare function createJsxSerializeParagraph(options?: CreateJsxSerializeParagraphOptions): (props: import("@quadrats/react/jsx-serializer").JsxSerializeElementProps) => import("react").JSX.Element | null | undefined;

package/paragraph/jsx-serializer/createJsxSerializeParagraph.js

@@ -0,0 +1,10 @@
+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;
+    return createJsxSerializeElement({ type: PARAGRAPH_TYPE, render });
+}
+
+export { createJsxSerializeParagraph };

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

@@ -0,0 +1,13 @@
+'use strict';
+
+var paragraph = require('@quadrats/react/paragraph');
+var core = require('@quadrats/core');
+var jsxSerializer = require('@quadrats/react/jsx-serializer');
+
+function createJsxSerializeParagraph(options = {}) {
+    const { render = paragraph.defaultRenderParagraphElement } = options;
+    return jsxSerializer.createJsxSerializeElement({ type: core.PARAGRAPH_TYPE, render });
+}
+
+exports.defaultRenderParagraphElement = paragraph.defaultRenderParagraphElement;
+exports.createJsxSerializeParagraph = createJsxSerializeParagraph;

package/paragraph/jsx-serializer/index.js

@@ -0,0 +1,2 @@
+export { defaultRenderParagraphElement } from '@quadrats/react/paragraph';
+export { createJsxSerializeParagraph } from './createJsxSerializeParagraph.js';

package/paragraph/jsx-serializer/package.json

@@ -1,10 +1,7 @@
 {
   "name": "@quadrats/react/paragraph/jsx-serializer",
   "sideEffects": false,
-  "quadratsConfig": {
-    "deps": [
-      "jsx-serializer",
-      "paragraph"
-    ]
-  }
+  "main": "./index.cjs.js",
+  "module": "./index.js",
+  "typings": "./index.d.ts"
 }

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

@@ -0,0 +1,3 @@
+import { ParagraphElement } from '@quadrats/core';
+import { JsxSerializeElementProps } from '@quadrats/react/jsx-serializer';
+export type JsxSerializeParagraphProps = JsxSerializeElementProps<ParagraphElement>;

package/paragraph/package.json

@@ -4,12 +4,7 @@
     "**/*.css",
     "**/*.scss"
   ],
-  "quadratsConfig": {
-    "deps": [
-      "__ROOT__"
-    ],
-    "styles": {
-      "paragraph": "paragraph"
-    }
-  }
+  "main": "./index.cjs.js",
+  "module": "./index.js",
+  "typings": "./index.d.ts"
 }

package/paragraph/paragraph.css

@@ -0,0 +1 @@
+.qdr-paragraph{margin:0 0 var(--qdr-spacing-6);color:var(--qdr-text-primary);font-size:var(--qdr-typography-article-body1-font-size);line-height:var(--qdr-typography-article-body1-line-height);letter-spacing:var(--qdr-typography-article-body1-letter-spacing);font-weight:var(--qdr-typography-article-body1-font-weight)}.qdr-paragraph__with-line-break-symbol>*:last-child{position:relative}.qdr-paragraph__with-line-break-symbol>*:last-child::after{content:"";display:block;width:16px;height:16px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAA60lEQVRoge2ZwQ3CMBAEdxH/0AF0AKVQQkqgA6ACKIFSKAE6oJNDEREPxOccwybSjuRPrEt2JMeJdYwITJnZpNNbYARYQI0F1FhAjQXUzMcQguT7hywimKn1ElJjATUWUGMBNRZQYwE1FiC5IHmrEyfPIAGSGwBd+LUof7kAyS2AK4Bl3Ug5ig40JHcATh/XDv+P/zoBpQaAS1f2q5HNM7Zd6J4tSC+hiGhJPgDsP6aO2Xt94ZwtKG5wkGz7BzYoOIzXYlCHpt9Gu52oUQkMegciovsGrErWbi3cI1NjATUWUGMBNRZQYwEpAJ566ofECQ43YwAAAABJRU5ErkJggg==");background-size:16px;background-position:center;background-repeat:no-repeat;position:absolute;right:-16px;bottom:0;opacity:.5}

package/paragraph/renderParagraphElementWithSymbol.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ParagraphElement } from '@quadrats/common/paragraph';
+import { RenderElementProps } from '@quadrats/react';
+export declare const renderParagraphElementWithSymbol: ({ attributes, children, element, }: {
+    attributes?: RenderElementProps["attributes"];
+    children: any;
+    element: ParagraphElement;
+}) => React.JSX.Element;

package/paragraph/renderParagraphElementWithSymbol.js

@@ -0,0 +1,8 @@
+import React from 'react';
+
+const renderParagraphElementWithSymbol = ({ attributes, children, element, }) => {
+    const style = element.align ? { textAlign: element.align } : undefined;
+    return (React.createElement("p", Object.assign({}, attributes, { className: "qdr-paragraph qdr-paragraph__with-line-break-symbol", style: style }), children));
+};
+
+export { renderParagraphElementWithSymbol };

package/paragraph/toolbar/ParagraphToolbarIcon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Paragraph } from '@quadrats/common/paragraph';
+import { ToolbarIconProps } from '@quadrats/react/toolbar';
+export interface ParagraphToolbarIconProps extends Omit<ToolbarIconProps, 'active' | 'onClick'> {
+    controller: Paragraph;
+}
+declare function ParagraphToolbarIcon(props: ParagraphToolbarIconProps): React.JSX.Element;
+export default ParagraphToolbarIcon;

package/paragraph/toolbar/ParagraphToolbarIcon.js

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

package/paragraph/toolbar/index.cjs.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var react = require('@quadrats/react');
+var tslib = require('tslib');
+var React = require('react');
+var toolbar = require('@quadrats/react/toolbar');
+
+function useToggleParagraphTool(controller) {
+    const editor = react.useQuadrats();
+    return {
+        active: controller.isSelectionInParagraph(editor),
+        onClick: () => controller.setParagraphNodes(editor),
+    };
+}
+
+function ParagraphToolbarIcon(props) {
+    const { controller } = props, rest = tslib.__rest(props, ["controller"]);
+    const { active, onClick } = useToggleParagraphTool(controller);
+    return React.createElement(toolbar.ToolbarIcon, Object.assign({}, rest, { active: active, onClick: onClick }));
+}
+
+exports.ParagraphToolbarIcon = ParagraphToolbarIcon;
+exports.useToggleParagraphTool = useToggleParagraphTool;

package/paragraph/toolbar/index.js

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

package/paragraph/toolbar/package.json

@@ -1,10 +1,7 @@
 {
   "name": "@quadrats/react/paragraph/toolbar",
   "sideEffects": false,
-  "quadratsConfig": {
-    "deps": [
-      "toolbar",
-      "paragraph"
-    ]
-  }
+  "main": "./index.cjs.js",
+  "module": "./index.js",
+  "typings": "./index.d.ts"
 }

package/paragraph/toolbar/useToggleParagraphTool.d.ts

@@ -0,0 +1,5 @@
+import { Paragraph } from '@quadrats/common/paragraph';
+export declare function useToggleParagraphTool(controller: Paragraph): {
+    active: boolean;
+    onClick: () => void;
+};

package/paragraph/toolbar/useToggleParagraphTool.js

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

package/read-more/components/ReadMore.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { RenderElementProps } from '@quadrats/react';
+export interface ReadMoreProps {
+    attributes?: RenderElementProps['attributes'];
+    children: any;
+}
+declare function ReadMore(props: ReadMoreProps): React.JSX.Element;
+export default ReadMore;

package/read-more/components/ReadMore.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { useLocale } from '@quadrats/react';
+
+function ReadMore(props) {
+    const { attributes } = props;
+    const { readMore } = useLocale().editor;
+    return (React.createElement("div", Object.assign({}, attributes, { className: "qdr-read-more", contentEditable: false }),
+        React.createElement("div", { className: "qdr-read-more__container" },
+            React.createElement("div", { className: "qdr-read-more__container__line" }),
+            React.createElement("span", { className: "qdr-read-more__container__description" }, readMore),
+            React.createElement("div", { className: "qdr-read-more__container__line" }))));
+}
+
+export { ReadMore as default };

package/read-more/createReactReadMore.d.ts

@@ -0,0 +1,4 @@
+import { CreateReadMoreOptions } from '@quadrats/common/read-more';
+import { ReactReadMore } from './typings';
+export type CreateReactReadMoreOptions = CreateReadMoreOptions;
+export declare function createReactReadMore(options?: CreateReactReadMoreOptions): ReactReadMore;

package/read-more/createReactReadMore.js

@@ -0,0 +1,11 @@
+import { createReadMore } from '@quadrats/common/read-more';
+import { createRenderElement } from '@quadrats/react';
+import { defaultRenderReadMoreElement } from './defaultRenderReadMoreElement.js';
+
+function createReactReadMore(options = {}) {
+    const core = createReadMore(options);
+    const { type } = core;
+    return Object.assign(Object.assign({}, core), { createRenderElement: ({ render = defaultRenderReadMoreElement } = {}) => createRenderElement({ type, render }) });
+}
+
+export { createReactReadMore };

package/read-more/defaultRenderReadMoreElement.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { RenderElementPropsBase } from '@quadrats/react/_internal';
+export declare const defaultRenderReadMoreElement: (props: RenderElementPropsBase) => React.JSX.Element;

package/read-more/defaultRenderReadMoreElement.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import ReadMore from './components/ReadMore.js';
+
+const defaultRenderReadMoreElement = (props) => React.createElement(ReadMore, Object.assign({}, props));
+
+export { defaultRenderReadMoreElement };

package/read-more/index.cjs.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var React = require('react');
+var react = require('@quadrats/react');
+var readMore = require('@quadrats/common/read-more');
+
+function ReadMore(props) {
+    const { attributes } = props;
+    const { readMore } = react.useLocale().editor;
+    return (React.createElement("div", Object.assign({}, attributes, { className: "qdr-read-more", contentEditable: false }),
+        React.createElement("div", { className: "qdr-read-more__container" },
+            React.createElement("div", { className: "qdr-read-more__container__line" }),
+            React.createElement("span", { className: "qdr-read-more__container__description" }, readMore),
+            React.createElement("div", { className: "qdr-read-more__container__line" }))));
+}
+
+const defaultRenderReadMoreElement = (props) => React.createElement(ReadMore, Object.assign({}, props));
+
+function createReactReadMore(options = {}) {
+    const core = readMore.createReadMore(options);
+    const { type } = core;
+    return Object.assign(Object.assign({}, core), { createRenderElement: ({ render = defaultRenderReadMoreElement } = {}) => react.createRenderElement({ type, render }) });
+}
+
+exports.ReadMore = ReadMore;
+exports.createReactReadMore = createReactReadMore;
+exports.defaultRenderReadMoreElement = defaultRenderReadMoreElement;

package/read-more/index.js

@@ -0,0 +1,3 @@
+export { default as ReadMore } from './components/ReadMore.js';
+export { defaultRenderReadMoreElement } from './defaultRenderReadMoreElement.js';
+export { createReactReadMore } from './createReactReadMore.js';

package/read-more/jsx-serializer/createJsxSerializeReadMore.d.ts

@@ -0,0 +1,4 @@
+import { CreateJsxSerializeElementOptions } from '@quadrats/react/jsx-serializer';
+import { JsxSerializeReadMoreProps } from './typings';
+export type CreateJsxSerializeReadMoreOptions = Partial<CreateJsxSerializeElementOptions<JsxSerializeReadMoreProps>>;
+export declare function createJsxSerializeReadMore(options?: CreateJsxSerializeReadMoreOptions): (props: import("@quadrats/react/jsx-serializer").JsxSerializeElementProps) => import("react").JSX.Element | null | undefined;

package/read-more/jsx-serializer/createJsxSerializeReadMore.js

@@ -0,0 +1,10 @@
+import { READ_MORE_TYPE } from '@quadrats/common/read-more';
+import { createJsxSerializeElement } from '@quadrats/react/jsx-serializer';
+import { defaultRenderReadMoreElement } from '@quadrats/react/read-more';
+
+function createJsxSerializeReadMore(options = {}) {
+    const { type = READ_MORE_TYPE, render = defaultRenderReadMoreElement } = options;
+    return createJsxSerializeElement({ type, render });
+}
+
+export { createJsxSerializeReadMore };

package/read-more/jsx-serializer/index.cjs.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var readMore = require('@quadrats/react/read-more');
+var readMore$1 = require('@quadrats/common/read-more');
+var jsxSerializer = require('@quadrats/react/jsx-serializer');
+
+function createJsxSerializeReadMore(options = {}) {
+    const { type = readMore$1.READ_MORE_TYPE, render = readMore.defaultRenderReadMoreElement } = options;
+    return jsxSerializer.createJsxSerializeElement({ type, render });
+}
+
+exports.defaultRenderReadMoreElement = readMore.defaultRenderReadMoreElement;
+exports.createJsxSerializeReadMore = createJsxSerializeReadMore;

package/read-more/jsx-serializer/index.js

@@ -0,0 +1,2 @@
+export { defaultRenderReadMoreElement } from '@quadrats/react/read-more';
+export { createJsxSerializeReadMore } from './createJsxSerializeReadMore.js';

package/read-more/jsx-serializer/package.json

@@ -1,10 +1,7 @@
 {
   "name": "@quadrats/react/read-more/jsx-serializer",
   "sideEffects": false,
-  "quadratsConfig": {
-    "deps": [
-      "jsx-serializer",
-      "read-more"
-    ]
-  }
+  "main": "./index.cjs.js",
+  "module": "./index.js",
+  "typings": "./index.d.ts"
 }

package/read-more/jsx-serializer/typings.d.ts

@@ -0,0 +1,3 @@
+import { ReadMoreElement } from '@quadrats/common/read-more';
+import { JsxSerializeElementProps } from '@quadrats/react/jsx-serializer';
+export type JsxSerializeReadMoreProps = JsxSerializeElementProps<ReadMoreElement>;

package/read-more/package.json

@@ -4,12 +4,7 @@
     "**/*.css",
     "**/*.scss"
   ],
-  "quadratsConfig": {
-    "deps": [
-      "__ROOT__"
-    ],
-    "styles": {
-      "components/read-more": "read-more"
-    }
-  }
+  "main": "./index.cjs.js",
+  "module": "./index.js",
+  "typings": "./index.d.ts"
 }

package/read-more/read-more.css

@@ -0,0 +1 @@
+.qdr-read-more{position:relative;margin:var(--qdr-spacing-14) 0;width:100%;color:var(--qdr-divider);text-align:center}.qdr-read-more__container{display:flex;align-items:center;justify-content:space-between}.qdr-read-more__container__description{color:var(--qdr-text-secondary);position:relative;z-index:1;padding:0 var(--qdr-spacing-7);font-size:var(--qdr-typography-article-body2-font-size);line-height:var(--qdr-typography-article-body2-line-height);letter-spacing:var(--qdr-typography-article-body2-letter-spacing);font-weight:var(--qdr-typography-article-body2-font-weight)}.qdr-read-more__container__line{flex:1;height:2px;background-image:repeating-linear-gradient(to right, var(--qdr-border), var(--qdr-border) 10px, transparent 10px, transparent 15px)}

package/read-more/toolbar/ReadMoreToolbarIcon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ToolbarIconProps } from '@quadrats/react/toolbar';
+import { ReactReadMore } from '@quadrats/react/read-more';
+export interface ReadMoreToolbarIconProps extends Omit<ToolbarIconProps, 'active' | 'onClick'> {
+    controller: ReactReadMore;
+}
+declare function ReadMoreToolbarIcon(props: ReadMoreToolbarIconProps): React.JSX.Element;
+export default ReadMoreToolbarIcon;

package/read-more/toolbar/ReadMoreToolbarIcon.js

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

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

@@ -0,0 +1,22 @@
+'use strict';
+
+var react = require('@quadrats/react');
+var tslib = require('tslib');
+var React = require('react');
+var toolbar = require('@quadrats/react/toolbar');
+
+function useReadMoreTool(controller) {
+    const editor = react.useSlateStatic();
+    return {
+        onClick: () => controller.insertReadMore(editor),
+    };
+}
+
+function ReadMoreToolbarIcon(props) {
+    const { controller } = props, rest = tslib.__rest(props, ["controller"]);
+    const { onClick } = useReadMoreTool(controller);
+    return React.createElement(toolbar.ToolbarIcon, Object.assign({}, rest, { onClick: onClick }));
+}
+
+exports.ReadMoreToolbarIcon = ReadMoreToolbarIcon;
+exports.useReadMoreTool = useReadMoreTool;

package/read-more/toolbar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useReadMoreTool';
+export { ReadMoreToolbarIconProps, default as ReadMoreToolbarIcon } from './ReadMoreToolbarIcon';

package/read-more/toolbar/index.js

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

package/read-more/toolbar/package.json

@@ -1,10 +1,7 @@
 {
   "name": "@quadrats/react/read-more/toolbar",
   "sideEffects": false,
-  "quadratsConfig": {
-    "deps": [
-      "toolbar",
-      "read-more"
-    ]
-  }
+  "main": "./index.cjs.js",
+  "module": "./index.js",
+  "typings": "./index.d.ts"
 }

package/read-more/toolbar/useReadMoreTool.d.ts

@@ -0,0 +1,4 @@
+import { ReactReadMore } from '@quadrats/react/read-more';
+export declare function useReadMoreTool(controller: ReactReadMore): {
+    onClick: () => void;
+};

package/read-more/toolbar/useReadMoreTool.js

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

package/read-more/typings.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from 'react';
+import { ReadMore, ReadMoreElement } from '@quadrats/common/read-more';
+import { WithCreateRenderElement, RenderElementProps, Editor } from '@quadrats/react';
+export type RenderReadMoreElementProps = RenderElementProps<ReadMoreElement>;
+export interface ReactReadMoreCreateRenderElementOptions {
+    render?: (props: RenderReadMoreElementProps) => JSX.Element | null | undefined;
+}
+export interface ReactReadMore extends ReadMore<Editor>, WithCreateRenderElement<[ReactReadMoreCreateRenderElementOptions?]> {
+}

package/strikethrough/constants.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Default hotkey for toggling strikethrough.
+ *
+ * @see [is-hotkey]{@link https://www.npmjs.com/package/is-hotkey}
+ */
+export declare const STRIKETHROUGH_HOTKEY = "mod+opt+s";

package/strikethrough/constants.js

@@ -0,0 +1,8 @@
+/**
+ * Default hotkey for toggling strikethrough.
+ *
+ * @see [is-hotkey]{@link https://www.npmjs.com/package/is-hotkey}
+ */
+const STRIKETHROUGH_HOTKEY = 'mod+opt+s';
+
+export { STRIKETHROUGH_HOTKEY };

package/strikethrough/createReactStrikethrough.d.ts

@@ -0,0 +1 @@
+export declare const createReactStrikethrough: (variant?: string) => import("@quadrats/react/toggle-mark").ReactToggleMark;

package/strikethrough/createReactStrikethrough.js

@@ -0,0 +1,11 @@
+import { createStrikethrough } from '@quadrats/common/strikethrough';
+import { createReactToggleMarkCreator } from '@quadrats/react/toggle-mark';
+import { defaultRenderStrikethrough } from './defaultRenderStrikethrough.js';
+import { STRIKETHROUGH_HOTKEY } from './constants.js';
+
+const createReactStrikethrough = (variant) => createReactToggleMarkCreator(createStrikethrough(variant), {
+    hotkey: STRIKETHROUGH_HOTKEY,
+    render: defaultRenderStrikethrough,
+})();
+
+export { createReactStrikethrough };

package/strikethrough/defaultRenderStrikethrough.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { RenderMarkPropsBase } from '@quadrats/react/_internal';
+export declare const defaultRenderStrikethrough: ({ children, leaf }: RenderMarkPropsBase<boolean>) => React.JSX.Element;

package/strikethrough/defaultRenderStrikethrough.js

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

package/strikethrough/index.cjs.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var React = require('react');
+var strikethrough = require('@quadrats/common/strikethrough');
+var toggleMark = require('@quadrats/react/toggle-mark');
+
+/**
+ * Default hotkey for toggling strikethrough.
+ *
+ * @see [is-hotkey]{@link https://www.npmjs.com/package/is-hotkey}
+ */
+const STRIKETHROUGH_HOTKEY = 'mod+opt+s';
+
+const defaultRenderStrikethrough = ({ children, leaf }) => (React.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,
+})();
+
+exports.STRIKETHROUGH_HOTKEY = STRIKETHROUGH_HOTKEY;
+exports.createReactStrikethrough = createReactStrikethrough;
+exports.defaultRenderStrikethrough = defaultRenderStrikethrough;

package/strikethrough/index.js

@@ -0,0 +1,3 @@
+export { STRIKETHROUGH_HOTKEY } from './constants.js';
+export { defaultRenderStrikethrough } from './defaultRenderStrikethrough.js';
+export { createReactStrikethrough } from './createReactStrikethrough.js';

package/strikethrough/jsx-serializer/createJsxSerializeStrikethrough.d.ts

@@ -0,0 +1 @@
+export declare const createJsxSerializeStrikethrough: (options?: import("@quadrats/react/toggle-mark/jsx-serializer").CreateJsxSerializeToggleMarkOptions) => (props: Omit<import("@quadrats/react/jsx-serializer").JsxSerializeMarkProps<boolean>, "mark">) => import("react").JSX.Element;

package/strikethrough/jsx-serializer/createJsxSerializeStrikethrough.js

@@ -0,0 +1,10 @@
+import { STRIKETHROUGH_TYPE } from '@quadrats/common/strikethrough';
+import { createJsxSerializeToggleMarkCreator } from '@quadrats/react/toggle-mark/jsx-serializer';
+import { defaultRenderStrikethrough } from '@quadrats/react/strikethrough';
+
+const createJsxSerializeStrikethrough = createJsxSerializeToggleMarkCreator({
+    type: STRIKETHROUGH_TYPE,
+    render: defaultRenderStrikethrough,
+});
+
+export { createJsxSerializeStrikethrough };

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

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

package/strikethrough/jsx-serializer/index.js

@@ -0,0 +1,2 @@
+export { defaultRenderStrikethrough } from '@quadrats/react/strikethrough';
+export { createJsxSerializeStrikethrough } from './createJsxSerializeStrikethrough.js';

package/strikethrough/jsx-serializer/package.json

@@ -1,10 +1,7 @@
 {
   "name": "@quadrats/react/strikethrough/jsx-serializer",
   "sideEffects": false,
-  "quadratsConfig": {
-    "deps": [
-      "toggle-mark/jsx-serializer",
-      "strikethrough"
-    ]
-  }
+  "main": "./index.cjs.js",
+  "module": "./index.js",
+  "typings": "./index.d.ts"
 }

package/strikethrough/package.json

@@ -1,9 +1,7 @@
 {
   "name": "@quadrats/react/strikethrough",
   "sideEffects": false,
-  "quadratsConfig": {
-    "deps": [
-      "toggle-mark"
-    ]
-  }
+  "main": "./index.cjs.js",
+  "module": "./index.js",
+  "typings": "./index.d.ts"
 }

package/strikethrough/typings.d.ts

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

package/table/components/ColumnDragButton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface ColumnDragButtonProps {
+    columnIndex: number;
+    style?: React.CSSProperties;
+    onClick: (e: React.MouseEvent) => void;
+    checkIsTitleColumn: (columnIndex: number) => boolean;
+}
+export declare const COLUMN_DRAG_TYPE = "TABLE_COLUMN";
+export declare const ColumnDragButton: React.FC<ColumnDragButtonProps>;
+export {};