@rolder-kit/ui 0.1.0-beta.0 → 0.1.0-beta.1

package/dist/__tests__/editorRoot.test.js

@@ -0,0 +1,262 @@
+import * as __rspack_external__testing_library_react_f5b64048 from "@testing-library/react";
+import * as __rspack_external_react_jsx_runtime_225474f2 from "react/jsx-runtime";
+import * as __rspack_external_vitest from "vitest";
+var __webpack_modules__ = {
+    "./src/__tests__/editorRoot.test.tsx" (module, __webpack_exports__, __webpack_require__) {
+        __webpack_require__.a(module, async function(__rspack_load_async_deps, __rspack_async_done) {
+            try {
+                __webpack_require__.r(__webpack_exports__);
+                var react_jsx_runtime__rspack_import_0 = __webpack_require__("react/jsx-runtime");
+                var _testing_library_react__rspack_import_1 = __webpack_require__("@testing-library/react");
+                var vitest__rspack_import_2 = __webpack_require__("vitest");
+                let capturedEditorConfig;
+                vitest__rspack_import_2.vi.mock('@mantine/tiptap', ()=>({
+                        getTaskListExtension: vitest__rspack_import_2.vi.fn(()=>'task-list-ext'),
+                        Link: 'Link-ext',
+                        RichTextEditor: ({ editor, children, classNames, ...props })=>/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("div", {
+                                "data-testid": "rich-text-editor",
+                                "data-classnames": JSON.stringify(classNames),
+                                children: children
+                            })
+                    }));
+                vitest__rspack_import_2.vi.mock('@tiptap/extension-highlight', ()=>({
+                        default: 'Highlight'
+                    }));
+                vitest__rspack_import_2.vi.mock('@tiptap/extension-placeholder', ()=>({
+                        default: {
+                            configure: vitest__rspack_import_2.vi.fn(()=>'Placeholder')
+                        }
+                    }));
+                vitest__rspack_import_2.vi.mock('@tiptap/extension-table', ()=>({
+                        TableKit: 'TableKit'
+                    }));
+                vitest__rspack_import_2.vi.mock('@tiptap/extension-task-item', ()=>({
+                        default: {
+                            configure: vitest__rspack_import_2.vi.fn(()=>'TaskItem')
+                        }
+                    }));
+                vitest__rspack_import_2.vi.mock('@tiptap/extension-task-list', ()=>({
+                        default: 'TipTapTaskList'
+                    }));
+                vitest__rspack_import_2.vi.mock('@tiptap/extension-text-align', ()=>({
+                        default: {
+                            configure: vitest__rspack_import_2.vi.fn(()=>'TextAlign')
+                        }
+                    }));
+                vitest__rspack_import_2.vi.mock('@tiptap/starter-kit', ()=>({
+                        default: {
+                            configure: vitest__rspack_import_2.vi.fn(()=>'StarterKit')
+                        }
+                    }));
+                vitest__rspack_import_2.vi.mock('@tiptap/react', ()=>({
+                        useEditor: (config)=>{
+                            capturedEditorConfig = config;
+                            return {
+                                isEditable: true
+                            };
+                        }
+                    }));
+                const mockSetDisabledToolbar = vitest__rspack_import_2.vi.fn();
+                vitest__rspack_import_2.vi.mock('../editor/store', ()=>({
+                        setDisabledToolbar: (...args)=>mockSetDisabledToolbar(...args)
+                    }));
+                const { Root } = await import("../editor/Root.js");
+                (0, vitest__rspack_import_2.describe)('Editor Root', ()=>{
+                    (0, vitest__rspack_import_2.afterEach)(()=>(0, _testing_library_react__rspack_import_1.cleanup)());
+                    (0, vitest__rspack_import_2.it)('renders RichTextEditor', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Root, {
+                            onUpdate: vitest__rspack_import_2.vi.fn(),
+                            children: "Content"
+                        }));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('rich-text-editor')).toBeDefined();
+                    });
+                    (0, vitest__rspack_import_2.it)('renders children', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Root, {
+                            onUpdate: vitest__rspack_import_2.vi.fn(),
+                            children: "Editor content"
+                        }));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByText('Editor content')).toBeDefined();
+                    });
+                    (0, vitest__rspack_import_2.it)('sets rolder classNames', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Root, {
+                            onUpdate: vitest__rspack_import_2.vi.fn(),
+                            children: "Test"
+                        }));
+                        const rte = _testing_library_react__rspack_import_1.screen.getByTestId('rich-text-editor');
+                        const classNames = JSON.parse(rte.getAttribute('data-classnames'));
+                        (0, vitest__rspack_import_2.expect)(classNames.root).toBe('rolder-editor-root');
+                        (0, vitest__rspack_import_2.expect)(classNames.content).toBe('rolder-editor-content');
+                        (0, vitest__rspack_import_2.expect)(classNames.toolbar).toBe('rolder-editor-toolbar');
+                    });
+                    (0, vitest__rspack_import_2.it)('configures editor with shouldRerenderOnTransaction false', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Root, {
+                            onUpdate: vitest__rspack_import_2.vi.fn(),
+                            children: "Test"
+                        }));
+                        (0, vitest__rspack_import_2.expect)(capturedEditorConfig.shouldRerenderOnTransaction).toBe(false);
+                    });
+                    (0, vitest__rspack_import_2.it)('configures editor with immediatelyRender false', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Root, {
+                            onUpdate: vitest__rspack_import_2.vi.fn(),
+                            children: "Test"
+                        }));
+                        (0, vitest__rspack_import_2.expect)(capturedEditorConfig.immediatelyRender).toBe(false);
+                    });
+                    (0, vitest__rspack_import_2.it)('defaults editable to true', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Root, {
+                            onUpdate: vitest__rspack_import_2.vi.fn(),
+                            children: "Test"
+                        }));
+                        (0, vitest__rspack_import_2.expect)(capturedEditorConfig.editable).toBe(true);
+                    });
+                    (0, vitest__rspack_import_2.it)('passes editable=false', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Root, {
+                            onUpdate: vitest__rspack_import_2.vi.fn(),
+                            editable: false,
+                            children: "Test"
+                        }));
+                        (0, vitest__rspack_import_2.expect)(capturedEditorConfig.editable).toBe(false);
+                    });
+                    (0, vitest__rspack_import_2.it)('calls setDisabledToolbar on mount', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Root, {
+                            onUpdate: vitest__rspack_import_2.vi.fn(),
+                            children: "Test"
+                        }));
+                        (0, vitest__rspack_import_2.expect)(mockSetDisabledToolbar).toHaveBeenCalledWith(false);
+                    });
+                    (0, vitest__rspack_import_2.it)('calls setDisabledToolbar with true when disabled', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Root, {
+                            onUpdate: vitest__rspack_import_2.vi.fn(),
+                            disabledToolbar: true,
+                            children: "Test"
+                        }));
+                        (0, vitest__rspack_import_2.expect)(mockSetDisabledToolbar).toHaveBeenCalledWith(true);
+                    });
+                });
+                __rspack_async_done();
+            } catch (e) {
+                __rspack_async_done(e);
+            }
+        }, 1);
+    },
+    "@testing-library/react" (module) {
+        module.exports = __rspack_external__testing_library_react_f5b64048;
+    },
+    "react/jsx-runtime" (module) {
+        module.exports = __rspack_external_react_jsx_runtime_225474f2;
+    },
+    vitest (module) {
+        module.exports = __rspack_external_vitest;
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    var hasSymbol = "function" == typeof Symbol;
+    var rspackQueues = hasSymbol ? Symbol("rspack queues") : "__rspack_queues";
+    var rspackExports = __webpack_require__.aE = hasSymbol ? Symbol("rspack exports") : "__webpack_exports__";
+    var rspackError = hasSymbol ? Symbol("rspack error") : "__rspack_error";
+    var rspackDone = hasSymbol ? Symbol("rspack done") : "__rspack_done";
+    var rspackDefer = __webpack_require__.zS = hasSymbol ? Symbol("rspack defer") : "__rspack_defer";
+    var resolveQueue = (queue)=>{
+        if (queue && queue.d < 1) {
+            queue.d = 1;
+            queue.forEach((fn)=>fn.r--);
+            queue.forEach((fn)=>fn.r-- ? fn.r++ : fn());
+        }
+    };
+    var wrapDeps = (deps)=>deps.map((dep)=>{
+            if (null !== dep && "object" == typeof dep) {
+                if (!dep[rspackQueues] && dep[rspackDefer]) {
+                    var asyncDeps = dep[rspackDefer];
+                    var hasUnresolvedAsyncSubgraph = asyncDeps.some((id)=>{
+                        var cache = __webpack_module_cache__[id];
+                        return !cache || false === cache[rspackDone];
+                    });
+                    if (!hasUnresolvedAsyncSubgraph) return dep;
+                    var d = dep;
+                    dep = {
+                        then (callback) {
+                            Promise.all(asyncDeps.map(__webpack_require__)).then(()=>callback(d));
+                        }
+                    };
+                }
+                if (dep[rspackQueues]) return dep;
+                if (dep.then) {
+                    var queue = [];
+                    queue.d = 0;
+                    dep.then((r)=>{
+                        obj[rspackExports] = r;
+                        resolveQueue(queue);
+                    }, (e)=>{
+                        obj[rspackError] = e;
+                        resolveQueue(queue);
+                    });
+                    var obj = {};
+                    obj[rspackDefer] = false;
+                    obj[rspackQueues] = (fn)=>fn(queue);
+                    return obj;
+                }
+            }
+            var ret = {};
+            ret[rspackQueues] = ()=>{};
+            ret[rspackExports] = dep;
+            return ret;
+        });
+    __webpack_require__.a = (module, body, hasAwait)=>{
+        var queue;
+        hasAwait && ((queue = []).d = -1);
+        var depQueues = new Set();
+        var exports = module.exports;
+        var currentDeps;
+        var outerResolve;
+        var reject;
+        var promise = new Promise((resolve, rej)=>{
+            reject = rej;
+            outerResolve = resolve;
+        });
+        promise[rspackExports] = exports;
+        promise[rspackQueues] = (fn)=>{
+            queue && fn(queue), depQueues.forEach(fn), promise["catch"](()=>{});
+        };
+        module.exports = promise;
+        var handle = (deps)=>{
+            currentDeps = wrapDeps(deps);
+            var fn;
+            var getResult = ()=>currentDeps.map((d)=>{
+                    if (d[rspackDefer]) return d;
+                    if (d[rspackError]) throw d[rspackError];
+                    return d[rspackExports];
+                });
+            var promise = new Promise((resolve)=>{
+                fn = ()=>resolve(getResult);
+                fn.r = 0;
+                var fnQueue = (q)=>q !== queue && !depQueues.has(q) && (depQueues.add(q), q && !q.d && (fn.r++, q.push(fn)));
+                currentDeps.map((dep)=>dep[rspackDefer] || dep[rspackQueues](fnQueue));
+            });
+            return fn.r ? promise : getResult();
+        };
+        var done = (err)=>(err ? reject(promise[rspackError] = err) : outerResolve(exports), resolveQueue(queue), promise[rspackDone] = true);
+        body(handle, done);
+        queue && queue.d < 0 && (queue.d = 0);
+    };
+})();
+(()=>{
+    __webpack_require__.r = (exports)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports, '__esModule', {
+            value: true
+        });
+    };
+})();
+__webpack_require__("./src/__tests__/editorRoot.test.tsx");

package/dist/__tests__/editorStore.test.js

@@ -0,0 +1,154 @@
+import * as __rspack_external_vitest from "vitest";
+var __webpack_modules__ = {
+    "./src/__tests__/editorStore.test.ts" (module, __webpack_exports__, __webpack_require__) {
+        __webpack_require__.a(module, async function(__rspack_load_async_deps, __rspack_async_done) {
+            try {
+                __webpack_require__.r(__webpack_exports__);
+                var vitest__rspack_import_0 = __webpack_require__("vitest");
+                vitest__rspack_import_0.vi.mock('@nanostores/react', ()=>({
+                        useStore: vitest__rspack_import_0.vi.fn((store)=>store.get())
+                    }));
+                vitest__rspack_import_0.vi.mock('@tiptap/react', ()=>({}));
+                const { getEditor, setEditor, getDisabledToolbar, setDisabledToolbar } = await import("../editor/store.js");
+                (0, vitest__rspack_import_0.describe)('editor store', ()=>{
+                    (0, vitest__rspack_import_0.it)('editor is null by default', ()=>{
+                        (0, vitest__rspack_import_0.expect)(getEditor()).toBeNull();
+                    });
+                    (0, vitest__rspack_import_0.it)('sets and gets editor', ()=>{
+                        const editor = {
+                            isEditable: true
+                        };
+                        setEditor(editor);
+                        (0, vitest__rspack_import_0.expect)(getEditor()).toBe(editor);
+                    });
+                    (0, vitest__rspack_import_0.it)('disabledToolbar is false by default', ()=>{
+                        (0, vitest__rspack_import_0.expect)(getDisabledToolbar()).toBe(false);
+                    });
+                    (0, vitest__rspack_import_0.it)('sets and gets disabledToolbar', ()=>{
+                        setDisabledToolbar(true);
+                        (0, vitest__rspack_import_0.expect)(getDisabledToolbar()).toBe(true);
+                        setDisabledToolbar(false);
+                        (0, vitest__rspack_import_0.expect)(getDisabledToolbar()).toBe(false);
+                    });
+                });
+                __rspack_async_done();
+            } catch (e) {
+                __rspack_async_done(e);
+            }
+        }, 1);
+    },
+    vitest (module) {
+        module.exports = __rspack_external_vitest;
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    var hasSymbol = "function" == typeof Symbol;
+    var rspackQueues = hasSymbol ? Symbol("rspack queues") : "__rspack_queues";
+    var rspackExports = __webpack_require__.aE = hasSymbol ? Symbol("rspack exports") : "__webpack_exports__";
+    var rspackError = hasSymbol ? Symbol("rspack error") : "__rspack_error";
+    var rspackDone = hasSymbol ? Symbol("rspack done") : "__rspack_done";
+    var rspackDefer = __webpack_require__.zS = hasSymbol ? Symbol("rspack defer") : "__rspack_defer";
+    var resolveQueue = (queue)=>{
+        if (queue && queue.d < 1) {
+            queue.d = 1;
+            queue.forEach((fn)=>fn.r--);
+            queue.forEach((fn)=>fn.r-- ? fn.r++ : fn());
+        }
+    };
+    var wrapDeps = (deps)=>deps.map((dep)=>{
+            if (null !== dep && "object" == typeof dep) {
+                if (!dep[rspackQueues] && dep[rspackDefer]) {
+                    var asyncDeps = dep[rspackDefer];
+                    var hasUnresolvedAsyncSubgraph = asyncDeps.some((id)=>{
+                        var cache = __webpack_module_cache__[id];
+                        return !cache || false === cache[rspackDone];
+                    });
+                    if (!hasUnresolvedAsyncSubgraph) return dep;
+                    var d = dep;
+                    dep = {
+                        then (callback) {
+                            Promise.all(asyncDeps.map(__webpack_require__)).then(()=>callback(d));
+                        }
+                    };
+                }
+                if (dep[rspackQueues]) return dep;
+                if (dep.then) {
+                    var queue = [];
+                    queue.d = 0;
+                    dep.then((r)=>{
+                        obj[rspackExports] = r;
+                        resolveQueue(queue);
+                    }, (e)=>{
+                        obj[rspackError] = e;
+                        resolveQueue(queue);
+                    });
+                    var obj = {};
+                    obj[rspackDefer] = false;
+                    obj[rspackQueues] = (fn)=>fn(queue);
+                    return obj;
+                }
+            }
+            var ret = {};
+            ret[rspackQueues] = ()=>{};
+            ret[rspackExports] = dep;
+            return ret;
+        });
+    __webpack_require__.a = (module, body, hasAwait)=>{
+        var queue;
+        hasAwait && ((queue = []).d = -1);
+        var depQueues = new Set();
+        var exports = module.exports;
+        var currentDeps;
+        var outerResolve;
+        var reject;
+        var promise = new Promise((resolve, rej)=>{
+            reject = rej;
+            outerResolve = resolve;
+        });
+        promise[rspackExports] = exports;
+        promise[rspackQueues] = (fn)=>{
+            queue && fn(queue), depQueues.forEach(fn), promise["catch"](()=>{});
+        };
+        module.exports = promise;
+        var handle = (deps)=>{
+            currentDeps = wrapDeps(deps);
+            var fn;
+            var getResult = ()=>currentDeps.map((d)=>{
+                    if (d[rspackDefer]) return d;
+                    if (d[rspackError]) throw d[rspackError];
+                    return d[rspackExports];
+                });
+            var promise = new Promise((resolve)=>{
+                fn = ()=>resolve(getResult);
+                fn.r = 0;
+                var fnQueue = (q)=>q !== queue && !depQueues.has(q) && (depQueues.add(q), q && !q.d && (fn.r++, q.push(fn)));
+                currentDeps.map((dep)=>dep[rspackDefer] || dep[rspackQueues](fnQueue));
+            });
+            return fn.r ? promise : getResult();
+        };
+        var done = (err)=>(err ? reject(promise[rspackError] = err) : outerResolve(exports), resolveQueue(queue), promise[rspackDone] = true);
+        body(handle, done);
+        queue && queue.d < 0 && (queue.d = 0);
+    };
+})();
+(()=>{
+    __webpack_require__.r = (exports)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports, '__esModule', {
+            value: true
+        });
+    };
+})();
+__webpack_require__("./src/__tests__/editorStore.test.ts");