@skbkontur/react-ui 0.0.0-fed57d84fb → 0.7.0-beta.1

package/lib/events/MouseDrag.d.ts

@@ -1,58 +1,59 @@
-declare type MouseDragEvent = MouseEvent;
-declare type HandlerNative<E = MouseEvent> = (e: E) => void;
-declare type Handler = (e: MouseDragEvent) => void;
-declare type On = (handler: Handler) => MouseDrag;
-export declare type MouseDragEventHandler = (e: MouseDragEvent) => void;
-/**
- * ## Класс для отслеживания эффекта перетаскивания мышкой
- *
- * _Публичный метод `handleMouseUp` нельзя использовать!_
- *
- * ### Начало прослушивания и добавление обработчиков:
- * ```
- *   MouseDrag.listen(HTMLElement_1)
- *     .onMouseDragStart(start)
- *     .onMouseDragMove(move)
- *     .onMouseDragLeave(leave)
- *     .onMouseDragEnd(end);
- *
- * - - ИЛИ - -
- *
- *  const mouseDrag_1 = MouseDrag.listen(HTMLElement)...
- * ```
- *
- * ### Остановка прослушивания:
- * ```
- *   MouseDrag.stop(HTMLElement_1)
- *
- * - - ИЛИ - -
- *
- *   mouseDrag_1.stop();
- * ```
- */
-export declare class MouseDrag {
-    static readonly RADIUS: number;
-    static listen: (elem: HTMLElement) => MouseDrag;
-    static stop: (elem: HTMLElement | null) => void;
-    private mouseDragStartEvent?;
-    private clicked;
-    private dragging;
-    private x1?;
-    private y1?;
-    private elem;
-    constructor(elem: HTMLElement);
-    stop: () => void;
-    onMouseDragStart: On;
-    onMouseDragMove: On;
-    onMouseDragLeave: On;
-    onMouseDragEnd: On;
-    handleMouseUp: HandlerNative;
-    private on;
-    private handleMouseDown;
-    private handleMouseMove;
-    private handleMouseLeave;
-    private getLength;
-    private createEvent;
-    private dispatchEvent;
-}
-export {};
+type MouseDragEvent = MouseEvent;
+type HandlerNative<E = MouseEvent> = (e: E) => void;
+type Handler = (e: MouseDragEvent) => void;
+type On = (handler: Handler) => MouseDrag;
+export type MouseDragEventHandler = (e: MouseDragEvent) => void;
+/**
+ * ## Класс для отслеживания эффекта перетаскивания мышкой
+ *
+ * _Публичный метод `handleMouseUp` нельзя использовать!_
+ *
+ * ### Начало прослушивания и добавление обработчиков:
+ * ```
+ *   MouseDrag.listen(HTMLElement_1)
+ *     .onMouseDragStart(start)
+ *     .onMouseDragMove(move)
+ *     .onMouseDragLeave(leave)
+ *     .onMouseDragEnd(end);
+ *
+ * - - ИЛИ - -
+ *
+ *  const mouseDrag_1 = MouseDrag.listen(HTMLElement)...
+ * ```
+ *
+ * ### Остановка прослушивания:
+ * ```
+ *   MouseDrag.stop(HTMLElement_1)
+ *
+ * - - ИЛИ - -
+ *
+ *   mouseDrag_1.stop();
+ * ```
+ */
+export declare class MouseDrag {
+    static readonly RADIUS: number;
+    static listen: (elem: HTMLElement) => MouseDrag;
+    static stop: (elem: HTMLElement | null) => void;
+    mouseDragStartEvent?: MouseDragEvent;
+    private clicked;
+    private dragging;
+    private x1?;
+    private y1?;
+    private elem;
+    private globalObject;
+    constructor(elem: HTMLElement);
+    stop: () => void;
+    onMouseDragStart: On;
+    onMouseDragMove: On;
+    onMouseDragLeave: On;
+    onMouseDragEnd: On;
+    handleMouseUp: HandlerNative;
+    private on;
+    private handleMouseDown;
+    private handleMouseMove;
+    private handleMouseLeave;
+    private getLength;
+    private createEvent;
+    private dispatchEvent;
+}
+export {};

package/lib/events/MouseDrag.js

@@ -0,0 +1,146 @@
+import { getOwnerGlobalObject } from '../../lib/globalObject.js';
+var MouseDragEventType;
+(function (MouseDragEventType) {
+    MouseDragEventType["Start"] = "mousedragstart";
+    MouseDragEventType["Move"] = "mousedragmove";
+    MouseDragEventType["End"] = "mousedragend";
+    MouseDragEventType["Leave"] = "mousedragleave";
+})(MouseDragEventType || (MouseDragEventType = {}));
+var items = new Map();
+var listenersAttached = new WeakSet();
+var documentHandleMouseUp = function (e) { return items.forEach(function (mouseDrag) { return mouseDrag.handleMouseUp(e); }); };
+/**
+ * ## Класс для отслеживания эффекта перетаскивания мышкой
+ *
+ * _Публичный метод `handleMouseUp` нельзя использовать!_
+ *
+ * ### Начало прослушивания и добавление обработчиков:
+ * ```
+ *   MouseDrag.listen(HTMLElement_1)
+ *     .onMouseDragStart(start)
+ *     .onMouseDragMove(move)
+ *     .onMouseDragLeave(leave)
+ *     .onMouseDragEnd(end);
+ *
+ * - - ИЛИ - -
+ *
+ *  const mouseDrag_1 = MouseDrag.listen(HTMLElement)...
+ * ```
+ *
+ * ### Остановка прослушивания:
+ * ```
+ *   MouseDrag.stop(HTMLElement_1)
+ *
+ * - - ИЛИ - -
+ *
+ *   mouseDrag_1.stop();
+ * ```
+ */
+var MouseDrag = /** @class */ (function () {
+    function MouseDrag(elem) {
+        var _this = this;
+        var _a;
+        this.clicked = false;
+        this.dragging = false;
+        this.stop = function () {
+            if (_this.elem !== null) {
+                _this.elem.removeEventListener('mousedown', _this.handleMouseDown);
+                _this.elem.removeEventListener('mousemove', _this.handleMouseMove);
+                _this.elem.removeEventListener('mouseleave', _this.handleMouseLeave);
+                items.delete(_this.elem);
+            }
+            _this.elem = null;
+        };
+        this.onMouseDragStart = function (handler) { return _this.on(MouseDragEventType.Start, handler); };
+        this.onMouseDragMove = function (handler) { return _this.on(MouseDragEventType.Move, handler); };
+        this.onMouseDragLeave = function (handler) { return _this.on(MouseDragEventType.Leave, handler); };
+        this.onMouseDragEnd = function (handler) { return _this.on(MouseDragEventType.End, handler); };
+        this.handleMouseUp = function (e) {
+            _this.clicked = false;
+            if (_this.dragging) {
+                _this.dragging = false;
+                _this.dispatchEvent(_this.createEvent(MouseDragEventType.End, e));
+            }
+        };
+        this.on = function (type, handler) {
+            if (_this.elem !== null) {
+                _this.elem.removeEventListener(type, handler);
+                _this.elem.addEventListener(type, handler);
+            }
+            return _this;
+        };
+        this.handleMouseDown = function (e) {
+            if (!_this.clicked) {
+                _this.clicked = true;
+                _this.x1 = e.pageX;
+                _this.y1 = e.pageY;
+                _this.mouseDragStartEvent = _this.createEvent(MouseDragEventType.Start, e);
+            }
+        };
+        this.handleMouseMove = function (e) {
+            if (_this.dragging) {
+                return _this.dispatchEvent(_this.createEvent(MouseDragEventType.Move, e));
+            }
+            if (_this.clicked && _this.getLength(e.pageX, e.pageY) > MouseDrag.RADIUS) {
+                _this.dragging = true;
+                _this.clicked = false;
+                if (_this.mouseDragStartEvent) {
+                    _this.dispatchEvent(_this.mouseDragStartEvent);
+                }
+            }
+        };
+        this.handleMouseLeave = function (e) {
+            if (_this.dragging) {
+                _this.dispatchEvent(_this.createEvent(MouseDragEventType.Leave, e));
+            }
+        };
+        this.getLength = function (x2, y2) {
+            if (_this.x1 !== undefined && _this.y1 !== undefined) {
+                return Math.sqrt(Math.pow((x2 - _this.x1), 2) + Math.pow((y2 - _this.y1), 2));
+            }
+            return 0;
+        };
+        this.createEvent = function (type, e) {
+            if (typeof _this.globalObject.MouseEvent === 'function') {
+                return new _this.globalObject.MouseEvent(type, e);
+            }
+        };
+        this.dispatchEvent = function (mouseDragEvent) {
+            if (mouseDragEvent && _this.elem !== null) {
+                _this.elem.dispatchEvent(mouseDragEvent);
+            }
+        };
+        this.elem = elem;
+        this.globalObject = getOwnerGlobalObject(elem);
+        this.elem.addEventListener('mousedown', this.handleMouseDown);
+        this.elem.addEventListener('mousemove', this.handleMouseMove);
+        this.elem.addEventListener('mouseleave', this.handleMouseLeave);
+        items.set(this.elem, this);
+        if (!listenersAttached.has(this.globalObject)) {
+            (_a = this.globalObject.document) === null || _a === void 0 ? void 0 : _a.documentElement.addEventListener('mouseup', documentHandleMouseUp);
+            listenersAttached.add(this.globalObject);
+        }
+    }
+    // Радиус окружности, который необходимо преодолеть мышью, чтобы вызвалось событие `MouseDragStart`
+    MouseDrag.RADIUS = 5; // px
+    MouseDrag.listen = function (elem) {
+        if (items.has(elem)) {
+            var mouseDrag = items.get(elem);
+            if (mouseDrag) {
+                return mouseDrag;
+            }
+        }
+        return new MouseDrag(elem);
+    };
+    MouseDrag.stop = function (elem) {
+        if (elem && items.has(elem)) {
+            var mouseDrag = items.get(elem);
+            if (mouseDrag) {
+                mouseDrag.stop();
+            }
+        }
+    };
+    return MouseDrag;
+}());
+export { MouseDrag };
+//# sourceMappingURL=MouseDrag.js.map

package/lib/events/MouseDrag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MouseDrag.js","sourceRoot":"","sources":["../../../lib/events/MouseDrag.ts"],"names":[],"mappings":"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","sourcesContent":["import type { GlobalObject } from '../../lib/globalObject.js';\nimport { getOwnerGlobalObject } from '../../lib/globalObject.js';\n\nenum MouseDragEventType {\n  Start = 'mousedragstart',\n  Move = 'mousedragmove',\n  End = 'mousedragend',\n  Leave = 'mousedragleave',\n}\n\ntype MouseDragEvent = MouseEvent;\n\ntype HandlerNative<E = MouseEvent> = (e: E) => void;\ntype Handler = (e: MouseDragEvent) => void;\ntype On = (handler: Handler) => MouseDrag;\nexport type MouseDragEventHandler = (e: MouseDragEvent) => void;\n\nconst items: Map<HTMLElement, MouseDrag> = new Map();\nconst listenersAttached = new WeakSet<GlobalObject>();\n\nconst documentHandleMouseUp: HandlerNative = (e) => items.forEach((mouseDrag) => mouseDrag.handleMouseUp(e));\n\n/**\n * ## Класс для отслеживания эффекта перетаскивания мышкой\n *\n * _Публичный метод `handleMouseUp` нельзя использовать!_\n *\n * ### Начало прослушивания и добавление обработчиков:\n * ```\n *   MouseDrag.listen(HTMLElement_1)\n *     .onMouseDragStart(start)\n *     .onMouseDragMove(move)\n *     .onMouseDragLeave(leave)\n *     .onMouseDragEnd(end);\n *\n * - - ИЛИ - -\n *\n *  const mouseDrag_1 = MouseDrag.listen(HTMLElement)...\n * ```\n *\n * ### Остановка прослушивания:\n * ```\n *   MouseDrag.stop(HTMLElement_1)\n *\n * - - ИЛИ - -\n *\n *   mouseDrag_1.stop();\n * ```\n */\nexport class MouseDrag {\n  // Радиус окружности, который необходимо преодолеть мышью, чтобы вызвалось событие `MouseDragStart`\n  public static readonly RADIUS: number = 5; // px\n\n  public static listen = (elem: HTMLElement): MouseDrag => {\n    if (items.has(elem)) {\n      const mouseDrag = items.get(elem);\n      if (mouseDrag) {\n        return mouseDrag;\n      }\n    }\n    return new MouseDrag(elem);\n  };\n\n  public static stop = (elem: HTMLElement | null): void => {\n    if (elem && items.has(elem)) {\n      const mouseDrag = items.get(elem);\n      if (mouseDrag) {\n        mouseDrag.stop();\n      }\n    }\n  };\n\n  public mouseDragStartEvent?: MouseDragEvent;\n  private clicked = false;\n  private dragging = false;\n\n  private x1?: number;\n  private y1?: number;\n\n  private elem: HTMLElement | null;\n  private globalObject: GlobalObject;\n\n  public constructor(elem: HTMLElement) {\n    this.elem = elem;\n    this.globalObject = getOwnerGlobalObject(elem);\n    this.elem.addEventListener('mousedown', this.handleMouseDown);\n    this.elem.addEventListener('mousemove', this.handleMouseMove);\n    this.elem.addEventListener('mouseleave', this.handleMouseLeave);\n    items.set(this.elem, this);\n    if (!listenersAttached.has(this.globalObject)) {\n      this.globalObject.document?.documentElement.addEventListener('mouseup', documentHandleMouseUp);\n      listenersAttached.add(this.globalObject);\n    }\n  }\n\n  public stop = (): void => {\n    if (this.elem !== null) {\n      this.elem.removeEventListener('mousedown', this.handleMouseDown);\n      this.elem.removeEventListener('mousemove', this.handleMouseMove);\n      this.elem.removeEventListener('mouseleave', this.handleMouseLeave);\n      items.delete(this.elem);\n    }\n    this.elem = null;\n  };\n\n  public onMouseDragStart: On = (handler) => this.on(MouseDragEventType.Start, handler);\n  public onMouseDragMove: On = (handler) => this.on(MouseDragEventType.Move, handler);\n  public onMouseDragLeave: On = (handler) => this.on(MouseDragEventType.Leave, handler);\n  public onMouseDragEnd: On = (handler) => this.on(MouseDragEventType.End, handler);\n\n  public handleMouseUp: HandlerNative = (e) => {\n    this.clicked = false;\n    if (this.dragging) {\n      this.dragging = false;\n      this.dispatchEvent(this.createEvent(MouseDragEventType.End, e));\n    }\n  };\n\n  private on = (type: MouseDragEventType, handler: Handler): MouseDrag => {\n    if (this.elem !== null) {\n      this.elem.removeEventListener(type, handler as HandlerNative<Event>);\n      this.elem.addEventListener(type, handler as HandlerNative<Event>);\n    }\n    return this;\n  };\n\n  private handleMouseDown: HandlerNative = (e) => {\n    if (!this.clicked) {\n      this.clicked = true;\n      this.x1 = e.pageX;\n      this.y1 = e.pageY;\n      this.mouseDragStartEvent = this.createEvent(MouseDragEventType.Start, e);\n    }\n  };\n\n  private handleMouseMove: HandlerNative = (e) => {\n    if (this.dragging) {\n      return this.dispatchEvent(this.createEvent(MouseDragEventType.Move, e));\n    }\n    if (this.clicked && this.getLength(e.pageX, e.pageY) > MouseDrag.RADIUS) {\n      this.dragging = true;\n      this.clicked = false;\n      if (this.mouseDragStartEvent) {\n        this.dispatchEvent(this.mouseDragStartEvent);\n      }\n    }\n  };\n\n  private handleMouseLeave: HandlerNative = (e) => {\n    if (this.dragging) {\n      this.dispatchEvent(this.createEvent(MouseDragEventType.Leave, e));\n    }\n  };\n\n  private getLength = (x2: number, y2: number): number => {\n    if (this.x1 !== undefined && this.y1 !== undefined) {\n      return Math.sqrt((x2 - this.x1) ** 2 + (y2 - this.y1) ** 2);\n    }\n\n    return 0;\n  };\n\n  private createEvent = (type: MouseDragEventType, e: MouseEvent): MouseDragEvent | undefined => {\n    if (typeof this.globalObject.MouseEvent === 'function') {\n      return new this.globalObject.MouseEvent(type, e);\n    }\n  };\n\n  private dispatchEvent = (mouseDragEvent?: MouseDragEvent): void => {\n    if (mouseDragEvent && this.elem !== null) {\n      this.elem.dispatchEvent(mouseDragEvent);\n    }\n  };\n}\n"]}

package/lib/events/fixFirefoxModifiedClickOnLabel.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const fixFirefoxModifiedClickOnLabel: (ref: React.RefObject<HTMLInputElement>) => (e: React.MouseEvent<HTMLLabelElement>) => void;
+import type React from 'react';
+export declare const fixFirefoxModifiedClickOnLabel: (ref: React.RefObject<HTMLInputElement | null>) => ((e: React.MouseEvent<HTMLLabelElement>) => void);

package/lib/events/fixFirefoxModifiedClickOnLabel.js

@@ -0,0 +1,26 @@
+import { isBrowser, getOwnerGlobalObject } from '../../lib/globalObject.js';
+import { isFirefox } from '../client.js';
+// Checkbox not checked in Firefox if key of modifier was active
+// shift+click, ctrl+click on Win and cmd+click on Mac
+// https://bugzilla.mozilla.org/show_bug.cgi?id=559506
+export var fixFirefoxModifiedClickOnLabel = function (ref) {
+    return function (e) {
+        var input = ref.current;
+        if (!input) {
+            return;
+        }
+        var globalObject = getOwnerGlobalObject(input);
+        if (!input.disabled && isBrowser(globalObject) && isFirefox && (e.shiftKey || e.ctrlKey || e.metaKey)) {
+            // Currently only valid for Radio and Checkbox
+            input.checked = !input.checked;
+            var type = input.type;
+            input.type = 'text';
+            e.persist();
+            if (globalObject.MouseEvent) {
+                input.dispatchEvent(new globalObject.MouseEvent('change', e.nativeEvent));
+            }
+            input.type = type;
+        }
+    };
+};
+//# sourceMappingURL=fixFirefoxModifiedClickOnLabel.js.map

package/lib/events/fixFirefoxModifiedClickOnLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixFirefoxModifiedClickOnLabel.js","sourceRoot":"","sources":["../../../lib/events/fixFirefoxModifiedClickOnLabel.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,gEAAgE;AAChE,sDAAsD;AACtD,sDAAsD;AACtD,MAAM,CAAC,IAAM,8BAA8B,GACzC,UAAC,GAA6C;IAC9C,OAAA,UAAC,CAAqC;QACpC,IAAM,KAAK,GAAG,GAAG,CAAC,OAAO,CAAC;QAC1B,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QAED,IAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;QACjD,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC,IAAI,SAAS,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC;YACtG,8CAA8C;YAC9C,KAAK,CAAC,OAAO,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC;YAC/B,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;YACxB,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC;YACpB,CAAC,CAAC,OAAO,EAAE,CAAC;YACZ,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;gBAC5B,KAAK,CAAC,aAAa,CAAC,IAAI,YAAY,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;YAC5E,CAAC;YACD,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;QACpB,CAAC;IACH,CAAC;AAlBD,CAkBC,CAAC","sourcesContent":["import type React from 'react';\n\nimport { isBrowser, getOwnerGlobalObject } from '../../lib/globalObject.js';\nimport { isFirefox } from '../client.js';\n\n// Checkbox not checked in Firefox if key of modifier was active\n// shift+click, ctrl+click on Win and cmd+click on Mac\n// https://bugzilla.mozilla.org/show_bug.cgi?id=559506\nexport const fixFirefoxModifiedClickOnLabel =\n  (ref: React.RefObject<HTMLInputElement | null>): ((e: React.MouseEvent<HTMLLabelElement>) => void) =>\n  (e: React.MouseEvent<HTMLLabelElement>) => {\n    const input = ref.current;\n    if (!input) {\n      return;\n    }\n\n    const globalObject = getOwnerGlobalObject(input);\n    if (!input.disabled && isBrowser(globalObject) && isFirefox && (e.shiftKey || e.ctrlKey || e.metaKey)) {\n      // Currently only valid for Radio and Checkbox\n      input.checked = !input.checked;\n      const type = input.type;\n      input.type = 'text';\n      e.persist();\n      if (globalObject.MouseEvent) {\n        input.dispatchEvent(new globalObject.MouseEvent('change', e.nativeEvent));\n      }\n      input.type = type;\n    }\n  };\n"]}

package/lib/events/keyListener.d.ts

@@ -1,7 +1,7 @@
-declare class KeyListener {
-    isTabPressed: boolean;
-    isArrowPressed: boolean;
-    constructor();
-}
-export declare const keyListener: KeyListener;
-export {};
+import type { GlobalObject } from '../../lib/globalObject.js';
+export declare class KeyListener {
+    isTabPressed: boolean;
+    isArrowPressed: boolean;
+    constructor(globalObject: GlobalObject);
+}
+export declare function useKeyListener(): KeyListener;

package/lib/events/keyListener.js

@@ -0,0 +1,26 @@
+import { useMemo } from 'react';
+import { useGlobal } from '../renderEnvironment/index.js';
+import { isKeyArrow, isKeyTab } from './keyboard/identifiers.js';
+var KeyListener = /** @class */ (function () {
+    function KeyListener(globalObject) {
+        var _this = this;
+        var _a, _b;
+        this.isTabPressed = false;
+        this.isArrowPressed = false;
+        (_a = globalObject.addEventListener) === null || _a === void 0 ? void 0 : _a.call(globalObject, 'keydown', function (e) {
+            _this.isTabPressed = isKeyTab(e);
+            _this.isArrowPressed = isKeyArrow(e);
+        });
+        (_b = globalObject.addEventListener) === null || _b === void 0 ? void 0 : _b.call(globalObject, 'mousedown', function () {
+            _this.isTabPressed = false;
+            _this.isArrowPressed = false;
+        });
+    }
+    return KeyListener;
+}());
+export { KeyListener };
+export function useKeyListener() {
+    var globalObject = useGlobal();
+    return useMemo(function () { return new KeyListener(globalObject); }, [globalObject]);
+}
+//# sourceMappingURL=keyListener.js.map

package/lib/events/keyListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyListener.js","sourceRoot":"","sources":["../../../lib/events/keyListener.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE1D,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEjE;IAGE,qBAAY,YAA0B;QAAtC,iBASC;;QAXM,iBAAY,GAAG,KAAK,CAAC;QACrB,mBAAc,GAAG,KAAK,CAAC;QAE5B,MAAA,YAAY,CAAC,gBAAgB,6DAAG,SAAS,EAAE,UAAC,CAAC;YAC3C,KAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YAChC,KAAI,CAAC,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;QACH,MAAA,YAAY,CAAC,gBAAgB,6DAAG,WAAW,EAAE;YAC3C,KAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,KAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC9B,CAAC,CAAC,CAAC;IACL,CAAC;IACH,kBAAC;AAAD,CAAC,AAbD,IAaC;;AAED,MAAM,UAAU,cAAc;IAC5B,IAAM,YAAY,GAAG,SAAS,EAAE,CAAC;IACjC,OAAO,OAAO,CAAC,cAAM,OAAA,IAAI,WAAW,CAAC,YAAY,CAAC,EAA7B,CAA6B,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;AACtE,CAAC","sourcesContent":["import { useMemo } from 'react';\n\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { useGlobal } from '../renderEnvironment/index.js';\n\nimport { isKeyArrow, isKeyTab } from './keyboard/identifiers.js';\n\nexport class KeyListener {\n  public isTabPressed = false;\n  public isArrowPressed = false;\n  constructor(globalObject: GlobalObject) {\n    globalObject.addEventListener?.('keydown', (e) => {\n      this.isTabPressed = isKeyTab(e);\n      this.isArrowPressed = isKeyArrow(e);\n    });\n    globalObject.addEventListener?.('mousedown', () => {\n      this.isTabPressed = false;\n      this.isArrowPressed = false;\n    });\n  }\n}\n\nexport function useKeyListener(): KeyListener {\n  const globalObject = useGlobal();\n  return useMemo(() => new KeyListener(globalObject), [globalObject]);\n}\n"]}

package/lib/events/keyboard/KeyboardEventCodes.d.ts

@@ -1,30 +1,30 @@
-export declare enum KeyboardEventCodes {
-    Unidentified = "Unidentified",
-    Escape = "Escape",
-    KeyA = "KeyA",
-    KeyC = "KeyC",
-    KeyV = "KeyV",
-    KeyX = "KeyX",
-    Enter = "Enter",
-    Tab = "Tab",
-    CapsLock = "CapsLock",
-    Minus = "Minus",
-    Equal = "Equal",
-    Backspace = "Backspace",
-    Comma = "Comma",
-    Period = "Period",
-    Slash = "Slash",
-    Backslash = "Backslash",
-    IntlBackslash = "IntlBackslash",
-    Space = "Space",
-    Home = "Home",
-    End = "End",
-    Insert = "Insert",
-    Delete = "Delete",
-    PageUp = "PageUp",
-    PageDown = "PageDown",
-    NumpadDivide = "NumpadDivide",
-    NumpadSubtract = "NumpadSubtract",
-    NumpadDecimal = "NumpadDecimal",
-    NumpadEnter = "NumpadEnter"
-}
+export declare enum KeyboardEventCodes {
+    Unidentified = "Unidentified",
+    Escape = "Escape",
+    KeyA = "KeyA",
+    KeyC = "KeyC",
+    KeyV = "KeyV",
+    KeyX = "KeyX",
+    Enter = "Enter",
+    Tab = "Tab",
+    CapsLock = "CapsLock",
+    Minus = "Minus",
+    Equal = "Equal",
+    Backspace = "Backspace",
+    Comma = "Comma",
+    Period = "Period",
+    Slash = "Slash",
+    Backslash = "Backslash",
+    IntlBackslash = "IntlBackslash",
+    Space = "Space",
+    Home = "Home",
+    End = "End",
+    Insert = "Insert",
+    Delete = "Delete",
+    PageUp = "PageUp",
+    PageDown = "PageDown",
+    NumpadDivide = "NumpadDivide",
+    NumpadSubtract = "NumpadSubtract",
+    NumpadDecimal = "NumpadDecimal",
+    NumpadEnter = "NumpadEnter"
+}

package/lib/events/keyboard/KeyboardEventCodes.js

@@ -0,0 +1,32 @@
+export var KeyboardEventCodes;
+(function (KeyboardEventCodes) {
+    KeyboardEventCodes["Unidentified"] = "Unidentified";
+    KeyboardEventCodes["Escape"] = "Escape";
+    KeyboardEventCodes["KeyA"] = "KeyA";
+    KeyboardEventCodes["KeyC"] = "KeyC";
+    KeyboardEventCodes["KeyV"] = "KeyV";
+    KeyboardEventCodes["KeyX"] = "KeyX";
+    KeyboardEventCodes["Enter"] = "Enter";
+    KeyboardEventCodes["Tab"] = "Tab";
+    KeyboardEventCodes["CapsLock"] = "CapsLock";
+    KeyboardEventCodes["Minus"] = "Minus";
+    KeyboardEventCodes["Equal"] = "Equal";
+    KeyboardEventCodes["Backspace"] = "Backspace";
+    KeyboardEventCodes["Comma"] = "Comma";
+    KeyboardEventCodes["Period"] = "Period";
+    KeyboardEventCodes["Slash"] = "Slash";
+    KeyboardEventCodes["Backslash"] = "Backslash";
+    KeyboardEventCodes["IntlBackslash"] = "IntlBackslash";
+    KeyboardEventCodes["Space"] = "Space";
+    KeyboardEventCodes["Home"] = "Home";
+    KeyboardEventCodes["End"] = "End";
+    KeyboardEventCodes["Insert"] = "Insert";
+    KeyboardEventCodes["Delete"] = "Delete";
+    KeyboardEventCodes["PageUp"] = "PageUp";
+    KeyboardEventCodes["PageDown"] = "PageDown";
+    KeyboardEventCodes["NumpadDivide"] = "NumpadDivide";
+    KeyboardEventCodes["NumpadSubtract"] = "NumpadSubtract";
+    KeyboardEventCodes["NumpadDecimal"] = "NumpadDecimal";
+    KeyboardEventCodes["NumpadEnter"] = "NumpadEnter";
+})(KeyboardEventCodes || (KeyboardEventCodes = {}));
+//# sourceMappingURL=KeyboardEventCodes.js.map

package/lib/events/keyboard/KeyboardEventCodes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardEventCodes.js","sourceRoot":"","sources":["../../../../lib/events/keyboard/KeyboardEventCodes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,kBA6BX;AA7BD,WAAY,kBAAkB;IAC5B,mDAA6B,CAAA;IAC7B,uCAAiB,CAAA;IACjB,mCAAa,CAAA;IACb,mCAAa,CAAA;IACb,mCAAa,CAAA;IACb,mCAAa,CAAA;IACb,qCAAe,CAAA;IACf,iCAAW,CAAA;IACX,2CAAqB,CAAA;IACrB,qCAAe,CAAA;IACf,qCAAe,CAAA;IACf,6CAAuB,CAAA;IACvB,qCAAe,CAAA;IACf,uCAAiB,CAAA;IACjB,qCAAe,CAAA;IACf,6CAAuB,CAAA;IACvB,qDAA+B,CAAA;IAC/B,qCAAe,CAAA;IACf,mCAAa,CAAA;IACb,iCAAW,CAAA;IACX,uCAAiB,CAAA;IACjB,uCAAiB,CAAA;IACjB,uCAAiB,CAAA;IACjB,2CAAqB,CAAA;IACrB,mDAA6B,CAAA;IAC7B,uDAAiC,CAAA;IACjC,qDAA+B,CAAA;IAC/B,iDAA2B,CAAA;AAC7B,CAAC,EA7BW,kBAAkB,KAAlB,kBAAkB,QA6B7B","sourcesContent":["export enum KeyboardEventCodes {\n  Unidentified = 'Unidentified',\n  Escape = 'Escape',\n  KeyA = 'KeyA',\n  KeyC = 'KeyC',\n  KeyV = 'KeyV',\n  KeyX = 'KeyX',\n  Enter = 'Enter',\n  Tab = 'Tab',\n  CapsLock = 'CapsLock',\n  Minus = 'Minus',\n  Equal = 'Equal',\n  Backspace = 'Backspace',\n  Comma = 'Comma',\n  Period = 'Period',\n  Slash = 'Slash',\n  Backslash = 'Backslash',\n  IntlBackslash = 'IntlBackslash',\n  Space = 'Space',\n  Home = 'Home',\n  End = 'End',\n  Insert = 'Insert',\n  Delete = 'Delete',\n  PageUp = 'PageUp',\n  PageDown = 'PageDown',\n  NumpadDivide = 'NumpadDivide',\n  NumpadSubtract = 'NumpadSubtract',\n  NumpadDecimal = 'NumpadDecimal',\n  NumpadEnter = 'NumpadEnter',\n}\n"]}

package/lib/events/keyboard/KeyboardMapKeys.d.ts

@@ -1,7 +1,7 @@
-import { KeyboardEventCodes as Codes } from './KeyboardEventCodes';
-export declare type Location = number;
-export declare type KeyCode = number;
-export declare type KeyboardKey = [KeyCode, Location];
-export declare const KeyboardMapKeys: {
-    [code in Codes]: KeyboardKey[];
-};
+import { KeyboardEventCodes as Codes } from './KeyboardEventCodes.js';
+export type Location = number;
+export type KeyCode = number;
+export type KeyboardKey = [KeyCode, Location];
+export declare const KeyboardMapKeys: {
+    [code in Codes]: KeyboardKey[];
+};

package/lib/events/keyboard/KeyboardMapKeys.js

@@ -0,0 +1,38 @@
+var _a;
+import { KeyboardEventCodes as Codes } from './KeyboardEventCodes.js';
+var STANDARD = 0; //KeyboardEvent.DOM_KEY_LOCATION_STANDARD;
+var NUMPAD = 3; //KeyboardEvent.DOM_KEY_LOCATION_NUMPAD;
+export var KeyboardMapKeys = (_a = {},
+    _a[Codes.Unidentified] = [[0, 0]],
+    _a[Codes.End] = [[35, STANDARD]],
+    _a[Codes.Escape] = [[27, STANDARD]],
+    _a[Codes.Equal] = [[187, STANDARD]],
+    _a[Codes.Backspace] = [[8, STANDARD]],
+    _a[Codes.Enter] = [[13, STANDARD]],
+    _a[Codes.NumpadEnter] = [[13, NUMPAD]],
+    _a[Codes.Home] = [[36, STANDARD]],
+    _a[Codes.Delete] = [[46, STANDARD]],
+    _a[Codes.Insert] = [[45, STANDARD]],
+    _a[Codes.PageUp] = [[33, STANDARD]],
+    _a[Codes.PageDown] = [[34, STANDARD]],
+    _a[Codes.Tab] = [[9, STANDARD]],
+    _a[Codes.CapsLock] = [[20, STANDARD]],
+    _a[Codes.KeyA] = [[65, STANDARD]],
+    _a[Codes.KeyC] = [[67, STANDARD]],
+    _a[Codes.KeyV] = [[86, STANDARD]],
+    _a[Codes.KeyX] = [[88, STANDARD]],
+    _a[Codes.NumpadDecimal] = [
+        [110, NUMPAD],
+        [46, NUMPAD],
+    ],
+    _a[Codes.NumpadSubtract] = [[109, NUMPAD]],
+    _a[Codes.NumpadDivide] = [[111, NUMPAD]],
+    _a[Codes.Comma] = [[188, STANDARD]],
+    _a[Codes.Minus] = [[189, STANDARD]],
+    _a[Codes.Period] = [[190, STANDARD]],
+    _a[Codes.Slash] = [[191, STANDARD]],
+    _a[Codes.Backslash] = [[220, STANDARD]],
+    _a[Codes.IntlBackslash] = [[226, STANDARD]],
+    _a[Codes.Space] = [[32, STANDARD]],
+    _a);
+//# sourceMappingURL=KeyboardMapKeys.js.map

package/lib/events/keyboard/KeyboardMapKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardMapKeys.js","sourceRoot":"","sources":["../../../../lib/events/keyboard/KeyboardMapKeys.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAMtE,IAAM,QAAQ,GAAG,CAAC,CAAC,CAAC,0CAA0C;AAC9D,IAAM,MAAM,GAAG,CAAC,CAAC,CAAC,wCAAwC;AAE1D,MAAM,CAAC,IAAM,eAAe;IAC1B,GAAC,KAAK,CAAC,YAAY,IAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9B,GAAC,KAAK,CAAC,GAAG,IAAG,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IAC7B,GAAC,KAAK,CAAC,MAAM,IAAG,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IAChC,GAAC,KAAK,CAAC,KAAK,IAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAChC,GAAC,KAAK,CAAC,SAAS,IAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;IAClC,GAAC,KAAK,CAAC,KAAK,IAAG,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IAC/B,GAAC,KAAK,CAAC,WAAW,IAAG,CAAC,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;IACnC,GAAC,KAAK,CAAC,IAAI,IAAG,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IAC9B,GAAC,KAAK,CAAC,MAAM,IAAG,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IAChC,GAAC,KAAK,CAAC,MAAM,IAAG,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IAChC,GAAC,KAAK,CAAC,MAAM,IAAG,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IAChC,GAAC,KAAK,CAAC,QAAQ,IAAG,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IAClC,GAAC,KAAK,CAAC,GAAG,IAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC5B,GAAC,KAAK,CAAC,QAAQ,IAAG,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IAClC,GAAC,KAAK,CAAC,IAAI,IAAG,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IAC9B,GAAC,KAAK,CAAC,IAAI,IAAG,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IAC9B,GAAC,KAAK,CAAC,IAAI,IAAG,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IAC9B,GAAC,KAAK,CAAC,IAAI,IAAG,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IAC9B,GAAC,KAAK,CAAC,aAAa,IAAG;QACrB,CAAC,GAAG,EAAE,MAAM,CAAC;QACb,CAAC,EAAE,EAAE,MAAM,CAAC;KACb;IACD,GAAC,KAAK,CAAC,cAAc,IAAG,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;IACvC,GAAC,KAAK,CAAC,YAAY,IAAG,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;IACrC,GAAC,KAAK,CAAC,KAAK,IAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAChC,GAAC,KAAK,CAAC,KAAK,IAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAChC,GAAC,KAAK,CAAC,MAAM,IAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IACjC,GAAC,KAAK,CAAC,KAAK,IAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAChC,GAAC,KAAK,CAAC,SAAS,IAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IACpC,GAAC,KAAK,CAAC,aAAa,IAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IACxC,GAAC,KAAK,CAAC,KAAK,IAAG,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;OAChC,CAAC","sourcesContent":["import { KeyboardEventCodes as Codes } from './KeyboardEventCodes.js';\n\nexport type Location = number;\nexport type KeyCode = number;\nexport type KeyboardKey = [KeyCode, Location];\n\nconst STANDARD = 0; //KeyboardEvent.DOM_KEY_LOCATION_STANDARD;\nconst NUMPAD = 3; //KeyboardEvent.DOM_KEY_LOCATION_NUMPAD;\n\nexport const KeyboardMapKeys: { [code in Codes]: KeyboardKey[] } = {\n  [Codes.Unidentified]: [[0, 0]],\n  [Codes.End]: [[35, STANDARD]],\n  [Codes.Escape]: [[27, STANDARD]],\n  [Codes.Equal]: [[187, STANDARD]],\n  [Codes.Backspace]: [[8, STANDARD]],\n  [Codes.Enter]: [[13, STANDARD]],\n  [Codes.NumpadEnter]: [[13, NUMPAD]],\n  [Codes.Home]: [[36, STANDARD]],\n  [Codes.Delete]: [[46, STANDARD]],\n  [Codes.Insert]: [[45, STANDARD]],\n  [Codes.PageUp]: [[33, STANDARD]],\n  [Codes.PageDown]: [[34, STANDARD]],\n  [Codes.Tab]: [[9, STANDARD]],\n  [Codes.CapsLock]: [[20, STANDARD]],\n  [Codes.KeyA]: [[65, STANDARD]],\n  [Codes.KeyC]: [[67, STANDARD]],\n  [Codes.KeyV]: [[86, STANDARD]],\n  [Codes.KeyX]: [[88, STANDARD]],\n  [Codes.NumpadDecimal]: [\n    [110, NUMPAD],\n    [46, NUMPAD],\n  ],\n  [Codes.NumpadSubtract]: [[109, NUMPAD]],\n  [Codes.NumpadDivide]: [[111, NUMPAD]],\n  [Codes.Comma]: [[188, STANDARD]],\n  [Codes.Minus]: [[189, STANDARD]],\n  [Codes.Period]: [[190, STANDARD]],\n  [Codes.Slash]: [[191, STANDARD]],\n  [Codes.Backslash]: [[220, STANDARD]],\n  [Codes.IntlBackslash]: [[226, STANDARD]],\n  [Codes.Space]: [[32, STANDARD]],\n};\n"]}

package/lib/events/keyboard/extractCode.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { KeyboardEventCodes as Codes } from './KeyboardEventCodes';
-export declare function extractCode(e: React.KeyboardEvent<HTMLElement> | KeyboardEvent): Codes;
+import { KeyboardEventCodes as Codes } from './KeyboardEventCodes.js';
+export declare function extractCode(e: React.KeyboardEvent<HTMLElement> | KeyboardEvent): Codes;

package/lib/events/keyboard/extractCode.js

@@ -0,0 +1,19 @@
+import { KeyboardEventCodes as Codes } from './KeyboardEventCodes.js';
+import { KeyboardMapKeys } from './KeyboardMapKeys.js';
+export function extractCode(e) {
+    var event = e.nativeEvent || e;
+    if (event.code) {
+        return event.code;
+    }
+    var keyCode = event.keyCode || event.which;
+    var location = event.location;
+    var mapped = Object.entries(KeyboardMapKeys).find(function (_a) {
+        var set = _a[1];
+        return set.some(function (_a) {
+            var _keyCode = _a[0], _location = _a[1];
+            return _keyCode === keyCode && _location === location;
+        });
+    });
+    return mapped ? mapped[0] : Codes.Unidentified;
+}
+//# sourceMappingURL=extractCode.js.map

package/lib/events/keyboard/extractCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractCode.js","sourceRoot":"","sources":["../../../../lib/events/keyboard/extractCode.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEtE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,UAAU,WAAW,CAAC,CAAmD;IAC7E,IAAM,KAAK,GAAI,CAAsC,CAAC,WAAW,IAAI,CAAC,CAAC;IACvE,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACf,OAAO,KAAK,CAAC,IAAa,CAAC;IAC7B,CAAC;IAED,IAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC;IAC7C,IAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;IAChC,IAAM,MAAM,GAAI,MAAM,CAAC,OAAyC,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,UAAC,EAAO;YAAJ,GAAG,QAAA;QAC5F,OAAA,GAAG,CAAC,IAAI,CAAC,UAAC,EAAqB;gBAApB,QAAQ,QAAA,EAAE,SAAS,QAAA;YAAM,OAAA,QAAQ,KAAK,OAAO,IAAI,SAAS,KAAK,QAAQ;QAA9C,CAA8C,CAAC;IAAnF,CAAmF,CACpF,CAAC;IAEF,OAAO,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;AACjD,CAAC","sourcesContent":["import type { Entries } from '../../../typings/utility-types.js';\n\nimport { KeyboardEventCodes as Codes } from './KeyboardEventCodes.js';\nimport type { KeyboardKey } from './KeyboardMapKeys.js';\nimport { KeyboardMapKeys } from './KeyboardMapKeys.js';\n\nexport function extractCode(e: React.KeyboardEvent<HTMLElement> | KeyboardEvent): Codes {\n  const event = (e as React.KeyboardEvent<HTMLElement>).nativeEvent || e;\n  if (event.code) {\n    return event.code as Codes;\n  }\n\n  const keyCode = event.keyCode || event.which;\n  const location = event.location;\n  const mapped = (Object.entries as Entries<Codes, KeyboardKey[]>)(KeyboardMapKeys).find(([, set]) =>\n    set.some(([_keyCode, _location]) => _keyCode === keyCode && _location === location),\n  );\n\n  return mapped ? mapped[0] : Codes.Unidentified;\n}\n"]}