f1d51b8cc8
- Foldable left panel (user profile) and right panel (task details) - Clicking a task in the list or graph node selects it and shows details - Both views (task list + graph) always mounted via absolute inset-0 for correct canvas dimensions; tabs toggle visibility with opacity - Graph node selection animation: other nodes repel outward (charge -600), then selected node smoothly slides to center (500ms cubic ease-out), then charge restores to -120 and graph stabilizes - Graph re-fits on tab switch and panel resize via ResizeObserver - Fix UUID string IDs throughout (backend returns UUIDs, not integers) - Add TaskDetailPanel, UserPanel components - Add CLAUDE.md project documentation Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
70 lines
2.3 KiB
JavaScript
70 lines
2.3 KiB
JavaScript
"use strict";
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.fireEvent = void 0;
|
|
var _dom = require("@testing-library/dom");
|
|
// react-testing-library's version of fireEvent will call
|
|
// dom-testing-library's version of fireEvent. The reason
|
|
// we make this distinction however is because we have
|
|
// a few extra events that work a bit differently
|
|
const fireEvent = (...args) => (0, _dom.fireEvent)(...args);
|
|
exports.fireEvent = fireEvent;
|
|
Object.keys(_dom.fireEvent).forEach(key => {
|
|
fireEvent[key] = (...args) => _dom.fireEvent[key](...args);
|
|
});
|
|
|
|
// React event system tracks native mouseOver/mouseOut events for
|
|
// running onMouseEnter/onMouseLeave handlers
|
|
// @link https://github.com/facebook/react/blob/b87aabdfe1b7461e7331abb3601d9e6bb27544bc/packages/react-dom/src/events/EnterLeaveEventPlugin.js#L24-L31
|
|
const mouseEnter = fireEvent.mouseEnter;
|
|
const mouseLeave = fireEvent.mouseLeave;
|
|
fireEvent.mouseEnter = (...args) => {
|
|
mouseEnter(...args);
|
|
return fireEvent.mouseOver(...args);
|
|
};
|
|
fireEvent.mouseLeave = (...args) => {
|
|
mouseLeave(...args);
|
|
return fireEvent.mouseOut(...args);
|
|
};
|
|
const pointerEnter = fireEvent.pointerEnter;
|
|
const pointerLeave = fireEvent.pointerLeave;
|
|
fireEvent.pointerEnter = (...args) => {
|
|
pointerEnter(...args);
|
|
return fireEvent.pointerOver(...args);
|
|
};
|
|
fireEvent.pointerLeave = (...args) => {
|
|
pointerLeave(...args);
|
|
return fireEvent.pointerOut(...args);
|
|
};
|
|
const select = fireEvent.select;
|
|
fireEvent.select = (node, init) => {
|
|
select(node, init);
|
|
// React tracks this event only on focused inputs
|
|
node.focus();
|
|
|
|
// React creates this event when one of the following native events happens
|
|
// - contextMenu
|
|
// - mouseUp
|
|
// - dragEnd
|
|
// - keyUp
|
|
// - keyDown
|
|
// so we can use any here
|
|
// @link https://github.com/facebook/react/blob/b87aabdfe1b7461e7331abb3601d9e6bb27544bc/packages/react-dom/src/events/SelectEventPlugin.js#L203-L224
|
|
fireEvent.keyUp(node, init);
|
|
};
|
|
|
|
// React event system tracks native focusout/focusin events for
|
|
// running blur/focus handlers
|
|
// @link https://github.com/facebook/react/pull/19186
|
|
const blur = fireEvent.blur;
|
|
const focus = fireEvent.focus;
|
|
fireEvent.blur = (...args) => {
|
|
fireEvent.focusOut(...args);
|
|
return blur(...args);
|
|
};
|
|
fireEvent.focus = (...args) => {
|
|
fireEvent.focusIn(...args);
|
|
return focus(...args);
|
|
}; |