indicator-ui 0.1.5 → 0.1.7

package/dist/types/src/hooks/controlsInput/index.d.ts

@@ -0,0 +1,4 @@
+export * from './useControlInput';
+export * from './useKeyboardInput';
+export * from './useKeyboardPressed';
+export * from './useTouchpadInput';

package/dist/types/src/hooks/controlsInput/useControlInput.d.ts

@@ -0,0 +1 @@
+export declare function useControlInput(): void;

package/dist/types/src/hooks/controlsInput/useKeyboardInput.d.ts

@@ -0,0 +1,19 @@
+import { RefObject } from "react";
+import { KeyCodeType } from "../../../../types";
+type EventTypesType = 'keydown' | 'multiKeydown';
+type EventDetailType = {
+    keyCode: KeyCodeType;
+};
+type EventType = {
+    type: EventTypesType;
+    detail: EventDetailType;
+    originalEvent: KeyboardEvent;
+};
+type OnKeyDownCallback = (event: EventType) => void;
+type CallbackType = OnKeyDownCallback;
+type PropsType<T extends HTMLElement = HTMLElement> = [
+    ref: RefObject<T | null>,
+    callback?: CallbackType
+];
+export declare function useKeyboardInput(...args: PropsType): void;
+export {};

package/dist/types/src/hooks/controlsInput/useKeyboardPressed.d.ts

@@ -0,0 +1,22 @@
+import { RefObject } from "react";
+import { KeyCodeType } from "../../../../types";
+type PressedEventDetailType = {
+    keyCode: KeyCodeType;
+    duration: number;
+};
+type PressedEventType = {
+    originalEvent: KeyboardEvent;
+    detail: PressedEventDetailType;
+};
+type CallbackType = (event: PressedEventType) => void;
+type OptionsType = {
+    /** Минимальное время удержания в миллисекундах */
+    MIN_PRESSING_DURATION?: number;
+};
+type PropsType<T extends HTMLElement = HTMLElement> = [
+    ref: RefObject<T | null>,
+    callback?: CallbackType,
+    options?: OptionsType
+];
+export declare function useKeyboardPressed(...args: PropsType): void;
+export {};

package/dist/types/src/hooks/controlsInput/useTouchpadInput.d.ts

@@ -0,0 +1 @@
+export declare function useTouchpadInput(): void;

package/dist/types/src/hooks/index.d.ts

@@ -11,6 +11,7 @@ export * from './useSmartPosition';
 export * from './useSmartScroll';
 export * from './useInteractiveZone';
 export * from './useSmartPlacementResolver';
+export * from './useScrollIndicators';
 export * from './ui-animations';
 export * from './modalWindows';
-export * from './useScrollIndicators';
+export * from './controlsInput';

package/dist/types/src/types/index.d.ts

@@ -1,2 +1,3 @@
 export * from './DictDeepActionsTypes';
 export * from './mixins';
+export * from './keyboard';

package/dist/types/src/types/keyboard.d.ts

@@ -0,0 +1 @@
+export type KeyCodeType = "KeyA" | "KeyB" | "KeyC" | "KeyD" | "KeyE" | "KeyF" | "KeyG" | "KeyH" | "KeyI" | "KeyJ" | "KeyK" | "KeyL" | "KeyM" | "KeyN" | "KeyO" | "KeyP" | "KeyQ" | "KeyR" | "KeyS" | "KeyT" | "KeyU" | "KeyV" | "KeyW" | "KeyX" | "KeyY" | "KeyZ" | "Digit0" | "Digit1" | "Digit2" | "Digit3" | "Digit4" | "Digit5" | "Digit6" | "Digit7" | "Digit8" | "Digit9" | "F1" | "F2" | "F3" | "F4" | "F5" | "F6" | "F7" | "F8" | "F9" | "F10" | "F11" | "F12" | "Escape" | "Tab" | "CapsLock" | "ShiftLeft" | "ShiftRight" | "ControlLeft" | "ControlRight" | "AltLeft" | "AltRight" | "MetaLeft" | "MetaRight" | "ContextMenu" | "Enter" | "Space" | "Backspace" | "ArrowUp" | "ArrowDown" | "ArrowLeft" | "ArrowRight" | "Home" | "End" | "PageUp" | "PageDown" | "Insert" | "Delete" | "Minus" | "Equal" | "BracketLeft" | "BracketRight" | "Backslash" | "Semicolon" | "Quote" | "Backquote" | "Comma" | "Period" | "Slash" | "NumLock" | "Numpad0" | "Numpad1" | "Numpad2" | "Numpad3" | "Numpad4" | "Numpad5" | "Numpad6" | "Numpad7" | "Numpad8" | "Numpad9" | "NumpadMultiply" | "NumpadAdd" | "NumpadSubtract" | "NumpadDecimal" | "NumpadDivide" | "NumpadEnter" | "PrintScreen" | "ScrollLock" | "Pause";

package/docs/Notes.md

@@ -4,6 +4,8 @@
 
 ---
 
+---
+
 ## Перетаскивание файлов на ios (на других os apple тоже наверное)
 
 У *__Apple__* есть система перетаскивания файлов (к примеру изображений).
@@ -33,4 +35,21 @@ newEl.addEventListener("dragover", e => {
     e.preventDefault()
     console.log('dragover')
 })
-```
+```
+
+---
+
+---
+
+## Как дать возможность фокусироваться на элементе
+
+`TabIndex` дает возможность фокусироваться на элементе, нужно просто указать его.
+
+---
+
+---
+
+## `Keydown` событие
+
+`Keydown` событие срабатывает только на сфокусированном объекте и всплывает вверх по дереву, пока не встретит слушатель. 
+После обработки слушателем идет дальше - искать следующий (если не отменить всплытие). 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "indicator-ui",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "main": "dist/index.js",
   "types": "dist/types/src/index.d.ts",
   "style": "dist/index.css",
@@ -70,8 +70,7 @@
   },
   "peerDependencies": {
     "react": ">=18.0.0",
-    "react-dom": ">=18.0.0",
-    "react-imask": "^7.6.1"
+    "react-dom": ">=18.0.0"
   },
   "files": [
     "dist",