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

package/dist/__tests__/saveInput.test.js

@@ -0,0 +1,418 @@
+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__/saveInput.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");
+                vitest__rspack_import_2.vi.mock('@mantine/hooks', ()=>({
+                        useDebouncedCallback: (fn, delay)=>{
+                            const wrapper = (...args)=>fn(...args);
+                            return wrapper;
+                        }
+                    }));
+                vitest__rspack_import_2.vi.mock('@mantine/core', ()=>({
+                        TextInput: ({ value, onChange, rightSection, flex, ...props })=>/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsxs)("div", {
+                                children: [
+                                    /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("input", {
+                                        "data-testid": "text-input",
+                                        value: value,
+                                        onChange: onChange,
+                                        "data-flex": flex,
+                                        ...props
+                                    }),
+                                    rightSection && /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("span", {
+                                        "data-testid": "right-section",
+                                        children: rightSection
+                                    })
+                                ]
+                            }),
+                        NumberInput: ({ value, onChange, rightSection, flex, ...props })=>/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsxs)("div", {
+                                children: [
+                                    /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("input", {
+                                        "data-testid": "number-input",
+                                        value: value,
+                                        onChange: ()=>onChange(42),
+                                        "data-flex": flex,
+                                        ...props
+                                    }),
+                                    rightSection && /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("span", {
+                                        "data-testid": "right-section",
+                                        children: rightSection
+                                    })
+                                ]
+                            }),
+                        Textarea: ({ value, onChange, rightSection, flex, ...props })=>/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsxs)("div", {
+                                children: [
+                                    /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("textarea", {
+                                        "data-testid": "textarea",
+                                        value: value,
+                                        onChange: onChange,
+                                        "data-flex": flex,
+                                        ...props
+                                    }),
+                                    rightSection && /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("span", {
+                                        "data-testid": "right-section",
+                                        children: rightSection
+                                    })
+                                ]
+                            }),
+                        Switch: ({ checked, onChange, ...props })=>/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("input", {
+                                "data-testid": "switch",
+                                type: "checkbox",
+                                checked: checked,
+                                onChange: onChange,
+                                ...props
+                            }),
+                        Select: ({ value, onChange, disabled, rightSection, flex, ...props })=>/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsxs)("div", {
+                                children: [
+                                    /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("select", {
+                                        "data-testid": "select",
+                                        value: value || '',
+                                        onChange: ()=>onChange('opt'),
+                                        disabled: disabled,
+                                        "data-flex": flex,
+                                        ...props
+                                    }),
+                                    rightSection && /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("span", {
+                                        "data-testid": "right-section",
+                                        children: rightSection
+                                    })
+                                ]
+                            }),
+                        Loader: ({ size, ...props })=>/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("span", {
+                                "data-testid": "loader",
+                                "data-size": size,
+                                ...props
+                            }),
+                        Box: ({ children, ...props })=>/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("div", {
+                                "data-testid": "box",
+                                ...props,
+                                children: children
+                            })
+                    }));
+                vitest__rspack_import_2.vi.mock('../JsonInput', ()=>({
+                        JsonInput: ({ value, onChange, onBlur, ...props })=>/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("textarea", {
+                                "data-testid": "json-cm",
+                                value: value,
+                                onChange: (e)=>onChange(e.target.value),
+                                ...props
+                            })
+                    }));
+                vitest__rspack_import_2.vi.mock('@uiw/react-codemirror', ()=>({}));
+                const { TextInput } = await import("../saveInput/TextInput.js");
+                const { NumberInput } = await import("../saveInput/NumberInput.js");
+                const { Textarea } = await import("../saveInput/Textarea.js");
+                const { Switch } = await import("../saveInput/Switch.js");
+                const { Select } = await import("../saveInput/Select.js");
+                const { JsonInput } = await import("../saveInput/JsonInput.js");
+                const { SaveInput } = await import("../saveInput/SaveInput.js");
+                (0, vitest__rspack_import_2.describe)('SaveInput.TextInput', ()=>{
+                    (0, vitest__rspack_import_2.afterEach)(()=>(0, _testing_library_react__rspack_import_1.cleanup)());
+                    (0, vitest__rspack_import_2.it)('renders with initial value', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(TextInput, {
+                            initialValue: "hello",
+                            onChange: vitest__rspack_import_2.vi.fn()
+                        }));
+                        const input = _testing_library_react__rspack_import_1.screen.getByTestId('text-input');
+                        (0, vitest__rspack_import_2.expect)(input.value).toBe('hello');
+                    });
+                    (0, vitest__rspack_import_2.it)('defaults to empty string', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(TextInput, {
+                            onChange: vitest__rspack_import_2.vi.fn()
+                        }));
+                        const input = _testing_library_react__rspack_import_1.screen.getByTestId('text-input');
+                        (0, vitest__rspack_import_2.expect)(input.value).toBe('');
+                    });
+                    (0, vitest__rspack_import_2.it)('updates value on change', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(TextInput, {
+                            initialValue: "",
+                            onChange: vitest__rspack_import_2.vi.fn()
+                        }));
+                        _testing_library_react__rspack_import_1.fireEvent.change(_testing_library_react__rspack_import_1.screen.getByTestId('text-input'), {
+                            target: {
+                                value: 'new'
+                            }
+                        });
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('text-input').value).toBe('new');
+                    });
+                    (0, vitest__rspack_import_2.it)('calls debounced onChange', async ()=>{
+                        const onChange = vitest__rspack_import_2.vi.fn().mockResolvedValue(void 0);
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(TextInput, {
+                            initialValue: "",
+                            onChange: onChange
+                        }));
+                        _testing_library_react__rspack_import_1.fireEvent.change(_testing_library_react__rspack_import_1.screen.getByTestId('text-input'), {
+                            target: {
+                                value: 'test'
+                            }
+                        });
+                        await (0, _testing_library_react__rspack_import_1.act)(async ()=>{});
+                        (0, vitest__rspack_import_2.expect)(onChange).toHaveBeenCalledWith('test');
+                    });
+                    (0, vitest__rspack_import_2.it)('has flex 1 when no width prop', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(TextInput, {
+                            initialValue: "",
+                            onChange: vitest__rspack_import_2.vi.fn()
+                        }));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('text-input').getAttribute('data-flex')).toBe('1');
+                    });
+                });
+                (0, vitest__rspack_import_2.describe)('SaveInput.NumberInput', ()=>{
+                    (0, vitest__rspack_import_2.afterEach)(()=>(0, _testing_library_react__rspack_import_1.cleanup)());
+                    (0, vitest__rspack_import_2.it)('renders with initial value', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(NumberInput, {
+                            initialValue: 10,
+                            onChange: vitest__rspack_import_2.vi.fn()
+                        }));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('number-input')).toBeDefined();
+                    });
+                    (0, vitest__rspack_import_2.it)('calls debounced onChange on value change', async ()=>{
+                        const onChange = vitest__rspack_import_2.vi.fn().mockResolvedValue(void 0);
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(NumberInput, {
+                            initialValue: 0,
+                            onChange: onChange
+                        }));
+                        await (0, _testing_library_react__rspack_import_1.act)(async ()=>{
+                            _testing_library_react__rspack_import_1.fireEvent.change(_testing_library_react__rspack_import_1.screen.getByTestId('number-input'), {
+                                target: {
+                                    value: '42'
+                                }
+                            });
+                        });
+                        await (0, _testing_library_react__rspack_import_1.act)(async ()=>{});
+                        (0, vitest__rspack_import_2.expect)(onChange).toHaveBeenCalledWith(42);
+                    });
+                });
+                (0, vitest__rspack_import_2.describe)('SaveInput.Textarea', ()=>{
+                    (0, vitest__rspack_import_2.afterEach)(()=>(0, _testing_library_react__rspack_import_1.cleanup)());
+                    (0, vitest__rspack_import_2.it)('renders with initial value', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Textarea, {
+                            initialValue: "text",
+                            onChange: vitest__rspack_import_2.vi.fn()
+                        }));
+                        const ta = _testing_library_react__rspack_import_1.screen.getByTestId('textarea');
+                        (0, vitest__rspack_import_2.expect)(ta.value).toBe('text');
+                    });
+                    (0, vitest__rspack_import_2.it)('calls debounced onChange', async ()=>{
+                        const onChange = vitest__rspack_import_2.vi.fn().mockResolvedValue(void 0);
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Textarea, {
+                            initialValue: "",
+                            onChange: onChange
+                        }));
+                        _testing_library_react__rspack_import_1.fireEvent.change(_testing_library_react__rspack_import_1.screen.getByTestId('textarea'), {
+                            target: {
+                                value: 'new'
+                            }
+                        });
+                        await (0, _testing_library_react__rspack_import_1.act)(async ()=>{});
+                        (0, vitest__rspack_import_2.expect)(onChange).toHaveBeenCalledWith('new');
+                    });
+                });
+                (0, vitest__rspack_import_2.describe)('SaveInput.Switch', ()=>{
+                    (0, vitest__rspack_import_2.afterEach)(()=>(0, _testing_library_react__rspack_import_1.cleanup)());
+                    (0, vitest__rspack_import_2.it)('renders with initial value', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Switch, {
+                            initialValue: true,
+                            onChange: vitest__rspack_import_2.vi.fn()
+                        }));
+                        const sw = _testing_library_react__rspack_import_1.screen.getByTestId('switch');
+                        (0, vitest__rspack_import_2.expect)(sw.checked).toBe(true);
+                    });
+                    (0, vitest__rspack_import_2.it)('toggles value on change', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Switch, {
+                            initialValue: false,
+                            onChange: vitest__rspack_import_2.vi.fn()
+                        }));
+                        _testing_library_react__rspack_import_1.fireEvent.click(_testing_library_react__rspack_import_1.screen.getByTestId('switch'));
+                    });
+                });
+                (0, vitest__rspack_import_2.describe)('SaveInput.Select', ()=>{
+                    (0, vitest__rspack_import_2.afterEach)(()=>(0, _testing_library_react__rspack_import_1.cleanup)());
+                    (0, vitest__rspack_import_2.it)('renders with initial value', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Select, {
+                            initialValue: "opt1",
+                            onChange: vitest__rspack_import_2.vi.fn()
+                        }));
+                        (0, vitest__rspack_import_2.expect)(_testing_library_react__rspack_import_1.screen.getByTestId('select')).toBeDefined();
+                    });
+                    (0, vitest__rspack_import_2.it)('calls debounced onChange on select', async ()=>{
+                        const onChange = vitest__rspack_import_2.vi.fn().mockResolvedValue(void 0);
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(Select, {
+                            initialValue: null,
+                            onChange: onChange
+                        }));
+                        _testing_library_react__rspack_import_1.fireEvent.change(_testing_library_react__rspack_import_1.screen.getByTestId('select'));
+                        await (0, _testing_library_react__rspack_import_1.act)(async ()=>{});
+                        (0, vitest__rspack_import_2.expect)(onChange).toHaveBeenCalledWith('opt');
+                    });
+                });
+                (0, vitest__rspack_import_2.describe)('SaveInput.JsonInput', ()=>{
+                    (0, vitest__rspack_import_2.afterEach)(()=>(0, _testing_library_react__rspack_import_1.cleanup)());
+                    (0, vitest__rspack_import_2.it)('renders with initial value', ()=>{
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(JsonInput, {
+                            initialValue: "{}",
+                            onChange: vitest__rspack_import_2.vi.fn()
+                        }));
+                        const ta = _testing_library_react__rspack_import_1.screen.getByTestId('json-cm');
+                        (0, vitest__rspack_import_2.expect)(ta.value).toBe('{}');
+                    });
+                    (0, vitest__rspack_import_2.it)('calls debounced onChange', async ()=>{
+                        const onChange = vitest__rspack_import_2.vi.fn().mockResolvedValue(void 0);
+                        (0, _testing_library_react__rspack_import_1.render)(/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(JsonInput, {
+                            initialValue: "",
+                            onChange: onChange
+                        }));
+                        _testing_library_react__rspack_import_1.fireEvent.change(_testing_library_react__rspack_import_1.screen.getByTestId('json-cm'), {
+                            target: {
+                                value: '{"a":1}'
+                            }
+                        });
+                        await (0, _testing_library_react__rspack_import_1.act)(async ()=>{});
+                        (0, vitest__rspack_import_2.expect)(onChange).toHaveBeenCalledWith('{"a":1}');
+                    });
+                });
+                (0, vitest__rspack_import_2.describe)('SaveInput namespace', ()=>{
+                    (0, vitest__rspack_import_2.it)('has all variants', ()=>{
+                        (0, vitest__rspack_import_2.expect)(SaveInput.TextInput).toBeDefined();
+                        (0, vitest__rspack_import_2.expect)(SaveInput.NumberInput).toBeDefined();
+                        (0, vitest__rspack_import_2.expect)(SaveInput.Textarea).toBeDefined();
+                        (0, vitest__rspack_import_2.expect)(SaveInput.Switch).toBeDefined();
+                        (0, vitest__rspack_import_2.expect)(SaveInput.JsonInput).toBeDefined();
+                        (0, vitest__rspack_import_2.expect)(SaveInput.Select).toBeDefined();
+                    });
+                    (0, vitest__rspack_import_2.it)('default is TextInput', ()=>{
+                        (0, vitest__rspack_import_2.expect)(SaveInput).toBe(SaveInput.TextInput);
+                    });
+                });
+                __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__/saveInput.test.tsx");