Files
taskpile/frontend/node_modules/@testing-library/user-event/dist/cjs/document/patchFocus.js
Alvis f1d51b8cc8 Add side panels, task selection, graph animation, and project docs
- 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>
2026-04-08 11:23:06 +00:00

105 lines
3.2 KiB
JavaScript

'use strict';
var dispatchEvent = require('../event/dispatchEvent.js');
require('../utils/dataTransfer/Clipboard.js');
var getActiveElement = require('../utils/focus/getActiveElement.js');
require('@testing-library/dom');
const patched = Symbol('patched focus/blur methods');
function patchFocus(HTMLElement) {
if (HTMLElement.prototype[patched]) {
return;
}
// eslint-disable-next-line @typescript-eslint/unbound-method
const { focus, blur } = HTMLElement.prototype;
Object.defineProperties(HTMLElement.prototype, {
focus: {
configurable: true,
get: ()=>patchedFocus
},
blur: {
configurable: true,
get: ()=>patchedBlur
},
[patched]: {
configurable: true,
get: ()=>({
focus,
blur
})
}
});
let activeCall;
function patchedFocus(options) {
if (this.ownerDocument.visibilityState !== 'hidden') {
return focus.call(this, options);
}
const blurred = getActiveTarget(this.ownerDocument);
if (blurred === this) {
return;
}
const thisCall = Symbol('focus call');
activeCall = thisCall;
if (blurred) {
blur.call(blurred);
dispatchEvent.dispatchDOMEvent(blurred, 'blur', {
relatedTarget: this
});
dispatchEvent.dispatchDOMEvent(blurred, 'focusout', {
relatedTarget: activeCall === thisCall ? this : null
});
}
if (activeCall === thisCall) {
focus.call(this, options);
dispatchEvent.dispatchDOMEvent(this, 'focus', {
relatedTarget: blurred
});
}
if (activeCall === thisCall) {
dispatchEvent.dispatchDOMEvent(this, 'focusin', {
relatedTarget: blurred
});
}
}
function patchedBlur() {
if (this.ownerDocument.visibilityState !== 'hidden') {
return blur.call(this);
}
const blurred = getActiveTarget(this.ownerDocument);
if (blurred !== this) {
return;
}
const thisCall = Symbol('blur call');
activeCall = thisCall;
blur.call(this);
dispatchEvent.dispatchDOMEvent(blurred, 'blur', {
relatedTarget: null
});
dispatchEvent.dispatchDOMEvent(blurred, 'focusout', {
relatedTarget: null
});
}
}
function getActiveTarget(document) {
const active = getActiveElement.getActiveElement(document);
return (active === null || active === undefined ? undefined : active.tagName) === 'BODY' ? null : active;
}
function restoreFocus(HTMLElement) {
if (HTMLElement.prototype[patched]) {
const { focus, blur } = HTMLElement.prototype[patched];
Object.defineProperties(HTMLElement.prototype, {
focus: {
configurable: true,
get: ()=>focus
},
blur: {
configurable: true,
get: ()=>blur
}
});
}
}
exports.patchFocus = patchFocus;
exports.restoreFocus = restoreFocus;