@prosekit/react 0.6.5 → 0.6.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{create-component-2Ndxkk5s.js → create-component-D8vvwyIA.js} +2 -2
- package/dist/create-component-D8vvwyIA.js.map +1 -0
- package/dist/{create-props-DTgCRwCm.d.ts → create-props-PUVFMh9y.d.ts} +1 -1
- package/dist/create-props-PUVFMh9y.d.ts.map +1 -0
- package/dist/{editor-context-BWfqo5wj.js → editor-context-DHjS00Fa.js} +1 -1
- package/dist/editor-context-DHjS00Fa.js.map +1 -0
- package/dist/prosekit-react-autocomplete.d.ts +1 -2
- package/dist/prosekit-react-autocomplete.d.ts.map +1 -1
- package/dist/prosekit-react-autocomplete.js +1 -1
- package/dist/prosekit-react-autocomplete.js.map +1 -1
- package/dist/prosekit-react-block-handle.d.ts +1 -2
- package/dist/prosekit-react-block-handle.d.ts.map +1 -1
- package/dist/prosekit-react-block-handle.js +1 -1
- package/dist/prosekit-react-block-handle.js.map +1 -1
- package/dist/prosekit-react-drop-indicator.d.ts +1 -2
- package/dist/prosekit-react-drop-indicator.d.ts.map +1 -1
- package/dist/prosekit-react-drop-indicator.js +1 -1
- package/dist/prosekit-react-drop-indicator.js.map +1 -1
- package/dist/prosekit-react-inline-popover.d.ts +1 -2
- package/dist/prosekit-react-inline-popover.d.ts.map +1 -1
- package/dist/prosekit-react-inline-popover.js +1 -1
- package/dist/prosekit-react-inline-popover.js.map +1 -1
- package/dist/prosekit-react-popover.d.ts +1 -2
- package/dist/prosekit-react-popover.d.ts.map +1 -1
- package/dist/prosekit-react-popover.js +1 -1
- package/dist/prosekit-react-popover.js.map +1 -1
- package/dist/prosekit-react-resizable.d.ts +1 -2
- package/dist/prosekit-react-resizable.d.ts.map +1 -1
- package/dist/prosekit-react-resizable.js +1 -1
- package/dist/prosekit-react-resizable.js.map +1 -1
- package/dist/prosekit-react-table-handle.d.ts +1 -2
- package/dist/prosekit-react-table-handle.d.ts.map +1 -1
- package/dist/prosekit-react-table-handle.js +1 -1
- package/dist/prosekit-react-table-handle.js.map +1 -1
- package/dist/prosekit-react-tooltip.d.ts +1 -2
- package/dist/prosekit-react-tooltip.d.ts.map +1 -1
- package/dist/prosekit-react-tooltip.js +1 -1
- package/dist/prosekit-react-tooltip.js.map +1 -1
- package/dist/prosekit-react.d.ts +2 -0
- package/dist/prosekit-react.d.ts.map +1 -1
- package/dist/prosekit-react.js +4 -3
- package/dist/prosekit-react.js.map +1 -1
- package/package.json +8 -8
- package/src/components/prosekit.ts +5 -9
- package/src/contexts/editor-context.ts +2 -9
- package/src/extensions/react-mark-view.ts +3 -17
- package/src/extensions/react-node-view.ts +3 -17
- package/src/hooks/use-doc-change.ts +1 -4
- package/src/hooks/use-editor-derived-value.ts +2 -12
- package/src/hooks/use-editor-extension.ts +3 -6
- package/src/hooks/use-editor.ts +2 -12
- package/src/hooks/use-event-callback.ts +1 -5
- package/src/hooks/use-extension.ts +1 -5
- package/src/hooks/use-keymap.ts +2 -8
- package/src/hooks/use-priority-extension.ts +1 -5
- package/src/hooks/use-state-update.ts +1 -4
- package/src/index.ts +3 -12
- package/dist/create-component-2Ndxkk5s.js.map +0 -1
- package/dist/create-props-DTgCRwCm.d.ts.map +0 -1
- package/dist/editor-context-BWfqo5wj.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as useEditorContext } from "./editor-context-
|
|
1
|
+
import { n as useEditorContext } from "./editor-context-DHjS00Fa.js";
|
|
2
2
|
import { createElement, forwardRef, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/components/merge-refs.ts
|
|
@@ -93,4 +93,4 @@ function createComponent(tagName, displayName, propNames, eventNames) {
|
|
|
93
93
|
|
|
94
94
|
//#endregion
|
|
95
95
|
export { createComponent as t };
|
|
96
|
-
//# sourceMappingURL=create-component-
|
|
96
|
+
//# sourceMappingURL=create-component-D8vvwyIA.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"create-component-D8vvwyIA.js","names":[],"sources":["../src/components/merge-refs.ts","../src/components/create-component.ts"],"sourcesContent":["import type { Ref } from 'react'\n\n/**\n * Assigns a value to a ref.\n * @returns The ref cleanup callback, if any.\n */\nfunction assignRef<T>(\n ref: Ref<T> | undefined,\n value: T | null,\n): VoidFunction | void {\n if (typeof ref === 'function') {\n return ref(value)\n } else if (ref) {\n ref.current = value\n }\n}\n\n/**\n * Merges multiple refs into a single one.\n */\nexport function mergeRefs<T>(refs: (Ref<T> | undefined)[]): Ref<T> {\n return (value: T | null) => {\n const cleanups: VoidFunction[] = []\n\n for (const ref of refs) {\n const cleanup = assignRef(ref, value)\n const isCleanup = typeof cleanup === 'function'\n cleanups.push(isCleanup ? cleanup : () => assignRef(ref, null))\n }\n\n return () => {\n for (const cleanup of cleanups) cleanup()\n }\n }\n}\n","import type { AnyFunction } from '@prosekit/core'\nimport {\n createElement,\n forwardRef,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n type ForwardRefExoticComponent,\n type HTMLAttributes,\n type RefAttributes,\n} from 'react'\n\nimport { useEditorContext } from '../contexts/editor-context'\n\nimport { mergeRefs } from './merge-refs'\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect\n\nexport function createComponent<\n Props extends object,\n CustomElement extends HTMLElement,\n>(\n tagName: string,\n displayName: string,\n propNames: string[],\n eventNames: string[],\n): ForwardRefExoticComponent<\n Partial<Props> & RefAttributes<CustomElement> & HTMLAttributes<CustomElement>\n> {\n const hasEditor = propNames.includes('editor')\n const lowerCaseEventNameMap = new Map(\n eventNames.map((name) => [name.toLowerCase(), name]),\n )\n\n const Component = forwardRef<any, any>((props: Props, ref) => {\n const [el, setEl] = useState<HTMLElement | null>(null)\n\n const properties: Record<string, unknown> = {}\n const attributes: Record<string, unknown> = {}\n const eventHandlersRef = useRef<Record<string, AnyFunction>>({})\n const eventHandlers: Record<string, AnyFunction> = {}\n\n for (const [name, value] of Object.entries(props)) {\n if (value === undefined) {\n continue\n }\n\n if (propNames.includes(name)) {\n properties[name] = value\n continue\n }\n\n if (name.startsWith('on')) {\n const lowerCaseEventName = name.slice(2).toLowerCase()\n const eventName = lowerCaseEventNameMap.get(lowerCaseEventName)\n if (eventName) {\n const extractDetail = eventName.endsWith('Change')\n eventHandlers[eventName] = (event: Event) => {\n const handler = value as AnyFunction | null\n if (typeof handler === 'function') {\n handler(extractDetail ? (event as CustomEvent).detail : event)\n }\n }\n continue\n }\n }\n\n if (name === 'className') {\n attributes['class'] = value\n } else {\n attributes[name] = value\n }\n }\n\n const editor = useEditorContext()\n\n if (hasEditor && editor && !properties['editor']) {\n properties['editor'] = editor\n }\n\n // Set all properties.\n useIsomorphicLayoutEffect(() => {\n if (!el) return\n for (const [name, value] of Object.entries(properties)) {\n if (value !== undefined) {\n // @ts-expect-error: we know that name is a valid property name\n // eslint-disable-next-line react-hooks/immutability\n el[name] = value\n }\n }\n }, [el, ...propNames.map((name) => properties[name])])\n\n // Put all event listeners extracted from `props` into `eventHandlersRef`.\n useIsomorphicLayoutEffect(() => {\n eventHandlersRef.current = eventHandlers\n })\n\n // Register the event listeners to the element.\n useIsomorphicLayoutEffect(() => {\n if (!el) {\n return\n }\n\n const fixedEventHandlers: Record<string, AnyFunction> = {}\n\n for (const eventName of eventNames) {\n fixedEventHandlers[eventName] = (event: Event) => {\n eventHandlersRef.current[eventName]?.(event)\n }\n }\n\n for (const [name, handler] of Object.entries(fixedEventHandlers)) {\n el.addEventListener(name, handler)\n }\n\n return () => {\n for (const [name, handler] of Object.entries(fixedEventHandlers)) {\n el.removeEventListener(name, handler)\n }\n }\n }, [el])\n\n const mergedRef = useMemo(() => mergeRefs([ref, setEl]), [ref])\n\n return createElement(tagName, {\n ...attributes,\n // Suppress hydration warnings for web components as the attributes are set after the component is mounted.\n suppressHydrationWarning: true,\n ref: mergedRef,\n })\n })\n\n Component.displayName = displayName\n\n return Component\n}\n"],"mappings":";;;;;;;;AAMA,SAAS,UACP,KACA,OACqB;AACrB,KAAI,OAAO,QAAQ,WACjB,QAAO,IAAI,MAAM;UACR,IACT,KAAI,UAAU;;;;;AAOlB,SAAgB,UAAa,MAAsC;AACjE,SAAQ,UAAoB;EAC1B,MAAM,WAA2B,EAAE;AAEnC,OAAK,MAAM,OAAO,MAAM;GACtB,MAAM,UAAU,UAAU,KAAK,MAAM;GACrC,MAAM,YAAY,OAAO,YAAY;AACrC,YAAS,KAAK,YAAY,gBAAgB,UAAU,KAAK,KAAK,CAAC;;AAGjE,eAAa;AACX,QAAK,MAAM,WAAW,SAAU,UAAS;;;;;;;ACb/C,MAAM,4BAA4B,OAAO,WAAW,cAAc,kBAAkB;AAEpF,SAAgB,gBAId,SACA,aACA,WACA,YAGA;CACA,MAAM,YAAY,UAAU,SAAS,SAAS;CAC9C,MAAM,wBAAwB,IAAI,IAChC,WAAW,KAAK,SAAS,CAAC,KAAK,aAAa,EAAE,KAAK,CAAC,CACrD;CAED,MAAM,YAAY,YAAsB,OAAc,QAAQ;EAC5D,MAAM,CAAC,IAAI,SAAS,SAA6B,KAAK;EAEtD,MAAM,aAAsC,EAAE;EAC9C,MAAM,aAAsC,EAAE;EAC9C,MAAM,mBAAmB,OAAoC,EAAE,CAAC;EAChE,MAAM,gBAA6C,EAAE;AAErD,OAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,MAAM,EAAE;AACjD,OAAI,UAAU,OACZ;AAGF,OAAI,UAAU,SAAS,KAAK,EAAE;AAC5B,eAAW,QAAQ;AACnB;;AAGF,OAAI,KAAK,WAAW,KAAK,EAAE;IACzB,MAAM,qBAAqB,KAAK,MAAM,EAAE,CAAC,aAAa;IACtD,MAAM,YAAY,sBAAsB,IAAI,mBAAmB;AAC/D,QAAI,WAAW;KACb,MAAM,gBAAgB,UAAU,SAAS,SAAS;AAClD,mBAAc,cAAc,UAAiB;MAC3C,MAAM,UAAU;AAChB,UAAI,OAAO,YAAY,WACrB,SAAQ,gBAAiB,MAAsB,SAAS,MAAM;;AAGlE;;;AAIJ,OAAI,SAAS,YACX,YAAW,WAAW;OAEtB,YAAW,QAAQ;;EAIvB,MAAM,SAAS,kBAAkB;AAEjC,MAAI,aAAa,UAAU,CAAC,WAAW,UACrC,YAAW,YAAY;AAIzB,kCAAgC;AAC9B,OAAI,CAAC,GAAI;AACT,QAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,WAAW,CACpD,KAAI,UAAU,OAGZ,IAAG,QAAQ;KAGd,CAAC,IAAI,GAAG,UAAU,KAAK,SAAS,WAAW,MAAM,CAAC,CAAC;AAGtD,kCAAgC;AAC9B,oBAAiB,UAAU;IAC3B;AAGF,kCAAgC;AAC9B,OAAI,CAAC,GACH;GAGF,MAAM,qBAAkD,EAAE;AAE1D,QAAK,MAAM,aAAa,WACtB,oBAAmB,cAAc,UAAiB;AAChD,qBAAiB,QAAQ,aAAa,MAAM;;AAIhD,QAAK,MAAM,CAAC,MAAM,YAAY,OAAO,QAAQ,mBAAmB,CAC9D,IAAG,iBAAiB,MAAM,QAAQ;AAGpC,gBAAa;AACX,SAAK,MAAM,CAAC,MAAM,YAAY,OAAO,QAAQ,mBAAmB,CAC9D,IAAG,oBAAoB,MAAM,QAAQ;;KAGxC,CAAC,GAAG,CAAC;EAER,MAAM,YAAY,cAAc,UAAU,CAAC,KAAK,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;AAE/D,SAAO,cAAc,SAAS;GAC5B,GAAG;GAEH,0BAA0B;GAC1B,KAAK;GACN,CAAC;GACF;AAEF,WAAU,cAAc;AAExB,QAAO"}
|
|
@@ -3,4 +3,4 @@ type CreateProps<Props extends { [PropName in keyof Props]: unknown }, Events ex
|
|
|
3
3
|
type CreateEventProps<Events extends { [EventName in keyof Events]: CustomEvent }> = { [EventName in keyof Events as `on${Capitalize<string & EventName>}`]: (event: EventName extends `${string}Change` ? Events[EventName]['detail'] : Events[EventName]) => void };
|
|
4
4
|
//#endregion
|
|
5
5
|
export { CreateProps as t };
|
|
6
|
-
//# sourceMappingURL=create-props-
|
|
6
|
+
//# sourceMappingURL=create-props-PUVFMh9y.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"create-props-PUVFMh9y.d.ts","names":[],"sources":["../src/components/create-props.ts"],"mappings":";KAAY,WAAA,oCACyB,KAAA,mDACE,MAAA,GAAS,WAAA,MAC5C,KAAA,GAAQ,gBAAA,CAAiB,MAAA;AAAA,KAExB,gBAAA,sCACkC,MAAA,GAAS,WAAA,4BAE1B,MAAA,SAAe,UAAA,UAAoB,SAAA,OACrD,KAAA,EAAO,SAAA,6BAAsC,MAAA,CAAO,SAAA,cAChD,MAAA,CAAO,SAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"editor-context-DHjS00Fa.js","names":[],"sources":["../src/contexts/editor-context.ts"],"sourcesContent":["import type { Editor, Extension } from '@prosekit/core'\nimport { createContext, useContext, type Provider } from 'react'\n\nconst EditorContext = createContext<Editor | null>(null)\n\n/**\n * @internal\n */\nexport function useEditorContext<E extends Extension>(): Editor<E> | null {\n return useContext(EditorContext)\n}\n\n/**\n * @internal\n */\nexport const EditorContextProvider: Provider<Editor | null> = EditorContext.Provider\n"],"mappings":";;;AAGA,MAAM,gBAAgB,cAA6B,KAAK;;;;AAKxD,SAAgB,mBAA0D;AACxE,QAAO,WAAW,cAAc;;;;;AAMlC,MAAa,wBAAiD,cAAc"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { t as CreateProps } from "./create-props-
|
|
1
|
+
import { t as CreateProps } from "./create-props-PUVFMh9y.js";
|
|
2
2
|
import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
|
|
3
3
|
import { AutocompleteEmptyElement, AutocompleteEmptyEvents, AutocompleteEmptyProps as AutocompleteEmptyProps$1, AutocompleteItemElement, AutocompleteItemEvents, AutocompleteItemProps as AutocompleteItemProps$1, AutocompleteListElement, AutocompleteListEvents, AutocompleteListProps as AutocompleteListProps$1, AutocompletePopoverElement, AutocompletePopoverEvents, AutocompletePopoverProps as AutocompletePopoverProps$1 } from "@prosekit/web/autocomplete";
|
|
4
4
|
|
|
5
5
|
//#region src/components/autocomplete/autocomplete-empty.gen.d.ts
|
|
6
|
-
|
|
7
6
|
/**
|
|
8
7
|
* Props for the {@link AutocompleteEmpty} component.
|
|
9
8
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-react-autocomplete.d.ts","names":[],"sources":["../src/components/autocomplete/autocomplete-empty.gen.ts","../src/components/autocomplete/autocomplete-item.gen.ts","../src/components/autocomplete/autocomplete-list.gen.ts","../src/components/autocomplete/autocomplete-popover.gen.ts"],"
|
|
1
|
+
{"version":3,"file":"prosekit-react-autocomplete.d.ts","names":[],"sources":["../src/components/autocomplete/autocomplete-empty.gen.ts","../src/components/autocomplete/autocomplete-item.gen.ts","../src/components/autocomplete/autocomplete-list.gen.ts","../src/components/autocomplete/autocomplete-popover.gen.ts"],"mappings":";;;;;;;AAmBA;UAAiB,sBAAA,SAA+B,OAAA,CAAQ,WAAA,CAAY,wBAAA,EAAO,uBAAA;AAAA,cAE9D,iBAAA,EAAmB,yBAAA,CAC9B,sBAAA,GACA,aAAA,CAAc,wBAAA,IACd,cAAA,CAAe,wBAAA;;;;;AALjB;UCAiB,qBAAA,SAA8B,OAAA,CAAQ,WAAA,CAAY,uBAAA,EAAO,sBAAA;AAAA,cAE7D,gBAAA,EAAkB,yBAAA,CAC7B,qBAAA,GACA,aAAA,CAAc,uBAAA,IACd,cAAA,CAAe,uBAAA;;;;;ADLjB;UEAiB,qBAAA,SAA8B,OAAA,CAAQ,WAAA,CAAY,uBAAA,EAAO,sBAAA;AAAA,cAE7D,gBAAA,EAAkB,yBAAA,CAC7B,qBAAA,GACA,aAAA,CAAc,uBAAA,IACd,cAAA,CAAe,uBAAA;;;;;AFLjB;UGAiB,wBAAA,SAAiC,OAAA,CAAQ,WAAA,CAAY,0BAAA,EAAO,yBAAA;AAAA,cAEhE,mBAAA,EAAqB,yBAAA,CAChC,wBAAA,GACA,aAAA,CAAc,0BAAA,IACd,cAAA,CAAe,0BAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as createComponent } from "./create-component-
|
|
1
|
+
import { t as createComponent } from "./create-component-D8vvwyIA.js";
|
|
2
2
|
import { autocompleteEmptyEvents, autocompleteEmptyProps, autocompleteItemEvents, autocompleteItemProps, autocompleteListEvents, autocompleteListProps, autocompletePopoverEvents, autocompletePopoverProps } from "@prosekit/web/autocomplete";
|
|
3
3
|
|
|
4
4
|
//#region src/components/autocomplete/autocomplete-empty.gen.ts
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-react-autocomplete.js","names":[
|
|
1
|
+
{"version":3,"file":"prosekit-react-autocomplete.js","names":[],"sources":["../src/components/autocomplete/autocomplete-empty.gen.ts","../src/components/autocomplete/autocomplete-item.gen.ts","../src/components/autocomplete/autocomplete-list.gen.ts","../src/components/autocomplete/autocomplete-popover.gen.ts"],"sourcesContent":["import {\n type AutocompleteEmptyElement,\n type AutocompleteEmptyProps as Props,\n type AutocompleteEmptyEvents as Events,\n autocompleteEmptyProps,\n autocompleteEmptyEvents,\n} from '@prosekit/web/autocomplete'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link AutocompleteEmpty} component.\n */\nexport interface AutocompleteEmptyProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const AutocompleteEmpty: ForwardRefExoticComponent<\n AutocompleteEmptyProps &\n RefAttributes<AutocompleteEmptyElement> &\n HTMLAttributes<AutocompleteEmptyElement>\n> = createComponent<\n AutocompleteEmptyProps, \n AutocompleteEmptyElement\n>(\n 'prosekit-autocomplete-empty',\n 'AutocompleteEmpty',\n Object.keys(autocompleteEmptyProps),\n Object.keys(autocompleteEmptyEvents),\n)\n","import {\n type AutocompleteItemElement,\n type AutocompleteItemProps as Props,\n type AutocompleteItemEvents as Events,\n autocompleteItemProps,\n autocompleteItemEvents,\n} from '@prosekit/web/autocomplete'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link AutocompleteItem} component.\n */\nexport interface AutocompleteItemProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const AutocompleteItem: ForwardRefExoticComponent<\n AutocompleteItemProps &\n RefAttributes<AutocompleteItemElement> &\n HTMLAttributes<AutocompleteItemElement>\n> = createComponent<\n AutocompleteItemProps, \n AutocompleteItemElement\n>(\n 'prosekit-autocomplete-item',\n 'AutocompleteItem',\n Object.keys(autocompleteItemProps),\n Object.keys(autocompleteItemEvents),\n)\n","import {\n type AutocompleteListElement,\n type AutocompleteListProps as Props,\n type AutocompleteListEvents as Events,\n autocompleteListProps,\n autocompleteListEvents,\n} from '@prosekit/web/autocomplete'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link AutocompleteList} component.\n */\nexport interface AutocompleteListProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const AutocompleteList: ForwardRefExoticComponent<\n AutocompleteListProps &\n RefAttributes<AutocompleteListElement> &\n HTMLAttributes<AutocompleteListElement>\n> = createComponent<\n AutocompleteListProps, \n AutocompleteListElement\n>(\n 'prosekit-autocomplete-list',\n 'AutocompleteList',\n Object.keys(autocompleteListProps),\n Object.keys(autocompleteListEvents),\n)\n","import {\n type AutocompletePopoverElement,\n type AutocompletePopoverProps as Props,\n type AutocompletePopoverEvents as Events,\n autocompletePopoverProps,\n autocompletePopoverEvents,\n} from '@prosekit/web/autocomplete'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link AutocompletePopover} component.\n */\nexport interface AutocompletePopoverProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const AutocompletePopover: ForwardRefExoticComponent<\n AutocompletePopoverProps &\n RefAttributes<AutocompletePopoverElement> &\n HTMLAttributes<AutocompletePopoverElement>\n> = createComponent<\n AutocompletePopoverProps, \n AutocompletePopoverElement\n>(\n 'prosekit-autocomplete-popover',\n 'AutocompletePopover',\n Object.keys(autocompletePopoverProps),\n Object.keys(autocompletePopoverEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,oBAIT,gBAIF,+BACA,qBACA,OAAO,KAAK,uBAAuB,EACnC,OAAO,KAAK,wBAAwB,CACrC;;;;ACZD,MAAa,mBAIT,gBAIF,8BACA,oBACA,OAAO,KAAK,sBAAsB,EAClC,OAAO,KAAK,uBAAuB,CACpC;;;;ACZD,MAAa,mBAIT,gBAIF,8BACA,oBACA,OAAO,KAAK,sBAAsB,EAClC,OAAO,KAAK,uBAAuB,CACpC;;;;ACZD,MAAa,sBAIT,gBAIF,iCACA,uBACA,OAAO,KAAK,yBAAyB,EACrC,OAAO,KAAK,0BAA0B,CACvC"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { t as CreateProps } from "./create-props-
|
|
1
|
+
import { t as CreateProps } from "./create-props-PUVFMh9y.js";
|
|
2
2
|
import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
|
|
3
3
|
import { BlockHandleAddElement, BlockHandleAddEvents, BlockHandleAddProps as BlockHandleAddProps$1, BlockHandleDraggableElement, BlockHandleDraggableEvents, BlockHandleDraggableProps as BlockHandleDraggableProps$1, BlockHandlePopoverElement, BlockHandlePopoverEvents, BlockHandlePopoverProps as BlockHandlePopoverProps$1 } from "@prosekit/web/block-handle";
|
|
4
4
|
|
|
5
5
|
//#region src/components/block-handle/block-handle-add.gen.d.ts
|
|
6
|
-
|
|
7
6
|
/**
|
|
8
7
|
* Props for the {@link BlockHandleAdd} component.
|
|
9
8
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-react-block-handle.d.ts","names":[],"sources":["../src/components/block-handle/block-handle-add.gen.ts","../src/components/block-handle/block-handle-draggable.gen.ts","../src/components/block-handle/block-handle-popover.gen.ts"],"
|
|
1
|
+
{"version":3,"file":"prosekit-react-block-handle.d.ts","names":[],"sources":["../src/components/block-handle/block-handle-add.gen.ts","../src/components/block-handle/block-handle-draggable.gen.ts","../src/components/block-handle/block-handle-popover.gen.ts"],"mappings":";;;;;;;AAmBA;UAAiB,mBAAA,SAA4B,OAAA,CAAQ,WAAA,CAAY,qBAAA,EAAO,oBAAA;AAAA,cAE3D,cAAA,EAAgB,yBAAA,CAC3B,mBAAA,GACA,aAAA,CAAc,qBAAA,IACd,cAAA,CAAe,qBAAA;;;;;AALjB;UCAiB,yBAAA,SAAkC,OAAA,CAAQ,WAAA,CAAY,2BAAA,EAAO,0BAAA;AAAA,cAEjE,oBAAA,EAAsB,yBAAA,CACjC,yBAAA,GACA,aAAA,CAAc,2BAAA,IACd,cAAA,CAAe,2BAAA;;;;;ADLjB;UEAiB,uBAAA,SAAgC,OAAA,CAAQ,WAAA,CAAY,yBAAA,EAAO,wBAAA;AAAA,cAE/D,kBAAA,EAAoB,yBAAA,CAC/B,uBAAA,GACA,aAAA,CAAc,yBAAA,IACd,cAAA,CAAe,yBAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as createComponent } from "./create-component-
|
|
1
|
+
import { t as createComponent } from "./create-component-D8vvwyIA.js";
|
|
2
2
|
import { blockHandleAddEvents, blockHandleAddProps, blockHandleDraggableEvents, blockHandleDraggableProps, blockHandlePopoverEvents, blockHandlePopoverProps } from "@prosekit/web/block-handle";
|
|
3
3
|
|
|
4
4
|
//#region src/components/block-handle/block-handle-add.gen.ts
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-react-block-handle.js","names":[
|
|
1
|
+
{"version":3,"file":"prosekit-react-block-handle.js","names":[],"sources":["../src/components/block-handle/block-handle-add.gen.ts","../src/components/block-handle/block-handle-draggable.gen.ts","../src/components/block-handle/block-handle-popover.gen.ts"],"sourcesContent":["import {\n type BlockHandleAddElement,\n type BlockHandleAddProps as Props,\n type BlockHandleAddEvents as Events,\n blockHandleAddProps,\n blockHandleAddEvents,\n} from '@prosekit/web/block-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link BlockHandleAdd} component.\n */\nexport interface BlockHandleAddProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const BlockHandleAdd: ForwardRefExoticComponent<\n BlockHandleAddProps &\n RefAttributes<BlockHandleAddElement> &\n HTMLAttributes<BlockHandleAddElement>\n> = createComponent<\n BlockHandleAddProps, \n BlockHandleAddElement\n>(\n 'prosekit-block-handle-add',\n 'BlockHandleAdd',\n Object.keys(blockHandleAddProps),\n Object.keys(blockHandleAddEvents),\n)\n","import {\n type BlockHandleDraggableElement,\n type BlockHandleDraggableProps as Props,\n type BlockHandleDraggableEvents as Events,\n blockHandleDraggableProps,\n blockHandleDraggableEvents,\n} from '@prosekit/web/block-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link BlockHandleDraggable} component.\n */\nexport interface BlockHandleDraggableProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const BlockHandleDraggable: ForwardRefExoticComponent<\n BlockHandleDraggableProps &\n RefAttributes<BlockHandleDraggableElement> &\n HTMLAttributes<BlockHandleDraggableElement>\n> = createComponent<\n BlockHandleDraggableProps, \n BlockHandleDraggableElement\n>(\n 'prosekit-block-handle-draggable',\n 'BlockHandleDraggable',\n Object.keys(blockHandleDraggableProps),\n Object.keys(blockHandleDraggableEvents),\n)\n","import {\n type BlockHandlePopoverElement,\n type BlockHandlePopoverProps as Props,\n type BlockHandlePopoverEvents as Events,\n blockHandlePopoverProps,\n blockHandlePopoverEvents,\n} from '@prosekit/web/block-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link BlockHandlePopover} component.\n */\nexport interface BlockHandlePopoverProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const BlockHandlePopover: ForwardRefExoticComponent<\n BlockHandlePopoverProps &\n RefAttributes<BlockHandlePopoverElement> &\n HTMLAttributes<BlockHandlePopoverElement>\n> = createComponent<\n BlockHandlePopoverProps, \n BlockHandlePopoverElement\n>(\n 'prosekit-block-handle-popover',\n 'BlockHandlePopover',\n Object.keys(blockHandlePopoverProps),\n Object.keys(blockHandlePopoverEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,iBAIT,gBAIF,6BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;;ACZD,MAAa,uBAIT,gBAIF,mCACA,wBACA,OAAO,KAAK,0BAA0B,EACtC,OAAO,KAAK,2BAA2B,CACxC;;;;ACZD,MAAa,qBAIT,gBAIF,iCACA,sBACA,OAAO,KAAK,wBAAwB,EACpC,OAAO,KAAK,yBAAyB,CACtC"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { t as CreateProps } from "./create-props-
|
|
1
|
+
import { t as CreateProps } from "./create-props-PUVFMh9y.js";
|
|
2
2
|
import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
|
|
3
3
|
import { DropIndicatorElement, DropIndicatorEvents, DropIndicatorProps as DropIndicatorProps$1 } from "@prosekit/web/drop-indicator";
|
|
4
4
|
|
|
5
5
|
//#region src/components/drop-indicator/drop-indicator.gen.d.ts
|
|
6
|
-
|
|
7
6
|
/**
|
|
8
7
|
* Props for the {@link DropIndicator} component.
|
|
9
8
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-react-drop-indicator.d.ts","names":[],"sources":["../src/components/drop-indicator/drop-indicator.gen.ts"],"
|
|
1
|
+
{"version":3,"file":"prosekit-react-drop-indicator.d.ts","names":[],"sources":["../src/components/drop-indicator/drop-indicator.gen.ts"],"mappings":";;;;;;;AAmBA;UAAiB,kBAAA,SAA2B,OAAA,CAAQ,WAAA,CAAY,oBAAA,EAAO,mBAAA;AAAA,cAE1D,aAAA,EAAe,yBAAA,CAC1B,kBAAA,GACA,aAAA,CAAc,oBAAA,IACd,cAAA,CAAe,oBAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as createComponent } from "./create-component-
|
|
1
|
+
import { t as createComponent } from "./create-component-D8vvwyIA.js";
|
|
2
2
|
import { dropIndicatorEvents, dropIndicatorProps } from "@prosekit/web/drop-indicator";
|
|
3
3
|
|
|
4
4
|
//#region src/components/drop-indicator/drop-indicator.gen.ts
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-react-drop-indicator.js","names":[
|
|
1
|
+
{"version":3,"file":"prosekit-react-drop-indicator.js","names":[],"sources":["../src/components/drop-indicator/drop-indicator.gen.ts"],"sourcesContent":["import {\n type DropIndicatorElement,\n type DropIndicatorProps as Props,\n type DropIndicatorEvents as Events,\n dropIndicatorProps,\n dropIndicatorEvents,\n} from '@prosekit/web/drop-indicator'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link DropIndicator} component.\n */\nexport interface DropIndicatorProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const DropIndicator: ForwardRefExoticComponent<\n DropIndicatorProps &\n RefAttributes<DropIndicatorElement> &\n HTMLAttributes<DropIndicatorElement>\n> = createComponent<\n DropIndicatorProps, \n DropIndicatorElement\n>(\n 'prosekit-drop-indicator',\n 'DropIndicator',\n Object.keys(dropIndicatorProps),\n Object.keys(dropIndicatorEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,gBAIT,gBAIF,2BACA,iBACA,OAAO,KAAK,mBAAmB,EAC/B,OAAO,KAAK,oBAAoB,CACjC"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { t as CreateProps } from "./create-props-
|
|
1
|
+
import { t as CreateProps } from "./create-props-PUVFMh9y.js";
|
|
2
2
|
import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
|
|
3
3
|
import { InlinePopoverElement, InlinePopoverEvents, InlinePopoverProps as InlinePopoverProps$1 } from "@prosekit/web/inline-popover";
|
|
4
4
|
|
|
5
5
|
//#region src/components/inline-popover/inline-popover.gen.d.ts
|
|
6
|
-
|
|
7
6
|
/**
|
|
8
7
|
* Props for the {@link InlinePopover} component.
|
|
9
8
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-react-inline-popover.d.ts","names":[],"sources":["../src/components/inline-popover/inline-popover.gen.ts"],"
|
|
1
|
+
{"version":3,"file":"prosekit-react-inline-popover.d.ts","names":[],"sources":["../src/components/inline-popover/inline-popover.gen.ts"],"mappings":";;;;;;;AAmBA;UAAiB,kBAAA,SAA2B,OAAA,CAAQ,WAAA,CAAY,oBAAA,EAAO,mBAAA;AAAA,cAE1D,aAAA,EAAe,yBAAA,CAC1B,kBAAA,GACA,aAAA,CAAc,oBAAA,IACd,cAAA,CAAe,oBAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as createComponent } from "./create-component-
|
|
1
|
+
import { t as createComponent } from "./create-component-D8vvwyIA.js";
|
|
2
2
|
import { inlinePopoverEvents, inlinePopoverProps } from "@prosekit/web/inline-popover";
|
|
3
3
|
|
|
4
4
|
//#region src/components/inline-popover/inline-popover.gen.ts
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-react-inline-popover.js","names":[
|
|
1
|
+
{"version":3,"file":"prosekit-react-inline-popover.js","names":[],"sources":["../src/components/inline-popover/inline-popover.gen.ts"],"sourcesContent":["import {\n type InlinePopoverElement,\n type InlinePopoverProps as Props,\n type InlinePopoverEvents as Events,\n inlinePopoverProps,\n inlinePopoverEvents,\n} from '@prosekit/web/inline-popover'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link InlinePopover} component.\n */\nexport interface InlinePopoverProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const InlinePopover: ForwardRefExoticComponent<\n InlinePopoverProps &\n RefAttributes<InlinePopoverElement> &\n HTMLAttributes<InlinePopoverElement>\n> = createComponent<\n InlinePopoverProps, \n InlinePopoverElement\n>(\n 'prosekit-inline-popover',\n 'InlinePopover',\n Object.keys(inlinePopoverProps),\n Object.keys(inlinePopoverEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,gBAIT,gBAIF,2BACA,iBACA,OAAO,KAAK,mBAAmB,EAC/B,OAAO,KAAK,oBAAoB,CACjC"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { t as CreateProps } from "./create-props-
|
|
1
|
+
import { t as CreateProps } from "./create-props-PUVFMh9y.js";
|
|
2
2
|
import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
|
|
3
3
|
import { PopoverContentElement, PopoverContentEvents, PopoverContentProps as PopoverContentProps$1, PopoverRootElement, PopoverRootEvents, PopoverRootProps as PopoverRootProps$1, PopoverTriggerElement, PopoverTriggerEvents, PopoverTriggerProps as PopoverTriggerProps$1 } from "@prosekit/web/popover";
|
|
4
4
|
|
|
5
5
|
//#region src/components/popover/popover-content.gen.d.ts
|
|
6
|
-
|
|
7
6
|
/**
|
|
8
7
|
* Props for the {@link PopoverContent} component.
|
|
9
8
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-react-popover.d.ts","names":[],"sources":["../src/components/popover/popover-content.gen.ts","../src/components/popover/popover-root.gen.ts","../src/components/popover/popover-trigger.gen.ts"],"
|
|
1
|
+
{"version":3,"file":"prosekit-react-popover.d.ts","names":[],"sources":["../src/components/popover/popover-content.gen.ts","../src/components/popover/popover-root.gen.ts","../src/components/popover/popover-trigger.gen.ts"],"mappings":";;;;;;;AAmBA;UAAiB,mBAAA,SAA4B,OAAA,CAAQ,WAAA,CAAY,qBAAA,EAAO,oBAAA;AAAA,cAE3D,cAAA,EAAgB,yBAAA,CAC3B,mBAAA,GACA,aAAA,CAAc,qBAAA,IACd,cAAA,CAAe,qBAAA;;;;;AALjB;UCAiB,gBAAA,SAAyB,OAAA,CAAQ,WAAA,CAAY,kBAAA,EAAO,iBAAA;AAAA,cAExD,WAAA,EAAa,yBAAA,CACxB,gBAAA,GACA,aAAA,CAAc,kBAAA,IACd,cAAA,CAAe,kBAAA;;;;;ADLjB;UEAiB,mBAAA,SAA4B,OAAA,CAAQ,WAAA,CAAY,qBAAA,EAAO,oBAAA;AAAA,cAE3D,cAAA,EAAgB,yBAAA,CAC3B,mBAAA,GACA,aAAA,CAAc,qBAAA,IACd,cAAA,CAAe,qBAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as createComponent } from "./create-component-
|
|
1
|
+
import { t as createComponent } from "./create-component-D8vvwyIA.js";
|
|
2
2
|
import { popoverContentEvents, popoverContentProps, popoverRootEvents, popoverRootProps, popoverTriggerEvents, popoverTriggerProps } from "@prosekit/web/popover";
|
|
3
3
|
|
|
4
4
|
//#region src/components/popover/popover-content.gen.ts
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-react-popover.js","names":[
|
|
1
|
+
{"version":3,"file":"prosekit-react-popover.js","names":[],"sources":["../src/components/popover/popover-content.gen.ts","../src/components/popover/popover-root.gen.ts","../src/components/popover/popover-trigger.gen.ts"],"sourcesContent":["import {\n type PopoverContentElement,\n type PopoverContentProps as Props,\n type PopoverContentEvents as Events,\n popoverContentProps,\n popoverContentEvents,\n} from '@prosekit/web/popover'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link PopoverContent} component.\n */\nexport interface PopoverContentProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const PopoverContent: ForwardRefExoticComponent<\n PopoverContentProps &\n RefAttributes<PopoverContentElement> &\n HTMLAttributes<PopoverContentElement>\n> = createComponent<\n PopoverContentProps, \n PopoverContentElement\n>(\n 'prosekit-popover-content',\n 'PopoverContent',\n Object.keys(popoverContentProps),\n Object.keys(popoverContentEvents),\n)\n","import {\n type PopoverRootElement,\n type PopoverRootProps as Props,\n type PopoverRootEvents as Events,\n popoverRootProps,\n popoverRootEvents,\n} from '@prosekit/web/popover'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link PopoverRoot} component.\n */\nexport interface PopoverRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const PopoverRoot: ForwardRefExoticComponent<\n PopoverRootProps &\n RefAttributes<PopoverRootElement> &\n HTMLAttributes<PopoverRootElement>\n> = createComponent<\n PopoverRootProps, \n PopoverRootElement\n>(\n 'prosekit-popover-root',\n 'PopoverRoot',\n Object.keys(popoverRootProps),\n Object.keys(popoverRootEvents),\n)\n","import {\n type PopoverTriggerElement,\n type PopoverTriggerProps as Props,\n type PopoverTriggerEvents as Events,\n popoverTriggerProps,\n popoverTriggerEvents,\n} from '@prosekit/web/popover'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link PopoverTrigger} component.\n */\nexport interface PopoverTriggerProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const PopoverTrigger: ForwardRefExoticComponent<\n PopoverTriggerProps &\n RefAttributes<PopoverTriggerElement> &\n HTMLAttributes<PopoverTriggerElement>\n> = createComponent<\n PopoverTriggerProps, \n PopoverTriggerElement\n>(\n 'prosekit-popover-trigger',\n 'PopoverTrigger',\n Object.keys(popoverTriggerProps),\n Object.keys(popoverTriggerEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,iBAIT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;;ACZD,MAAa,cAIT,gBAIF,yBACA,eACA,OAAO,KAAK,iBAAiB,EAC7B,OAAO,KAAK,kBAAkB,CAC/B;;;;ACZD,MAAa,iBAIT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { t as CreateProps } from "./create-props-
|
|
1
|
+
import { t as CreateProps } from "./create-props-PUVFMh9y.js";
|
|
2
2
|
import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
|
|
3
3
|
import { ResizableHandleElement, ResizableHandleEvents, ResizableHandleProps as ResizableHandleProps$1, ResizableRootElement, ResizableRootEvents, ResizableRootProps as ResizableRootProps$1 } from "@prosekit/web/resizable";
|
|
4
4
|
|
|
5
5
|
//#region src/components/resizable/resizable-handle.gen.d.ts
|
|
6
|
-
|
|
7
6
|
/**
|
|
8
7
|
* Props for the {@link ResizableHandle} component.
|
|
9
8
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-react-resizable.d.ts","names":[],"sources":["../src/components/resizable/resizable-handle.gen.ts","../src/components/resizable/resizable-root.gen.ts"],"
|
|
1
|
+
{"version":3,"file":"prosekit-react-resizable.d.ts","names":[],"sources":["../src/components/resizable/resizable-handle.gen.ts","../src/components/resizable/resizable-root.gen.ts"],"mappings":";;;;;;;AAmBA;UAAiB,oBAAA,SAA6B,OAAA,CAAQ,WAAA,CAAY,sBAAA,EAAO,qBAAA;AAAA,cAE5D,eAAA,EAAiB,yBAAA,CAC5B,oBAAA,GACA,aAAA,CAAc,sBAAA,IACd,cAAA,CAAe,sBAAA;;;;;AALjB;UCAiB,kBAAA,SAA2B,OAAA,CAAQ,WAAA,CAAY,oBAAA,EAAO,mBAAA;AAAA,cAE1D,aAAA,EAAe,yBAAA,CAC1B,kBAAA,GACA,aAAA,CAAc,oBAAA,IACd,cAAA,CAAe,oBAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as createComponent } from "./create-component-
|
|
1
|
+
import { t as createComponent } from "./create-component-D8vvwyIA.js";
|
|
2
2
|
import { resizableHandleEvents, resizableHandleProps, resizableRootEvents, resizableRootProps } from "@prosekit/web/resizable";
|
|
3
3
|
|
|
4
4
|
//#region src/components/resizable/resizable-handle.gen.ts
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-react-resizable.js","names":[
|
|
1
|
+
{"version":3,"file":"prosekit-react-resizable.js","names":[],"sources":["../src/components/resizable/resizable-handle.gen.ts","../src/components/resizable/resizable-root.gen.ts"],"sourcesContent":["import {\n type ResizableHandleElement,\n type ResizableHandleProps as Props,\n type ResizableHandleEvents as Events,\n resizableHandleProps,\n resizableHandleEvents,\n} from '@prosekit/web/resizable'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link ResizableHandle} component.\n */\nexport interface ResizableHandleProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const ResizableHandle: ForwardRefExoticComponent<\n ResizableHandleProps &\n RefAttributes<ResizableHandleElement> &\n HTMLAttributes<ResizableHandleElement>\n> = createComponent<\n ResizableHandleProps, \n ResizableHandleElement\n>(\n 'prosekit-resizable-handle',\n 'ResizableHandle',\n Object.keys(resizableHandleProps),\n Object.keys(resizableHandleEvents),\n)\n","import {\n type ResizableRootElement,\n type ResizableRootProps as Props,\n type ResizableRootEvents as Events,\n resizableRootProps,\n resizableRootEvents,\n} from '@prosekit/web/resizable'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link ResizableRoot} component.\n */\nexport interface ResizableRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const ResizableRoot: ForwardRefExoticComponent<\n ResizableRootProps &\n RefAttributes<ResizableRootElement> &\n HTMLAttributes<ResizableRootElement>\n> = createComponent<\n ResizableRootProps, \n ResizableRootElement\n>(\n 'prosekit-resizable-root',\n 'ResizableRoot',\n Object.keys(resizableRootProps),\n Object.keys(resizableRootEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,kBAIT,gBAIF,6BACA,mBACA,OAAO,KAAK,qBAAqB,EACjC,OAAO,KAAK,sBAAsB,CACnC;;;;ACZD,MAAa,gBAIT,gBAIF,2BACA,iBACA,OAAO,KAAK,mBAAmB,EAC/B,OAAO,KAAK,oBAAoB,CACjC"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { t as CreateProps } from "./create-props-
|
|
1
|
+
import { t as CreateProps } from "./create-props-PUVFMh9y.js";
|
|
2
2
|
import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
|
|
3
3
|
import { TableHandleColumnRootElement, TableHandleColumnRootEvents, TableHandleColumnRootProps as TableHandleColumnRootProps$1, TableHandleColumnTriggerElement, TableHandleColumnTriggerEvents, TableHandleColumnTriggerProps as TableHandleColumnTriggerProps$1, TableHandleDragPreviewElement, TableHandleDragPreviewEvents, TableHandleDragPreviewProps as TableHandleDragPreviewProps$1, TableHandleDropIndicatorElement, TableHandleDropIndicatorEvents, TableHandleDropIndicatorProps as TableHandleDropIndicatorProps$1, TableHandlePopoverContentElement, TableHandlePopoverContentEvents, TableHandlePopoverContentProps as TableHandlePopoverContentProps$1, TableHandlePopoverItemElement, TableHandlePopoverItemEvents, TableHandlePopoverItemProps as TableHandlePopoverItemProps$1, TableHandleRootElement, TableHandleRootEvents, TableHandleRootProps as TableHandleRootProps$1, TableHandleRowRootElement, TableHandleRowRootEvents, TableHandleRowRootProps as TableHandleRowRootProps$1, TableHandleRowTriggerElement, TableHandleRowTriggerEvents, TableHandleRowTriggerProps as TableHandleRowTriggerProps$1 } from "@prosekit/web/table-handle";
|
|
4
4
|
|
|
5
5
|
//#region src/components/table-handle/table-handle-column-root.gen.d.ts
|
|
6
|
-
|
|
7
6
|
/**
|
|
8
7
|
* Props for the {@link TableHandleColumnRoot} component.
|
|
9
8
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-react-table-handle.d.ts","names":[],"sources":["../src/components/table-handle/table-handle-column-root.gen.ts","../src/components/table-handle/table-handle-column-trigger.gen.ts","../src/components/table-handle/table-handle-drag-preview.gen.ts","../src/components/table-handle/table-handle-drop-indicator.gen.ts","../src/components/table-handle/table-handle-popover-content.gen.ts","../src/components/table-handle/table-handle-popover-item.gen.ts","../src/components/table-handle/table-handle-root.gen.ts","../src/components/table-handle/table-handle-row-root.gen.ts","../src/components/table-handle/table-handle-row-trigger.gen.ts"],"
|
|
1
|
+
{"version":3,"file":"prosekit-react-table-handle.d.ts","names":[],"sources":["../src/components/table-handle/table-handle-column-root.gen.ts","../src/components/table-handle/table-handle-column-trigger.gen.ts","../src/components/table-handle/table-handle-drag-preview.gen.ts","../src/components/table-handle/table-handle-drop-indicator.gen.ts","../src/components/table-handle/table-handle-popover-content.gen.ts","../src/components/table-handle/table-handle-popover-item.gen.ts","../src/components/table-handle/table-handle-root.gen.ts","../src/components/table-handle/table-handle-row-root.gen.ts","../src/components/table-handle/table-handle-row-trigger.gen.ts"],"mappings":";;;;;;;AAmBA;UAAiB,0BAAA,SAAmC,OAAA,CAAQ,WAAA,CAAY,4BAAA,EAAO,2BAAA;AAAA,cAElE,qBAAA,EAAuB,yBAAA,CAClC,0BAAA,GACA,aAAA,CAAc,4BAAA,IACd,cAAA,CAAe,4BAAA;;;;;AALjB;UCAiB,6BAAA,SAAsC,OAAA,CAAQ,WAAA,CAAY,+BAAA,EAAO,8BAAA;AAAA,cAErE,wBAAA,EAA0B,yBAAA,CACrC,6BAAA,GACA,aAAA,CAAc,+BAAA,IACd,cAAA,CAAe,+BAAA;;;;;ADLjB;UEAiB,2BAAA,SAAoC,OAAA,CAAQ,WAAA,CAAY,6BAAA,EAAO,4BAAA;AAAA,cAEnE,sBAAA,EAAwB,yBAAA,CACnC,2BAAA,GACA,aAAA,CAAc,6BAAA,IACd,cAAA,CAAe,6BAAA;;;;;AFLjB;UGAiB,6BAAA,SAAsC,OAAA,CAAQ,WAAA,CAAY,+BAAA,EAAO,8BAAA;AAAA,cAErE,wBAAA,EAA0B,yBAAA,CACrC,6BAAA,GACA,aAAA,CAAc,+BAAA,IACd,cAAA,CAAe,+BAAA;;;;;AHLjB;UIAiB,8BAAA,SAAuC,OAAA,CAAQ,WAAA,CAAY,gCAAA,EAAO,+BAAA;AAAA,cAEtE,yBAAA,EAA2B,yBAAA,CACtC,8BAAA,GACA,aAAA,CAAc,gCAAA,IACd,cAAA,CAAe,gCAAA;;;;;AJLjB;UKAiB,2BAAA,SAAoC,OAAA,CAAQ,WAAA,CAAY,6BAAA,EAAO,4BAAA;AAAA,cAEnE,sBAAA,EAAwB,yBAAA,CACnC,2BAAA,GACA,aAAA,CAAc,6BAAA,IACd,cAAA,CAAe,6BAAA;;;;;ALLjB;UMAiB,oBAAA,SAA6B,OAAA,CAAQ,WAAA,CAAY,sBAAA,EAAO,qBAAA;AAAA,cAE5D,eAAA,EAAiB,yBAAA,CAC5B,oBAAA,GACA,aAAA,CAAc,sBAAA,IACd,cAAA,CAAe,sBAAA;;;;;ANLjB;UOAiB,uBAAA,SAAgC,OAAA,CAAQ,WAAA,CAAY,yBAAA,EAAO,wBAAA;AAAA,cAE/D,kBAAA,EAAoB,yBAAA,CAC/B,uBAAA,GACA,aAAA,CAAc,yBAAA,IACd,cAAA,CAAe,yBAAA;;;;;APLjB;UQAiB,0BAAA,SAAmC,OAAA,CAAQ,WAAA,CAAY,4BAAA,EAAO,2BAAA;AAAA,cAElE,qBAAA,EAAuB,yBAAA,CAClC,0BAAA,GACA,aAAA,CAAc,4BAAA,IACd,cAAA,CAAe,4BAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as createComponent } from "./create-component-
|
|
1
|
+
import { t as createComponent } from "./create-component-D8vvwyIA.js";
|
|
2
2
|
import { tableHandleColumnRootEvents, tableHandleColumnRootProps, tableHandleColumnTriggerEvents, tableHandleColumnTriggerProps, tableHandleDragPreviewEvents, tableHandleDragPreviewProps, tableHandleDropIndicatorEvents, tableHandleDropIndicatorProps, tableHandlePopoverContentEvents, tableHandlePopoverContentProps, tableHandlePopoverItemEvents, tableHandlePopoverItemProps, tableHandleRootEvents, tableHandleRootProps, tableHandleRowRootEvents, tableHandleRowRootProps, tableHandleRowTriggerEvents, tableHandleRowTriggerProps } from "@prosekit/web/table-handle";
|
|
3
3
|
|
|
4
4
|
//#region src/components/table-handle/table-handle-column-root.gen.ts
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-react-table-handle.js","names":["TableHandleColumnRoot: ForwardRefExoticComponent<\n TableHandleColumnRootProps &\n RefAttributes<TableHandleColumnRootElement> &\n HTMLAttributes<TableHandleColumnRootElement>\n>","TableHandleColumnTrigger: ForwardRefExoticComponent<\n TableHandleColumnTriggerProps &\n RefAttributes<TableHandleColumnTriggerElement> &\n HTMLAttributes<TableHandleColumnTriggerElement>\n>","TableHandleDragPreview: ForwardRefExoticComponent<\n TableHandleDragPreviewProps &\n RefAttributes<TableHandleDragPreviewElement> &\n HTMLAttributes<TableHandleDragPreviewElement>\n>","TableHandleDropIndicator: ForwardRefExoticComponent<\n TableHandleDropIndicatorProps &\n RefAttributes<TableHandleDropIndicatorElement> &\n HTMLAttributes<TableHandleDropIndicatorElement>\n>","TableHandlePopoverContent: ForwardRefExoticComponent<\n TableHandlePopoverContentProps &\n RefAttributes<TableHandlePopoverContentElement> &\n HTMLAttributes<TableHandlePopoverContentElement>\n>","TableHandlePopoverItem: ForwardRefExoticComponent<\n TableHandlePopoverItemProps &\n RefAttributes<TableHandlePopoverItemElement> &\n HTMLAttributes<TableHandlePopoverItemElement>\n>","TableHandleRoot: ForwardRefExoticComponent<\n TableHandleRootProps &\n RefAttributes<TableHandleRootElement> &\n HTMLAttributes<TableHandleRootElement>\n>","TableHandleRowRoot: ForwardRefExoticComponent<\n TableHandleRowRootProps &\n RefAttributes<TableHandleRowRootElement> &\n HTMLAttributes<TableHandleRowRootElement>\n>","TableHandleRowTrigger: ForwardRefExoticComponent<\n TableHandleRowTriggerProps &\n RefAttributes<TableHandleRowTriggerElement> &\n HTMLAttributes<TableHandleRowTriggerElement>\n>"],"sources":["../src/components/table-handle/table-handle-column-root.gen.ts","../src/components/table-handle/table-handle-column-trigger.gen.ts","../src/components/table-handle/table-handle-drag-preview.gen.ts","../src/components/table-handle/table-handle-drop-indicator.gen.ts","../src/components/table-handle/table-handle-popover-content.gen.ts","../src/components/table-handle/table-handle-popover-item.gen.ts","../src/components/table-handle/table-handle-root.gen.ts","../src/components/table-handle/table-handle-row-root.gen.ts","../src/components/table-handle/table-handle-row-trigger.gen.ts"],"sourcesContent":["import {\n type TableHandleColumnRootElement,\n type TableHandleColumnRootProps as Props,\n type TableHandleColumnRootEvents as Events,\n tableHandleColumnRootProps,\n tableHandleColumnRootEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleColumnRoot} component.\n */\nexport interface TableHandleColumnRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleColumnRoot: ForwardRefExoticComponent<\n TableHandleColumnRootProps &\n RefAttributes<TableHandleColumnRootElement> &\n HTMLAttributes<TableHandleColumnRootElement>\n> = createComponent<\n TableHandleColumnRootProps, \n TableHandleColumnRootElement\n>(\n 'prosekit-table-handle-column-root',\n 'TableHandleColumnRoot',\n Object.keys(tableHandleColumnRootProps),\n Object.keys(tableHandleColumnRootEvents),\n)\n","import {\n type TableHandleColumnTriggerElement,\n type TableHandleColumnTriggerProps as Props,\n type TableHandleColumnTriggerEvents as Events,\n tableHandleColumnTriggerProps,\n tableHandleColumnTriggerEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleColumnTrigger} component.\n */\nexport interface TableHandleColumnTriggerProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleColumnTrigger: ForwardRefExoticComponent<\n TableHandleColumnTriggerProps &\n RefAttributes<TableHandleColumnTriggerElement> &\n HTMLAttributes<TableHandleColumnTriggerElement>\n> = createComponent<\n TableHandleColumnTriggerProps, \n TableHandleColumnTriggerElement\n>(\n 'prosekit-table-handle-column-trigger',\n 'TableHandleColumnTrigger',\n Object.keys(tableHandleColumnTriggerProps),\n Object.keys(tableHandleColumnTriggerEvents),\n)\n","import {\n type TableHandleDragPreviewElement,\n type TableHandleDragPreviewProps as Props,\n type TableHandleDragPreviewEvents as Events,\n tableHandleDragPreviewProps,\n tableHandleDragPreviewEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleDragPreview} component.\n */\nexport interface TableHandleDragPreviewProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleDragPreview: ForwardRefExoticComponent<\n TableHandleDragPreviewProps &\n RefAttributes<TableHandleDragPreviewElement> &\n HTMLAttributes<TableHandleDragPreviewElement>\n> = createComponent<\n TableHandleDragPreviewProps, \n TableHandleDragPreviewElement\n>(\n 'prosekit-table-handle-drag-preview',\n 'TableHandleDragPreview',\n Object.keys(tableHandleDragPreviewProps),\n Object.keys(tableHandleDragPreviewEvents),\n)\n","import {\n type TableHandleDropIndicatorElement,\n type TableHandleDropIndicatorProps as Props,\n type TableHandleDropIndicatorEvents as Events,\n tableHandleDropIndicatorProps,\n tableHandleDropIndicatorEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleDropIndicator} component.\n */\nexport interface TableHandleDropIndicatorProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleDropIndicator: ForwardRefExoticComponent<\n TableHandleDropIndicatorProps &\n RefAttributes<TableHandleDropIndicatorElement> &\n HTMLAttributes<TableHandleDropIndicatorElement>\n> = createComponent<\n TableHandleDropIndicatorProps, \n TableHandleDropIndicatorElement\n>(\n 'prosekit-table-handle-drop-indicator',\n 'TableHandleDropIndicator',\n Object.keys(tableHandleDropIndicatorProps),\n Object.keys(tableHandleDropIndicatorEvents),\n)\n","import {\n type TableHandlePopoverContentElement,\n type TableHandlePopoverContentProps as Props,\n type TableHandlePopoverContentEvents as Events,\n tableHandlePopoverContentProps,\n tableHandlePopoverContentEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandlePopoverContent} component.\n */\nexport interface TableHandlePopoverContentProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandlePopoverContent: ForwardRefExoticComponent<\n TableHandlePopoverContentProps &\n RefAttributes<TableHandlePopoverContentElement> &\n HTMLAttributes<TableHandlePopoverContentElement>\n> = createComponent<\n TableHandlePopoverContentProps, \n TableHandlePopoverContentElement\n>(\n 'prosekit-table-handle-popover-content',\n 'TableHandlePopoverContent',\n Object.keys(tableHandlePopoverContentProps),\n Object.keys(tableHandlePopoverContentEvents),\n)\n","import {\n type TableHandlePopoverItemElement,\n type TableHandlePopoverItemProps as Props,\n type TableHandlePopoverItemEvents as Events,\n tableHandlePopoverItemProps,\n tableHandlePopoverItemEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandlePopoverItem} component.\n */\nexport interface TableHandlePopoverItemProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandlePopoverItem: ForwardRefExoticComponent<\n TableHandlePopoverItemProps &\n RefAttributes<TableHandlePopoverItemElement> &\n HTMLAttributes<TableHandlePopoverItemElement>\n> = createComponent<\n TableHandlePopoverItemProps, \n TableHandlePopoverItemElement\n>(\n 'prosekit-table-handle-popover-item',\n 'TableHandlePopoverItem',\n Object.keys(tableHandlePopoverItemProps),\n Object.keys(tableHandlePopoverItemEvents),\n)\n","import {\n type TableHandleRootElement,\n type TableHandleRootProps as Props,\n type TableHandleRootEvents as Events,\n tableHandleRootProps,\n tableHandleRootEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleRoot} component.\n */\nexport interface TableHandleRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleRoot: ForwardRefExoticComponent<\n TableHandleRootProps &\n RefAttributes<TableHandleRootElement> &\n HTMLAttributes<TableHandleRootElement>\n> = createComponent<\n TableHandleRootProps, \n TableHandleRootElement\n>(\n 'prosekit-table-handle-root',\n 'TableHandleRoot',\n Object.keys(tableHandleRootProps),\n Object.keys(tableHandleRootEvents),\n)\n","import {\n type TableHandleRowRootElement,\n type TableHandleRowRootProps as Props,\n type TableHandleRowRootEvents as Events,\n tableHandleRowRootProps,\n tableHandleRowRootEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleRowRoot} component.\n */\nexport interface TableHandleRowRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleRowRoot: ForwardRefExoticComponent<\n TableHandleRowRootProps &\n RefAttributes<TableHandleRowRootElement> &\n HTMLAttributes<TableHandleRowRootElement>\n> = createComponent<\n TableHandleRowRootProps, \n TableHandleRowRootElement\n>(\n 'prosekit-table-handle-row-root',\n 'TableHandleRowRoot',\n Object.keys(tableHandleRowRootProps),\n Object.keys(tableHandleRowRootEvents),\n)\n","import {\n type TableHandleRowTriggerElement,\n type TableHandleRowTriggerProps as Props,\n type TableHandleRowTriggerEvents as Events,\n tableHandleRowTriggerProps,\n tableHandleRowTriggerEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleRowTrigger} component.\n */\nexport interface TableHandleRowTriggerProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleRowTrigger: ForwardRefExoticComponent<\n TableHandleRowTriggerProps &\n RefAttributes<TableHandleRowTriggerElement> &\n HTMLAttributes<TableHandleRowTriggerElement>\n> = createComponent<\n TableHandleRowTriggerProps, \n TableHandleRowTriggerElement\n>(\n 'prosekit-table-handle-row-trigger',\n 'TableHandleRowTrigger',\n Object.keys(tableHandleRowTriggerProps),\n Object.keys(tableHandleRowTriggerEvents),\n)\n"],"mappings":";;;;AAqBA,MAAaA,wBAIT,gBAIF,qCACA,yBACA,OAAO,KAAK,2BAA2B,EACvC,OAAO,KAAK,4BAA4B,CACzC;;;;ACZD,MAAaC,2BAIT,gBAIF,wCACA,4BACA,OAAO,KAAK,8BAA8B,EAC1C,OAAO,KAAK,+BAA+B,CAC5C;;;;ACZD,MAAaC,yBAIT,gBAIF,sCACA,0BACA,OAAO,KAAK,4BAA4B,EACxC,OAAO,KAAK,6BAA6B,CAC1C;;;;ACZD,MAAaC,2BAIT,gBAIF,wCACA,4BACA,OAAO,KAAK,8BAA8B,EAC1C,OAAO,KAAK,+BAA+B,CAC5C;;;;ACZD,MAAaC,4BAIT,gBAIF,yCACA,6BACA,OAAO,KAAK,+BAA+B,EAC3C,OAAO,KAAK,gCAAgC,CAC7C;;;;ACZD,MAAaC,yBAIT,gBAIF,sCACA,0BACA,OAAO,KAAK,4BAA4B,EACxC,OAAO,KAAK,6BAA6B,CAC1C;;;;ACZD,MAAaC,kBAIT,gBAIF,8BACA,mBACA,OAAO,KAAK,qBAAqB,EACjC,OAAO,KAAK,sBAAsB,CACnC;;;;ACZD,MAAaC,qBAIT,gBAIF,kCACA,sBACA,OAAO,KAAK,wBAAwB,EACpC,OAAO,KAAK,yBAAyB,CACtC;;;;ACZD,MAAaC,wBAIT,gBAIF,qCACA,yBACA,OAAO,KAAK,2BAA2B,EACvC,OAAO,KAAK,4BAA4B,CACzC"}
|
|
1
|
+
{"version":3,"file":"prosekit-react-table-handle.js","names":[],"sources":["../src/components/table-handle/table-handle-column-root.gen.ts","../src/components/table-handle/table-handle-column-trigger.gen.ts","../src/components/table-handle/table-handle-drag-preview.gen.ts","../src/components/table-handle/table-handle-drop-indicator.gen.ts","../src/components/table-handle/table-handle-popover-content.gen.ts","../src/components/table-handle/table-handle-popover-item.gen.ts","../src/components/table-handle/table-handle-root.gen.ts","../src/components/table-handle/table-handle-row-root.gen.ts","../src/components/table-handle/table-handle-row-trigger.gen.ts"],"sourcesContent":["import {\n type TableHandleColumnRootElement,\n type TableHandleColumnRootProps as Props,\n type TableHandleColumnRootEvents as Events,\n tableHandleColumnRootProps,\n tableHandleColumnRootEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleColumnRoot} component.\n */\nexport interface TableHandleColumnRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleColumnRoot: ForwardRefExoticComponent<\n TableHandleColumnRootProps &\n RefAttributes<TableHandleColumnRootElement> &\n HTMLAttributes<TableHandleColumnRootElement>\n> = createComponent<\n TableHandleColumnRootProps, \n TableHandleColumnRootElement\n>(\n 'prosekit-table-handle-column-root',\n 'TableHandleColumnRoot',\n Object.keys(tableHandleColumnRootProps),\n Object.keys(tableHandleColumnRootEvents),\n)\n","import {\n type TableHandleColumnTriggerElement,\n type TableHandleColumnTriggerProps as Props,\n type TableHandleColumnTriggerEvents as Events,\n tableHandleColumnTriggerProps,\n tableHandleColumnTriggerEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleColumnTrigger} component.\n */\nexport interface TableHandleColumnTriggerProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleColumnTrigger: ForwardRefExoticComponent<\n TableHandleColumnTriggerProps &\n RefAttributes<TableHandleColumnTriggerElement> &\n HTMLAttributes<TableHandleColumnTriggerElement>\n> = createComponent<\n TableHandleColumnTriggerProps, \n TableHandleColumnTriggerElement\n>(\n 'prosekit-table-handle-column-trigger',\n 'TableHandleColumnTrigger',\n Object.keys(tableHandleColumnTriggerProps),\n Object.keys(tableHandleColumnTriggerEvents),\n)\n","import {\n type TableHandleDragPreviewElement,\n type TableHandleDragPreviewProps as Props,\n type TableHandleDragPreviewEvents as Events,\n tableHandleDragPreviewProps,\n tableHandleDragPreviewEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleDragPreview} component.\n */\nexport interface TableHandleDragPreviewProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleDragPreview: ForwardRefExoticComponent<\n TableHandleDragPreviewProps &\n RefAttributes<TableHandleDragPreviewElement> &\n HTMLAttributes<TableHandleDragPreviewElement>\n> = createComponent<\n TableHandleDragPreviewProps, \n TableHandleDragPreviewElement\n>(\n 'prosekit-table-handle-drag-preview',\n 'TableHandleDragPreview',\n Object.keys(tableHandleDragPreviewProps),\n Object.keys(tableHandleDragPreviewEvents),\n)\n","import {\n type TableHandleDropIndicatorElement,\n type TableHandleDropIndicatorProps as Props,\n type TableHandleDropIndicatorEvents as Events,\n tableHandleDropIndicatorProps,\n tableHandleDropIndicatorEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleDropIndicator} component.\n */\nexport interface TableHandleDropIndicatorProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleDropIndicator: ForwardRefExoticComponent<\n TableHandleDropIndicatorProps &\n RefAttributes<TableHandleDropIndicatorElement> &\n HTMLAttributes<TableHandleDropIndicatorElement>\n> = createComponent<\n TableHandleDropIndicatorProps, \n TableHandleDropIndicatorElement\n>(\n 'prosekit-table-handle-drop-indicator',\n 'TableHandleDropIndicator',\n Object.keys(tableHandleDropIndicatorProps),\n Object.keys(tableHandleDropIndicatorEvents),\n)\n","import {\n type TableHandlePopoverContentElement,\n type TableHandlePopoverContentProps as Props,\n type TableHandlePopoverContentEvents as Events,\n tableHandlePopoverContentProps,\n tableHandlePopoverContentEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandlePopoverContent} component.\n */\nexport interface TableHandlePopoverContentProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandlePopoverContent: ForwardRefExoticComponent<\n TableHandlePopoverContentProps &\n RefAttributes<TableHandlePopoverContentElement> &\n HTMLAttributes<TableHandlePopoverContentElement>\n> = createComponent<\n TableHandlePopoverContentProps, \n TableHandlePopoverContentElement\n>(\n 'prosekit-table-handle-popover-content',\n 'TableHandlePopoverContent',\n Object.keys(tableHandlePopoverContentProps),\n Object.keys(tableHandlePopoverContentEvents),\n)\n","import {\n type TableHandlePopoverItemElement,\n type TableHandlePopoverItemProps as Props,\n type TableHandlePopoverItemEvents as Events,\n tableHandlePopoverItemProps,\n tableHandlePopoverItemEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandlePopoverItem} component.\n */\nexport interface TableHandlePopoverItemProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandlePopoverItem: ForwardRefExoticComponent<\n TableHandlePopoverItemProps &\n RefAttributes<TableHandlePopoverItemElement> &\n HTMLAttributes<TableHandlePopoverItemElement>\n> = createComponent<\n TableHandlePopoverItemProps, \n TableHandlePopoverItemElement\n>(\n 'prosekit-table-handle-popover-item',\n 'TableHandlePopoverItem',\n Object.keys(tableHandlePopoverItemProps),\n Object.keys(tableHandlePopoverItemEvents),\n)\n","import {\n type TableHandleRootElement,\n type TableHandleRootProps as Props,\n type TableHandleRootEvents as Events,\n tableHandleRootProps,\n tableHandleRootEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleRoot} component.\n */\nexport interface TableHandleRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleRoot: ForwardRefExoticComponent<\n TableHandleRootProps &\n RefAttributes<TableHandleRootElement> &\n HTMLAttributes<TableHandleRootElement>\n> = createComponent<\n TableHandleRootProps, \n TableHandleRootElement\n>(\n 'prosekit-table-handle-root',\n 'TableHandleRoot',\n Object.keys(tableHandleRootProps),\n Object.keys(tableHandleRootEvents),\n)\n","import {\n type TableHandleRowRootElement,\n type TableHandleRowRootProps as Props,\n type TableHandleRowRootEvents as Events,\n tableHandleRowRootProps,\n tableHandleRowRootEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleRowRoot} component.\n */\nexport interface TableHandleRowRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleRowRoot: ForwardRefExoticComponent<\n TableHandleRowRootProps &\n RefAttributes<TableHandleRowRootElement> &\n HTMLAttributes<TableHandleRowRootElement>\n> = createComponent<\n TableHandleRowRootProps, \n TableHandleRowRootElement\n>(\n 'prosekit-table-handle-row-root',\n 'TableHandleRowRoot',\n Object.keys(tableHandleRowRootProps),\n Object.keys(tableHandleRowRootEvents),\n)\n","import {\n type TableHandleRowTriggerElement,\n type TableHandleRowTriggerProps as Props,\n type TableHandleRowTriggerEvents as Events,\n tableHandleRowTriggerProps,\n tableHandleRowTriggerEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleRowTrigger} component.\n */\nexport interface TableHandleRowTriggerProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleRowTrigger: ForwardRefExoticComponent<\n TableHandleRowTriggerProps &\n RefAttributes<TableHandleRowTriggerElement> &\n HTMLAttributes<TableHandleRowTriggerElement>\n> = createComponent<\n TableHandleRowTriggerProps, \n TableHandleRowTriggerElement\n>(\n 'prosekit-table-handle-row-trigger',\n 'TableHandleRowTrigger',\n Object.keys(tableHandleRowTriggerProps),\n Object.keys(tableHandleRowTriggerEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,wBAIT,gBAIF,qCACA,yBACA,OAAO,KAAK,2BAA2B,EACvC,OAAO,KAAK,4BAA4B,CACzC;;;;ACZD,MAAa,2BAIT,gBAIF,wCACA,4BACA,OAAO,KAAK,8BAA8B,EAC1C,OAAO,KAAK,+BAA+B,CAC5C;;;;ACZD,MAAa,yBAIT,gBAIF,sCACA,0BACA,OAAO,KAAK,4BAA4B,EACxC,OAAO,KAAK,6BAA6B,CAC1C;;;;ACZD,MAAa,2BAIT,gBAIF,wCACA,4BACA,OAAO,KAAK,8BAA8B,EAC1C,OAAO,KAAK,+BAA+B,CAC5C;;;;ACZD,MAAa,4BAIT,gBAIF,yCACA,6BACA,OAAO,KAAK,+BAA+B,EAC3C,OAAO,KAAK,gCAAgC,CAC7C;;;;ACZD,MAAa,yBAIT,gBAIF,sCACA,0BACA,OAAO,KAAK,4BAA4B,EACxC,OAAO,KAAK,6BAA6B,CAC1C;;;;ACZD,MAAa,kBAIT,gBAIF,8BACA,mBACA,OAAO,KAAK,qBAAqB,EACjC,OAAO,KAAK,sBAAsB,CACnC;;;;ACZD,MAAa,qBAIT,gBAIF,kCACA,sBACA,OAAO,KAAK,wBAAwB,EACpC,OAAO,KAAK,yBAAyB,CACtC;;;;ACZD,MAAa,wBAIT,gBAIF,qCACA,yBACA,OAAO,KAAK,2BAA2B,EACvC,OAAO,KAAK,4BAA4B,CACzC"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { t as CreateProps } from "./create-props-
|
|
1
|
+
import { t as CreateProps } from "./create-props-PUVFMh9y.js";
|
|
2
2
|
import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
|
|
3
3
|
import { TooltipContentElement, TooltipContentEvents, TooltipContentProps as TooltipContentProps$1, TooltipRootElement, TooltipRootEvents, TooltipRootProps as TooltipRootProps$1, TooltipTriggerElement, TooltipTriggerEvents, TooltipTriggerProps as TooltipTriggerProps$1 } from "@prosekit/web/tooltip";
|
|
4
4
|
|
|
5
5
|
//#region src/components/tooltip/tooltip-content.gen.d.ts
|
|
6
|
-
|
|
7
6
|
/**
|
|
8
7
|
* Props for the {@link TooltipContent} component.
|
|
9
8
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-react-tooltip.d.ts","names":[],"sources":["../src/components/tooltip/tooltip-content.gen.ts","../src/components/tooltip/tooltip-root.gen.ts","../src/components/tooltip/tooltip-trigger.gen.ts"],"
|
|
1
|
+
{"version":3,"file":"prosekit-react-tooltip.d.ts","names":[],"sources":["../src/components/tooltip/tooltip-content.gen.ts","../src/components/tooltip/tooltip-root.gen.ts","../src/components/tooltip/tooltip-trigger.gen.ts"],"mappings":";;;;;;;AAmBA;UAAiB,mBAAA,SAA4B,OAAA,CAAQ,WAAA,CAAY,qBAAA,EAAO,oBAAA;AAAA,cAE3D,cAAA,EAAgB,yBAAA,CAC3B,mBAAA,GACA,aAAA,CAAc,qBAAA,IACd,cAAA,CAAe,qBAAA;;;;;AALjB;UCAiB,gBAAA,SAAyB,OAAA,CAAQ,WAAA,CAAY,kBAAA,EAAO,iBAAA;AAAA,cAExD,WAAA,EAAa,yBAAA,CACxB,gBAAA,GACA,aAAA,CAAc,kBAAA,IACd,cAAA,CAAe,kBAAA;;;;;ADLjB;UEAiB,mBAAA,SAA4B,OAAA,CAAQ,WAAA,CAAY,qBAAA,EAAO,oBAAA;AAAA,cAE3D,cAAA,EAAgB,yBAAA,CAC3B,mBAAA,GACA,aAAA,CAAc,qBAAA,IACd,cAAA,CAAe,qBAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as createComponent } from "./create-component-
|
|
1
|
+
import { t as createComponent } from "./create-component-D8vvwyIA.js";
|
|
2
2
|
import { tooltipContentEvents, tooltipContentProps, tooltipRootEvents, tooltipRootProps, tooltipTriggerEvents, tooltipTriggerProps } from "@prosekit/web/tooltip";
|
|
3
3
|
|
|
4
4
|
//#region src/components/tooltip/tooltip-content.gen.ts
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-react-tooltip.js","names":[
|
|
1
|
+
{"version":3,"file":"prosekit-react-tooltip.js","names":[],"sources":["../src/components/tooltip/tooltip-content.gen.ts","../src/components/tooltip/tooltip-root.gen.ts","../src/components/tooltip/tooltip-trigger.gen.ts"],"sourcesContent":["import {\n type TooltipContentElement,\n type TooltipContentProps as Props,\n type TooltipContentEvents as Events,\n tooltipContentProps,\n tooltipContentEvents,\n} from '@prosekit/web/tooltip'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TooltipContent} component.\n */\nexport interface TooltipContentProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TooltipContent: ForwardRefExoticComponent<\n TooltipContentProps &\n RefAttributes<TooltipContentElement> &\n HTMLAttributes<TooltipContentElement>\n> = createComponent<\n TooltipContentProps, \n TooltipContentElement\n>(\n 'prosekit-tooltip-content',\n 'TooltipContent',\n Object.keys(tooltipContentProps),\n Object.keys(tooltipContentEvents),\n)\n","import {\n type TooltipRootElement,\n type TooltipRootProps as Props,\n type TooltipRootEvents as Events,\n tooltipRootProps,\n tooltipRootEvents,\n} from '@prosekit/web/tooltip'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TooltipRoot} component.\n */\nexport interface TooltipRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TooltipRoot: ForwardRefExoticComponent<\n TooltipRootProps &\n RefAttributes<TooltipRootElement> &\n HTMLAttributes<TooltipRootElement>\n> = createComponent<\n TooltipRootProps, \n TooltipRootElement\n>(\n 'prosekit-tooltip-root',\n 'TooltipRoot',\n Object.keys(tooltipRootProps),\n Object.keys(tooltipRootEvents),\n)\n","import {\n type TooltipTriggerElement,\n type TooltipTriggerProps as Props,\n type TooltipTriggerEvents as Events,\n tooltipTriggerProps,\n tooltipTriggerEvents,\n} from '@prosekit/web/tooltip'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TooltipTrigger} component.\n */\nexport interface TooltipTriggerProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TooltipTrigger: ForwardRefExoticComponent<\n TooltipTriggerProps &\n RefAttributes<TooltipTriggerElement> &\n HTMLAttributes<TooltipTriggerElement>\n> = createComponent<\n TooltipTriggerProps, \n TooltipTriggerElement\n>(\n 'prosekit-tooltip-trigger',\n 'TooltipTrigger',\n Object.keys(tooltipTriggerProps),\n Object.keys(tooltipTriggerEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,iBAIT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;;ACZD,MAAa,cAIT,gBAIF,yBACA,eACA,OAAO,KAAK,iBAAiB,EAC7B,OAAO,KAAK,kBAAkB,CAC/B;;;;ACZD,MAAa,iBAIT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC"}
|
package/dist/prosekit-react.d.ts
CHANGED
|
@@ -91,6 +91,7 @@ declare function useExtension(
|
|
|
91
91
|
* The extension to add to the editor. If it changes, the previous
|
|
92
92
|
* extension will be removed and the new one (if not null) will be added.
|
|
93
93
|
*/
|
|
94
|
+
|
|
94
95
|
extension: Extension | null, options?: UseExtensionOptions): void;
|
|
95
96
|
//#endregion
|
|
96
97
|
//#region src/hooks/use-doc-change.d.ts
|
|
@@ -150,6 +151,7 @@ declare function useEditorDerivedValue<E extends Extension, Derived>(
|
|
|
150
151
|
*
|
|
151
152
|
* This function should be memoized.
|
|
152
153
|
*/
|
|
154
|
+
|
|
153
155
|
derive: (editor: Editor<E>) => Derived, options?: UseEditorDerivedOptions<E>): Derived;
|
|
154
156
|
//#endregion
|
|
155
157
|
//#region src/hooks/use-keymap.d.ts
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-react.d.ts","names":[],"sources":["../src/components/prosekit.ts","../src/extensions/react-mark-view.ts","../src/extensions/react-node-view.ts","../src/hooks/use-extension.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts","../src/types.ts"],"
|
|
1
|
+
{"version":3,"file":"prosekit-react.d.ts","names":[],"sources":["../src/components/prosekit.ts","../src/extensions/react-mark-view.ts","../src/extensions/react-node-view.ts","../src/hooks/use-extension.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts","../src/types.ts"],"mappings":";;;;;;;;UAQiB,aAAA;EACf,MAAA,EAAQ,MAAA;EACR,QAAA,GAAW,SAAA;AAAA;;;AAFb;;;cAUa,QAAA,EAAU,aAAA,CAAc,aAAA;;;;;;UCPpB,kBAAA,SAA2B,eAAA;;;;KAKhC,sBAAA,GAAyB,aAAA,CAAc,kBAAA;;;;;;UAOlC,oBAAA,SAA6B,uBAAA,CAAwB,sBAAA;EDSrE;;;ECLC,IAAA;AAAA;;;;AAXF;;iBAwCgB,mBAAA,CAAoB,OAAA,EAAS,oBAAA,GAAuB,SAAA;;;;;;UC7CnD,kBAAA,SAA2B,eAAA;;;;KAKhC,sBAAA,GAAyB,aAAA,CAAc,kBAAA;;;;;;UAOlC,oBAAA,SAA6B,uBAAA,CAAwB,sBAAA;EFSrE;;;EELC,IAAA;AAAA;;;;ADXF;;iBCwCgB,mBAAA,CAAoB,OAAA,EAAS,oBAAA,GAAuB,SAAA;;;UCjDnD,mBAAA;;;;;EAKf,MAAA,GAAS,MAAA;;AHJX;;EGSE,QAAA,GAAW,QAAA;AAAA;;;;iBAMG,YAAA;;;AHLhB;;;AGUE,SAAA,EAAW,SAAA,SACX,OAAA,GAAU,mBAAA;;;;;;;;iBCjBI,YAAA,CACd,OAAA,GAAU,GAAA,EAAK,eAAA,WACf,OAAA,GAAU,mBAAA;;;;;;;;iBCJI,SAAA,WAAoB,SAAA,OAAA,CAAiB,OAAA;;ALFrD;;;;;;;;;;EKcE,MAAA;AAAA,IACE,MAAA,CAAO,CAAA;;;UClBM,uBAAA,WAAkC,SAAA;;;;;EAKjD,MAAA,GAAS,MAAA,CAAO,CAAA;AAAA;ANFlB;;;;;;;;;;AAUA;AAVA,iBMgBgB,qBAAA,WAAgC,SAAA,UAAA;;;;;;;ALbhD;;;AKsBE,MAAA,GAAS,MAAA,EAAQ,MAAA,CAAO,CAAA,MAAO,OAAA,EAC/B,OAAA,GAAU,uBAAA,CAAwB,CAAA,IACjC,OAAA;;;iBC9Ba,SAAA,CAAU,MAAA,EAAQ,MAAA,EAAQ,OAAA,GAAU,mBAAA;;;;;;;;iBCOpC,cAAA,CACd,OAAA,GAAU,KAAA,EAAO,WAAA,WACjB,OAAA,GAAU,mBAAA;;;;;;KCXA,kBAAA,gBAAkC,CAAA;EAC5C,SAAA;AAAA"}
|
package/dist/prosekit-react.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { n as useEditorContext, t as EditorContextProvider } from "./editor-context-
|
|
1
|
+
import { n as useEditorContext, t as EditorContextProvider } from "./editor-context-DHjS00Fa.js";
|
|
2
2
|
import { ProsemirrorAdapterProvider, useMarkViewContext, useMarkViewFactory, useNodeViewContext, useNodeViewFactory } from "@prosemirror-adapter/react";
|
|
3
3
|
import { createElement, useCallback, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useSyncExternalStore } from "react";
|
|
4
4
|
import { EditorNotFoundError, ProseKitError, defineDocChangeHandler, defineKeymap, defineMarkViewComponent, defineMarkViewFactory, defineMountHandler, defineNodeViewComponent, defineNodeViewFactory, defineUpdateHandler, union, withPriority } from "@prosekit/core";
|
|
5
|
+
import { queueExtension } from "@prosekit/web";
|
|
5
6
|
|
|
6
7
|
//#region src/hooks/use-editor-extension.ts
|
|
7
8
|
/**
|
|
@@ -10,7 +11,7 @@ import { EditorNotFoundError, ProseKitError, defineDocChangeHandler, defineKeyma
|
|
|
10
11
|
function useEditorExtension(editor, extension) {
|
|
11
12
|
if (!editor) throw new EditorNotFoundError();
|
|
12
13
|
useEffect(() => {
|
|
13
|
-
if (extension) return editor
|
|
14
|
+
if (extension) return queueExtension(editor, extension);
|
|
14
15
|
}, [editor, extension]);
|
|
15
16
|
}
|
|
16
17
|
|
|
@@ -120,7 +121,7 @@ function defineReactNodeViewFactory(factory) {
|
|
|
120
121
|
*/
|
|
121
122
|
const ProseKit = (props) => {
|
|
122
123
|
const { editor, children } = props;
|
|
123
|
-
return createElement(
|
|
124
|
+
return createElement(EditorContextProvider, { value: editor }, createElement(ProsemirrorAdapterProvider, null, createElement(ReactNodeViewConsumer), createElement(ReactMarkViewConsumer), children));
|
|
124
125
|
};
|
|
125
126
|
|
|
126
127
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-react.js","names":["ReactMarkViewConsumer: FC","ReactNodeViewConsumer: FC","ProseKit: ComponentType<ProseKitProps>","derived: Derived"],"sources":["../src/hooks/use-editor-extension.ts","../src/hooks/use-priority-extension.ts","../src/hooks/use-extension.ts","../src/extensions/react-mark-view.ts","../src/extensions/react-node-view.ts","../src/components/prosekit.ts","../src/hooks/use-event-callback.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts"],"sourcesContent":["import {\n EditorNotFoundError,\n type Editor,\n type Extension,\n} from '@prosekit/core'\nimport { useEffect } from 'react'\n\n/**\n * @internal\n */\nexport function useEditorExtension(\n editor: Editor | null | undefined,\n extension: Extension | null,\n): void {\n if (!editor) {\n throw new EditorNotFoundError()\n }\n\n useEffect(() => {\n if (extension) {\n return editor.use(extension)\n }\n }, [editor, extension])\n}\n","import {\n withPriority,\n type Extension,\n type Priority,\n} from '@prosekit/core'\nimport { useMemo } from 'react'\n\n/**\n * @internal\n */\nexport function usePriorityExtension<T extends Extension = Extension>(\n extension: T | null,\n priority?: Priority | null,\n): T | null {\n return useMemo(() => {\n return extension && priority ? withPriority(extension, priority) : extension\n }, [extension, priority])\n}\n","import type {\n Editor,\n Extension,\n Priority,\n} from '@prosekit/core'\n\nimport { useEditorContext } from '../contexts/editor-context'\n\nimport { useEditorExtension } from './use-editor-extension'\nimport { usePriorityExtension } from './use-priority-extension'\n\nexport interface UseExtensionOptions {\n /**\n * The editor to add the extension to. If not provided, it will use the\n * editor from the nearest `<ProseKit>` component.\n */\n editor?: Editor\n\n /**\n * Optional priority to add the extension with.\n */\n priority?: Priority\n}\n\n/**\n * Add an extension to the editor.\n */\nexport function useExtension(\n /**\n * The extension to add to the editor. If it changes, the previous\n * extension will be removed and the new one (if not null) will be added.\n */\n extension: Extension | null,\n options?: UseExtensionOptions,\n): void {\n const editorContext = useEditorContext()\n useEditorExtension(\n options?.editor || editorContext,\n usePriorityExtension(extension, options?.priority),\n )\n}\n","import {\n defineMarkViewComponent,\n defineMarkViewFactory,\n type Extension,\n} from '@prosekit/core'\nimport type { MarkViewConstructor } from '@prosekit/pm/view'\nimport type { CoreMarkViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n useMarkViewContext,\n useMarkViewFactory,\n type MarkViewContext,\n type ReactMarkViewUserOptions,\n} from '@prosemirror-adapter/react'\nimport {\n createElement,\n useMemo,\n type ComponentType,\n type FC,\n} from 'react'\n\nimport { useExtension } from '../hooks/use-extension'\n\n/**\n * @public\n */\nexport interface ReactMarkViewProps extends MarkViewContext {}\n\n/**\n * @public\n */\nexport type ReactMarkViewComponent = ComponentType<ReactMarkViewProps>\n\n/**\n * Options for {@link defineReactMarkView}.\n *\n * @public\n */\nexport interface ReactMarkViewOptions extends CoreMarkViewUserOptions<ReactMarkViewComponent> {\n /**\n * The name of the mark type.\n */\n name: string\n}\n\nfunction withMarkViewProps(component: ReactMarkViewComponent) {\n return function MarkViewPropsWrapper() {\n const props: ReactMarkViewProps = useMarkViewContext()\n return createElement(component, props)\n }\n}\n\n/**\n * @internal\n */\nexport const ReactMarkViewConsumer: FC = () => {\n const markViewFactory = useMarkViewFactory()\n const extension = useMemo(\n () => defineReactMarkViewFactory(markViewFactory),\n [markViewFactory],\n )\n useExtension(extension)\n\n return null\n}\n\n/**\n * Defines a mark view using a React component.\n *\n * @public\n */\nexport function defineReactMarkView(options: ReactMarkViewOptions): Extension {\n const { name, component, ...userOptions } = options\n\n const args: ReactMarkViewUserOptions = {\n ...userOptions,\n component: withMarkViewProps(component),\n }\n\n return defineMarkViewComponent<ReactMarkViewUserOptions>({\n group: 'react',\n name,\n args,\n })\n}\n\nfunction defineReactMarkViewFactory(\n factory: (options: ReactMarkViewUserOptions) => MarkViewConstructor,\n) {\n return defineMarkViewFactory<ReactMarkViewUserOptions>({\n group: 'react',\n factory,\n })\n}\n","import {\n defineNodeViewComponent,\n defineNodeViewFactory,\n type Extension,\n} from '@prosekit/core'\nimport type { NodeViewConstructor } from '@prosekit/pm/view'\nimport type { CoreNodeViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n useNodeViewContext,\n useNodeViewFactory,\n type NodeViewContext,\n type ReactNodeViewUserOptions,\n} from '@prosemirror-adapter/react'\nimport {\n createElement,\n useMemo,\n type ComponentType,\n type FC,\n} from 'react'\n\nimport { useExtension } from '../hooks/use-extension'\n\n/**\n * @public\n */\nexport interface ReactNodeViewProps extends NodeViewContext {}\n\n/**\n * @public\n */\nexport type ReactNodeViewComponent = ComponentType<ReactNodeViewProps>\n\n/**\n * Options for {@link defineReactNodeView}.\n *\n * @public\n */\nexport interface ReactNodeViewOptions extends CoreNodeViewUserOptions<ReactNodeViewComponent> {\n /**\n * The name of the node type.\n */\n name: string\n}\n\nfunction withNodeViewProps(component: ReactNodeViewComponent) {\n return function NodeViewPropsWrapper() {\n const props: ReactNodeViewProps = useNodeViewContext()\n return createElement(component, props)\n }\n}\n\n/**\n * @internal\n */\nexport const ReactNodeViewConsumer: FC = () => {\n const nodeViewFactory = useNodeViewFactory()\n const extension = useMemo(\n () => defineReactNodeViewFactory(nodeViewFactory),\n [nodeViewFactory],\n )\n useExtension(extension)\n\n return null\n}\n\n/**\n * Defines a node view using a React component.\n *\n * @public\n */\nexport function defineReactNodeView(options: ReactNodeViewOptions): Extension {\n const { name, component, ...userOptions } = options\n\n const args: ReactNodeViewUserOptions = {\n ...userOptions,\n component: withNodeViewProps(component),\n }\n\n return defineNodeViewComponent<ReactNodeViewUserOptions>({\n group: 'react',\n name,\n args,\n })\n}\n\nfunction defineReactNodeViewFactory(\n factory: (options: ReactNodeViewUserOptions) => NodeViewConstructor,\n) {\n return defineNodeViewFactory<ReactNodeViewUserOptions>({\n group: 'react',\n factory,\n })\n}\n","import type { Editor } from '@prosekit/core'\nimport { ProsemirrorAdapterProvider } from '@prosemirror-adapter/react'\nimport {\n createElement,\n type ComponentType,\n type ReactNode,\n} from 'react'\n\nimport { EditorContextProvider } from '../contexts/editor-context'\nimport { ReactMarkViewConsumer } from '../extensions/react-mark-view'\nimport { ReactNodeViewConsumer } from '../extensions/react-node-view'\n\nexport interface ProseKitProps {\n editor: Editor\n children?: ReactNode\n}\n\n/**\n * The root component for a ProseKit editor.\n *\n * @public\n */\nexport const ProseKit: ComponentType<ProseKitProps> = (props) => {\n const { editor, children } = props\n\n return createElement(\n ProsemirrorAdapterProvider,\n null,\n createElement(\n EditorContextProvider,\n { value: editor },\n createElement(ReactNodeViewConsumer),\n createElement(ReactMarkViewConsumer),\n children,\n ),\n )\n}\n","import {\n useCallback,\n useLayoutEffect,\n useRef,\n} from 'react'\n\n/**\n * @internal\n */\nexport function useEventCallback<Args extends unknown[], Return>(\n callback: (...args: Args) => Return,\n): (...args: Args) => Return {\n const callbackRef = useRef(callback)\n useLayoutEffect(() => {\n callbackRef.current = callback\n }, [callback])\n return useCallback((...args: Args) => callbackRef.current(...args), [])\n}\n","import { defineDocChangeHandler } from '@prosekit/core'\nimport type { ProseMirrorNode } from '@prosekit/pm/model'\nimport { useMemo } from 'react'\n\nimport { useEventCallback } from './use-event-callback'\nimport {\n useExtension,\n type UseExtensionOptions,\n} from './use-extension'\n\n/**\n * Calls the given handler whenever the editor document changes.\n *\n * @public\n */\nexport function useDocChange(\n handler: (doc: ProseMirrorNode) => void,\n options?: UseExtensionOptions,\n): void {\n const memoizedHandler = useEventCallback(handler)\n const extension = useMemo(\n () => defineDocChangeHandler((view) => memoizedHandler(view.state.doc)),\n [memoizedHandler],\n )\n useExtension(extension, options)\n}\n","import {\n defineMountHandler,\n defineUpdateHandler,\n ProseKitError,\n union,\n type Editor,\n type Extension,\n} from '@prosekit/core'\nimport {\n useEffect,\n useReducer,\n} from 'react'\n\nimport { useEditorContext } from '../contexts/editor-context'\n\n/**\n * Retrieves the editor instance from the nearest ProseKit component.\n *\n * @public\n */\nexport function useEditor<E extends Extension = any>(options?: {\n /**\n * Whether to update the component when the editor is mounted or editor state\n * is updated.\n *\n * Note this this option doesn't work with [React\n * compiler](https://react.dev/learn/react-compiler) because the returned\n * editor will be the same instance after state updates. If you're using React\n * compiler, you should use {@link useEditorDerivedValue} instead.\n *\n * @default false\n */\n update?: boolean\n}): Editor<E> {\n const update = options?.update ?? false\n\n const editor = useEditorContext<E>()\n if (!editor) {\n throw new ProseKitError(\n 'useEditor must be used within the ProseKit component',\n )\n }\n\n const forceUpdate = useForceUpdate()\n\n useEffect(() => {\n if (update) {\n const extension = union(\n defineMountHandler(forceUpdate),\n defineUpdateHandler(forceUpdate),\n )\n return editor.use(extension)\n }\n }, [editor, update, forceUpdate])\n\n return editor\n}\n\nfunction useForceUpdate() {\n const [, dispatch] = useReducer((x: number) => x + 1, 0)\n return dispatch\n}\n","import {\n defineMountHandler,\n defineUpdateHandler,\n EditorNotFoundError,\n union,\n type Editor,\n type Extension,\n} from '@prosekit/core'\nimport {\n useMemo,\n useSyncExternalStore,\n} from 'react'\n\nimport { useEditorContext } from '../contexts/editor-context'\n\nexport interface UseEditorDerivedOptions<E extends Extension = any> {\n /**\n * The editor to add the extension to. If not provided, it will use the\n * editor from the nearest `<ProseKit>` component.\n */\n editor?: Editor<E>\n}\n\n/**\n * Runs a function to derive a value from the editor instance after editor state\n * changes.\n *\n * This is useful when you need to render something based on the editor state,\n * for example, whether the selected text is wrapped in an italic mark.\n *\n * It returns the derived value that updates whenever the editor state changes.\n *\n * @public\n */\nexport function useEditorDerivedValue<E extends Extension, Derived>(\n /**\n * A function that receives the editor instance and returns a derived value.\n *\n * It will be called whenever the editor's document state changes, or when it\n * mounts.\n *\n * This function should be memoized.\n */\n derive: (editor: Editor<E>) => Derived,\n options?: UseEditorDerivedOptions<E>,\n): Derived {\n const editorContext = useEditorContext<E>()\n const editor = options?.editor ?? editorContext\n if (!editor) {\n throw new EditorNotFoundError()\n }\n\n const [subscribe, getSnapshot] = useMemo(() => {\n return createEditorStore(editor, derive)\n }, [editor, derive])\n\n return useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n}\n\nfunction createEditorStore<Derived, E extends Extension = any>(editor: Editor<E>, derive: (editor: Editor<E>) => Derived) {\n let dirty = true\n let derived: Derived\n\n const subscribe = (onChange: VoidFunction): VoidFunction => {\n const handleChange = () => {\n dirty = true\n onChange()\n }\n const extension = union(\n defineUpdateHandler(handleChange),\n defineMountHandler(handleChange),\n )\n return editor.use(extension)\n }\n\n const getSnapshot = () => {\n if (dirty) {\n dirty = false\n derived = derive(editor)\n }\n return derived\n }\n\n return [subscribe, getSnapshot] as const\n}\n","import {\n defineKeymap,\n type Keymap,\n} from '@prosekit/core'\nimport { useMemo } from 'react'\n\nimport {\n useExtension,\n type UseExtensionOptions,\n} from './use-extension'\n\nexport function useKeymap(keymap: Keymap, options?: UseExtensionOptions): void {\n const extension = useMemo(() => defineKeymap(keymap), [keymap])\n useExtension(extension, options)\n}\n","import { defineUpdateHandler } from '@prosekit/core'\nimport type { EditorState } from '@prosekit/pm/state'\nimport { useMemo } from 'react'\n\nimport { useEventCallback } from './use-event-callback'\nimport {\n useExtension,\n type UseExtensionOptions,\n} from './use-extension'\n\n/**\n * Calls the given handler whenever the editor state changes.\n *\n * @public\n */\nexport function useStateUpdate(\n handler: (state: EditorState) => void,\n options?: UseExtensionOptions,\n): void {\n const memoizedHandler = useEventCallback(handler)\n const extension = useMemo(\n () => defineUpdateHandler((view) => memoizedHandler(view.state)),\n [memoizedHandler],\n )\n useExtension(extension, options)\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"prosekit-react.js","names":[],"sources":["../src/hooks/use-editor-extension.ts","../src/hooks/use-priority-extension.ts","../src/hooks/use-extension.ts","../src/extensions/react-mark-view.ts","../src/extensions/react-node-view.ts","../src/components/prosekit.ts","../src/hooks/use-event-callback.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts"],"sourcesContent":["import { EditorNotFoundError, type Editor, type Extension } from '@prosekit/core'\nimport { queueExtension } from '@prosekit/web'\nimport { useEffect } from 'react'\n\n/**\n * @internal\n */\nexport function useEditorExtension(\n editor: Editor | null | undefined,\n extension: Extension | null,\n): void {\n if (!editor) {\n throw new EditorNotFoundError()\n }\n\n useEffect(() => {\n if (extension) {\n return queueExtension(editor, extension)\n }\n }, [editor, extension])\n}\n","import { withPriority, type Extension, type Priority } from '@prosekit/core'\nimport { useMemo } from 'react'\n\n/**\n * @internal\n */\nexport function usePriorityExtension<T extends Extension = Extension>(\n extension: T | null,\n priority?: Priority | null,\n): T | null {\n return useMemo(() => {\n return extension && priority ? withPriority(extension, priority) : extension\n }, [extension, priority])\n}\n","import type { Editor, Extension, Priority } from '@prosekit/core'\n\nimport { useEditorContext } from '../contexts/editor-context'\n\nimport { useEditorExtension } from './use-editor-extension'\nimport { usePriorityExtension } from './use-priority-extension'\n\nexport interface UseExtensionOptions {\n /**\n * The editor to add the extension to. If not provided, it will use the\n * editor from the nearest `<ProseKit>` component.\n */\n editor?: Editor\n\n /**\n * Optional priority to add the extension with.\n */\n priority?: Priority\n}\n\n/**\n * Add an extension to the editor.\n */\nexport function useExtension(\n /**\n * The extension to add to the editor. If it changes, the previous\n * extension will be removed and the new one (if not null) will be added.\n */\n extension: Extension | null,\n options?: UseExtensionOptions,\n): void {\n const editorContext = useEditorContext()\n useEditorExtension(\n options?.editor || editorContext,\n usePriorityExtension(extension, options?.priority),\n )\n}\n","import { defineMarkViewComponent, defineMarkViewFactory, type Extension } from '@prosekit/core'\nimport type { MarkViewConstructor } from '@prosekit/pm/view'\nimport type { CoreMarkViewUserOptions } from '@prosemirror-adapter/core'\nimport { useMarkViewContext, useMarkViewFactory, type MarkViewContext, type ReactMarkViewUserOptions } from '@prosemirror-adapter/react'\nimport { createElement, useMemo, type ComponentType, type FC } from 'react'\n\nimport { useExtension } from '../hooks/use-extension'\n\n/**\n * @public\n */\nexport interface ReactMarkViewProps extends MarkViewContext {}\n\n/**\n * @public\n */\nexport type ReactMarkViewComponent = ComponentType<ReactMarkViewProps>\n\n/**\n * Options for {@link defineReactMarkView}.\n *\n * @public\n */\nexport interface ReactMarkViewOptions extends CoreMarkViewUserOptions<ReactMarkViewComponent> {\n /**\n * The name of the mark type.\n */\n name: string\n}\n\nfunction withMarkViewProps(component: ReactMarkViewComponent) {\n return function MarkViewPropsWrapper() {\n const props: ReactMarkViewProps = useMarkViewContext()\n return createElement(component, props)\n }\n}\n\n/**\n * @internal\n */\nexport const ReactMarkViewConsumer: FC = () => {\n const markViewFactory = useMarkViewFactory()\n const extension = useMemo(\n () => defineReactMarkViewFactory(markViewFactory),\n [markViewFactory],\n )\n useExtension(extension)\n\n return null\n}\n\n/**\n * Defines a mark view using a React component.\n *\n * @public\n */\nexport function defineReactMarkView(options: ReactMarkViewOptions): Extension {\n const { name, component, ...userOptions } = options\n\n const args: ReactMarkViewUserOptions = {\n ...userOptions,\n component: withMarkViewProps(component),\n }\n\n return defineMarkViewComponent<ReactMarkViewUserOptions>({\n group: 'react',\n name,\n args,\n })\n}\n\nfunction defineReactMarkViewFactory(\n factory: (options: ReactMarkViewUserOptions) => MarkViewConstructor,\n) {\n return defineMarkViewFactory<ReactMarkViewUserOptions>({\n group: 'react',\n factory,\n })\n}\n","import { defineNodeViewComponent, defineNodeViewFactory, type Extension } from '@prosekit/core'\nimport type { NodeViewConstructor } from '@prosekit/pm/view'\nimport type { CoreNodeViewUserOptions } from '@prosemirror-adapter/core'\nimport { useNodeViewContext, useNodeViewFactory, type NodeViewContext, type ReactNodeViewUserOptions } from '@prosemirror-adapter/react'\nimport { createElement, useMemo, type ComponentType, type FC } from 'react'\n\nimport { useExtension } from '../hooks/use-extension'\n\n/**\n * @public\n */\nexport interface ReactNodeViewProps extends NodeViewContext {}\n\n/**\n * @public\n */\nexport type ReactNodeViewComponent = ComponentType<ReactNodeViewProps>\n\n/**\n * Options for {@link defineReactNodeView}.\n *\n * @public\n */\nexport interface ReactNodeViewOptions extends CoreNodeViewUserOptions<ReactNodeViewComponent> {\n /**\n * The name of the node type.\n */\n name: string\n}\n\nfunction withNodeViewProps(component: ReactNodeViewComponent) {\n return function NodeViewPropsWrapper() {\n const props: ReactNodeViewProps = useNodeViewContext()\n return createElement(component, props)\n }\n}\n\n/**\n * @internal\n */\nexport const ReactNodeViewConsumer: FC = () => {\n const nodeViewFactory = useNodeViewFactory()\n const extension = useMemo(\n () => defineReactNodeViewFactory(nodeViewFactory),\n [nodeViewFactory],\n )\n useExtension(extension)\n\n return null\n}\n\n/**\n * Defines a node view using a React component.\n *\n * @public\n */\nexport function defineReactNodeView(options: ReactNodeViewOptions): Extension {\n const { name, component, ...userOptions } = options\n\n const args: ReactNodeViewUserOptions = {\n ...userOptions,\n component: withNodeViewProps(component),\n }\n\n return defineNodeViewComponent<ReactNodeViewUserOptions>({\n group: 'react',\n name,\n args,\n })\n}\n\nfunction defineReactNodeViewFactory(\n factory: (options: ReactNodeViewUserOptions) => NodeViewConstructor,\n) {\n return defineNodeViewFactory<ReactNodeViewUserOptions>({\n group: 'react',\n factory,\n })\n}\n","import type { Editor } from '@prosekit/core'\nimport { ProsemirrorAdapterProvider } from '@prosemirror-adapter/react'\nimport { createElement, type ComponentType, type ReactNode } from 'react'\n\nimport { EditorContextProvider } from '../contexts/editor-context'\nimport { ReactMarkViewConsumer } from '../extensions/react-mark-view'\nimport { ReactNodeViewConsumer } from '../extensions/react-node-view'\n\nexport interface ProseKitProps {\n editor: Editor\n children?: ReactNode\n}\n\n/**\n * The root component for a ProseKit editor.\n *\n * @public\n */\nexport const ProseKit: ComponentType<ProseKitProps> = (props) => {\n const { editor, children } = props\n\n return createElement(\n EditorContextProvider,\n { value: editor },\n createElement(\n ProsemirrorAdapterProvider,\n null,\n createElement(ReactNodeViewConsumer),\n createElement(ReactMarkViewConsumer),\n children,\n ),\n )\n}\n","import { useCallback, useLayoutEffect, useRef } from 'react'\n\n/**\n * @internal\n */\nexport function useEventCallback<Args extends unknown[], Return>(\n callback: (...args: Args) => Return,\n): (...args: Args) => Return {\n const callbackRef = useRef(callback)\n useLayoutEffect(() => {\n callbackRef.current = callback\n }, [callback])\n return useCallback((...args: Args) => callbackRef.current(...args), [])\n}\n","import { defineDocChangeHandler } from '@prosekit/core'\nimport type { ProseMirrorNode } from '@prosekit/pm/model'\nimport { useMemo } from 'react'\n\nimport { useEventCallback } from './use-event-callback'\nimport { useExtension, type UseExtensionOptions } from './use-extension'\n\n/**\n * Calls the given handler whenever the editor document changes.\n *\n * @public\n */\nexport function useDocChange(\n handler: (doc: ProseMirrorNode) => void,\n options?: UseExtensionOptions,\n): void {\n const memoizedHandler = useEventCallback(handler)\n const extension = useMemo(\n () => defineDocChangeHandler((view) => memoizedHandler(view.state.doc)),\n [memoizedHandler],\n )\n useExtension(extension, options)\n}\n","import { defineMountHandler, defineUpdateHandler, ProseKitError, union, type Editor, type Extension } from '@prosekit/core'\nimport { useEffect, useReducer } from 'react'\n\nimport { useEditorContext } from '../contexts/editor-context'\n\n/**\n * Retrieves the editor instance from the nearest ProseKit component.\n *\n * @public\n */\nexport function useEditor<E extends Extension = any>(options?: {\n /**\n * Whether to update the component when the editor is mounted or editor state\n * is updated.\n *\n * Note this this option doesn't work with [React\n * compiler](https://react.dev/learn/react-compiler) because the returned\n * editor will be the same instance after state updates. If you're using React\n * compiler, you should use {@link useEditorDerivedValue} instead.\n *\n * @default false\n */\n update?: boolean\n}): Editor<E> {\n const update = options?.update ?? false\n\n const editor = useEditorContext<E>()\n if (!editor) {\n throw new ProseKitError(\n 'useEditor must be used within the ProseKit component',\n )\n }\n\n const forceUpdate = useForceUpdate()\n\n useEffect(() => {\n if (update) {\n const extension = union(\n defineMountHandler(forceUpdate),\n defineUpdateHandler(forceUpdate),\n )\n return editor.use(extension)\n }\n }, [editor, update, forceUpdate])\n\n return editor\n}\n\nfunction useForceUpdate() {\n const [, dispatch] = useReducer((x: number) => x + 1, 0)\n return dispatch\n}\n","import { defineMountHandler, defineUpdateHandler, EditorNotFoundError, union, type Editor, type Extension } from '@prosekit/core'\nimport { useMemo, useSyncExternalStore } from 'react'\n\nimport { useEditorContext } from '../contexts/editor-context'\n\nexport interface UseEditorDerivedOptions<E extends Extension = any> {\n /**\n * The editor to add the extension to. If not provided, it will use the\n * editor from the nearest `<ProseKit>` component.\n */\n editor?: Editor<E>\n}\n\n/**\n * Runs a function to derive a value from the editor instance after editor state\n * changes.\n *\n * This is useful when you need to render something based on the editor state,\n * for example, whether the selected text is wrapped in an italic mark.\n *\n * It returns the derived value that updates whenever the editor state changes.\n *\n * @public\n */\nexport function useEditorDerivedValue<E extends Extension, Derived>(\n /**\n * A function that receives the editor instance and returns a derived value.\n *\n * It will be called whenever the editor's document state changes, or when it\n * mounts.\n *\n * This function should be memoized.\n */\n derive: (editor: Editor<E>) => Derived,\n options?: UseEditorDerivedOptions<E>,\n): Derived {\n const editorContext = useEditorContext<E>()\n const editor = options?.editor ?? editorContext\n if (!editor) {\n throw new EditorNotFoundError()\n }\n\n const [subscribe, getSnapshot] = useMemo(() => {\n return createEditorStore(editor, derive)\n }, [editor, derive])\n\n return useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n}\n\nfunction createEditorStore<Derived, E extends Extension = any>(editor: Editor<E>, derive: (editor: Editor<E>) => Derived) {\n let dirty = true\n let derived: Derived\n\n const subscribe = (onChange: VoidFunction): VoidFunction => {\n const handleChange = () => {\n dirty = true\n onChange()\n }\n const extension = union(\n defineUpdateHandler(handleChange),\n defineMountHandler(handleChange),\n )\n return editor.use(extension)\n }\n\n const getSnapshot = () => {\n if (dirty) {\n dirty = false\n derived = derive(editor)\n }\n return derived\n }\n\n return [subscribe, getSnapshot] as const\n}\n","import { defineKeymap, type Keymap } from '@prosekit/core'\nimport { useMemo } from 'react'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension'\n\nexport function useKeymap(keymap: Keymap, options?: UseExtensionOptions): void {\n const extension = useMemo(() => defineKeymap(keymap), [keymap])\n useExtension(extension, options)\n}\n","import { defineUpdateHandler } from '@prosekit/core'\nimport type { EditorState } from '@prosekit/pm/state'\nimport { useMemo } from 'react'\n\nimport { useEventCallback } from './use-event-callback'\nimport { useExtension, type UseExtensionOptions } from './use-extension'\n\n/**\n * Calls the given handler whenever the editor state changes.\n *\n * @public\n */\nexport function useStateUpdate(\n handler: (state: EditorState) => void,\n options?: UseExtensionOptions,\n): void {\n const memoizedHandler = useEventCallback(handler)\n const extension = useMemo(\n () => defineUpdateHandler((view) => memoizedHandler(view.state)),\n [memoizedHandler],\n )\n useExtension(extension, options)\n}\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prosekit/react",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.6.
|
|
4
|
+
"version": "0.6.6",
|
|
5
5
|
"private": false,
|
|
6
6
|
"description": "React components and utilities for ProseKit",
|
|
7
7
|
"author": {
|
|
@@ -69,10 +69,10 @@
|
|
|
69
69
|
],
|
|
70
70
|
"dependencies": {
|
|
71
71
|
"@prosemirror-adapter/core": "^0.4.6",
|
|
72
|
-
"@prosemirror-adapter/react": "^0.
|
|
73
|
-
"@prosekit/core": "^0.
|
|
72
|
+
"@prosemirror-adapter/react": "^0.5.1",
|
|
73
|
+
"@prosekit/core": "^0.10.0",
|
|
74
74
|
"@prosekit/pm": "^0.1.15",
|
|
75
|
-
"@prosekit/web": "^0.7.
|
|
75
|
+
"@prosekit/web": "^0.7.10"
|
|
76
76
|
},
|
|
77
77
|
"peerDependencies": {
|
|
78
78
|
"react": ">= 18.2.0",
|
|
@@ -87,11 +87,11 @@
|
|
|
87
87
|
}
|
|
88
88
|
},
|
|
89
89
|
"devDependencies": {
|
|
90
|
-
"@types/react": "^19.2.
|
|
90
|
+
"@types/react": "^19.2.10",
|
|
91
91
|
"@types/react-dom": "^19.2.3",
|
|
92
|
-
"react": "^19.2.
|
|
93
|
-
"react-dom": "^19.2.
|
|
94
|
-
"tsdown": "^0.
|
|
92
|
+
"react": "^19.2.4",
|
|
93
|
+
"react-dom": "^19.2.4",
|
|
94
|
+
"tsdown": "^0.20.1",
|
|
95
95
|
"typescript": "~5.9.3",
|
|
96
96
|
"@prosekit/config-tsdown": "0.0.0",
|
|
97
97
|
"@prosekit/config-vitest": "0.0.0"
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import type { Editor } from '@prosekit/core'
|
|
2
2
|
import { ProsemirrorAdapterProvider } from '@prosemirror-adapter/react'
|
|
3
|
-
import {
|
|
4
|
-
createElement,
|
|
5
|
-
type ComponentType,
|
|
6
|
-
type ReactNode,
|
|
7
|
-
} from 'react'
|
|
3
|
+
import { createElement, type ComponentType, type ReactNode } from 'react'
|
|
8
4
|
|
|
9
5
|
import { EditorContextProvider } from '../contexts/editor-context'
|
|
10
6
|
import { ReactMarkViewConsumer } from '../extensions/react-mark-view'
|
|
@@ -24,11 +20,11 @@ export const ProseKit: ComponentType<ProseKitProps> = (props) => {
|
|
|
24
20
|
const { editor, children } = props
|
|
25
21
|
|
|
26
22
|
return createElement(
|
|
27
|
-
|
|
28
|
-
|
|
23
|
+
EditorContextProvider,
|
|
24
|
+
{ value: editor },
|
|
29
25
|
createElement(
|
|
30
|
-
|
|
31
|
-
|
|
26
|
+
ProsemirrorAdapterProvider,
|
|
27
|
+
null,
|
|
32
28
|
createElement(ReactNodeViewConsumer),
|
|
33
29
|
createElement(ReactMarkViewConsumer),
|
|
34
30
|
children,
|
|
@@ -1,12 +1,5 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
3
|
-
Extension,
|
|
4
|
-
} from '@prosekit/core'
|
|
5
|
-
import {
|
|
6
|
-
createContext,
|
|
7
|
-
useContext,
|
|
8
|
-
type Provider,
|
|
9
|
-
} from 'react'
|
|
1
|
+
import type { Editor, Extension } from '@prosekit/core'
|
|
2
|
+
import { createContext, useContext, type Provider } from 'react'
|
|
10
3
|
|
|
11
4
|
const EditorContext = createContext<Editor | null>(null)
|
|
12
5
|
|
|
@@ -1,22 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
defineMarkViewComponent,
|
|
3
|
-
defineMarkViewFactory,
|
|
4
|
-
type Extension,
|
|
5
|
-
} from '@prosekit/core'
|
|
1
|
+
import { defineMarkViewComponent, defineMarkViewFactory, type Extension } from '@prosekit/core'
|
|
6
2
|
import type { MarkViewConstructor } from '@prosekit/pm/view'
|
|
7
3
|
import type { CoreMarkViewUserOptions } from '@prosemirror-adapter/core'
|
|
8
|
-
import {
|
|
9
|
-
|
|
10
|
-
useMarkViewFactory,
|
|
11
|
-
type MarkViewContext,
|
|
12
|
-
type ReactMarkViewUserOptions,
|
|
13
|
-
} from '@prosemirror-adapter/react'
|
|
14
|
-
import {
|
|
15
|
-
createElement,
|
|
16
|
-
useMemo,
|
|
17
|
-
type ComponentType,
|
|
18
|
-
type FC,
|
|
19
|
-
} from 'react'
|
|
4
|
+
import { useMarkViewContext, useMarkViewFactory, type MarkViewContext, type ReactMarkViewUserOptions } from '@prosemirror-adapter/react'
|
|
5
|
+
import { createElement, useMemo, type ComponentType, type FC } from 'react'
|
|
20
6
|
|
|
21
7
|
import { useExtension } from '../hooks/use-extension'
|
|
22
8
|
|
|
@@ -1,22 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
defineNodeViewComponent,
|
|
3
|
-
defineNodeViewFactory,
|
|
4
|
-
type Extension,
|
|
5
|
-
} from '@prosekit/core'
|
|
1
|
+
import { defineNodeViewComponent, defineNodeViewFactory, type Extension } from '@prosekit/core'
|
|
6
2
|
import type { NodeViewConstructor } from '@prosekit/pm/view'
|
|
7
3
|
import type { CoreNodeViewUserOptions } from '@prosemirror-adapter/core'
|
|
8
|
-
import {
|
|
9
|
-
|
|
10
|
-
useNodeViewFactory,
|
|
11
|
-
type NodeViewContext,
|
|
12
|
-
type ReactNodeViewUserOptions,
|
|
13
|
-
} from '@prosemirror-adapter/react'
|
|
14
|
-
import {
|
|
15
|
-
createElement,
|
|
16
|
-
useMemo,
|
|
17
|
-
type ComponentType,
|
|
18
|
-
type FC,
|
|
19
|
-
} from 'react'
|
|
4
|
+
import { useNodeViewContext, useNodeViewFactory, type NodeViewContext, type ReactNodeViewUserOptions } from '@prosemirror-adapter/react'
|
|
5
|
+
import { createElement, useMemo, type ComponentType, type FC } from 'react'
|
|
20
6
|
|
|
21
7
|
import { useExtension } from '../hooks/use-extension'
|
|
22
8
|
|
|
@@ -3,10 +3,7 @@ import type { ProseMirrorNode } from '@prosekit/pm/model'
|
|
|
3
3
|
import { useMemo } from 'react'
|
|
4
4
|
|
|
5
5
|
import { useEventCallback } from './use-event-callback'
|
|
6
|
-
import {
|
|
7
|
-
useExtension,
|
|
8
|
-
type UseExtensionOptions,
|
|
9
|
-
} from './use-extension'
|
|
6
|
+
import { useExtension, type UseExtensionOptions } from './use-extension'
|
|
10
7
|
|
|
11
8
|
/**
|
|
12
9
|
* Calls the given handler whenever the editor document changes.
|
|
@@ -1,15 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
defineUpdateHandler,
|
|
4
|
-
EditorNotFoundError,
|
|
5
|
-
union,
|
|
6
|
-
type Editor,
|
|
7
|
-
type Extension,
|
|
8
|
-
} from '@prosekit/core'
|
|
9
|
-
import {
|
|
10
|
-
useMemo,
|
|
11
|
-
useSyncExternalStore,
|
|
12
|
-
} from 'react'
|
|
1
|
+
import { defineMountHandler, defineUpdateHandler, EditorNotFoundError, union, type Editor, type Extension } from '@prosekit/core'
|
|
2
|
+
import { useMemo, useSyncExternalStore } from 'react'
|
|
13
3
|
|
|
14
4
|
import { useEditorContext } from '../contexts/editor-context'
|
|
15
5
|
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
type Editor,
|
|
4
|
-
type Extension,
|
|
5
|
-
} from '@prosekit/core'
|
|
1
|
+
import { EditorNotFoundError, type Editor, type Extension } from '@prosekit/core'
|
|
2
|
+
import { queueExtension } from '@prosekit/web'
|
|
6
3
|
import { useEffect } from 'react'
|
|
7
4
|
|
|
8
5
|
/**
|
|
@@ -18,7 +15,7 @@ export function useEditorExtension(
|
|
|
18
15
|
|
|
19
16
|
useEffect(() => {
|
|
20
17
|
if (extension) {
|
|
21
|
-
return editor
|
|
18
|
+
return queueExtension(editor, extension)
|
|
22
19
|
}
|
|
23
20
|
}, [editor, extension])
|
|
24
21
|
}
|
package/src/hooks/use-editor.ts
CHANGED
|
@@ -1,15 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
defineUpdateHandler,
|
|
4
|
-
ProseKitError,
|
|
5
|
-
union,
|
|
6
|
-
type Editor,
|
|
7
|
-
type Extension,
|
|
8
|
-
} from '@prosekit/core'
|
|
9
|
-
import {
|
|
10
|
-
useEffect,
|
|
11
|
-
useReducer,
|
|
12
|
-
} from 'react'
|
|
1
|
+
import { defineMountHandler, defineUpdateHandler, ProseKitError, union, type Editor, type Extension } from '@prosekit/core'
|
|
2
|
+
import { useEffect, useReducer } from 'react'
|
|
13
3
|
|
|
14
4
|
import { useEditorContext } from '../contexts/editor-context'
|
|
15
5
|
|
package/src/hooks/use-keymap.ts
CHANGED
|
@@ -1,13 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
defineKeymap,
|
|
3
|
-
type Keymap,
|
|
4
|
-
} from '@prosekit/core'
|
|
1
|
+
import { defineKeymap, type Keymap } from '@prosekit/core'
|
|
5
2
|
import { useMemo } from 'react'
|
|
6
3
|
|
|
7
|
-
import {
|
|
8
|
-
useExtension,
|
|
9
|
-
type UseExtensionOptions,
|
|
10
|
-
} from './use-extension'
|
|
4
|
+
import { useExtension, type UseExtensionOptions } from './use-extension'
|
|
11
5
|
|
|
12
6
|
export function useKeymap(keymap: Keymap, options?: UseExtensionOptions): void {
|
|
13
7
|
const extension = useMemo(() => defineKeymap(keymap), [keymap])
|
|
@@ -3,10 +3,7 @@ import type { EditorState } from '@prosekit/pm/state'
|
|
|
3
3
|
import { useMemo } from 'react'
|
|
4
4
|
|
|
5
5
|
import { useEventCallback } from './use-event-callback'
|
|
6
|
-
import {
|
|
7
|
-
useExtension,
|
|
8
|
-
type UseExtensionOptions,
|
|
9
|
-
} from './use-extension'
|
|
6
|
+
import { useExtension, type UseExtensionOptions } from './use-extension'
|
|
10
7
|
|
|
11
8
|
/**
|
|
12
9
|
* Calls the given handler whenever the editor state changes.
|
package/src/index.ts
CHANGED
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
export {
|
|
2
|
-
ProseKit,
|
|
3
|
-
type ProseKitProps,
|
|
4
|
-
} from './components/prosekit'
|
|
1
|
+
export { ProseKit, type ProseKitProps } from './components/prosekit'
|
|
5
2
|
export {
|
|
6
3
|
defineReactMarkView,
|
|
7
4
|
type ReactMarkViewComponent,
|
|
@@ -16,14 +13,8 @@ export {
|
|
|
16
13
|
} from './extensions/react-node-view'
|
|
17
14
|
export { useDocChange } from './hooks/use-doc-change'
|
|
18
15
|
export { useEditor } from './hooks/use-editor'
|
|
19
|
-
export {
|
|
20
|
-
|
|
21
|
-
type UseEditorDerivedOptions,
|
|
22
|
-
} from './hooks/use-editor-derived-value'
|
|
23
|
-
export {
|
|
24
|
-
useExtension,
|
|
25
|
-
type UseExtensionOptions,
|
|
26
|
-
} from './hooks/use-extension'
|
|
16
|
+
export { useEditorDerivedValue, type UseEditorDerivedOptions } from './hooks/use-editor-derived-value'
|
|
17
|
+
export { useExtension, type UseExtensionOptions } from './hooks/use-extension'
|
|
27
18
|
export { useKeymap } from './hooks/use-keymap'
|
|
28
19
|
export { useStateUpdate } from './hooks/use-state-update'
|
|
29
20
|
export { type PropsWithClassName } from './types'
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"create-component-2Ndxkk5s.js","names":["cleanups: VoidFunction[]","properties: Record<string, unknown>","attributes: Record<string, unknown>","eventHandlers: Record<string, AnyFunction>","fixedEventHandlers: Record<string, AnyFunction>"],"sources":["../src/components/merge-refs.ts","../src/components/create-component.ts"],"sourcesContent":["import type { Ref } from 'react'\n\n/**\n * Assigns a value to a ref.\n * @returns The ref cleanup callback, if any.\n */\nfunction assignRef<T>(\n ref: Ref<T> | undefined,\n value: T | null,\n): VoidFunction | void {\n if (typeof ref === 'function') {\n return ref(value)\n } else if (ref) {\n ref.current = value\n }\n}\n\n/**\n * Merges multiple refs into a single one.\n */\nexport function mergeRefs<T>(refs: (Ref<T> | undefined)[]): Ref<T> {\n return (value: T | null) => {\n const cleanups: VoidFunction[] = []\n\n for (const ref of refs) {\n const cleanup = assignRef(ref, value)\n const isCleanup = typeof cleanup === 'function'\n cleanups.push(isCleanup ? cleanup : () => assignRef(ref, null))\n }\n\n return () => {\n for (const cleanup of cleanups) cleanup()\n }\n }\n}\n","import type { AnyFunction } from '@prosekit/core'\nimport {\n createElement,\n forwardRef,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n type ForwardRefExoticComponent,\n type HTMLAttributes,\n type RefAttributes,\n} from 'react'\n\nimport { useEditorContext } from '../contexts/editor-context'\n\nimport { mergeRefs } from './merge-refs'\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect\n\nexport function createComponent<\n Props extends object,\n CustomElement extends HTMLElement,\n>(\n tagName: string,\n displayName: string,\n propNames: string[],\n eventNames: string[],\n): ForwardRefExoticComponent<\n Partial<Props> & RefAttributes<CustomElement> & HTMLAttributes<CustomElement>\n> {\n const hasEditor = propNames.includes('editor')\n const lowerCaseEventNameMap = new Map(\n eventNames.map((name) => [name.toLowerCase(), name]),\n )\n\n const Component = forwardRef<any, any>((props: Props, ref) => {\n const [el, setEl] = useState<HTMLElement | null>(null)\n\n const properties: Record<string, unknown> = {}\n const attributes: Record<string, unknown> = {}\n const eventHandlersRef = useRef<Record<string, AnyFunction>>({})\n const eventHandlers: Record<string, AnyFunction> = {}\n\n for (const [name, value] of Object.entries(props)) {\n if (value === undefined) {\n continue\n }\n\n if (propNames.includes(name)) {\n properties[name] = value\n continue\n }\n\n if (name.startsWith('on')) {\n const lowerCaseEventName = name.slice(2).toLowerCase()\n const eventName = lowerCaseEventNameMap.get(lowerCaseEventName)\n if (eventName) {\n const extractDetail = eventName.endsWith('Change')\n eventHandlers[eventName] = (event: Event) => {\n const handler = value as AnyFunction | null\n if (typeof handler === 'function') {\n handler(extractDetail ? (event as CustomEvent).detail : event)\n }\n }\n continue\n }\n }\n\n if (name === 'className') {\n attributes['class'] = value\n } else {\n attributes[name] = value\n }\n }\n\n const editor = useEditorContext()\n\n if (hasEditor && editor && !properties['editor']) {\n properties['editor'] = editor\n }\n\n // Set all properties.\n useIsomorphicLayoutEffect(() => {\n if (!el) return\n for (const [name, value] of Object.entries(properties)) {\n if (value !== undefined) {\n // @ts-expect-error: we know that name is a valid property name\n // eslint-disable-next-line react-hooks/immutability\n el[name] = value\n }\n }\n }, [el, ...propNames.map((name) => properties[name])])\n\n // Put all event listeners extracted from `props` into `eventHandlersRef`.\n useIsomorphicLayoutEffect(() => {\n eventHandlersRef.current = eventHandlers\n })\n\n // Register the event listeners to the element.\n useIsomorphicLayoutEffect(() => {\n if (!el) {\n return\n }\n\n const fixedEventHandlers: Record<string, AnyFunction> = {}\n\n for (const eventName of eventNames) {\n fixedEventHandlers[eventName] = (event: Event) => {\n eventHandlersRef.current[eventName]?.(event)\n }\n }\n\n for (const [name, handler] of Object.entries(fixedEventHandlers)) {\n el.addEventListener(name, handler)\n }\n\n return () => {\n for (const [name, handler] of Object.entries(fixedEventHandlers)) {\n el.removeEventListener(name, handler)\n }\n }\n }, [el])\n\n const mergedRef = useMemo(() => mergeRefs([ref, setEl]), [ref])\n\n return createElement(tagName, {\n ...attributes,\n // Suppress hydration warnings for web components as the attributes are set after the component is mounted.\n suppressHydrationWarning: true,\n ref: mergedRef,\n })\n })\n\n Component.displayName = displayName\n\n return Component\n}\n"],"mappings":";;;;;;;;AAMA,SAAS,UACP,KACA,OACqB;AACrB,KAAI,OAAO,QAAQ,WACjB,QAAO,IAAI,MAAM;UACR,IACT,KAAI,UAAU;;;;;AAOlB,SAAgB,UAAa,MAAsC;AACjE,SAAQ,UAAoB;EAC1B,MAAMA,WAA2B,EAAE;AAEnC,OAAK,MAAM,OAAO,MAAM;GACtB,MAAM,UAAU,UAAU,KAAK,MAAM;GACrC,MAAM,YAAY,OAAO,YAAY;AACrC,YAAS,KAAK,YAAY,gBAAgB,UAAU,KAAK,KAAK,CAAC;;AAGjE,eAAa;AACX,QAAK,MAAM,WAAW,SAAU,UAAS;;;;;;;ACb/C,MAAM,4BAA4B,OAAO,WAAW,cAAc,kBAAkB;AAEpF,SAAgB,gBAId,SACA,aACA,WACA,YAGA;CACA,MAAM,YAAY,UAAU,SAAS,SAAS;CAC9C,MAAM,wBAAwB,IAAI,IAChC,WAAW,KAAK,SAAS,CAAC,KAAK,aAAa,EAAE,KAAK,CAAC,CACrD;CAED,MAAM,YAAY,YAAsB,OAAc,QAAQ;EAC5D,MAAM,CAAC,IAAI,SAAS,SAA6B,KAAK;EAEtD,MAAMC,aAAsC,EAAE;EAC9C,MAAMC,aAAsC,EAAE;EAC9C,MAAM,mBAAmB,OAAoC,EAAE,CAAC;EAChE,MAAMC,gBAA6C,EAAE;AAErD,OAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,MAAM,EAAE;AACjD,OAAI,UAAU,OACZ;AAGF,OAAI,UAAU,SAAS,KAAK,EAAE;AAC5B,eAAW,QAAQ;AACnB;;AAGF,OAAI,KAAK,WAAW,KAAK,EAAE;IACzB,MAAM,qBAAqB,KAAK,MAAM,EAAE,CAAC,aAAa;IACtD,MAAM,YAAY,sBAAsB,IAAI,mBAAmB;AAC/D,QAAI,WAAW;KACb,MAAM,gBAAgB,UAAU,SAAS,SAAS;AAClD,mBAAc,cAAc,UAAiB;MAC3C,MAAM,UAAU;AAChB,UAAI,OAAO,YAAY,WACrB,SAAQ,gBAAiB,MAAsB,SAAS,MAAM;;AAGlE;;;AAIJ,OAAI,SAAS,YACX,YAAW,WAAW;OAEtB,YAAW,QAAQ;;EAIvB,MAAM,SAAS,kBAAkB;AAEjC,MAAI,aAAa,UAAU,CAAC,WAAW,UACrC,YAAW,YAAY;AAIzB,kCAAgC;AAC9B,OAAI,CAAC,GAAI;AACT,QAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,WAAW,CACpD,KAAI,UAAU,OAGZ,IAAG,QAAQ;KAGd,CAAC,IAAI,GAAG,UAAU,KAAK,SAAS,WAAW,MAAM,CAAC,CAAC;AAGtD,kCAAgC;AAC9B,oBAAiB,UAAU;IAC3B;AAGF,kCAAgC;AAC9B,OAAI,CAAC,GACH;GAGF,MAAMC,qBAAkD,EAAE;AAE1D,QAAK,MAAM,aAAa,WACtB,oBAAmB,cAAc,UAAiB;AAChD,qBAAiB,QAAQ,aAAa,MAAM;;AAIhD,QAAK,MAAM,CAAC,MAAM,YAAY,OAAO,QAAQ,mBAAmB,CAC9D,IAAG,iBAAiB,MAAM,QAAQ;AAGpC,gBAAa;AACX,SAAK,MAAM,CAAC,MAAM,YAAY,OAAO,QAAQ,mBAAmB,CAC9D,IAAG,oBAAoB,MAAM,QAAQ;;KAGxC,CAAC,GAAG,CAAC;EAER,MAAM,YAAY,cAAc,UAAU,CAAC,KAAK,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;AAE/D,SAAO,cAAc,SAAS;GAC5B,GAAG;GAEH,0BAA0B;GAC1B,KAAK;GACN,CAAC;GACF;AAEF,WAAU,cAAc;AAExB,QAAO"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"create-props-DTgCRwCm.d.ts","names":[],"sources":["../src/components/create-props.ts"],"sourcesContent":[],"mappings":";KAAY,yCAAA,MACyB,KADd,GAAA,OAAA,EACc,EAAA,eAAA,gBACE,MAAA,MAAA,GAAS,WAAT,EAAS,CAAA,GAC5C,KAD4C,GACpC,gBADoC,CACnB,MADmB,CAAA;KAG3C,gBAFD,CAAA,eAAA,gBAAyB,MAGU,MAHV,GAGmB,WAHnB,EAAjB,CAAA,GAAA,gBAAgB,MAKN,MALM,IAAA,KAKS,UALT,CAAA,MAAA,GAK6B,SAL7B,CAAA,EAAA,GAAA,CAAA,KAAA,EAMjB,SANiB,SAAA,GAAA,MAAA,QAAA,GAMqB,MANrB,CAM4B,SAN5B,CAAA,CAAA,QAAA,CAAA,GAOpB,MAPoB,CAOb,SAPa,CAAA,EAAA,GAAA,IAAA,EAAQ"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"editor-context-BWfqo5wj.js","names":["EditorContextProvider: Provider<Editor | null>"],"sources":["../src/contexts/editor-context.ts"],"sourcesContent":["import type {\n Editor,\n Extension,\n} from '@prosekit/core'\nimport {\n createContext,\n useContext,\n type Provider,\n} from 'react'\n\nconst EditorContext = createContext<Editor | null>(null)\n\n/**\n * @internal\n */\nexport function useEditorContext<E extends Extension>(): Editor<E> | null {\n return useContext(EditorContext)\n}\n\n/**\n * @internal\n */\nexport const EditorContextProvider: Provider<Editor | null> = EditorContext.Provider\n"],"mappings":";;;AAUA,MAAM,gBAAgB,cAA6B,KAAK;;;;AAKxD,SAAgB,mBAA0D;AACxE,QAAO,WAAW,cAAc;;;;;AAMlC,MAAaA,wBAAiD,cAAc"}
|