@skbkontur/react-ui 0.0.0-151f385a39 → 0.0.0-2ac4c133dd

package/lib/events/MouseDrag/MouseDrag.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MouseDrag.ts"],"names":["canUseDOM","MouseDragEventType","items","Map","documentHandleMouseUp","e","forEach","mouseDrag","handleMouseUp","document","documentElement","addEventListener","MouseDrag","elem","clicked","dragging","stop","removeEventListener","handleMouseDown","handleMouseMove","handleMouseLeave","onMouseDragStart","handler","on","Start","onMouseDragMove","Move","onMouseDragLeave","Leave","onMouseDragEnd","End","dispatchEvent","createEvent","type","x1","pageX","y1","pageY","mouseDragStartEvent","getLength","RADIUS","x2","y2","undefined","Math","sqrt","MouseEvent","eIE11","initEvent","mouseDragEvent","set","listen","has","get"],"mappings":"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","sourcesContent":["import { canUseDOM } from '../client';\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();\n\nconst documentHandleMouseUp: HandlerNative = (e) => items.forEach((mouseDrag) => mouseDrag.handleMouseUp(e));\n\nif (canUseDOM) {\n  document.documentElement.addEventListener('mouseup', documentHandleMouseUp);\n}\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  private 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\n  public constructor(elem: HTMLElement) {\n    this.elem = 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  }\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    return this.x1 !== undefined && this.y1 !== undefined ? Math.sqrt((x2 - this.x1) ** 2 + (y2 - this.y1) ** 2) : 0;\n  };\n\n  private createEvent = (type: MouseDragEventType, e: MouseEvent): MouseDragEvent => {\n    if (typeof MouseEvent === 'function') {\n      return new MouseEvent(type, e);\n    }\n    // <=IE11\n    const eIE11 = document.createEvent('MouseEvent');\n    eIE11.initEvent(type, true, true);\n    return eIE11;\n  };\n\n  private dispatchEvent = (mouseDragEvent: MouseDragEvent): void => {\n    if (this.elem !== null) {\n      this.elem.dispatchEvent(mouseDragEvent);\n    }\n  };\n}\n"]}
+{"version":3,"sources":["MouseDrag.ts"],"names":["canUseDOM","MouseDragEventType","items","Map","documentHandleMouseUp","e","forEach","mouseDrag","handleMouseUp","document","documentElement","addEventListener","MouseDrag","elem","clicked","dragging","stop","removeEventListener","handleMouseDown","handleMouseMove","handleMouseLeave","onMouseDragStart","handler","on","Start","onMouseDragMove","Move","onMouseDragLeave","Leave","onMouseDragEnd","End","dispatchEvent","createEvent","type","x1","pageX","y1","pageY","mouseDragStartEvent","getLength","RADIUS","x2","y2","undefined","Math","sqrt","MouseEvent","eIE11","initEvent","mouseDragEvent","set","listen","has","get"],"mappings":"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","sourcesContent":["import { canUseDOM } from '../client';\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();\n\nconst documentHandleMouseUp: HandlerNative = (e) => items.forEach((mouseDrag) => mouseDrag.handleMouseUp(e));\n\nif (canUseDOM) {\n  document.documentElement.addEventListener('mouseup', documentHandleMouseUp);\n}\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  private 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\n  public constructor(elem: HTMLElement) {\n    this.elem = 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  }\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 => {\n    if (typeof MouseEvent === 'function') {\n      return new MouseEvent(type, e);\n    }\n    // <=IE11\n    const eIE11 = document.createEvent('MouseEvent');\n    eIE11.initEvent(type, true, true);\n    return eIE11;\n  };\n\n  private dispatchEvent = (mouseDragEvent: MouseDragEvent): void => {\n    if (this.elem !== null) {\n      this.elem.dispatchEvent(mouseDragEvent);\n    }\n  };\n}\n"]}

package/lib/listenFocusOutside/listenFocusOutside.js

@@ -79,7 +79,7 @@ export function findRenderContainer(node, rootNode, container) {
     var nextNode = document.querySelector("[data-render-container-id~=\"" + newContainerId + "\"]");
 
     if (!nextNode) {
-      throw Error("Origin node for container with id " + newContainerId + " was not found");
+      throw Error("Origin node for render container was not found");
     }
 
     return findRenderContainer(nextNode, rootNode, nextNode);

package/lib/listenFocusOutside/listenFocusOutside.js.map

@@ -1 +1 @@
-{"version":3,"sources":["listenFocusOutside.ts"],"names":["ReactDOM","debounce","isBrowser","isFirefox","handlers","addHandleEvent","document","body","addEventListener","handleNativeFocus","leading","trailing","capture","readyState","window","event","target","srcElement","forEach","handler","elements","some","containsTargetOrRenderContainer","unstable_batchedUpdates","callback","element","contains","container","findRenderContainer","node","rootNode","currentNode","parentNode","documentElement","Element","newContainerId","getAttribute","nextNode","querySelector","Error","listen","push","remove","index","indexOf","splice"],"mappings":"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","sourcesContent":["import ReactDOM from 'react-dom';\nimport debounce from 'lodash.debounce';\n\nimport { isBrowser, isFirefox } from './client';\n\ninterface FocusOutsideEventHandler {\n  elements: HTMLElement[] | (() => HTMLElement[]);\n  callback: (event: Event) => void;\n}\n\nconst handlers: FocusOutsideEventHandler[] = [];\n\nfunction addHandleEvent() {\n  /**\n   * Firefox do not supports 'focusin' event.\n   * Focus events bubbles multiple time\n   * without possibilty to cancell bubbling.\n   * Using debounce to capture only first focus event\n   * Mozilla Firefix\n   *   ¯\\_(ツ)_/¯\n   */\n  document.body.addEventListener(\n    isFirefox ? 'focus' : ('focusin' as 'focus'),\n    isFirefox ? debounce(handleNativeFocus, 0, { leading: true, trailing: false }) : handleNativeFocus,\n    { capture: true },\n  );\n}\n\nif (isBrowser) {\n  if (document.readyState === 'complete') {\n    addHandleEvent();\n  } else {\n    window.addEventListener('load', addHandleEvent);\n  }\n}\n\nfunction handleNativeFocus(event: UIEvent) {\n  // FIXME: not safe casting\n  const target: HTMLElement = (event.target || event.srcElement) as HTMLElement;\n\n  handlers.forEach((handler) => {\n    let elements = handler.elements;\n    if (typeof elements === 'function') {\n      elements = elements();\n    }\n\n    if (elements.some(containsTargetOrRenderContainer(target))) {\n      return;\n    }\n    ReactDOM.unstable_batchedUpdates(() => handler.callback(event));\n  });\n}\n\nexport function containsTargetOrRenderContainer(target: Element) {\n  return (element: Element) => {\n    if (!element) {\n      return false;\n    }\n    if (element.contains(target)) {\n      return true;\n    }\n    const container = findRenderContainer(target, element);\n    return !!container && element.contains(container);\n  };\n}\n\n/**\n * Searches RenderContainer placed in \"rootNode\" for \"node\"\n */\nexport function findRenderContainer(node: Element, rootNode: Element, container?: Element): Element | null {\n  const currentNode = node.parentNode;\n  if (\n    !currentNode ||\n    node === rootNode ||\n    currentNode === rootNode ||\n    currentNode === document.body ||\n    currentNode === document.documentElement ||\n    !(currentNode instanceof Element)\n  ) {\n    return container ? container : null;\n  }\n\n  const newContainerId = currentNode.getAttribute('data-rendered-container-id');\n  if (newContainerId) {\n    const nextNode = document.querySelector(`[data-render-container-id~=\"${newContainerId}\"]`);\n\n    if (!nextNode) {\n      throw Error(`Origin node for container with id ${newContainerId} was not found`);\n    }\n\n    return findRenderContainer(nextNode, rootNode, nextNode);\n  }\n\n  return findRenderContainer(currentNode, rootNode, container);\n}\n\nexport function listen(elements: HTMLElement[] | (() => HTMLElement[]), callback: (event: Event) => void) {\n  const handler = {\n    elements,\n    callback,\n  };\n  handlers.push(handler);\n\n  return {\n    remove() {\n      const index = handlers.indexOf(handler);\n      if (index > -1) {\n        handlers.splice(index, 1);\n      }\n    },\n  };\n}\n"]}
+{"version":3,"sources":["listenFocusOutside.ts"],"names":["ReactDOM","debounce","isBrowser","isFirefox","handlers","addHandleEvent","document","body","addEventListener","handleNativeFocus","leading","trailing","capture","readyState","window","event","target","srcElement","forEach","handler","elements","some","containsTargetOrRenderContainer","unstable_batchedUpdates","callback","element","contains","container","findRenderContainer","node","rootNode","currentNode","parentNode","documentElement","Element","newContainerId","getAttribute","nextNode","querySelector","Error","listen","push","remove","index","indexOf","splice"],"mappings":"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","sourcesContent":["import ReactDOM from 'react-dom';\nimport debounce from 'lodash.debounce';\n\nimport { isBrowser, isFirefox } from './client';\n\ninterface FocusOutsideEventHandler {\n  elements: HTMLElement[] | (() => HTMLElement[]);\n  callback: (event: Event) => void;\n}\n\nconst handlers: FocusOutsideEventHandler[] = [];\n\nfunction addHandleEvent() {\n  /**\n   * Firefox do not supports 'focusin' event.\n   * Focus events bubbles multiple time\n   * without possibilty to cancell bubbling.\n   * Using debounce to capture only first focus event\n   * Mozilla Firefix\n   *   ¯\\_(ツ)_/¯\n   */\n  document.body.addEventListener(\n    isFirefox ? 'focus' : ('focusin' as 'focus'),\n    isFirefox ? debounce(handleNativeFocus, 0, { leading: true, trailing: false }) : handleNativeFocus,\n    { capture: true },\n  );\n}\n\nif (isBrowser) {\n  if (document.readyState === 'complete') {\n    addHandleEvent();\n  } else {\n    window.addEventListener('load', addHandleEvent);\n  }\n}\n\nfunction handleNativeFocus(event: UIEvent) {\n  // FIXME: not safe casting\n  const target: HTMLElement = (event.target || event.srcElement) as HTMLElement;\n\n  handlers.forEach((handler) => {\n    let elements = handler.elements;\n    if (typeof elements === 'function') {\n      elements = elements();\n    }\n\n    if (elements.some(containsTargetOrRenderContainer(target))) {\n      return;\n    }\n    ReactDOM.unstable_batchedUpdates(() => handler.callback(event));\n  });\n}\n\nexport function containsTargetOrRenderContainer(target: Element) {\n  return (element: Element) => {\n    if (!element) {\n      return false;\n    }\n    if (element.contains(target)) {\n      return true;\n    }\n    const container = findRenderContainer(target, element);\n    return !!container && element.contains(container);\n  };\n}\n\n/**\n * Searches RenderContainer placed in \"rootNode\" for \"node\"\n */\nexport function findRenderContainer(node: Element, rootNode: Element, container?: Element): Element | null {\n  const currentNode = node.parentNode;\n  if (\n    !currentNode ||\n    node === rootNode ||\n    currentNode === rootNode ||\n    currentNode === document.body ||\n    currentNode === document.documentElement ||\n    !(currentNode instanceof Element)\n  ) {\n    return container ? container : null;\n  }\n\n  const newContainerId = currentNode.getAttribute('data-rendered-container-id');\n  if (newContainerId) {\n    const nextNode = document.querySelector(`[data-render-container-id~=\"${newContainerId}\"]`);\n\n    if (!nextNode) {\n      throw Error(`Origin node for render container was not found`);\n    }\n\n    return findRenderContainer(nextNode, rootNode, nextNode);\n  }\n\n  return findRenderContainer(currentNode, rootNode, container);\n}\n\nexport function listen(elements: HTMLElement[] | (() => HTMLElement[]), callback: (event: Event) => void) {\n  const handler = {\n    elements,\n    callback,\n  };\n  handlers.push(handler);\n\n  return {\n    remove() {\n      const index = handlers.indexOf(handler);\n      if (index > -1) {\n        handlers.splice(index, 1);\n      }\n    },\n  };\n}\n"]}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@skbkontur/react-ui",
-  "version": "0.0.0-151f385a39",
+  "version": "0.0.0-2ac4c133dd",
   "description": "UI Components",
   "main": "cjs/index.js",
   "module": "index.js",
   "sideEffects": false,
-  "homepage": "https://tech.skbkontur.ru/react-ui/unstable/0.0.0-151f385a39/",
+  "homepage": "https://tech.skbkontur.ru/react-ui/unstable/0.0.0-2ac4c133dd/",
   "repository": {
     "type": "git",
     "url": "git@github.com:skbkontur/retail-ui.git"
@@ -63,7 +63,7 @@
     "react-transition-group": "^4.4.2",
     "shallowequal": "^1.1.0",
     "stylis-plugin-extra-scope": "^0.3.0",
-    "tabbable": "^5.2.1",
+    "tabbable": "5.2.1",
     "warning": "^4.0.3"
   },
   "devDependencies": {
@@ -75,6 +75,7 @@
     "@babel/preset-react": "^7.16.5",
     "@babel/preset-typescript": "7.16.5",
     "@babel/register": "^7.16.5",
+    "@emotion/eslint-plugin": "11.7.0",
     "@skbkontur/react-icons": "5.2.0",
     "@skbkontur/react-props2attrs": "0.1.2",
     "@skbkontur/react-sorge": "0.1.0",