@rolder-kit/ui 0.1.0-alpha.9 → 0.1.0-beta.1

package/dist/__tests__/editorToolbar.test.js

@@ -0,0 +1,284 @@
+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__/editorToolbar.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 mockDisabledToolbar = false;
+                let mockEditor = {
+                    isEditable: true
+                };
+                vitest__rspack_import_2.vi.mock('../editor/store', ()=>({
+                        getDisabledToolbar: ()=>mockDisabledToolbar,
+                        useEditor: ()=>mockEditor
+                    }));
+                const createMockControl = (name)=>{
+                    const Component = ({ disabled, ...props })=>/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("button", {
+                            "data-testid": `rte-${name}`,
+                            disabled: disabled,
+                            ...props
+                        });
+                    return Component;
+                };
+                vitest__rspack_import_2.vi.mock('@mantine/tiptap', ()=>({
+                        RichTextEditor: {
+                            Toolbar: ({ children, sticky })=>/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("div", {
+                                    "data-testid": "rte-toolbar",
+                                    "data-sticky": String(sticky),
+                                    children: children
+                                }),
+                            ControlsGroup: ({ children, ...props })=>/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("div", {
+                                    "data-testid": "controls-group",
+                                    ...props,
+                                    children: children
+                                }),
+                            Control: ({ children, ...props })=>/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("div", {
+                                    "data-testid": "rte-control",
+                                    ...props,
+                                    children: children
+                                }),
+                            Bold: createMockControl('Bold'),
+                            Italic: createMockControl('Italic'),
+                            Underline: createMockControl('Underline'),
+                            Strikethrough: createMockControl('Strikethrough'),
+                            ClearFormatting: createMockControl('ClearFormatting'),
+                            Highlight: createMockControl('Highlight'),
+                            Code: createMockControl('Code'),
+                            H1: createMockControl('H1'),
+                            H2: createMockControl('H2'),
+                            H3: createMockControl('H3'),
+                            H4: createMockControl('H4'),
+                            Blockquote: createMockControl('Blockquote'),
+                            Hr: createMockControl('Hr'),
+                            BulletList: createMockControl('BulletList'),
+                            OrderedList: createMockControl('OrderedList'),
+                            TaskList: createMockControl('TaskList'),
+                            TaskListLift: createMockControl('TaskListLift'),
+                            TaskListSink: createMockControl('TaskListSink'),
+                            Link: createMockControl('Link'),
+                            Unlink: createMockControl('Unlink'),
+                            AlignLeft: createMockControl('AlignLeft'),
+                            AlignCenter: createMockControl('AlignCenter'),
+                            AlignJustify: createMockControl('AlignJustify'),
+                            AlignRight: createMockControl('AlignRight'),
+                            Undo: createMockControl('Undo'),
+                            Redo: createMockControl('Redo')
+                        }
+                    }));
+                vitest__rspack_import_2.vi.mock('@mantine/core', ()=>({
+                        Loader: ({ size })=>/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("span", {
+                                "data-testid": "loader",
+                                "data-size": size
+                            })
+                    }));
+                vitest__rspack_import_2.vi.mock('@tabler/icons-react', ()=>({
+                        IconCheck: (props)=>/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("span", {
+                                "data-testid": "check-icon"
+                            })
+                    }));
+                const { Toolbar } = await import("../editor/Toolbar.js");
+                (0, vitest__rspack_import_2.describe)('Editor Toolbar', ()=>{
+                    (0, vitest__rspack_import_2.beforeEach)(()=>{
+                        mockDisabledToolbar = false;
+                        mockEditor = {
+                            isEditable: true
+                        };
+                    });
+                    (0, vitest__rspack_import_2.afterEach)(()=>(0, _testing_library_react__rspack_import_1.cleanup)());
+                    (0, vitest__rspack_import_2.it)('renders toolbar when not disabled', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Toolbar, {}));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('rte-toolbar')).toBeDefined();
+                    });
+                    (0, vitest__rspack_import_2.it)('returns null when toolbar is disabled', ()=>{
+                        mockDisabledToolbar = true;
+                        const { container } = (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Toolbar, {}));
+                        (0, vitest__rspack_import_2.expect)(container.innerHTML).toBe('');
+                    });
+                    (0, vitest__rspack_import_2.it)('renders sticky toolbar', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Toolbar, {}));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('rte-toolbar').getAttribute('data-sticky')).toBe('true');
+                    });
+                    (0, vitest__rspack_import_2.it)('shows check icon when not saving', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Toolbar, {}));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('check-icon')).toBeDefined();
+                    });
+                    (0, vitest__rspack_import_2.it)('shows loader when saving', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Toolbar, {
+                            saving: true
+                        }));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('loader')).toBeDefined();
+                    });
+                    (0, vitest__rspack_import_2.it)('renders all control groups', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Toolbar, {}));
+                        const groups = _testing_library_react__rspack_import_1.screen.getAllByTestId('controls-group');
+                        (0, vitest__rspack_import_2.expect)(groups.length).toBe(8);
+                    });
+                    (0, vitest__rspack_import_2.it)('renders formatting controls', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Toolbar, {}));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('rte-Bold')).toBeDefined();
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('rte-Italic')).toBeDefined();
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('rte-Underline')).toBeDefined();
+                    });
+                    (0, vitest__rspack_import_2.it)('renders heading controls', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Toolbar, {}));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('rte-H1')).toBeDefined();
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('rte-H4')).toBeDefined();
+                    });
+                    (0, vitest__rspack_import_2.it)('renders undo/redo controls', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Toolbar, {}));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('rte-Undo')).toBeDefined();
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('rte-Redo')).toBeDefined();
+                    });
+                    (0, vitest__rspack_import_2.it)('disables controls when editor is not editable', ()=>{
+                        mockEditor = {
+                            isEditable: false
+                        };
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Toolbar, {}));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('rte-Bold').disabled).toBe(true);
+                    });
+                    (0, vitest__rspack_import_2.it)('enables controls when editor is editable', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Toolbar, {}));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('rte-Bold').disabled).toBe(false);
+                    });
+                    (0, vitest__rspack_import_2.it)('renders custom children', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Toolbar, {
+                            children: /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("span", {
+                                "data-testid": "custom-child",
+                                children: "Custom"
+                            })
+                        }));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('custom-child')).toBeDefined();
+                    });
+                });
+                __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__/editorToolbar.test.tsx");

package/dist/__tests__/formButtons.test.js

@@ -0,0 +1,284 @@
+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__/formButtons.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");
+                const mockFormContext = {
+                    Subscribe: ({ selector, children })=>{
+                        const state = {
+                            isSubmitting: false,
+                            isDirty: true
+                        };
+                        const result = selector(state);
+                        return /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(react_jsx_runtime__rspack_import_0.Fragment, {
+                            children: children(result)
+                        });
+                    }
+                };
+                vitest__rspack_import_2.vi.mock('../form/context', ()=>({
+                        useFormContext: ()=>mockFormContext
+                    }));
+                vitest__rspack_import_2.vi.mock('@mantine/core', ()=>({
+                        Button: ({ children, loading, disabled, type, variant, size, leftSection, ...props })=>/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsxs)("button", {
+                                "data-testid": "button",
+                                "data-loading": String(!!loading),
+                                disabled: disabled,
+                                type: type,
+                                "data-variant": variant,
+                                "data-size": size,
+                                ...props,
+                                children: [
+                                    leftSection,
+                                    children
+                                ]
+                            }),
+                        ActionIcon: ({ children, disabled, ...props })=>/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("button", {
+                                "data-testid": "action-icon",
+                                disabled: disabled,
+                                ...props,
+                                children: children
+                            })
+                    }));
+                vitest__rspack_import_2.vi.mock('@tabler/icons-react', ()=>({
+                        IconDeviceFloppy: (props)=>/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("span", {
+                                "data-testid": "floppy-icon"
+                            }),
+                        IconCancel: (props)=>/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("span", {
+                                "data-testid": "cancel-icon"
+                            })
+                    }));
+                const { SubmitButton } = await import("../form/buttons/SubmitButton.js");
+                const { CancelButton } = await import("../form/buttons/CancelButton.js");
+                const { SubscribeButton } = await import("../form/buttons/SubscribeButton.js");
+                const { SubscribeActionIcon } = await import("../form/buttons/SubscribeActionIcon.js");
+                (0, vitest__rspack_import_2.describe)('SubmitButton', ()=>{
+                    (0, vitest__rspack_import_2.afterEach)(()=>(0, _testing_library_react__rspack_import_1.cleanup)());
+                    (0, vitest__rspack_import_2.it)('renders with default label', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(SubmitButton, {}));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByText('Сохранить')).toBeDefined();
+                    });
+                    (0, vitest__rspack_import_2.it)('renders with custom label', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(SubmitButton, {
+                            label: "Save"
+                        }));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByText('Save')).toBeDefined();
+                    });
+                    (0, vitest__rspack_import_2.it)('renders floppy icon', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(SubmitButton, {}));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('floppy-icon')).toBeDefined();
+                    });
+                    (0, vitest__rspack_import_2.it)('has type submit', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(SubmitButton, {}));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('button').getAttribute('type')).toBe('submit');
+                    });
+                    (0, vitest__rspack_import_2.it)('has size xs', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(SubmitButton, {}));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('button').getAttribute('data-size')).toBe('xs');
+                    });
+                });
+                (0, vitest__rspack_import_2.describe)('CancelButton', ()=>{
+                    (0, vitest__rspack_import_2.afterEach)(()=>(0, _testing_library_react__rspack_import_1.cleanup)());
+                    (0, vitest__rspack_import_2.it)('renders with default label', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(CancelButton, {}));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByText('Отмена')).toBeDefined();
+                    });
+                    (0, vitest__rspack_import_2.it)('renders with custom label', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(CancelButton, {
+                            label: "Undo"
+                        }));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByText('Undo')).toBeDefined();
+                    });
+                    (0, vitest__rspack_import_2.it)('renders cancel icon', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(CancelButton, {}));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('cancel-icon')).toBeDefined();
+                    });
+                    (0, vitest__rspack_import_2.it)('has type reset', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(CancelButton, {}));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('button').getAttribute('type')).toBe('reset');
+                    });
+                    (0, vitest__rspack_import_2.it)('has light variant', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(CancelButton, {}));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('button').getAttribute('data-variant')).toBe('light');
+                    });
+                });
+                (0, vitest__rspack_import_2.describe)('SubscribeButton', ()=>{
+                    (0, vitest__rspack_import_2.afterEach)(()=>(0, _testing_library_react__rspack_import_1.cleanup)());
+                    (0, vitest__rspack_import_2.it)('renders with label', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(SubscribeButton, {
+                            label: "Action"
+                        }));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByText('Action')).toBeDefined();
+                    });
+                    (0, vitest__rspack_import_2.it)('has type button', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(SubscribeButton, {
+                            label: "Action"
+                        }));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('button').getAttribute('type')).toBe('button');
+                    });
+                    (0, vitest__rspack_import_2.it)('is not disabled when not submitting', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(SubscribeButton, {
+                            label: "Action"
+                        }));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('button').disabled).toBe(false);
+                    });
+                });
+                (0, vitest__rspack_import_2.describe)('SubscribeActionIcon', ()=>{
+                    (0, vitest__rspack_import_2.afterEach)(()=>(0, _testing_library_react__rspack_import_1.cleanup)());
+                    (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)(SubscribeActionIcon, {
+                            children: /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("span", {
+                                "data-testid": "child",
+                                children: "Icon"
+                            })
+                        }));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('child')).toBeDefined();
+                    });
+                    (0, vitest__rspack_import_2.it)('is not disabled when not submitting', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(SubscribeActionIcon, {
+                            children: "Icon"
+                        }));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('action-icon').disabled).toBe(false);
+                    });
+                    (0, vitest__rspack_import_2.it)('calls onClick when clicked', ()=>{
+                        const onClick = vitest__rspack_import_2.vi.fn();
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(SubscribeActionIcon, {
+                            onClick: onClick,
+                            children: "Icon"
+                        }));
+                        _testing_library_react__rspack_import_1.fireEvent.click(_testing_library_react__rspack_import_1.screen.getByTestId('action-icon'));
+                        (0, vitest__rspack_import_2.expect)(onClick).toHaveBeenCalled();
+                    });
+                });
+                __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__/formButtons.test.tsx");