@gravity-ui/markdown-editor 14.12.3 → 15.0.0

package/build/cjs/presets/yfm.js

@@ -1,27 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YfmPreset = void 0;
-const markdown_1 = require("../extensions/markdown");
-const yfm_1 = require("../extensions/yfm");
-const default_1 = require("./default");
+const markdown_1 = require("../extensions/markdown/index.js");
+const yfm_1 = require("../extensions/yfm/index.js");
+const default_1 = require("./default.js");
 const YfmPreset = (builder, opts) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    builder.use(default_1.DefaultPreset, Object.assign(Object.assign({}, opts), { image: false, heading: false }));
+    builder.use(default_1.DefaultPreset, { ...opts, image: false, heading: false });
     builder
-        .use(markdown_1.Deflist, (_a = opts.deflist) !== null && _a !== void 0 ? _a : {})
+        .use(markdown_1.Deflist, opts.deflist ?? {})
         .use(markdown_1.Subscript)
         .use(markdown_1.Superscript)
-        .use(markdown_1.Underline, (_b = opts.underline) !== null && _b !== void 0 ? _b : {})
-        .use(yfm_1.Checkbox, (_c = opts.checkbox) !== null && _c !== void 0 ? _c : {})
-        .use(yfm_1.ImgSize, (_d = opts.imgSize) !== null && _d !== void 0 ? _d : {})
+        .use(markdown_1.Underline, opts.underline ?? {})
+        .use(yfm_1.Checkbox, opts.checkbox ?? {})
+        .use(yfm_1.ImgSize, opts.imgSize ?? {})
         .use(yfm_1.Monospace)
-        .use(yfm_1.Video, (_e = opts.video) !== null && _e !== void 0 ? _e : {})
-        .use(yfm_1.YfmConfigs, (_f = opts.yfmConfigs) !== null && _f !== void 0 ? _f : {})
-        .use(yfm_1.YfmCut, (_g = opts.yfmCut) !== null && _g !== void 0 ? _g : {})
-        .use(yfm_1.YfmNote, (_h = opts.yfmNote) !== null && _h !== void 0 ? _h : {})
-        .use(yfm_1.YfmFile, (_j = opts.yfmFile) !== null && _j !== void 0 ? _j : {})
-        .use(yfm_1.YfmHeading, (_k = opts.yfmHeading) !== null && _k !== void 0 ? _k : {})
-        .use(yfm_1.YfmTable, (_l = opts.yfmTable) !== null && _l !== void 0 ? _l : {})
+        .use(yfm_1.Video, opts.video ?? {})
+        .use(yfm_1.YfmConfigs, opts.yfmConfigs ?? {})
+        .use(yfm_1.YfmCut, opts.yfmCut ?? {})
+        .use(yfm_1.YfmNote, opts.yfmNote ?? {})
+        .use(yfm_1.YfmFile, opts.yfmFile ?? {})
+        .use(yfm_1.YfmHeading, opts.yfmHeading ?? {})
+        .use(yfm_1.YfmTable, opts.yfmTable ?? {})
         .use(yfm_1.YfmTabs);
 };
 exports.YfmPreset = YfmPreset;
+//# sourceMappingURL=yfm.js.map

package/build/cjs/presets/yfm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"yfm.js","sourceRoot":"../../../src","sources":["presets/yfm.ts"],"names":[],"mappings":";;;AACA,8DAOgC;AAChC,oDAqB2B;AAE3B,0CAAmE;AAgB5D,MAAM,SAAS,GAAoC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IACxE,OAAO,CAAC,GAAG,CAAC,uBAAa,EAAE,EAAC,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC;IAEpE,OAAO;SACF,GAAG,CAAC,kBAAO,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;SAChC,GAAG,CAAC,oBAAS,CAAC;SACd,GAAG,CAAC,sBAAW,CAAC;SAChB,GAAG,CAAC,oBAAS,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC;SACpC,GAAG,CAAC,cAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC;SAClC,GAAG,CAAC,aAAO,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;SAChC,GAAG,CAAC,eAAS,CAAC;SACd,GAAG,CAAC,WAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;SAC5B,GAAG,CAAC,gBAAU,EAAE,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC;SACtC,GAAG,CAAC,YAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC;SAC9B,GAAG,CAAC,aAAO,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;SAChC,GAAG,CAAC,aAAO,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;SAChC,GAAG,CAAC,gBAAU,EAAE,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC;SACtC,GAAG,CAAC,cAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC;SAClC,GAAG,CAAC,aAAO,CAAC,CAAC;AACtB,CAAC,CAAC;AAnBW,QAAA,SAAS,aAmBpB","sourcesContent":["import type {ExtensionAuto} from '../core';\nimport {\n    Deflist,\n    type DeflistOptions,\n    Subscript,\n    Superscript,\n    Underline,\n    type UnderlineOptions,\n} from '../extensions/markdown';\nimport {\n    Checkbox,\n    type CheckboxOptions,\n    ImgSize,\n    type ImgSizeOptions,\n    Monospace,\n    Video,\n    type VideoOptions,\n    YfmConfigs,\n    type YfmConfigsOptions,\n    YfmCut,\n    type YfmCutOptions,\n    YfmFile,\n    type YfmFileOptions,\n    YfmHeading,\n    type YfmHeadingOptions,\n    YfmNote,\n    type YfmNoteOptions,\n    YfmTable,\n    type YfmTableOptions,\n    YfmTabs,\n} from '../extensions/yfm';\n\nimport {DefaultPreset, type DefaultPresetOptions} from './default';\n\nexport type YfmPresetOptions = Omit<DefaultPresetOptions, 'heading' | 'image'> & {\n    checkbox?: CheckboxOptions;\n    deflist?: DeflistOptions;\n    underline?: UnderlineOptions;\n    imgSize?: ImgSizeOptions;\n    video?: VideoOptions;\n    yfmConfigs?: YfmConfigsOptions;\n    yfmCut?: YfmCutOptions;\n    yfmFile?: YfmFileOptions;\n    yfmHeading?: YfmHeadingOptions;\n    yfmNote?: YfmNoteOptions;\n    yfmTable?: YfmTableOptions;\n};\n\nexport const YfmPreset: ExtensionAuto<YfmPresetOptions> = (builder, opts) => {\n    builder.use(DefaultPreset, {...opts, image: false, heading: false});\n\n    builder\n        .use(Deflist, opts.deflist ?? {})\n        .use(Subscript)\n        .use(Superscript)\n        .use(Underline, opts.underline ?? {})\n        .use(Checkbox, opts.checkbox ?? {})\n        .use(ImgSize, opts.imgSize ?? {})\n        .use(Monospace)\n        .use(Video, opts.video ?? {})\n        .use(YfmConfigs, opts.yfmConfigs ?? {})\n        .use(YfmCut, opts.yfmCut ?? {})\n        .use(YfmNote, opts.yfmNote ?? {})\n        .use(YfmFile, opts.yfmFile ?? {})\n        .use(YfmHeading, opts.yfmHeading ?? {})\n        .use(YfmTable, opts.yfmTable ?? {})\n        .use(YfmTabs);\n};\n"]}

package/build/cjs/presets/zero-specs.d.ts

@@ -1,6 +1,6 @@
-import type { ExtensionAuto } from '../core';
-import { BaseSchemaSpecsOptions } from '../extensions/base/specs';
-export declare type ZeroSpecPresetOptions = {
+import type { ExtensionAuto } from "../core/index.js";
+import { type BaseSchemaSpecsOptions } from "../extensions/base/specs.js";
+export type ZeroSpecPresetOptions = {
     baseSchema?: BaseSchemaSpecsOptions;
 };
 export declare const ZeroSpecsPreset: ExtensionAuto<ZeroSpecPresetOptions>;

package/build/cjs/presets/zero-specs.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ZeroSpecsPreset = void 0;
-const specs_1 = require("../extensions/base/specs");
+const specs_1 = require("../extensions/base/specs.js");
 const ZeroSpecsPreset = (builder, opts) => {
-    var _a;
-    builder.use(specs_1.BaseSchemaSpecs, (_a = opts.baseSchema) !== null && _a !== void 0 ? _a : {});
+    builder.use(specs_1.BaseSchemaSpecs, opts.baseSchema ?? {});
 };
 exports.ZeroSpecsPreset = ZeroSpecsPreset;
+//# sourceMappingURL=zero-specs.js.map

package/build/cjs/presets/zero-specs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zero-specs.js","sourceRoot":"../../../src","sources":["presets/zero-specs.ts"],"names":[],"mappings":";;;AACA,uDAAsF;AAM/E,MAAM,eAAe,GAAyC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IACnF,OAAO,CAAC,GAAG,CAAC,uBAAe,EAAE,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;AACxD,CAAC,CAAC;AAFW,QAAA,eAAe,mBAE1B","sourcesContent":["import type {ExtensionAuto} from '../core';\nimport {BaseSchemaSpecs, type BaseSchemaSpecsOptions} from '../extensions/base/specs';\n\nexport type ZeroSpecPresetOptions = {\n    baseSchema?: BaseSchemaSpecsOptions;\n};\n\nexport const ZeroSpecsPreset: ExtensionAuto<ZeroSpecPresetOptions> = (builder, opts) => {\n    builder.use(BaseSchemaSpecs, opts.baseSchema ?? {});\n};\n"]}

package/build/cjs/presets/zero.d.ts

@@ -1,6 +1,7 @@
-import type { ExtensionAuto } from '../core';
-import { BaseSchemaOptions } from '../extensions/base';
-export declare type ZeroPresetOptions = {
+import type { ExtensionAuto } from "../core/index.js";
+import { type BaseSchemaOptions, type BaseStylesOptions } from "../extensions/base/index.js";
+export type ZeroPresetOptions = {
     baseSchema?: BaseSchemaOptions;
+    baseStyles?: BaseStylesOptions;
 };
 export declare const ZeroPreset: ExtensionAuto<ZeroPresetOptions>;

package/build/cjs/presets/zero.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ZeroPreset = void 0;
-const base_1 = require("../extensions/base");
+const base_1 = require("../extensions/base/index.js");
 const ZeroPreset = (builder, opts) => {
-    var _a;
     builder
-        .use(base_1.BaseSchema, (_a = opts.baseSchema) !== null && _a !== void 0 ? _a : {})
+        .use(base_1.BaseSchema, opts.baseSchema ?? {})
         .use(base_1.BaseKeymap)
         .use(base_1.BaseInputRules)
-        .use(base_1.BaseStyles);
+        .use(base_1.BaseStyles, opts.baseStyles ?? {});
 };
 exports.ZeroPreset = ZeroPreset;
+//# sourceMappingURL=zero.js.map

package/build/cjs/presets/zero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zero.js","sourceRoot":"../../../src","sources":["presets/zero.ts"],"names":[],"mappings":";;;AACA,sDAO4B;AAOrB,MAAM,UAAU,GAAqC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAC1E,OAAO;SACF,GAAG,CAAC,iBAAU,EAAE,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC;SACtC,GAAG,CAAC,iBAAU,CAAC;SACf,GAAG,CAAC,qBAAc,CAAC;SACnB,GAAG,CAAC,iBAAU,EAAE,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;AAChD,CAAC,CAAC;AANW,QAAA,UAAU,cAMrB","sourcesContent":["import type {ExtensionAuto} from '../core';\nimport {\n    BaseInputRules,\n    BaseKeymap,\n    BaseSchema,\n    type BaseSchemaOptions,\n    BaseStyles,\n    type BaseStylesOptions,\n} from '../extensions/base';\n\nexport type ZeroPresetOptions = {\n    baseSchema?: BaseSchemaOptions;\n    baseStyles?: BaseStylesOptions;\n};\n\nexport const ZeroPreset: ExtensionAuto<ZeroPresetOptions> = (builder, opts) => {\n    builder\n        .use(BaseSchema, opts.baseSchema ?? {})\n        .use(BaseKeymap)\n        .use(BaseInputRules)\n        .use(BaseStyles, opts.baseStyles ?? {});\n};\n"]}

package/build/cjs/react-utils/ErrorBoundary.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export declare const ErrorLoggerBoundary: React.FC<{
     children?: React.ReactNode;
 }>;

package/build/cjs/react-utils/ErrorBoundary.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorLoggerBoundary = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_error_boundary_1 = require("react-error-boundary");
-const logger_1 = require("../logger");
-const ErrorLoggerBoundary = ({ children }) => (react_1.default.createElement(react_error_boundary_1.ErrorBoundary, { onError: (e) => {
+const logger_1 = require("../logger.js");
+const ErrorLoggerBoundary = ({ children }) => ((0, jsx_runtime_1.jsx)(react_error_boundary_1.ErrorBoundary, { onError: (e) => {
         logger_1.logger.error(e);
     }, fallbackRender: () => {
         return null;
-    } }, children));
+    }, children: children }));
 exports.ErrorLoggerBoundary = ErrorLoggerBoundary;
+//# sourceMappingURL=ErrorBoundary.js.map

package/build/cjs/react-utils/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"../../../src","sources":["react-utils/ErrorBoundary.tsx"],"names":[],"mappings":";;;;AAAA,+DAAmD;AAEnD,yCAAiC;AAE1B,MAAM,mBAAmB,GAA2C,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,CACvF,uBAAC,oCAAa,IACV,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;QACX,eAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,EACD,cAAc,EAAE,GAAG,EAAE;QACjB,OAAO,IAAI,CAAC;IAChB,CAAC,YAEA,QAAQ,GACG,CACnB,CAAC;AAXW,QAAA,mBAAmB,uBAW9B","sourcesContent":["import {ErrorBoundary} from 'react-error-boundary';\n\nimport {logger} from '../logger';\n\nexport const ErrorLoggerBoundary: React.FC<{children?: React.ReactNode}> = ({children}) => (\n    <ErrorBoundary\n        onError={(e) => {\n            logger.error(e);\n        }}\n        fallbackRender={() => {\n            return null;\n        }}\n    >\n        {children}\n    </ErrorBoundary>\n);\n"]}

package/build/cjs/react-utils/hooks.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="lodash" />
-declare type SetTrue = () => void;
-declare type SetFalse = () => void;
-declare type Toggle = () => void;
+export declare const useElementState: <T extends HTMLElement>() => [T | null, React.RefCallback<T>];
+type SetTrue = () => void;
+type SetFalse = () => void;
+type Toggle = () => void;
 export declare function useBooleanState(initial: boolean | (() => boolean)): [boolean, SetTrue, SetFalse, Toggle];
 export declare const useComponentWillMount: (cb: () => void) => void;
 export declare const useRenderTime: (cb: (time: number) => void) => void;
-declare type AnyFunction = (...args: any[]) => any;
+type AnyFunction = (...args: any[]) => any;
 export declare function useDebounce<Fn extends AnyFunction>(cb: Fn, wait: number): import("lodash").DebouncedFunc<(...args: Parameters<Fn>) => void>;
 export {};

package/build/cjs/react-utils/hooks.js

@@ -1,9 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDebounce = exports.useRenderTime = exports.useComponentWillMount = exports.useBooleanState = void 0;
+exports.useRenderTime = exports.useComponentWillMount = exports.useElementState = void 0;
+exports.useBooleanState = useBooleanState;
+exports.useDebounce = useDebounce;
 const react_1 = require("react");
 const react_use_1 = require("react-use");
-const lodash_1 = require("../lodash");
+const lodash_1 = require("../lodash.js");
+const useElementState = () => (0, react_1.useState)(null);
+exports.useElementState = useElementState;
 function useBooleanState(initial) {
     const [value, setValue] = (0, react_1.useState)(initial);
     return [
@@ -13,7 +17,6 @@ function useBooleanState(initial) {
         (0, react_1.useCallback)(() => setValue((val) => !val), []),
     ];
 }
-exports.useBooleanState = useBooleanState;
 const useComponentWillMount = (cb) => {
     const willMount = (0, react_1.useRef)(true);
     if (willMount.current)
@@ -40,4 +43,4 @@ function useDebounce(cb, wait) {
     (0, react_1.useEffect)(() => () => debouncedFn.cancel(), [debouncedFn]);
     return debouncedFn;
 }
-exports.useDebounce = useDebounce;
+//# sourceMappingURL=hooks.js.map

package/build/cjs/react-utils/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"../../../src","sources":["react-utils/hooks.ts"],"names":[],"mappings":";;;AAYA,0CAUC;AAuBD,kCAeC;AA5DD,iCAAwE;AAExE,yCAAmD;AAEnD,yCAAmC;AAE5B,MAAM,eAAe,GAAG,GAA4D,EAAE,CACzF,IAAA,gBAAQ,EAAW,IAAI,CAAC,CAAC;AADhB,QAAA,eAAe,mBACC;AAK7B,SAAgB,eAAe,CAC3B,OAAkC;IAElC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAU,OAAO,CAAC,CAAC;IACrD,OAAO;QACH,KAAK;QACL,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;QACrC,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;QACtC,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;KACjD,CAAC;AACN,CAAC;AAEM,MAAM,qBAAqB,GAAG,CAAC,EAAc,EAAE,EAAE;IACpD,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAE/B,IAAI,SAAS,CAAC,OAAO;QAAE,EAAE,EAAE,CAAC;IAE5B,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;AAC9B,CAAC,CAAC;AANW,QAAA,qBAAqB,yBAMhC;AAEK,MAAM,aAAa,GAAG,CAAC,EAA0B,EAAE,EAAE;IACxD,IAAI,IAAI,GAAG,CAAC,CAAC;IAEb,IAAA,6BAAqB,EAAC,GAAG,EAAE;QACvB,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,IAAA,yBAAa,EAAC,GAAG,EAAE;QACf,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAVW,QAAA,aAAa,iBAUxB;AAGF,SAAgB,WAAW,CAAyB,EAAM,EAAE,IAAY;IACpE,MAAM,QAAQ,GAAG,IAAA,qBAAS,EAAC,EAAE,CAAC,CAAC;IAE/B,MAAM,WAAW,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE,CACD,IAAA,iBAAQ,EAAC,CAAC,GAAG,IAAoB,EAAE,EAAE;QACjC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACvC,CAAC,EAAE,IAAI,CAAC,EACZ,CAAC,QAAQ,EAAE,IAAI,CAAC,CACnB,CAAC;IAEF,6BAA6B;IAC7B,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAE3D,OAAO,WAAW,CAAC;AACvB,CAAC","sourcesContent":["import {useCallback, useEffect, useMemo, useRef, useState} from 'react';\n\nimport {useEffectOnce, useLatest} from 'react-use';\n\nimport {debounce} from '../lodash';\n\nexport const useElementState = <T extends HTMLElement>(): [T | null, React.RefCallback<T>] =>\n    useState<T | null>(null);\n\ntype SetTrue = () => void;\ntype SetFalse = () => void;\ntype Toggle = () => void;\nexport function useBooleanState(\n    initial: boolean | (() => boolean),\n): [boolean, SetTrue, SetFalse, Toggle] {\n    const [value, setValue] = useState<boolean>(initial);\n    return [\n        value,\n        useCallback(() => setValue(true), []),\n        useCallback(() => setValue(false), []),\n        useCallback(() => setValue((val) => !val), []),\n    ];\n}\n\nexport const useComponentWillMount = (cb: () => void) => {\n    const willMount = useRef(true);\n\n    if (willMount.current) cb();\n\n    willMount.current = false;\n};\n\nexport const useRenderTime = (cb: (time: number) => void) => {\n    let time = 0;\n\n    useComponentWillMount(() => {\n        time = Date.now();\n    });\n\n    useEffectOnce(() => {\n        cb(Date.now() - time);\n    });\n};\n\ntype AnyFunction = (...args: any[]) => any;\nexport function useDebounce<Fn extends AnyFunction>(cb: Fn, wait: number) {\n    const latestCb = useLatest(cb);\n\n    const debouncedFn = useMemo(\n        () =>\n            debounce((...args: Parameters<Fn>) => {\n                latestCb.current.apply(null, args);\n            }, wait),\n        [latestCb, wait],\n    );\n\n    // cancel function on unmount\n    useEffect(() => () => debouncedFn.cancel(), [debouncedFn]);\n\n    return debouncedFn;\n}\n"]}

package/build/cjs/react-utils/index.d.ts

@@ -1,7 +1,6 @@
-export * from './ErrorBoundary';
-export * from './hooks';
-export * from './react-node-view';
-export * from './toaster';
-export * from './useNodeEditing';
-export * from './useNodeHovered';
-export * from './useSticky';
+export * from "./ErrorBoundary.js";
+export * from "./hooks.js";
+export * from "./react-node-view.js";
+export * from "./useNodeEditing.js";
+export * from "./useNodeHovered.js";
+export * from "./useSticky.js";

package/build/cjs/react-utils/index.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ErrorBoundary"), exports);
-tslib_1.__exportStar(require("./hooks"), exports);
-tslib_1.__exportStar(require("./react-node-view"), exports);
-tslib_1.__exportStar(require("./toaster"), exports);
-tslib_1.__exportStar(require("./useNodeEditing"), exports);
-tslib_1.__exportStar(require("./useNodeHovered"), exports);
-tslib_1.__exportStar(require("./useSticky"), exports);
+tslib_1.__exportStar(require("./ErrorBoundary.js"), exports);
+tslib_1.__exportStar(require("./hooks.js"), exports);
+tslib_1.__exportStar(require("./react-node-view.js"), exports);
+tslib_1.__exportStar(require("./useNodeEditing.js"), exports);
+tslib_1.__exportStar(require("./useNodeHovered.js"), exports);
+tslib_1.__exportStar(require("./useSticky.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/react-utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["react-utils/index.ts"],"names":[],"mappings":";;;AAAA,6DAAgC;AAChC,qDAAwB;AACxB,+DAAkC;AAClC,8DAAiC;AACjC,8DAAiC;AACjC,yDAA4B","sourcesContent":["export * from './ErrorBoundary';\nexport * from './hooks';\nexport * from './react-node-view';\nexport * from './useNodeEditing';\nexport * from './useNodeHovered';\nexport * from './useSticky';\n"]}

package/build/cjs/react-utils/react-node-view.d.ts

@@ -1,14 +1,13 @@
-import React from 'react';
 import type { Mark, Node } from 'prosemirror-model';
-import type { EditorView, NodeView, NodeViewConstructor } from 'prosemirror-view';
-import type { ExtensionDeps, Serializer } from '../core';
-declare type ReactNodeViewOptions<T> = {
+import type { EditorView, NodeView, NodeViewConstructor, ViewMutationRecord } from 'prosemirror-view';
+import type { ExtensionDeps, Serializer } from "../core/index.js";
+type ReactNodeViewOptions<T> = {
     isInline?: boolean;
     reactNodeWrapperCn?: string;
     extensionOptions?: T;
 };
 export declare const ReactNodeStopEventCn = "prosemirror-stop-event";
-export declare type ReactNodeViewProps<T extends object = {}> = {
+export type ReactNodeViewProps<T extends object = {}> = {
     dom: HTMLElement;
     view: EditorView;
     updateAttributes: (attrs: object, marks?: Mark[]) => void;
@@ -22,7 +21,7 @@ export declare class ReactNodeView<T extends object = {}> implements NodeView {
     node: Node;
     readonly view: EditorView;
     readonly serializer: Serializer;
-    readonly renderItem: import("../extensions/behavior/ReactRenderer").RendererItem;
+    readonly renderItem: import("../extensions/behavior/ReactRenderer/index.js").RendererItem;
     readonly getPos: () => number | undefined;
     constructor(Component: React.FC<ReactNodeViewProps<T>>, opts: {
         node: Node;
@@ -33,7 +32,7 @@ export declare class ReactNodeView<T extends object = {}> implements NodeView {
     });
     update(node: Node): boolean;
     destroy(): void;
-    ignoreMutation(): boolean;
+    ignoreMutation(_mutation: ViewMutationRecord): boolean;
     updateAttributes(attributes: {}, marks?: Mark[]): void;
     stopEvent(e: Event): boolean;
 }

package/build/cjs/react-utils/react-node-view.js

@@ -1,27 +1,35 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reactNodeViewFactory = exports.ReactNodeView = exports.ReactNodeStopEventCn = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_dom_1 = require("react-dom");
-const ReactRenderer_1 = require("../extensions/behavior/ReactRenderer");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_1 = require("@gravity-ui/uikit");
+const ReactRenderer_1 = require("../extensions/behavior/ReactRenderer/index.js");
 exports.ReactNodeStopEventCn = 'prosemirror-stop-event';
 class ReactNodeView {
+    dom;
+    node;
+    view;
+    serializer;
+    renderItem;
+    getPos;
     constructor(Component, opts) {
         const { getPos, node, serializer, view, options } = opts;
         this.node = node;
-        this.dom = (options === null || options === void 0 ? void 0 : options.isInline)
+        this.dom = options?.isInline
             ? document.createElement('span')
             : document.createElement('div');
-        this.dom.classList.add('react-node-wrapper');
-        if (options === null || options === void 0 ? void 0 : options.reactNodeWrapperCn) {
-            this.dom.classList.add(options === null || options === void 0 ? void 0 : options.reactNodeWrapperCn);
-        }
         this.dom.contentEditable = 'false';
+        this.dom.classList.add('react-node-container');
+        const wrapper = document.createElement(options?.isInline ? 'span' : 'div');
+        wrapper.classList.add('react-node-wrapper');
+        if (options?.reactNodeWrapperCn) {
+            wrapper.classList.add(options?.reactNodeWrapperCn);
+        }
+        this.dom.appendChild(wrapper);
         this.serializer = serializer;
         this.view = view;
         this.getPos = getPos;
-        this.renderItem = (0, ReactRenderer_1.getReactRendererFromState)(view.state).createItem(`${Component.displayName || this.node.type.name}-view`, () => (0, react_dom_1.createPortal)(react_1.default.createElement(Component, { dom: this.dom, view: this.view, updateAttributes: this.updateAttributes.bind(this), node: this.node, getPos: this.getPos.bind(this), serializer: this.serializer, extensionOptions: options === null || options === void 0 ? void 0 : options.extensionOptions }), this.dom));
+        this.renderItem = (0, ReactRenderer_1.getReactRendererFromState)(view.state).createItem(`${Component.displayName || this.node.type.name}-view`, () => ((0, jsx_runtime_1.jsx)(uikit_1.Portal, { container: wrapper, children: (0, jsx_runtime_1.jsx)(Component, { dom: wrapper, view: this.view, updateAttributes: this.updateAttributes.bind(this), node: this.node, getPos: this.getPos.bind(this), serializer: this.serializer, extensionOptions: options?.extensionOptions }) })));
     }
     update(node) {
         if (node.type !== this.node.type)
@@ -35,7 +43,7 @@ class ReactNodeView {
     destroy() {
         this.renderItem.remove();
     }
-    ignoreMutation() {
+    ignoreMutation(_mutation) {
         return true;
     }
     updateAttributes(attributes, marks = []) {
@@ -43,20 +51,19 @@ class ReactNodeView {
         if (pos === undefined)
             return;
         const { tr } = this.view.state;
-        tr.setNodeMarkup(pos, undefined, Object.assign(Object.assign({}, this.node.attrs), attributes), marks);
+        tr.setNodeMarkup(pos, undefined, {
+            ...this.node.attrs,
+            ...attributes,
+        }, marks);
         this.view.dispatch(tr);
     }
     stopEvent(e) {
         const target = e.target;
         const isInput = ['INPUT', 'BUTTON', 'SELECT', 'TEXTAREA'].includes(target.tagName);
-        if (isInput ||
-            (typeof target.className === 'string' &&
-                target.className.includes(exports.ReactNodeStopEventCn))) {
-            return true;
-        }
-        return false;
+        return isInput || target.classList.contains(exports.ReactNodeStopEventCn);
     }
 }
 exports.ReactNodeView = ReactNodeView;
 const reactNodeViewFactory = (Component, options) => ({ serializer }) => (node, view, getPos) => new ReactNodeView(Component, { node, view, getPos, serializer, options });
 exports.reactNodeViewFactory = reactNodeViewFactory;
+//# sourceMappingURL=react-node-view.js.map

package/build/cjs/react-utils/react-node-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-node-view.js","sourceRoot":"../../../src","sources":["react-utils/react-node-view.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Portal} from '@gravity-ui/uikit';\nimport type {Mark, Node} from 'prosemirror-model';\nimport type {EditorView, NodeView, NodeViewConstructor, ViewMutationRecord} from 'prosemirror-view';\n\nimport type {ExtensionDeps, Serializer} from '../core';\nimport {getReactRendererFromState} from '../extensions/behavior/ReactRenderer';\n\ntype ReactNodeViewOptions<T> = {\n    isInline?: boolean;\n    reactNodeWrapperCn?: string;\n    extensionOptions?: T;\n};\n\nexport const ReactNodeStopEventCn = 'prosemirror-stop-event';\nexport type ReactNodeViewProps<T extends object = {}> = {\n    dom: HTMLElement;\n    view: EditorView;\n    updateAttributes: (attrs: object, marks?: Mark[]) => void;\n    node: Node;\n    getPos: () => number | undefined;\n    serializer: Serializer;\n    extensionOptions?: T;\n};\n\nexport class ReactNodeView<T extends object = {}> implements NodeView {\n    readonly dom: HTMLElement;\n    node: Node;\n    readonly view;\n    readonly serializer;\n    readonly renderItem;\n    readonly getPos;\n\n    constructor(\n        Component: React.FC<ReactNodeViewProps<T>>,\n        opts: {\n            node: Node;\n            view: EditorView;\n            getPos: () => number | undefined;\n            serializer: Serializer;\n            options?: ReactNodeViewOptions<T>;\n        },\n    ) {\n        const {getPos, node, serializer, view, options} = opts;\n        this.node = node;\n\n        this.dom = options?.isInline\n            ? document.createElement('span')\n            : document.createElement('div');\n        this.dom.contentEditable = 'false';\n        this.dom.classList.add('react-node-container');\n\n        const wrapper = document.createElement(options?.isInline ? 'span' : 'div');\n        wrapper.classList.add('react-node-wrapper');\n        if (options?.reactNodeWrapperCn) {\n            wrapper.classList.add(options?.reactNodeWrapperCn);\n        }\n\n        this.dom.appendChild(wrapper);\n\n        this.serializer = serializer;\n        this.view = view;\n        this.getPos = getPos;\n\n        this.renderItem = getReactRendererFromState(view.state).createItem(\n            `${Component.displayName || this.node.type.name}-view`,\n            () => (\n                <Portal container={wrapper}>\n                    <Component\n                        dom={wrapper}\n                        view={this.view}\n                        updateAttributes={this.updateAttributes.bind(this)}\n                        node={this.node}\n                        getPos={this.getPos.bind(this)}\n                        serializer={this.serializer}\n                        extensionOptions={options?.extensionOptions}\n                    />\n                </Portal>\n            ),\n        );\n    }\n\n    update(node: Node) {\n        if (node.type !== this.node.type) return false;\n        if (this.node === node) return true;\n\n        this.node = node;\n        this.renderItem.rerender();\n\n        return true;\n    }\n\n    destroy() {\n        this.renderItem.remove();\n    }\n\n    ignoreMutation(_mutation: ViewMutationRecord) {\n        return true;\n    }\n\n    updateAttributes(attributes: {}, marks: Mark[] = []) {\n        const pos = this.getPos();\n        if (pos === undefined) return;\n\n        const {tr} = this.view.state;\n        tr.setNodeMarkup(\n            pos,\n            undefined,\n            {\n                ...this.node.attrs,\n                ...attributes,\n            },\n            marks,\n        );\n        this.view.dispatch(tr);\n    }\n\n    stopEvent(e: Event) {\n        const target = e.target as Element;\n        const isInput = ['INPUT', 'BUTTON', 'SELECT', 'TEXTAREA'].includes(target.tagName);\n\n        return isInput || target.classList.contains(ReactNodeStopEventCn);\n    }\n}\n\nexport const reactNodeViewFactory: <T extends object = {}>(\n    Component: React.FC<ReactNodeViewProps<T>>,\n    options?: ReactNodeViewOptions<T>,\n) => (deps: ExtensionDeps) => NodeViewConstructor =\n    (Component, options) =>\n    ({serializer}) =>\n    (node, view, getPos) =>\n        new ReactNodeView(Component, {node, view, getPos, serializer, options});\n"]}

package/build/cjs/react-utils/useAutoFocus.d.ts

@@ -1,2 +1,2 @@
-import { RefObject } from 'react';
+import { type RefObject } from 'react';
 export declare const useAutoFocus: (nodeRef: RefObject<HTMLElement>, dependencies?: unknown[]) => void;

package/build/cjs/react-utils/useAutoFocus.js

@@ -6,7 +6,7 @@ const useAutoFocus = (nodeRef, dependencies = []) => {
     (0, react_1.useEffect)(() => {
         const { current: anchor } = nodeRef;
         const timeout = setTimeout(() => {
-            anchor === null || anchor === void 0 ? void 0 : anchor.focus();
+            anchor?.focus();
         });
         return () => {
             clearTimeout(timeout);
@@ -16,3 +16,4 @@ const useAutoFocus = (nodeRef, dependencies = []) => {
     }, [nodeRef.current, ...dependencies]);
 };
 exports.useAutoFocus = useAutoFocus;
+//# sourceMappingURL=useAutoFocus.js.map

package/build/cjs/react-utils/useAutoFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoFocus.js","sourceRoot":"../../../src","sources":["react-utils/useAutoFocus.ts"],"names":[],"mappings":";;;AAAA,iCAAgD;AAEzC,MAAM,YAAY,GAAG,CAAC,OAA+B,EAAE,eAA0B,EAAE,EAAE,EAAE;IAC1F,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,EAAC,OAAO,EAAE,MAAM,EAAC,GAAG,OAAO,CAAC;QAClC,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,MAAM,EAAE,KAAK,EAAE,CAAC;QACpB,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACR,YAAY,CAAC,OAAO,CAAC,CAAC;QAC1B,CAAC,CAAC;QACF,yEAAyE;QACzE,uDAAuD;IAC3D,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,YAAY,CAAC,CAAC,CAAC;AAC3C,CAAC,CAAC;AAbW,QAAA,YAAY,gBAavB","sourcesContent":["import {type RefObject, useEffect} from 'react';\n\nexport const useAutoFocus = (nodeRef: RefObject<HTMLElement>, dependencies: unknown[] = []) => {\n    useEffect(() => {\n        const {current: anchor} = nodeRef;\n        const timeout = setTimeout(() => {\n            anchor?.focus();\n        });\n\n        return () => {\n            clearTimeout(timeout);\n        };\n        // https://github.com/facebook/react/issues/23392#issuecomment-1055610198\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [nodeRef.current, ...dependencies]);\n};\n"]}

package/build/cjs/react-utils/useNodeEditing.d.ts

@@ -1,7 +1,6 @@
-import { RefObject } from 'react';
-import { EditorView } from 'prosemirror-view';
+import type { EditorView } from 'prosemirror-view';
 export interface UseNodeEditingArgs {
-    nodeRef: RefObject<HTMLElement>;
+    nodeRef: React.RefObject<HTMLElement>;
     view: EditorView;
 }
 export declare const useNodeEditing: ({ nodeRef, view }: UseNodeEditingArgs) => [boolean, () => void, () => void, () => void];

package/build/cjs/react-utils/useNodeEditing.js

@@ -2,16 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useNodeEditing = void 0;
 const react_1 = require("react");
-const hooks_1 = require("./hooks");
+const hooks_1 = require("./hooks.js");
 const useNodeEditing = ({ nodeRef, view }) => {
     const state = (0, hooks_1.useBooleanState)(false);
     const [, , unsetEdit, toggleEdit] = state;
     (0, react_1.useEffect)(() => {
         const { current: anchor } = nodeRef;
-        anchor === null || anchor === void 0 ? void 0 : anchor.addEventListener('dblclick', toggleEdit);
+        anchor?.addEventListener('dblclick', toggleEdit);
         view.dom.addEventListener('focus', unsetEdit);
         return () => {
-            anchor === null || anchor === void 0 ? void 0 : anchor.removeEventListener('dblclick', toggleEdit);
+            anchor?.removeEventListener('dblclick', toggleEdit);
             view.dom.removeEventListener('focus', unsetEdit);
         };
         // https://github.com/facebook/react/issues/23392#issuecomment-1055610198
@@ -20,3 +20,4 @@ const useNodeEditing = ({ nodeRef, view }) => {
     return state;
 };
 exports.useNodeEditing = useNodeEditing;
+//# sourceMappingURL=useNodeEditing.js.map

package/build/cjs/react-utils/useNodeEditing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNodeEditing.js","sourceRoot":"../../../src","sources":["react-utils/useNodeEditing.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAIhC,sCAAwC;AAOjC,MAAM,cAAc,GAAG,CAAC,EAAC,OAAO,EAAE,IAAI,EAAqB,EAAE,EAAE;IAClE,MAAM,KAAK,GAAG,IAAA,uBAAe,EAAC,KAAK,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,AAAD,EAAG,SAAS,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC;IAE1C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,EAAC,OAAO,EAAE,MAAM,EAAC,GAAG,OAAO,CAAC;QAClC,MAAM,EAAE,gBAAgB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QACjD,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE;YACR,MAAM,EAAE,mBAAmB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;YACpD,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;QACF,yEAAyE;QACzE,uDAAuD;IAC3D,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAEvD,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC;AAjBW,QAAA,cAAc,kBAiBzB","sourcesContent":["import {useEffect} from 'react';\n\nimport type {EditorView} from 'prosemirror-view';\n\nimport {useBooleanState} from './hooks';\n\nexport interface UseNodeEditingArgs {\n    nodeRef: React.RefObject<HTMLElement>;\n    view: EditorView;\n}\n\nexport const useNodeEditing = ({nodeRef, view}: UseNodeEditingArgs) => {\n    const state = useBooleanState(false);\n    const [, , unsetEdit, toggleEdit] = state;\n\n    useEffect(() => {\n        const {current: anchor} = nodeRef;\n        anchor?.addEventListener('dblclick', toggleEdit);\n        view.dom.addEventListener('focus', unsetEdit);\n        return () => {\n            anchor?.removeEventListener('dblclick', toggleEdit);\n            view.dom.removeEventListener('focus', unsetEdit);\n        };\n        // https://github.com/facebook/react/issues/23392#issuecomment-1055610198\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [view.dom, toggleEdit, unsetEdit, nodeRef.current]);\n\n    return state;\n};\n"]}

package/build/cjs/react-utils/useNodeHovered.d.ts

@@ -1,2 +1 @@
-import { RefObject } from 'react';
-export declare const useNodeHovered: (nodeRef: RefObject<HTMLElement>) => boolean;
+export declare const useNodeHovered: (nodeRef: React.RefObject<HTMLElement>) => boolean;

package/build/cjs/react-utils/useNodeHovered.js

@@ -2,16 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useNodeHovered = void 0;
 const react_1 = require("react");
-const hooks_1 = require("./hooks");
+const hooks_1 = require("./hooks.js");
 const useNodeHovered = (nodeRef) => {
     const [nodeHovered, setNodeHovered, unsetNodeHovered] = (0, hooks_1.useBooleanState)(false);
     (0, react_1.useEffect)(() => {
         const { current: anchor } = nodeRef;
-        anchor === null || anchor === void 0 ? void 0 : anchor.addEventListener('mouseenter', setNodeHovered);
-        anchor === null || anchor === void 0 ? void 0 : anchor.addEventListener('mouseleave', unsetNodeHovered);
+        anchor?.addEventListener('mouseenter', setNodeHovered);
+        anchor?.addEventListener('mouseleave', unsetNodeHovered);
         return () => {
-            anchor === null || anchor === void 0 ? void 0 : anchor.removeEventListener('mouseenter', setNodeHovered);
-            anchor === null || anchor === void 0 ? void 0 : anchor.removeEventListener('mouseleave', unsetNodeHovered);
+            anchor?.removeEventListener('mouseenter', setNodeHovered);
+            anchor?.removeEventListener('mouseleave', unsetNodeHovered);
         };
         // https://github.com/facebook/react/issues/23392#issuecomment-1055610198
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -19,3 +19,4 @@ const useNodeHovered = (nodeRef) => {
     return nodeHovered;
 };
 exports.useNodeHovered = useNodeHovered;
+//# sourceMappingURL=useNodeHovered.js.map

package/build/cjs/react-utils/useNodeHovered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNodeHovered.js","sourceRoot":"../../../src","sources":["react-utils/useNodeHovered.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,sCAAwC;AAEjC,MAAM,cAAc,GAAG,CAAC,OAAqC,EAAE,EAAE;IACpE,MAAM,CAAC,WAAW,EAAE,cAAc,EAAE,gBAAgB,CAAC,GAAG,IAAA,uBAAe,EAAC,KAAK,CAAC,CAAC;IAE/E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,EAAC,OAAO,EAAE,MAAM,EAAC,GAAG,OAAO,CAAC;QAClC,MAAM,EAAE,gBAAgB,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;QACvD,MAAM,EAAE,gBAAgB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;QAEzD,OAAO,GAAG,EAAE;YACR,MAAM,EAAE,mBAAmB,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;YAC1D,MAAM,EAAE,mBAAmB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;QAChE,CAAC,CAAC;QACF,yEAAyE;QACzE,uDAAuD;IAC3D,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAExD,OAAO,WAAW,CAAC;AACvB,CAAC,CAAC;AAjBW,QAAA,cAAc,kBAiBzB","sourcesContent":["import {useEffect} from 'react';\n\nimport {useBooleanState} from './hooks';\n\nexport const useNodeHovered = (nodeRef: React.RefObject<HTMLElement>) => {\n    const [nodeHovered, setNodeHovered, unsetNodeHovered] = useBooleanState(false);\n\n    useEffect(() => {\n        const {current: anchor} = nodeRef;\n        anchor?.addEventListener('mouseenter', setNodeHovered);\n        anchor?.addEventListener('mouseleave', unsetNodeHovered);\n\n        return () => {\n            anchor?.removeEventListener('mouseenter', setNodeHovered);\n            anchor?.removeEventListener('mouseleave', unsetNodeHovered);\n        };\n        // https://github.com/facebook/react/issues/23392#issuecomment-1055610198\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [nodeRef.current, setNodeHovered, unsetNodeHovered]);\n\n    return nodeHovered;\n};\n"]}

package/build/cjs/react-utils/useNodeResizing.d.ts

@@ -1,5 +1,5 @@
-import React, { RefObject } from 'react';
-export declare type ResizeDirection = 'left' | 'right';
+import { type RefObject } from 'react';
+export type ResizeDirection = 'left' | 'right';
 export interface UseNodeResizingArgs {
     width?: number;
     height?: number;

package/build/cjs/react-utils/useNodeResizing.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useNodeResizing = void 0;
 const tslib_1 = require("tslib");
 const react_1 = require("react");
-const throttle_1 = tslib_1.__importDefault(require("lodash/throttle"));
-const hooks_1 = require("./hooks");
+const throttle_1 = tslib_1.__importDefault(require("lodash/throttle.js"));
+const hooks_1 = require("./hooks.js");
 const RESIZE_DELAY = 50;
 const MIN_WIDTH = 40;
 const THRESHOLD = 4;
@@ -30,7 +30,7 @@ const useNodeResizing = ({ width, height, onResize, ref, delay = RESIZE_DELAY, t
     const startResizing = (event, direction) => {
         // prohibit the selection of text and other artifacts when resizing.
         event.preventDefault();
-        const element = ref === null || ref === void 0 ? void 0 : ref.current;
+        const element = ref?.current;
         if (!element) {
             throw new Error('Reference element not found!');
         }
@@ -56,7 +56,7 @@ const useNodeResizing = ({ width, height, onResize, ref, delay = RESIZE_DELAY, t
                         initialWidth !== 0 &&
                         !(initialWidth === null && initialHeight === null);
                     const shouldSetHeight = !initialHeight && initialHeight !== 0;
-                    onResize === null || onResize === void 0 ? void 0 : onResize({
+                    onResize?.({
                         width: shouldSetWidth ? undefined : newWidth,
                         height: shouldSetHeight ? undefined : newHeight,
                     });
@@ -85,3 +85,4 @@ const useNodeResizing = ({ width, height, onResize, ref, delay = RESIZE_DELAY, t
     };
 };
 exports.useNodeResizing = useNodeResizing;
+//# sourceMappingURL=useNodeResizing.js.map

package/build/cjs/react-utils/useNodeResizing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNodeResizing.js","sourceRoot":"../../../src","sources":["react-utils/useNodeResizing.ts"],"names":[],"mappings":"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","sourcesContent":["import {type RefObject, useEffect, useState} from 'react';\n\nimport throttle from 'lodash/throttle';\n\nimport {useBooleanState} from './hooks';\n\nexport type ResizeDirection = 'left' | 'right';\n\nconst RESIZE_DELAY = 50;\nconst MIN_WIDTH = 40;\nconst THRESHOLD = 4;\n\nexport interface UseNodeResizingArgs {\n    width?: number;\n    height?: number;\n    onResize?: ({width, height}: {width?: number; height?: number}) => void;\n    ref: RefObject<HTMLImageElement | HTMLDivElement> | null;\n    delay?: number;\n    threshold?: number;\n    minWidth?: number;\n}\n\nexport const useNodeResizing = ({\n    width,\n    height,\n    onResize,\n    ref,\n    delay = RESIZE_DELAY,\n    threshold = THRESHOLD,\n    minWidth = MIN_WIDTH,\n}: UseNodeResizingArgs) => {\n    const state = useBooleanState(false);\n    const [resizing, , , toggleResizing] = state;\n    const [initialWidth, setInitialWidth] = useState(width);\n    const [initialHeight, setInitialHeight] = useState(height);\n    const [currentWidth, setCurrentWidth] = useState(width);\n    const [currentHeight, setCurrentHeight] = useState(height);\n\n    // The dimensions specified as arguments take primacy over\n    // the dimensions detected during the mouse movement.\n    useEffect(() => {\n        if (width !== initialWidth) {\n            setCurrentWidth(width);\n            setInitialWidth(width);\n        }\n        if (height !== initialHeight) {\n            setCurrentHeight(height);\n            setInitialHeight(height);\n        }\n    }, [width, height, initialWidth, initialHeight]);\n\n    const startResizing = (event: React.MouseEvent<HTMLElement>, direction: ResizeDirection) => {\n        // prohibit the selection of text and other artifacts when resizing.\n        event.preventDefault();\n\n        const element = ref?.current;\n\n        if (!element) {\n            throw new Error('Reference element not found!');\n        }\n        const startX = event.pageX;\n        const startWidth = element.getBoundingClientRect().width || 0;\n        const startHeight = element.getBoundingClientRect().height || 0;\n\n        let animationFrameId: number;\n        const handleMouseMove = throttle((event: MouseEvent) => {\n            if (animationFrameId) {\n                cancelAnimationFrame(animationFrameId);\n            }\n\n            animationFrameId = requestAnimationFrame(() => {\n                const currentX = event.pageX;\n                const diffX = currentX - startX;\n\n                const newWidthByDirection =\n                    direction === 'right' ? startWidth + diffX : startWidth - diffX;\n\n                if (Math.abs(newWidthByDirection - startWidth) >= threshold) {\n                    const newWidth =\n                        newWidthByDirection >= minWidth ? newWidthByDirection : minWidth;\n                    const newHeight = (startHeight / startWidth) * newWidth;\n\n                    setCurrentWidth(newWidth);\n                    setCurrentHeight(newHeight);\n\n                    // If neither width nor height are provided, the width is set automatically.\n                    const shouldSetWidth =\n                        !initialWidth &&\n                        initialWidth !== 0 &&\n                        !(initialWidth === null && initialHeight === null);\n                    const shouldSetHeight = !initialHeight && initialHeight !== 0;\n\n                    onResize?.({\n                        width: shouldSetWidth ? undefined : newWidth,\n                        height: shouldSetHeight ? undefined : newHeight,\n                    });\n                }\n            });\n        }, delay);\n\n        const handleMouseUp = () => {\n            document.removeEventListener('mousemove', handleMouseMove);\n            document.removeEventListener('mouseup', handleMouseUp);\n            toggleResizing();\n\n            if (animationFrameId) {\n                cancelAnimationFrame(animationFrameId);\n            }\n        };\n\n        document.addEventListener('mousemove', handleMouseMove);\n        document.addEventListener('mouseup', handleMouseUp);\n        toggleResizing();\n    };\n\n    return {\n        startResizing,\n        state: {\n            resizing,\n            width: !initialWidth && initialWidth !== 0 ? undefined : currentWidth,\n            height: !initialHeight && initialHeight !== 0 ? undefined : currentHeight,\n        },\n    };\n};\n"]}

package/build/cjs/react-utils/useSticky.d.ts

@@ -1,2 +1 @@
-import { RefObject } from 'react';
-export declare function useSticky<T extends HTMLElement>(elemRef: RefObject<T>): boolean;
+export declare function useSticky<T extends HTMLElement>(elemRef: React.RefObject<T>): boolean;

package/build/cjs/react-utils/useSticky.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSticky = void 0;
+exports.useSticky = useSticky;
 const react_1 = require("react");
 const react_use_1 = require("react-use");
 const events = new Set([
@@ -40,4 +40,4 @@ function useSticky(elemRef) {
     });
     return sticky;
 }
-exports.useSticky = useSticky;
+//# sourceMappingURL=useSticky.js.map

package/build/cjs/react-utils/useSticky.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSticky.js","sourceRoot":"../../../src","sources":["react-utils/useSticky.ts"],"names":[],"mappings":";;AAeA,8BA6BC;AA5CD,iCAA+B;AAE/B,yCAAmD;AAEnD,MAAM,MAAM,GAAsC,IAAI,GAAG,CAAuB;IAC5E,QAAQ;IACR,QAAQ;IACR,YAAY;IACZ,WAAW;IACX,UAAU;IACV,UAAU;IACV,MAAM;IACN,mBAAmB;CACtB,CAAC,CAAC;AAEH,SAAgB,SAAS,CAAwB,OAA2B;IACxE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,SAAS,GAAG,IAAA,qBAAS,EAAC,MAAM,CAAC,CAAC;IAEpC,IAAA,yBAAa,EAAC,GAAG,EAAE;QACf,OAAO,EAAE,CAAC;QAEV,KAAK,MAAM,SAAS,IAAI,MAAM,EAAE,CAAC;YAC7B,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;QACtD,CAAC;QAED,OAAO,GAAG,EAAE;YACR,KAAK,MAAM,SAAS,IAAI,MAAM,EAAE,CAAC;gBAC7B,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;YACzD,CAAC;QACL,CAAC,CAAC;QAEF,SAAS,OAAO;YACZ,IAAI,CAAC,OAAO,CAAC,OAAO;gBAAE,OAAO;YAC7B,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;YAClE,MAAM,YAAY,GAAG,QAAQ,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YACzE,MAAM,YAAY,GAAG,aAAa,IAAI,YAAY,CAAC;YAEnD,IAAI,YAAY,IAAI,CAAC,SAAS,CAAC,OAAO;gBAAE,SAAS,CAAC,IAAI,CAAC,CAAC;iBACnD,IAAI,CAAC,YAAY,IAAI,SAAS,CAAC,OAAO;gBAAE,SAAS,CAAC,KAAK,CAAC,CAAC;QAClE,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAClB,CAAC","sourcesContent":["import {useState} from 'react';\n\nimport {useEffectOnce, useLatest} from 'react-use';\n\nconst events: ReadonlySet<keyof WindowEventMap> = new Set<keyof WindowEventMap>([\n    'resize',\n    'scroll',\n    'touchstart',\n    'touchmove',\n    'touchend',\n    'pageshow',\n    'load',\n    'orientationchange',\n]);\n\nexport function useSticky<T extends HTMLElement>(elemRef: React.RefObject<T>) {\n    const [sticky, setSticky] = useState(false);\n    const stickyRef = useLatest(sticky);\n\n    useEffectOnce(() => {\n        observe();\n\n        for (const eventName of events) {\n            window.addEventListener(eventName, observe, true);\n        }\n\n        return () => {\n            for (const eventName of events) {\n                window.removeEventListener(eventName, observe, true);\n            }\n        };\n\n        function observe() {\n            if (!elemRef.current) return;\n            const refPageOffset = elemRef.current.getBoundingClientRect().top;\n            const stickyOffset = parseInt(getComputedStyle(elemRef.current).top, 10);\n            const stickyActive = refPageOffset <= stickyOffset;\n\n            if (stickyActive && !stickyRef.current) setSticky(true);\n            else if (!stickyActive && stickyRef.current) setSticky(false);\n        }\n    });\n\n    return sticky;\n}\n"]}

package/build/cjs/shortcuts/const.js

@@ -11,12 +11,12 @@ var ModKey;
     ModKey["Control"] = "ctrl";
     ModKey["Shift"] = "shift";
     ModKey["Tab"] = "tab";
-})(ModKey = exports.ModKey || (exports.ModKey = {}));
+})(ModKey || (exports.ModKey = ModKey = {}));
 var Key;
 (function (Key) {
     Key["Enter"] = "Enter";
     Key["Esc"] = "Escape";
-})(Key = exports.Key || (exports.Key = {}));
+})(Key || (exports.Key = Key = {}));
 var Action;
 (function (Action) {
     Action["__debug"] = "__debug__";
@@ -46,4 +46,5 @@ var Action;
     Action["CodeBlock"] = "codeblock";
     Action["Cut"] = "cut";
     Action["Note"] = "note";
-})(Action = exports.Action || (exports.Action = {}));
+})(Action || (exports.Action = Action = {}));
+//# sourceMappingURL=const.js.map