@vkontakte/vkui 6.1.2 → 6.2.0

package/dist/cssm/hooks/useDirection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useDirection.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\ntype Direction = 'ltr' | 'rtl';\ntype WritingMode = 'horizontal-tb' | 'vertical-rl' | 'vertical-lr';\n\n/**\n * Определяет направление текста элемента.\n *\n * ## Ограничения\n *\n * - Не следит за изменением направлением.\n * - Определяется только на второй рендер.\n *\n * ## Пример\n *\n * ```jsx\n * import { strict as assert } from 'node:assert';\n *\n * const Component = () => {\n *   const [ref, direction, writingMode] = useDirection();\n *\n *   React.useEffect(()=>{\n *     if (!direction || !writingMode) {\n *       return\n *     }\n *\n *     assert.equal(direction, 'ltr')\n *     assert.equal(writingMode, 'vertical-rl')\n *   }, [direction, writingMode])\n *\n *   return <div ref={ref} style={{writingMode: 'vertical-rl'}}>我家没有电脑。</div>\n * }\n * ```\n */\nexport function useDirection<T extends HTMLElement>(): [\n  React.RefObject<T>,\n  Direction | undefined,\n  WritingMode | undefined,\n] {\n  const ref = React.useRef<T>(null);\n\n  const [direction, setDirection] = React.useState<Direction | undefined>(undefined);\n  const [writingMode, setWritingMode] = React.useState<WritingMode | undefined>(undefined);\n\n  const { window } = useDOM();\n\n  const update = () => {\n    if (!window || !ref.current) {\n      return;\n    }\n\n    const styleDeclaration = window.getComputedStyle(ref.current);\n\n    setDirection(styleDeclaration.direction as Direction);\n    setWritingMode(styleDeclaration.writingMode as WritingMode);\n  };\n\n  useIsomorphicLayoutEffect(update, [window]);\n\n  return [ref, direction, writingMode];\n}\n"],"names":["React","useDOM","useIsomorphicLayoutEffect","useDirection","ref","useRef","direction","setDirection","useState","undefined","writingMode","setWritingMode","window","update","current","styleDeclaration","getComputedStyle"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,QAAQ,mCAAmC;AAK7E;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BC,GACD,OAAO,SAASC;IAKd,MAAMC,MAAMJ,MAAMK,MAAM,CAAI;IAE5B,MAAM,CAACC,WAAWC,aAAa,GAAGP,MAAMQ,QAAQ,CAAwBC;IACxE,MAAM,CAACC,aAAaC,eAAe,GAAGX,MAAMQ,QAAQ,CAA0BC;IAE9E,MAAM,EAAEG,MAAM,EAAE,GAAGX;IAEnB,MAAMY,SAAS;QACb,IAAI,CAACD,UAAU,CAACR,IAAIU,OAAO,EAAE;YAC3B;QACF;QAEA,MAAMC,mBAAmBH,OAAOI,gBAAgB,CAACZ,IAAIU,OAAO;QAE5DP,aAAaQ,iBAAiBT,SAAS;QACvCK,eAAeI,iBAAiBL,WAAW;IAC7C;IAEAR,0BAA0BW,QAAQ;QAACD;KAAO;IAE1C,OAAO;QAACR;QAAKE;QAAWI;KAAY;AACtC"}
+{"version":3,"sources":["../../../src/hooks/useDirection.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\ntype Direction = 'ltr' | 'rtl';\ntype WritingMode = 'horizontal-tb' | 'vertical-rl' | 'vertical-lr';\n\n/**\n * Определяет направление текста элемента.\n *\n * ## Ограничения\n *\n * - Не следит за изменением направлением.\n * - Определяется только на второй рендер.\n *\n * ## Пример\n *\n * ```jsx\n * import { strict as assert } from 'node:assert';\n *\n * const Component = () => {\n *   const [ref, direction, writingMode] = useDirection();\n *\n *   React.useEffect(()=>{\n *     if (!direction || !writingMode) {\n *       return\n *     }\n *\n *     assert.equal(direction, 'ltr')\n *     assert.equal(writingMode, 'vertical-rl')\n *   }, [direction, writingMode])\n *\n *   return <div ref={ref} style={{writingMode: 'vertical-rl'}}>我家没有电脑。</div>\n * }\n * ```\n */\nexport function useDirection<T extends HTMLElement>(): [\n  React.RefObject<T>,\n  Direction | undefined,\n  WritingMode | undefined,\n] {\n  const ref = React.useRef<T>(null);\n\n  const [direction, setDirection] = React.useState<Direction | undefined>(undefined);\n  const [writingMode, setWritingMode] = React.useState<WritingMode | undefined>(undefined);\n\n  const { window } = useDOM();\n\n  const update = () => {\n    if (!window || !ref.current) {\n      return;\n    }\n\n    const styleDeclaration = window.getComputedStyle(ref.current);\n\n    setDirection(styleDeclaration.direction as Direction);\n    setWritingMode(styleDeclaration.writingMode as WritingMode);\n  };\n\n  useIsomorphicLayoutEffect(update, [window]);\n\n  return [ref, direction, writingMode];\n}\n"],"names":["React","useDOM","useIsomorphicLayoutEffect","useDirection","ref","useRef","direction","setDirection","useState","undefined","writingMode","setWritingMode","window","update","current","styleDeclaration","getComputedStyle"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,QAAQ,mCAAmC;AAK7E;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BC,GACD,OAAO,SAASC;IAKd,MAAMC,MAAMJ,MAAMK,MAAM,CAAI;IAE5B,MAAM,CAACC,WAAWC,aAAa,GAAGP,MAAMQ,QAAQ,CAAwBC;IACxE,MAAM,CAACC,aAAaC,eAAe,GAAGX,MAAMQ,QAAQ,CAA0BC;IAE9E,MAAM,EAAEG,MAAM,EAAE,GAAGX;IAEnB,MAAMY,SAAS;QACb,IAAI,CAACD,UAAU,CAACR,IAAIU,OAAO,EAAE;YAC3B;QACF;QAEA,MAAMC,mBAAmBH,OAAOI,gBAAgB,CAACZ,IAAIU,OAAO;QAE5DP,aAAaQ,iBAAiBT,SAAS;QACvCK,eAAeI,iBAAiBL,WAAW;IAC7C;IAEAR,0BAA0BW,QAAQ;QAACD;KAAO;IAE1C,OAAO;QAACR;QAAKE;QAAWI;KAAY;AACtC"}

package/dist/cssm/hooks/useDraggableWithDomApi/autoScroll.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/autoScroll.ts"],"sourcesContent":["import { getNodeScroll, getScrollHeight, getScrollRect } from '../../lib/dom';\nimport { rafSchd } from '../../lib/rafSchd';\n\nconst SCROLL_SPEED = 10;\nexport const EDGE_SIZE = 50;\n\nexport const getAutoScrollingData = (clientY: number, scrollEl: Element | Window) => {\n  const scrollTop = Math.floor(getNodeScroll(scrollEl).scrollTop);\n\n  const { relative, edges } = getScrollRect(scrollEl);\n  const viewportHeight = relative.height;\n  const documentHeight = getScrollHeight(scrollEl);\n  const maxScrollY = documentHeight - viewportHeight;\n  const canScrollUp = scrollTop > 0;\n  const canScrollDown = scrollTop < maxScrollY;\n\n  const [edgeTop, edgeBottom] = edges.y;\n  const topDistance = clientY - edgeTop;\n  const bottomDistance = edgeBottom - clientY;\n  const isInTopEdge = topDistance <= EDGE_SIZE;\n  const isInBottomEdge = bottomDistance <= EDGE_SIZE;\n\n  const result = {\n    shouldScrolling: (canScrollUp && isInTopEdge) || (canScrollDown && isInBottomEdge),\n    y: 0,\n  };\n\n  // Inspired by https://github.com/SortableJS/Sortable/issues/1907#issuecomment-1495403785\n  if (isInTopEdge) {\n    result.y = -1 * ((EDGE_SIZE - topDistance) / EDGE_SIZE) * SCROLL_SPEED;\n  } else if (isInBottomEdge) {\n    result.y = ((EDGE_SIZE - bottomDistance) / EDGE_SIZE) * SCROLL_SPEED;\n  }\n\n  return result;\n};\n\nexport type AutoScrollingDataFn = () => { shouldScrolling: boolean; y: number };\n\nexport const createAutoScrollController = (scrollEl: Element | Window) => {\n  let isRunning = false;\n  const scheduledScroll = rafSchd(scroll);\n\n  function scroll(fn: AutoScrollingDataFn) {\n    const { shouldScrolling, y } = fn();\n    if (shouldScrolling) {\n      isRunning = true;\n      scrollEl.scrollBy(0, y);\n      scheduledScroll(fn);\n    } else {\n      isRunning = false;\n      scheduledScroll.cancel();\n    }\n  }\n\n  const tryAutoScroll = (fn: AutoScrollingDataFn) => {\n    scheduledScroll(fn);\n  };\n\n  const stop = () => {\n    isRunning = false;\n    scheduledScroll.cancel();\n  };\n\n  return {\n    tryAutoScroll,\n    stop,\n    get isRunning() {\n      return isRunning;\n    },\n  };\n};\n"],"names":["getNodeScroll","getScrollHeight","getScrollRect","rafSchd","SCROLL_SPEED","EDGE_SIZE","getAutoScrollingData","clientY","scrollEl","scrollTop","Math","floor","relative","edges","viewportHeight","height","documentHeight","maxScrollY","canScrollUp","canScrollDown","edgeTop","edgeBottom","y","topDistance","bottomDistance","isInTopEdge","isInBottomEdge","result","shouldScrolling","createAutoScrollController","isRunning","scheduledScroll","scroll","fn","scrollBy","cancel","tryAutoScroll","stop"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,aAAa,EAAEC,eAAe,EAAEC,aAAa,QAAQ,gBAAgB;AAC9E,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,MAAMC,eAAe;AACrB,OAAO,MAAMC,YAAY,GAAG;AAE5B,OAAO,MAAMC,uBAAuB,CAACC,SAAiBC;IACpD,MAAMC,YAAYC,KAAKC,KAAK,CAACX,cAAcQ,UAAUC,SAAS;IAE9D,MAAM,EAAEG,QAAQ,EAAEC,KAAK,EAAE,GAAGX,cAAcM;IAC1C,MAAMM,iBAAiBF,SAASG,MAAM;IACtC,MAAMC,iBAAiBf,gBAAgBO;IACvC,MAAMS,aAAaD,iBAAiBF;IACpC,MAAMI,cAAcT,YAAY;IAChC,MAAMU,gBAAgBV,YAAYQ;IAElC,MAAM,CAACG,SAASC,WAAW,GAAGR,MAAMS,CAAC;IACrC,MAAMC,cAAchB,UAAUa;IAC9B,MAAMI,iBAAiBH,aAAad;IACpC,MAAMkB,cAAcF,eAAelB;IACnC,MAAMqB,iBAAiBF,kBAAkBnB;IAEzC,MAAMsB,SAAS;QACbC,iBAAiB,AAACV,eAAeO,eAAiBN,iBAAiBO;QACnEJ,GAAG;IACL;IAEA,yFAAyF;IACzF,IAAIG,aAAa;QACfE,OAAOL,CAAC,GAAG,CAAC,IAAK,CAAA,AAACjB,CAAAA,YAAYkB,WAAU,IAAKlB,SAAQ,IAAKD;IAC5D,OAAO,IAAIsB,gBAAgB;QACzBC,OAAOL,CAAC,GAAG,AAAEjB,CAAAA,YAAYmB,cAAa,IAAKnB,YAAaD;IAC1D;IAEA,OAAOuB;AACT,EAAE;AAIF,OAAO,MAAME,6BAA6B,CAACrB;IACzC,IAAIsB,YAAY;IAChB,MAAMC,kBAAkB5B,QAAQ6B;IAEhC,SAASA,OAAOC,EAAuB;QACrC,MAAM,EAAEL,eAAe,EAAEN,CAAC,EAAE,GAAGW;QAC/B,IAAIL,iBAAiB;YACnBE,YAAY;YACZtB,SAAS0B,QAAQ,CAAC,GAAGZ;YACrBS,gBAAgBE;QAClB,OAAO;YACLH,YAAY;YACZC,gBAAgBI,MAAM;QACxB;IACF;IAEA,MAAMC,gBAAgB,CAACH;QACrBF,gBAAgBE;IAClB;IAEA,MAAMI,OAAO;QACXP,YAAY;QACZC,gBAAgBI,MAAM;IACxB;IAEA,OAAO;QACLC;QACAC;QACA,IAAIP,aAAY;YACd,OAAOA;QACT;IACF;AACF,EAAE"}
+{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/autoScroll.ts"],"sourcesContent":["import { getNodeScroll, getScrollHeight, getScrollRect } from '../../lib/dom';\nimport { rafSchd } from '../../lib/rafSchd';\n\nconst SCROLL_SPEED = 10;\nexport const EDGE_SIZE = 50;\n\nexport const getAutoScrollingData = (clientY: number, scrollEl: Element | Window) => {\n  const scrollTop = Math.floor(getNodeScroll(scrollEl).scrollTop);\n\n  const { relative, edges } = getScrollRect(scrollEl);\n  const viewportHeight = relative.height;\n  const documentHeight = getScrollHeight(scrollEl);\n  const maxScrollY = documentHeight - viewportHeight;\n  const canScrollUp = scrollTop > 0;\n  const canScrollDown = scrollTop < maxScrollY;\n\n  const [edgeTop, edgeBottom] = edges.y;\n  const topDistance = clientY - edgeTop;\n  const bottomDistance = edgeBottom - clientY;\n  const isInTopEdge = topDistance <= EDGE_SIZE;\n  const isInBottomEdge = bottomDistance <= EDGE_SIZE;\n\n  const result = {\n    shouldScrolling: (canScrollUp && isInTopEdge) || (canScrollDown && isInBottomEdge),\n    y: 0,\n  };\n\n  // Inspired by https://github.com/SortableJS/Sortable/issues/1907#issuecomment-1495403785\n  if (isInTopEdge) {\n    result.y = -1 * ((EDGE_SIZE - topDistance) / EDGE_SIZE) * SCROLL_SPEED;\n  } else if (isInBottomEdge) {\n    result.y = ((EDGE_SIZE - bottomDistance) / EDGE_SIZE) * SCROLL_SPEED;\n  }\n\n  return result;\n};\n\nexport type AutoScrollingDataFn = () => { shouldScrolling: boolean; y: number };\n\nexport const createAutoScrollController = (scrollEl: Element | Window) => {\n  let isRunning = false;\n  const scheduledScroll = rafSchd(scroll);\n\n  function scroll(fn: AutoScrollingDataFn) {\n    const { shouldScrolling, y } = fn();\n    if (shouldScrolling) {\n      isRunning = true;\n      scrollEl.scrollBy(0, y);\n      scheduledScroll(fn);\n    } else {\n      isRunning = false;\n      scheduledScroll.cancel();\n    }\n  }\n\n  const tryAutoScroll = (fn: AutoScrollingDataFn) => {\n    scheduledScroll(fn);\n  };\n\n  const stop = () => {\n    isRunning = false;\n    scheduledScroll.cancel();\n  };\n\n  return {\n    tryAutoScroll,\n    stop,\n    get isRunning() {\n      return isRunning;\n    },\n  };\n};\n"],"names":["getNodeScroll","getScrollHeight","getScrollRect","rafSchd","SCROLL_SPEED","EDGE_SIZE","getAutoScrollingData","clientY","scrollEl","scrollTop","Math","floor","relative","edges","viewportHeight","height","documentHeight","maxScrollY","canScrollUp","canScrollDown","edgeTop","edgeBottom","y","topDistance","bottomDistance","isInTopEdge","isInBottomEdge","result","shouldScrolling","createAutoScrollController","isRunning","scheduledScroll","scroll","fn","scrollBy","cancel","tryAutoScroll","stop"],"mappings":"AAAA,SAASA,aAAa,EAAEC,eAAe,EAAEC,aAAa,QAAQ,gBAAgB;AAC9E,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,MAAMC,eAAe;AACrB,OAAO,MAAMC,YAAY,GAAG;AAE5B,OAAO,MAAMC,uBAAuB,CAACC,SAAiBC;IACpD,MAAMC,YAAYC,KAAKC,KAAK,CAACX,cAAcQ,UAAUC,SAAS;IAE9D,MAAM,EAAEG,QAAQ,EAAEC,KAAK,EAAE,GAAGX,cAAcM;IAC1C,MAAMM,iBAAiBF,SAASG,MAAM;IACtC,MAAMC,iBAAiBf,gBAAgBO;IACvC,MAAMS,aAAaD,iBAAiBF;IACpC,MAAMI,cAAcT,YAAY;IAChC,MAAMU,gBAAgBV,YAAYQ;IAElC,MAAM,CAACG,SAASC,WAAW,GAAGR,MAAMS,CAAC;IACrC,MAAMC,cAAchB,UAAUa;IAC9B,MAAMI,iBAAiBH,aAAad;IACpC,MAAMkB,cAAcF,eAAelB;IACnC,MAAMqB,iBAAiBF,kBAAkBnB;IAEzC,MAAMsB,SAAS;QACbC,iBAAiB,AAACV,eAAeO,eAAiBN,iBAAiBO;QACnEJ,GAAG;IACL;IAEA,yFAAyF;IACzF,IAAIG,aAAa;QACfE,OAAOL,CAAC,GAAG,CAAC,IAAK,CAAA,AAACjB,CAAAA,YAAYkB,WAAU,IAAKlB,SAAQ,IAAKD;IAC5D,OAAO,IAAIsB,gBAAgB;QACzBC,OAAOL,CAAC,GAAG,AAAEjB,CAAAA,YAAYmB,cAAa,IAAKnB,YAAaD;IAC1D;IAEA,OAAOuB;AACT,EAAE;AAIF,OAAO,MAAME,6BAA6B,CAACrB;IACzC,IAAIsB,YAAY;IAChB,MAAMC,kBAAkB5B,QAAQ6B;IAEhC,SAASA,OAAOC,EAAuB;QACrC,MAAM,EAAEL,eAAe,EAAEN,CAAC,EAAE,GAAGW;QAC/B,IAAIL,iBAAiB;YACnBE,YAAY;YACZtB,SAAS0B,QAAQ,CAAC,GAAGZ;YACrBS,gBAAgBE;QAClB,OAAO;YACLH,YAAY;YACZC,gBAAgBI,MAAM;QACxB;IACF;IAEA,MAAMC,gBAAgB,CAACH;QACrBF,gBAAgBE;IAClB;IAEA,MAAMI,OAAO;QACXP,YAAY;QACZC,gBAAgBI,MAAM;IACxB;IAEA,OAAO;QACLC;QACAC;QACA,IAAIP,aAAY;YACd,OAAOA;QACT;IACF;AACF,EAAE"}

package/dist/cssm/hooks/useDraggableWithDomApi/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/constants.ts"],"sourcesContent":["export const AUTO_SCROLL_START_DELAY = 300;\n\nexport const ITEM_INITIAL_INDEX = -1;\n\nexport const DATA_DRAGGABLE_PLACEHOLDER_KEY = 'data-draggable-placeholder';\n\nexport const DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP = { [DATA_DRAGGABLE_PLACEHOLDER_KEY]: 'true' };\n"],"names":["AUTO_SCROLL_START_DELAY","ITEM_INITIAL_INDEX","DATA_DRAGGABLE_PLACEHOLDER_KEY","DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP"],"rangeMappings":";;;;;","mappings":"AAAA,OAAO,MAAMA,0BAA0B,IAAI;AAE3C,OAAO,MAAMC,qBAAqB,CAAC,EAAE;AAErC,OAAO,MAAMC,iCAAiC,6BAA6B;AAE3E,OAAO,MAAMC,wCAAwC;IAAE,CAACD,+BAA+B,EAAE;AAAO,EAAE"}
+{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/constants.ts"],"sourcesContent":["export const AUTO_SCROLL_START_DELAY = 300;\n\nexport const ITEM_INITIAL_INDEX = -1;\n\nexport const DATA_DRAGGABLE_PLACEHOLDER_KEY = 'data-draggable-placeholder';\n\nexport const DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP = { [DATA_DRAGGABLE_PLACEHOLDER_KEY]: 'true' };\n"],"names":["AUTO_SCROLL_START_DELAY","ITEM_INITIAL_INDEX","DATA_DRAGGABLE_PLACEHOLDER_KEY","DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP"],"mappings":"AAAA,OAAO,MAAMA,0BAA0B,IAAI;AAE3C,OAAO,MAAMC,qBAAqB,CAAC,EAAE;AAErC,OAAO,MAAMC,iCAAiC,6BAA6B;AAE3E,OAAO,MAAMC,wCAAwC;IAAE,CAACD,+BAA+B,EAAE;AAAO,EAAE"}

package/dist/cssm/hooks/useDraggableWithDomApi/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/index.tsx"],"sourcesContent":["export type * from './types';\n\nexport { DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP } from './constants';\n\nexport { useDraggableWithDomApi } from './useDraggableWithDomApi';\n"],"names":["DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP","useDraggableWithDomApi"],"rangeMappings":";","mappings":"AAEA,SAASA,qCAAqC,QAAQ,cAAc;AAEpE,SAASC,sBAAsB,QAAQ,2BAA2B"}
+{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/index.tsx"],"sourcesContent":["export type * from './types';\n\nexport { DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP } from './constants';\n\nexport { useDraggableWithDomApi } from './useDraggableWithDomApi';\n"],"names":["DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP","useDraggableWithDomApi"],"mappings":"AAEA,SAASA,qCAAqC,QAAQ,cAAc;AAEpE,SAASC,sBAAsB,QAAQ,2BAA2B"}

package/dist/cssm/hooks/useDraggableWithDomApi/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TouchEvent } from '../../components/Touch/Touch';\n\nexport type Direction = 'up' | 'down';\n\nexport type DraggingItem = {\n  index: number;\n  el: HTMLElement;\n  draggingElRect: DOMRect;\n};\n\nexport type PlaceholderItem = {\n  index: number;\n  el: HTMLElement;\n  draggingElRect: DOMRect;\n};\n\nexport type SiblingItem = {\n  index: number;\n  el: HTMLElement;\n  shifted: boolean;\n  draggingElRect: DOMRect;\n};\n\nexport type SwappedItemRange = { from: number; to: number };\n\nexport interface UseDraggableProps<T extends HTMLElement = HTMLElement> {\n  elRef: React.MutableRefObject<T | null>;\n  onDragFinish?: (value: SwappedItemRange) => void;\n}\n\nexport interface DraggableProps {\n  onDragStart: (this: void, event: TouchEvent) => void;\n  onDragEnd: (this: void, event: TouchEvent) => void;\n  onDragMove: (this: void, event: TouchEvent) => void;\n}\n\nexport interface UseDraggable extends DraggableProps {\n  dragging: boolean;\n}\n"],"names":["React"],"rangeMappings":"","mappings":"AAAA,YAAYA,WAAW,QAAQ"}
+{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TouchEvent } from '../../components/Touch/Touch';\n\nexport type Direction = 'up' | 'down';\n\nexport type DraggingItem = {\n  index: number;\n  el: HTMLElement;\n  draggingElRect: DOMRect;\n};\n\nexport type PlaceholderItem = {\n  index: number;\n  el: HTMLElement;\n  draggingElRect: DOMRect;\n};\n\nexport type SiblingItem = {\n  index: number;\n  el: HTMLElement;\n  shifted: boolean;\n  draggingElRect: DOMRect;\n};\n\nexport type SwappedItemRange = { from: number; to: number };\n\nexport interface UseDraggableProps<T extends HTMLElement = HTMLElement> {\n  elRef: React.MutableRefObject<T | null>;\n  onDragFinish?: (value: SwappedItemRange) => void;\n}\n\nexport interface DraggableProps {\n  onDragStart: (this: void, event: TouchEvent) => void;\n  onDragEnd: (this: void, event: TouchEvent) => void;\n  onDragMove: (this: void, event: TouchEvent) => void;\n}\n\nexport interface UseDraggable extends DraggableProps {\n  dragging: boolean;\n}\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/dist/cssm/hooks/useDraggableWithDomApi/useDraggableWithDomApi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDraggableWithDomApi.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDraggableWithDomApi/useDraggableWithDomApi.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAKV,YAAY,EACZ,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAajB,eAAO,MAAM,sBAAsB,mEAGhC,kBAAkB,CAAC,CAAC,KAAG,YAqQzB,CAAC"}
+{"version":3,"file":"useDraggableWithDomApi.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDraggableWithDomApi/useDraggableWithDomApi.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAKV,YAAY,EACZ,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAajB,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,WAAW,2CAGzD,iBAAiB,CAAC,CAAC,CAAC,KAAG,YAqQzB,CAAC"}

package/dist/cssm/hooks/useDraggableWithDomApi/useDraggableWithDomApi.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/useDraggableWithDomApi.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TouchEvent } from '../../components/Touch/Touch';\nimport { getBoundingClientRect, getNearestOverflowAncestor, getNodeScroll } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { createAutoScrollController, getAutoScrollingData } from './autoScroll';\nimport {\n  AUTO_SCROLL_START_DELAY,\n  DATA_DRAGGABLE_PLACEHOLDER_KEY,\n  ITEM_INITIAL_INDEX,\n} from './constants';\nimport type {\n  Direction,\n  DraggingItem,\n  PlaceholderItem,\n  SiblingItem,\n  UseDraggable,\n  UseDraggableProps,\n} from './types';\nimport {\n  getTargetIsOverOrUnderElData,\n  setDraggingItemShiftStyles,\n  setInitialDraggingItemStyles,\n  setInitialPlaceholderItemStyles,\n  setInitialSiblingItemStyles,\n  setSiblingItemsShiftStyles,\n  unsetInitialDraggingItemStyles,\n  unsetInitialPlaceholderItemStyles,\n  unsetInitialSiblingItemStyles,\n} from './utils';\n\nexport const useDraggableWithDomApi = <T extends HTMLElement>({\n  elRef: draggingElRef,\n  onDragFinish,\n}: UseDraggableProps<T>): UseDraggable => {\n  const [dragging, setDragging] = React.useState(false);\n  const lastClientYRef = React.useRef(0);\n  const lastDragShiftYRef = React.useRef(0);\n\n  const scrollElRef = React.useRef<Element | Window | null>(null);\n  const lastScrollTopRef = React.useRef<number>(0);\n  const scrollControllerRef = React.useRef<ReturnType<typeof createAutoScrollController> | null>(\n    null,\n  );\n  const initializeScrollRefs = (draggableEl: HTMLElement) => {\n    const node = getNearestOverflowAncestor(draggableEl);\n    if (node) {\n      scrollElRef.current = node;\n      lastScrollTopRef.current = getNodeScroll(node).scrollTop;\n      scrollControllerRef.current = createAutoScrollController(scrollElRef.current);\n    }\n  };\n  const cleanupScrollRefs = () => {\n    lastScrollTopRef.current = 0;\n    scrollControllerRef.current?.stop();\n    scrollElRef.current = scrollControllerRef.current = null;\n  };\n\n  const lastDragDirectionRef = React.useRef<Direction | undefined>(undefined);\n  const toggleDragDirection = (prevShiftY: number, nextShiftY: number) => {\n    const shiftYDiff = prevShiftY - nextShiftY;\n    if (shiftYDiff < 0) {\n      return 'down';\n    }\n    if (shiftYDiff > 0) {\n      return 'up';\n    }\n    return lastDragDirectionRef.current;\n  };\n\n  const itemStartIndexRef = React.useRef<number>(ITEM_INITIAL_INDEX);\n  const itemEndIndexRef = React.useRef<number>(ITEM_INITIAL_INDEX);\n  const draggingItemRef = React.useRef<DraggingItem | null>(null);\n  const placeholderItemRef = React.useRef<PlaceholderItem | null>(null);\n  const siblingItemsRef = React.useRef<SiblingItem[]>([]);\n  const initializeItems = (draggingEl: HTMLElement) => {\n    const draggingElRect = getBoundingClientRect(draggingEl, true);\n    const { children } = draggingEl.parentElement || { children: [] };\n    Array.prototype.forEach.call(children, (el: HTMLElement, index) => {\n      if (el === draggingEl) {\n        itemStartIndexRef.current = itemEndIndexRef.current = index;\n        draggingItemRef.current = { index, el, draggingElRect };\n      } else if (el.getAttribute(DATA_DRAGGABLE_PLACEHOLDER_KEY) !== null) {\n        placeholderItemRef.current = { index, el, draggingElRect };\n      } else {\n        siblingItemsRef.current.push({ index, el, shifted: itemStartIndexRef.current !== ITEM_INITIAL_INDEX && itemStartIndexRef.current < index, draggingElRect }); // prettier-ignore\n      }\n    });\n    if (placeholderItemRef.current) {\n      setInitialPlaceholderItemStyles(placeholderItemRef.current); // 1. reflow\n    }\n    if (draggingItemRef.current) {\n      setInitialDraggingItemStyles(draggingItemRef.current); // 2. repaint\n    }\n    siblingItemsRef.current.forEach(setInitialSiblingItemStyles); // 2. repaint\n  };\n  const cleanupItems = () => {\n    if (placeholderItemRef.current) {\n      unsetInitialPlaceholderItemStyles(placeholderItemRef.current); // 1. reflow\n    }\n    if (draggingItemRef.current) {\n      unsetInitialDraggingItemStyles(draggingItemRef.current); // 2. repaint\n    }\n    siblingItemsRef.current.forEach(unsetInitialSiblingItemStyles); // 2. repaint\n    siblingItemsRef.current = [];\n    placeholderItemRef.current = draggingItemRef.current = null;\n\n    const swappedItemIndexRange = { from: itemStartIndexRef.current, to: itemEndIndexRef.current };\n    itemStartIndexRef.current = itemEndIndexRef.current = ITEM_INITIAL_INDEX;\n    return swappedItemIndexRange;\n  };\n  const getShiftAndUnshiftItemsPreparedData = (\n    clientY: number,\n  ): [Array<[SiblingItem, Direction]>, Array<[SiblingItem, Direction]>] => {\n    const shiftItemEls: Array<[SiblingItem, Direction]> = [];\n    const unshiftItemEls: Array<[SiblingItem, Direction]> = [];\n    itemEndIndexRef.current = itemStartIndexRef.current;\n    siblingItemsRef.current.forEach((siblingItem) => {\n      const { isOverEl, isUnderEl } = getTargetIsOverOrUnderElData(\n        clientY,\n        getBoundingClientRect(siblingItem.el),\n      );\n      if (itemStartIndexRef.current < siblingItem.index) {\n        if (isOverEl) {\n          itemEndIndexRef.current = itemEndIndexRef.current + 1;\n          if (lastDragDirectionRef.current === 'down' && siblingItem.shifted) {\n            siblingItem.shifted = false;\n            shiftItemEls.push([siblingItem, 'up']);\n          }\n        }\n        if (isUnderEl) {\n          if (lastDragDirectionRef.current === 'up' && !siblingItem.shifted) {\n            siblingItem.shifted = true;\n            unshiftItemEls.push([siblingItem, 'down']);\n          }\n        }\n      } else if (itemStartIndexRef.current > siblingItem.index) {\n        if (isUnderEl) {\n          itemEndIndexRef.current = itemEndIndexRef.current - 1;\n          if (lastDragDirectionRef.current === 'up' && !siblingItem.shifted) {\n            siblingItem.shifted = true;\n            shiftItemEls.push([siblingItem, 'down']);\n          }\n        }\n        if (isOverEl) {\n          if (lastDragDirectionRef.current === 'down' && siblingItem.shifted) {\n            siblingItem.shifted = false;\n            unshiftItemEls.push([siblingItem, 'up']);\n          }\n        }\n      }\n    });\n    return [shiftItemEls, unshiftItemEls];\n  };\n  const setShiftAndUnshiftItemStyles = (\n    shiftItemEls: Array<[SiblingItem, Direction]>,\n    unshiftItemEls: Array<[SiblingItem, Direction]>,\n  ) => {\n    shiftItemEls.forEach(setSiblingItemsShiftStyles);\n    unshiftItemEls.forEach(setSiblingItemsShiftStyles);\n  };\n\n  const schedulingAutoScrollTimeoutIdRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const clearSchedulingAutoScrollTimeout = () => {\n    if (schedulingAutoScrollTimeoutIdRef.current) {\n      clearTimeout(schedulingAutoScrollTimeoutIdRef.current);\n      schedulingAutoScrollTimeoutIdRef.current = null;\n    }\n  };\n  const tryAutoScroll = () => {\n    if (scrollControllerRef.current) {\n      scrollControllerRef.current.tryAutoScroll(() => {\n        return scrollElRef.current\n          ? getAutoScrollingData(lastClientYRef.current, scrollElRef.current)\n          : {\n              shouldScrolling: false,\n              y: 0,\n            };\n      });\n    }\n  };\n  const schedulingAutoScroll = () => {\n    clearSchedulingAutoScrollTimeout();\n    schedulingAutoScrollTimeoutIdRef.current = setTimeout(() => {\n      schedulingAutoScrollTimeoutIdRef.current = null;\n      tryAutoScroll();\n    }, AUTO_SCROLL_START_DELAY);\n  };\n\n  const onDragStart = (event: TouchEvent) => {\n    event.originalEvent.stopPropagation();\n    event.originalEvent.preventDefault();\n  };\n\n  const onDragMove = (event: TouchEvent) => {\n    event.originalEvent.stopPropagation();\n    event.originalEvent.preventDefault();\n\n    const draggingEl = draggingElRef.current;\n\n    if (!draggingEl) {\n      return;\n    }\n\n    if (dragging) {\n      lastDragDirectionRef.current = toggleDragDirection(lastDragShiftYRef.current, event.shiftY);\n      lastDragShiftYRef.current = event.shiftY;\n      lastClientYRef.current = event.clientY;\n\n      if (scrollControllerRef.current && scrollControllerRef.current.isRunning) {\n        setDraggingItemShiftStyles(draggingEl, lastDragShiftYRef.current);\n      } else {\n        const [shiftItemEls, unshiftItemEls] = getShiftAndUnshiftItemsPreparedData(\n          lastClientYRef.current,\n        );\n        setDraggingItemShiftStyles(draggingEl, lastDragShiftYRef.current);\n        setShiftAndUnshiftItemStyles(shiftItemEls, unshiftItemEls);\n        schedulingAutoScroll();\n      }\n    } else {\n      setDragging((prevDragging) => {\n        // На случай, если onDragMove успеет вызваться ещё раз до того, как `dragging` выставится в\n        // `true`\n        if (prevDragging) {\n          return prevDragging;\n        }\n        initializeScrollRefs(draggingEl);\n        initializeItems(draggingEl);\n        return true;\n      });\n    }\n  };\n\n  const onDragEnd = (event: TouchEvent) => {\n    event.originalEvent.stopPropagation();\n    event.originalEvent.preventDefault();\n\n    clearSchedulingAutoScrollTimeout();\n    cleanupScrollRefs();\n\n    lastClientYRef.current = lastDragShiftYRef.current = 0;\n    lastDragDirectionRef.current = undefined;\n\n    if (dragging) {\n      const swappedItemRange = cleanupItems();\n      if (onDragFinish) {\n        onDragFinish(swappedItemRange);\n      }\n      setDragging(false);\n    }\n  };\n\n  const handleScroll = React.useCallback(() => {\n    if (!draggingElRef.current || !scrollElRef.current) {\n      return;\n    }\n\n    const nextScrollTop = getNodeScroll(scrollElRef.current).scrollTop;\n    lastDragDirectionRef.current = toggleDragDirection(lastScrollTopRef.current, nextScrollTop);\n    const scrollDiff = lastScrollTopRef.current - nextScrollTop;\n    const clientYWithScrollOffset = lastClientYRef.current + scrollDiff;\n    lastScrollTopRef.current = nextScrollTop;\n\n    const [shiftItemEls, unshiftItemEls] =\n      getShiftAndUnshiftItemsPreparedData(clientYWithScrollOffset);\n    setShiftAndUnshiftItemStyles(shiftItemEls, unshiftItemEls);\n  }, [draggingElRef]);\n\n  useIsomorphicLayoutEffect(\n    function recalculateOnScroll() {\n      const scrollEl = scrollElRef.current;\n      if (!dragging || !scrollEl) {\n        return;\n      }\n      scrollEl.addEventListener('scroll', handleScroll);\n      return () => {\n        if (scrollEl) {\n          scrollEl.removeEventListener('scroll', handleScroll);\n        }\n      };\n    },\n    [dragging, handleScroll],\n  );\n\n  useIsomorphicLayoutEffect(\n    () =>\n      function componentWillUnmount() {\n        if (placeholderItemRef.current) {\n          unsetInitialPlaceholderItemStyles(placeholderItemRef.current);\n        }\n      },\n    [],\n  );\n\n  return { dragging, onDragStart, onDragMove, onDragEnd };\n};\n"],"names":["React","getBoundingClientRect","getNearestOverflowAncestor","getNodeScroll","useIsomorphicLayoutEffect","createAutoScrollController","getAutoScrollingData","AUTO_SCROLL_START_DELAY","DATA_DRAGGABLE_PLACEHOLDER_KEY","ITEM_INITIAL_INDEX","getTargetIsOverOrUnderElData","setDraggingItemShiftStyles","setInitialDraggingItemStyles","setInitialPlaceholderItemStyles","setInitialSiblingItemStyles","setSiblingItemsShiftStyles","unsetInitialDraggingItemStyles","unsetInitialPlaceholderItemStyles","unsetInitialSiblingItemStyles","useDraggableWithDomApi","elRef","draggingElRef","onDragFinish","dragging","setDragging","useState","lastClientYRef","useRef","lastDragShiftYRef","scrollElRef","lastScrollTopRef","scrollControllerRef","initializeScrollRefs","draggableEl","node","current","scrollTop","cleanupScrollRefs","stop","lastDragDirectionRef","undefined","toggleDragDirection","prevShiftY","nextShiftY","shiftYDiff","itemStartIndexRef","itemEndIndexRef","draggingItemRef","placeholderItemRef","siblingItemsRef","initializeItems","draggingEl","draggingElRect","children","parentElement","Array","prototype","forEach","call","el","index","getAttribute","push","shifted","cleanupItems","swappedItemIndexRange","from","to","getShiftAndUnshiftItemsPreparedData","clientY","shiftItemEls","unshiftItemEls","siblingItem","isOverEl","isUnderEl","setShiftAndUnshiftItemStyles","schedulingAutoScrollTimeoutIdRef","clearSchedulingAutoScrollTimeout","clearTimeout","tryAutoScroll","shouldScrolling","y","schedulingAutoScroll","setTimeout","onDragStart","event","originalEvent","stopPropagation","preventDefault","onDragMove","shiftY","isRunning","prevDragging","onDragEnd","swappedItemRange","handleScroll","useCallback","nextScrollTop","scrollDiff","clientYWithScrollOffset","recalculateOnScroll","scrollEl","addEventListener","removeEventListener","componentWillUnmount"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/useDraggableWithDomApi.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TouchEvent } from '../../components/Touch/Touch';\nimport { getBoundingClientRect, getNearestOverflowAncestor, getNodeScroll } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { createAutoScrollController, getAutoScrollingData } from './autoScroll';\nimport {\n  AUTO_SCROLL_START_DELAY,\n  DATA_DRAGGABLE_PLACEHOLDER_KEY,\n  ITEM_INITIAL_INDEX,\n} from './constants';\nimport type {\n  Direction,\n  DraggingItem,\n  PlaceholderItem,\n  SiblingItem,\n  UseDraggable,\n  UseDraggableProps,\n} from './types';\nimport {\n  getTargetIsOverOrUnderElData,\n  setDraggingItemShiftStyles,\n  setInitialDraggingItemStyles,\n  setInitialPlaceholderItemStyles,\n  setInitialSiblingItemStyles,\n  setSiblingItemsShiftStyles,\n  unsetInitialDraggingItemStyles,\n  unsetInitialPlaceholderItemStyles,\n  unsetInitialSiblingItemStyles,\n} from './utils';\n\nexport const useDraggableWithDomApi = <T extends HTMLElement>({\n  elRef: draggingElRef,\n  onDragFinish,\n}: UseDraggableProps<T>): UseDraggable => {\n  const [dragging, setDragging] = React.useState(false);\n  const lastClientYRef = React.useRef(0);\n  const lastDragShiftYRef = React.useRef(0);\n\n  const scrollElRef = React.useRef<Element | Window | null>(null);\n  const lastScrollTopRef = React.useRef<number>(0);\n  const scrollControllerRef = React.useRef<ReturnType<typeof createAutoScrollController> | null>(\n    null,\n  );\n  const initializeScrollRefs = (draggableEl: HTMLElement) => {\n    const node = getNearestOverflowAncestor(draggableEl);\n    if (node) {\n      scrollElRef.current = node;\n      lastScrollTopRef.current = getNodeScroll(node).scrollTop;\n      scrollControllerRef.current = createAutoScrollController(scrollElRef.current);\n    }\n  };\n  const cleanupScrollRefs = () => {\n    lastScrollTopRef.current = 0;\n    scrollControllerRef.current?.stop();\n    scrollElRef.current = scrollControllerRef.current = null;\n  };\n\n  const lastDragDirectionRef = React.useRef<Direction | undefined>(undefined);\n  const toggleDragDirection = (prevShiftY: number, nextShiftY: number) => {\n    const shiftYDiff = prevShiftY - nextShiftY;\n    if (shiftYDiff < 0) {\n      return 'down';\n    }\n    if (shiftYDiff > 0) {\n      return 'up';\n    }\n    return lastDragDirectionRef.current;\n  };\n\n  const itemStartIndexRef = React.useRef<number>(ITEM_INITIAL_INDEX);\n  const itemEndIndexRef = React.useRef<number>(ITEM_INITIAL_INDEX);\n  const draggingItemRef = React.useRef<DraggingItem | null>(null);\n  const placeholderItemRef = React.useRef<PlaceholderItem | null>(null);\n  const siblingItemsRef = React.useRef<SiblingItem[]>([]);\n  const initializeItems = (draggingEl: HTMLElement) => {\n    const draggingElRect = getBoundingClientRect(draggingEl, true);\n    const { children } = draggingEl.parentElement || { children: [] };\n    Array.prototype.forEach.call(children, (el: HTMLElement, index) => {\n      if (el === draggingEl) {\n        itemStartIndexRef.current = itemEndIndexRef.current = index;\n        draggingItemRef.current = { index, el, draggingElRect };\n      } else if (el.getAttribute(DATA_DRAGGABLE_PLACEHOLDER_KEY) !== null) {\n        placeholderItemRef.current = { index, el, draggingElRect };\n      } else {\n        siblingItemsRef.current.push({ index, el, shifted: itemStartIndexRef.current !== ITEM_INITIAL_INDEX && itemStartIndexRef.current < index, draggingElRect }); // prettier-ignore\n      }\n    });\n    if (placeholderItemRef.current) {\n      setInitialPlaceholderItemStyles(placeholderItemRef.current); // 1. reflow\n    }\n    if (draggingItemRef.current) {\n      setInitialDraggingItemStyles(draggingItemRef.current); // 2. repaint\n    }\n    siblingItemsRef.current.forEach(setInitialSiblingItemStyles); // 2. repaint\n  };\n  const cleanupItems = () => {\n    if (placeholderItemRef.current) {\n      unsetInitialPlaceholderItemStyles(placeholderItemRef.current); // 1. reflow\n    }\n    if (draggingItemRef.current) {\n      unsetInitialDraggingItemStyles(draggingItemRef.current); // 2. repaint\n    }\n    siblingItemsRef.current.forEach(unsetInitialSiblingItemStyles); // 2. repaint\n    siblingItemsRef.current = [];\n    placeholderItemRef.current = draggingItemRef.current = null;\n\n    const swappedItemIndexRange = { from: itemStartIndexRef.current, to: itemEndIndexRef.current };\n    itemStartIndexRef.current = itemEndIndexRef.current = ITEM_INITIAL_INDEX;\n    return swappedItemIndexRange;\n  };\n  const getShiftAndUnshiftItemsPreparedData = (\n    clientY: number,\n  ): [Array<[SiblingItem, Direction]>, Array<[SiblingItem, Direction]>] => {\n    const shiftItemEls: Array<[SiblingItem, Direction]> = [];\n    const unshiftItemEls: Array<[SiblingItem, Direction]> = [];\n    itemEndIndexRef.current = itemStartIndexRef.current;\n    siblingItemsRef.current.forEach((siblingItem) => {\n      const { isOverEl, isUnderEl } = getTargetIsOverOrUnderElData(\n        clientY,\n        getBoundingClientRect(siblingItem.el),\n      );\n      if (itemStartIndexRef.current < siblingItem.index) {\n        if (isOverEl) {\n          itemEndIndexRef.current = itemEndIndexRef.current + 1;\n          if (lastDragDirectionRef.current === 'down' && siblingItem.shifted) {\n            siblingItem.shifted = false;\n            shiftItemEls.push([siblingItem, 'up']);\n          }\n        }\n        if (isUnderEl) {\n          if (lastDragDirectionRef.current === 'up' && !siblingItem.shifted) {\n            siblingItem.shifted = true;\n            unshiftItemEls.push([siblingItem, 'down']);\n          }\n        }\n      } else if (itemStartIndexRef.current > siblingItem.index) {\n        if (isUnderEl) {\n          itemEndIndexRef.current = itemEndIndexRef.current - 1;\n          if (lastDragDirectionRef.current === 'up' && !siblingItem.shifted) {\n            siblingItem.shifted = true;\n            shiftItemEls.push([siblingItem, 'down']);\n          }\n        }\n        if (isOverEl) {\n          if (lastDragDirectionRef.current === 'down' && siblingItem.shifted) {\n            siblingItem.shifted = false;\n            unshiftItemEls.push([siblingItem, 'up']);\n          }\n        }\n      }\n    });\n    return [shiftItemEls, unshiftItemEls];\n  };\n  const setShiftAndUnshiftItemStyles = (\n    shiftItemEls: Array<[SiblingItem, Direction]>,\n    unshiftItemEls: Array<[SiblingItem, Direction]>,\n  ) => {\n    shiftItemEls.forEach(setSiblingItemsShiftStyles);\n    unshiftItemEls.forEach(setSiblingItemsShiftStyles);\n  };\n\n  const schedulingAutoScrollTimeoutIdRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const clearSchedulingAutoScrollTimeout = () => {\n    if (schedulingAutoScrollTimeoutIdRef.current) {\n      clearTimeout(schedulingAutoScrollTimeoutIdRef.current);\n      schedulingAutoScrollTimeoutIdRef.current = null;\n    }\n  };\n  const tryAutoScroll = () => {\n    if (scrollControllerRef.current) {\n      scrollControllerRef.current.tryAutoScroll(() => {\n        return scrollElRef.current\n          ? getAutoScrollingData(lastClientYRef.current, scrollElRef.current)\n          : {\n              shouldScrolling: false,\n              y: 0,\n            };\n      });\n    }\n  };\n  const schedulingAutoScroll = () => {\n    clearSchedulingAutoScrollTimeout();\n    schedulingAutoScrollTimeoutIdRef.current = setTimeout(() => {\n      schedulingAutoScrollTimeoutIdRef.current = null;\n      tryAutoScroll();\n    }, AUTO_SCROLL_START_DELAY);\n  };\n\n  const onDragStart = (event: TouchEvent) => {\n    event.originalEvent.stopPropagation();\n    event.originalEvent.preventDefault();\n  };\n\n  const onDragMove = (event: TouchEvent) => {\n    event.originalEvent.stopPropagation();\n    event.originalEvent.preventDefault();\n\n    const draggingEl = draggingElRef.current;\n\n    if (!draggingEl) {\n      return;\n    }\n\n    if (dragging) {\n      lastDragDirectionRef.current = toggleDragDirection(lastDragShiftYRef.current, event.shiftY);\n      lastDragShiftYRef.current = event.shiftY;\n      lastClientYRef.current = event.clientY;\n\n      if (scrollControllerRef.current && scrollControllerRef.current.isRunning) {\n        setDraggingItemShiftStyles(draggingEl, lastDragShiftYRef.current);\n      } else {\n        const [shiftItemEls, unshiftItemEls] = getShiftAndUnshiftItemsPreparedData(\n          lastClientYRef.current,\n        );\n        setDraggingItemShiftStyles(draggingEl, lastDragShiftYRef.current);\n        setShiftAndUnshiftItemStyles(shiftItemEls, unshiftItemEls);\n        schedulingAutoScroll();\n      }\n    } else {\n      setDragging((prevDragging) => {\n        // На случай, если onDragMove успеет вызваться ещё раз до того, как `dragging` выставится в\n        // `true`\n        if (prevDragging) {\n          return prevDragging;\n        }\n        initializeScrollRefs(draggingEl);\n        initializeItems(draggingEl);\n        return true;\n      });\n    }\n  };\n\n  const onDragEnd = (event: TouchEvent) => {\n    event.originalEvent.stopPropagation();\n    event.originalEvent.preventDefault();\n\n    clearSchedulingAutoScrollTimeout();\n    cleanupScrollRefs();\n\n    lastClientYRef.current = lastDragShiftYRef.current = 0;\n    lastDragDirectionRef.current = undefined;\n\n    if (dragging) {\n      const swappedItemRange = cleanupItems();\n      if (onDragFinish) {\n        onDragFinish(swappedItemRange);\n      }\n      setDragging(false);\n    }\n  };\n\n  const handleScroll = React.useCallback(() => {\n    if (!draggingElRef.current || !scrollElRef.current) {\n      return;\n    }\n\n    const nextScrollTop = getNodeScroll(scrollElRef.current).scrollTop;\n    lastDragDirectionRef.current = toggleDragDirection(lastScrollTopRef.current, nextScrollTop);\n    const scrollDiff = lastScrollTopRef.current - nextScrollTop;\n    const clientYWithScrollOffset = lastClientYRef.current + scrollDiff;\n    lastScrollTopRef.current = nextScrollTop;\n\n    const [shiftItemEls, unshiftItemEls] =\n      getShiftAndUnshiftItemsPreparedData(clientYWithScrollOffset);\n    setShiftAndUnshiftItemStyles(shiftItemEls, unshiftItemEls);\n  }, [draggingElRef]);\n\n  useIsomorphicLayoutEffect(\n    function recalculateOnScroll() {\n      const scrollEl = scrollElRef.current;\n      if (!dragging || !scrollEl) {\n        return;\n      }\n      scrollEl.addEventListener('scroll', handleScroll);\n      return () => {\n        if (scrollEl) {\n          scrollEl.removeEventListener('scroll', handleScroll);\n        }\n      };\n    },\n    [dragging, handleScroll],\n  );\n\n  useIsomorphicLayoutEffect(\n    () =>\n      function componentWillUnmount() {\n        if (placeholderItemRef.current) {\n          unsetInitialPlaceholderItemStyles(placeholderItemRef.current);\n        }\n      },\n    [],\n  );\n\n  return { dragging, onDragStart, onDragMove, onDragEnd };\n};\n"],"names":["React","getBoundingClientRect","getNearestOverflowAncestor","getNodeScroll","useIsomorphicLayoutEffect","createAutoScrollController","getAutoScrollingData","AUTO_SCROLL_START_DELAY","DATA_DRAGGABLE_PLACEHOLDER_KEY","ITEM_INITIAL_INDEX","getTargetIsOverOrUnderElData","setDraggingItemShiftStyles","setInitialDraggingItemStyles","setInitialPlaceholderItemStyles","setInitialSiblingItemStyles","setSiblingItemsShiftStyles","unsetInitialDraggingItemStyles","unsetInitialPlaceholderItemStyles","unsetInitialSiblingItemStyles","useDraggableWithDomApi","elRef","draggingElRef","onDragFinish","dragging","setDragging","useState","lastClientYRef","useRef","lastDragShiftYRef","scrollElRef","lastScrollTopRef","scrollControllerRef","initializeScrollRefs","draggableEl","node","current","scrollTop","cleanupScrollRefs","stop","lastDragDirectionRef","undefined","toggleDragDirection","prevShiftY","nextShiftY","shiftYDiff","itemStartIndexRef","itemEndIndexRef","draggingItemRef","placeholderItemRef","siblingItemsRef","initializeItems","draggingEl","draggingElRect","children","parentElement","Array","prototype","forEach","call","el","index","getAttribute","push","shifted","cleanupItems","swappedItemIndexRange","from","to","getShiftAndUnshiftItemsPreparedData","clientY","shiftItemEls","unshiftItemEls","siblingItem","isOverEl","isUnderEl","setShiftAndUnshiftItemStyles","schedulingAutoScrollTimeoutIdRef","clearSchedulingAutoScrollTimeout","clearTimeout","tryAutoScroll","shouldScrolling","y","schedulingAutoScroll","setTimeout","onDragStart","event","originalEvent","stopPropagation","preventDefault","onDragMove","shiftY","isRunning","prevDragging","onDragEnd","swappedItemRange","handleScroll","useCallback","nextScrollTop","scrollDiff","clientYWithScrollOffset","recalculateOnScroll","scrollEl","addEventListener","removeEventListener","componentWillUnmount"],"mappings":"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"}

package/dist/cssm/hooks/useDraggableWithDomApi/utils.d.ts

@@ -4,11 +4,11 @@ export declare const getTargetIsOverOrUnderElData: (clientY: number, elRect: DOM
     isOverEl: boolean;
 };
 export declare const setDraggingItemShiftStyles: (draggingEl: HTMLElement, nextShiftY: number) => void;
-export declare const setSiblingItemsShiftStyles: ([{ el, draggingElRect: { height }, }, direction,]: [Omit<SiblingItem, 'shifted'>, Direction]) => void;
+export declare const setSiblingItemsShiftStyles: ([{ el, draggingElRect: { height }, }, direction,]: [Omit<SiblingItem, "shifted">, Direction]) => void;
 export declare const setInitialDraggingItemStyles: ({ el, draggingElRect }: DraggingItem) => void;
 export declare const unsetInitialDraggingItemStyles: ({ el }: DraggingItem) => void;
 export declare const setInitialPlaceholderItemStyles: ({ el, draggingElRect }: PlaceholderItem) => void;
 export declare const unsetInitialPlaceholderItemStyles: ({ el }: PlaceholderItem) => void;
 export declare const setInitialSiblingItemStyles: ({ el, shifted, draggingElRect }: SiblingItem) => void;
-export declare const unsetInitialSiblingItemStyles: ({ el }: Omit<SiblingItem, 'shifted'>) => void;
+export declare const unsetInitialSiblingItemStyles: ({ el }: Omit<SiblingItem, "shifted">) => void;
 //# sourceMappingURL=utils.d.ts.map

package/dist/cssm/hooks/useDraggableWithDomApi/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDraggableWithDomApi/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAErF,eAAO,MAAM,4BAA4B,YAAa,MAAM,UAAU,OAAO;;;CAM5E,CAAC;AAEF,eAAO,MAAM,0BAA0B,eAAgB,WAAW,cAAc,MAAM,SAIrF,CAAC;AAEF,eAAO,MAAM,0BAA0B,sDAMpC,CAAC,KAAK,WAAW,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC,SAU3C,CAAC;AAEF,eAAO,MAAM,4BAA4B,2BAA4B,YAAY,SAchF,CAAC;AAEF,eAAO,MAAM,8BAA8B,WAAY,YAAY,SAYlE,CAAC;AAEF,eAAO,MAAM,+BAA+B,2BAA4B,eAAe,SAWtF,CAAC;AAEF,eAAO,MAAM,iCAAiC,WAAY,eAAe,SAIxE,CAAC;AAEF,eAAO,MAAM,2BAA2B,oCAAqC,WAAW,SAUvF,CAAC;AAEF,eAAO,MAAM,6BAA6B,WAAY,KAAK,WAAW,EAAE,SAAS,CAAC,SAMjF,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDraggableWithDomApi/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAErF,eAAO,MAAM,4BAA4B,YAAa,MAAM,UAAU,OAAO;;;CAM5E,CAAC;AAEF,eAAO,MAAM,0BAA0B,eAAgB,WAAW,cAAc,MAAM,SAIrF,CAAC;AAEF,eAAO,MAAM,0BAA0B,sDAMpC,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC,SAU3C,CAAC;AAEF,eAAO,MAAM,4BAA4B,2BAA4B,YAAY,SAchF,CAAC;AAEF,eAAO,MAAM,8BAA8B,WAAY,YAAY,SAYlE,CAAC;AAEF,eAAO,MAAM,+BAA+B,2BAA4B,eAAe,SAWtF,CAAC;AAEF,eAAO,MAAM,iCAAiC,WAAY,eAAe,SAIxE,CAAC;AAEF,eAAO,MAAM,2BAA2B,oCAAqC,WAAW,SAUvF,CAAC;AAEF,eAAO,MAAM,6BAA6B,WAAY,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,SAMjF,CAAC"}

package/dist/cssm/hooks/useDraggableWithDomApi/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/utils.ts"],"sourcesContent":["import type { Direction, DraggingItem, PlaceholderItem, SiblingItem } from './types';\n\nexport const getTargetIsOverOrUnderElData = (clientY: number, elRect: DOMRect) => {\n  const elRectHalfHeight = elRect.height / 2;\n  return {\n    isUnderEl: clientY <= elRect.bottom - elRectHalfHeight,\n    isOverEl: clientY >= elRect.top + elRectHalfHeight,\n  };\n};\n\nexport const setDraggingItemShiftStyles = (draggingEl: HTMLElement, nextShiftY: number) => {\n  requestAnimationFrame(() => {\n    draggingEl.style.transform = `translateY(${nextShiftY}px)`;\n  });\n};\n\nexport const setSiblingItemsShiftStyles = ([\n  {\n    el,\n    draggingElRect: { height },\n  },\n  direction,\n]: [Omit<SiblingItem, 'shifted'>, Direction]) => {\n  requestAnimationFrame(() => {\n    if (direction === 'up') {\n      el.style.setProperty('transition', 'transform 0.3s ease-in 0s');\n      el.style.removeProperty('transform');\n    } else {\n      el.style.setProperty('transition', 'transform 0.3s ease-out 0s');\n      el.style.setProperty('transform', `translateY(${height}px)`);\n    }\n  });\n};\n\nexport const setInitialDraggingItemStyles = ({ el, draggingElRect }: DraggingItem) => {\n  const { top, left, width, height } = draggingElRect;\n  requestAnimationFrame(() => {\n    // Inspired by https://github.com/hello-pangea/dnd\n    el.style.setProperty('pointer-events', 'none');\n    el.style.setProperty('position', 'fixed');\n    el.style.setProperty('top', `${top}px`);\n    el.style.setProperty('left', `${left}px`);\n    el.style.setProperty('width', `${width}px`);\n    el.style.setProperty('height', `${height}px`);\n    el.style.setProperty('z-index', 'var(--vkui_internal--z_index_cell_dragging)');\n    el.style.setProperty('box-sizing', 'border-box');\n    el.style.setProperty('transform', 'translateY(0)');\n  });\n};\n\nexport const unsetInitialDraggingItemStyles = ({ el }: DraggingItem) => {\n  requestAnimationFrame(() => {\n    el.style.removeProperty('pointer-events');\n    el.style.removeProperty('position');\n    el.style.removeProperty('top');\n    el.style.removeProperty('left');\n    el.style.removeProperty('width');\n    el.style.removeProperty('height');\n    el.style.removeProperty('z-index');\n    el.style.removeProperty('box-sizing');\n    el.style.removeProperty('transform');\n  });\n};\n\nexport const setInitialPlaceholderItemStyles = ({ el, draggingElRect }: PlaceholderItem) => {\n  if (el.firstElementChild) {\n    return;\n  }\n  const { width, height } = draggingElRect;\n  const node = el.cloneNode() as HTMLElement;\n  node.style.setProperty('display', 'block');\n  node.style.setProperty('width', `${width}px`);\n  node.style.setProperty('height', `${height}px`);\n  node.style.setProperty('pointer-events', 'none');\n  el.appendChild(node);\n};\n\nexport const unsetInitialPlaceholderItemStyles = ({ el }: PlaceholderItem) => {\n  if (el.firstElementChild) {\n    el.firstElementChild.remove();\n  }\n};\n\nexport const setInitialSiblingItemStyles = ({ el, shifted, draggingElRect }: SiblingItem) => {\n  const { height } = draggingElRect;\n  requestAnimationFrame(() => {\n    el.style.setProperty('pointer-events', 'none');\n    el.style.setProperty('transition', 'none 0s ease 0s');\n\n    if (shifted) {\n      el.style.setProperty('transform', `translateY(${height}px)`);\n    }\n  });\n};\n\nexport const unsetInitialSiblingItemStyles = ({ el }: Omit<SiblingItem, 'shifted'>) => {\n  requestAnimationFrame(() => {\n    el.style.removeProperty('pointer-events');\n    el.style.removeProperty('transition');\n    el.style.removeProperty('transform');\n  });\n};\n"],"names":["getTargetIsOverOrUnderElData","clientY","elRect","elRectHalfHeight","height","isUnderEl","bottom","isOverEl","top","setDraggingItemShiftStyles","draggingEl","nextShiftY","requestAnimationFrame","style","transform","setSiblingItemsShiftStyles","el","draggingElRect","direction","setProperty","removeProperty","setInitialDraggingItemStyles","left","width","unsetInitialDraggingItemStyles","setInitialPlaceholderItemStyles","firstElementChild","node","cloneNode","appendChild","unsetInitialPlaceholderItemStyles","remove","setInitialSiblingItemStyles","shifted","unsetInitialSiblingItemStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/utils.ts"],"sourcesContent":["import type { Direction, DraggingItem, PlaceholderItem, SiblingItem } from './types';\n\nexport const getTargetIsOverOrUnderElData = (clientY: number, elRect: DOMRect) => {\n  const elRectHalfHeight = elRect.height / 2;\n  return {\n    isUnderEl: clientY <= elRect.bottom - elRectHalfHeight,\n    isOverEl: clientY >= elRect.top + elRectHalfHeight,\n  };\n};\n\nexport const setDraggingItemShiftStyles = (draggingEl: HTMLElement, nextShiftY: number) => {\n  requestAnimationFrame(() => {\n    draggingEl.style.transform = `translateY(${nextShiftY}px)`;\n  });\n};\n\nexport const setSiblingItemsShiftStyles = ([\n  {\n    el,\n    draggingElRect: { height },\n  },\n  direction,\n]: [Omit<SiblingItem, 'shifted'>, Direction]) => {\n  requestAnimationFrame(() => {\n    if (direction === 'up') {\n      el.style.setProperty('transition', 'transform 0.3s ease-in 0s');\n      el.style.removeProperty('transform');\n    } else {\n      el.style.setProperty('transition', 'transform 0.3s ease-out 0s');\n      el.style.setProperty('transform', `translateY(${height}px)`);\n    }\n  });\n};\n\nexport const setInitialDraggingItemStyles = ({ el, draggingElRect }: DraggingItem) => {\n  const { top, left, width, height } = draggingElRect;\n  requestAnimationFrame(() => {\n    // Inspired by https://github.com/hello-pangea/dnd\n    el.style.setProperty('pointer-events', 'none');\n    el.style.setProperty('position', 'fixed');\n    el.style.setProperty('top', `${top}px`);\n    el.style.setProperty('left', `${left}px`);\n    el.style.setProperty('width', `${width}px`);\n    el.style.setProperty('height', `${height}px`);\n    el.style.setProperty('z-index', 'var(--vkui_internal--z_index_cell_dragging)');\n    el.style.setProperty('box-sizing', 'border-box');\n    el.style.setProperty('transform', 'translateY(0)');\n  });\n};\n\nexport const unsetInitialDraggingItemStyles = ({ el }: DraggingItem) => {\n  requestAnimationFrame(() => {\n    el.style.removeProperty('pointer-events');\n    el.style.removeProperty('position');\n    el.style.removeProperty('top');\n    el.style.removeProperty('left');\n    el.style.removeProperty('width');\n    el.style.removeProperty('height');\n    el.style.removeProperty('z-index');\n    el.style.removeProperty('box-sizing');\n    el.style.removeProperty('transform');\n  });\n};\n\nexport const setInitialPlaceholderItemStyles = ({ el, draggingElRect }: PlaceholderItem) => {\n  if (el.firstElementChild) {\n    return;\n  }\n  const { width, height } = draggingElRect;\n  const node = el.cloneNode() as HTMLElement;\n  node.style.setProperty('display', 'block');\n  node.style.setProperty('width', `${width}px`);\n  node.style.setProperty('height', `${height}px`);\n  node.style.setProperty('pointer-events', 'none');\n  el.appendChild(node);\n};\n\nexport const unsetInitialPlaceholderItemStyles = ({ el }: PlaceholderItem) => {\n  if (el.firstElementChild) {\n    el.firstElementChild.remove();\n  }\n};\n\nexport const setInitialSiblingItemStyles = ({ el, shifted, draggingElRect }: SiblingItem) => {\n  const { height } = draggingElRect;\n  requestAnimationFrame(() => {\n    el.style.setProperty('pointer-events', 'none');\n    el.style.setProperty('transition', 'none 0s ease 0s');\n\n    if (shifted) {\n      el.style.setProperty('transform', `translateY(${height}px)`);\n    }\n  });\n};\n\nexport const unsetInitialSiblingItemStyles = ({ el }: Omit<SiblingItem, 'shifted'>) => {\n  requestAnimationFrame(() => {\n    el.style.removeProperty('pointer-events');\n    el.style.removeProperty('transition');\n    el.style.removeProperty('transform');\n  });\n};\n"],"names":["getTargetIsOverOrUnderElData","clientY","elRect","elRectHalfHeight","height","isUnderEl","bottom","isOverEl","top","setDraggingItemShiftStyles","draggingEl","nextShiftY","requestAnimationFrame","style","transform","setSiblingItemsShiftStyles","el","draggingElRect","direction","setProperty","removeProperty","setInitialDraggingItemStyles","left","width","unsetInitialDraggingItemStyles","setInitialPlaceholderItemStyles","firstElementChild","node","cloneNode","appendChild","unsetInitialPlaceholderItemStyles","remove","setInitialSiblingItemStyles","shifted","unsetInitialSiblingItemStyles"],"mappings":"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"}

package/dist/cssm/hooks/useEffectDev.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useEffectDev.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { noop } from '@vkontakte/vkjs';\n\nexport const useEffectDev = process.env.NODE_ENV === 'development' ? useEffect : noop;\n"],"names":["useEffect","noop","useEffectDev","process","env","NODE_ENV"],"rangeMappings":";;","mappings":"AAAA,SAASA,SAAS,QAAQ,QAAQ;AAClC,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,OAAO,MAAMC,eAAeC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBL,YAAYC,KAAK"}
+{"version":3,"sources":["../../../src/hooks/useEffectDev.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { noop } from '@vkontakte/vkjs';\n\nexport const useEffectDev = process.env.NODE_ENV === 'development' ? useEffect : noop;\n"],"names":["useEffect","noop","useEffectDev","process","env","NODE_ENV"],"mappings":"AAAA,SAASA,SAAS,QAAQ,QAAQ;AAClC,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,OAAO,MAAMC,eAAeC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBL,YAAYC,KAAK"}

package/dist/cssm/hooks/useEnsuredControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useEnsuredControl.ts"],"sourcesContent":["import * as React from 'react';\nimport { isFunction } from '@vkontakte/vkjs';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface UseEnsuredControlProps<V, E extends React.ChangeEvent<any>> {\n  value?: V;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n  onChange?: (this: void, e: E) => any;\n}\n\nexport function useEnsuredControl<V, E extends React.ChangeEvent<any>>({\n  onChange: onChangeProp,\n  disabled,\n  ...props\n}: UseEnsuredControlProps<V, E>): [V, (e: E) => any] {\n  const [value, onChangeValue] = useCustomEnsuredControl(props);\n\n  const onChange = React.useCallback(\n    (e: E) => {\n      if (disabled) {\n        return;\n      }\n\n      onChangeValue(e.target.value);\n      onChangeProp && onChangeProp(e);\n    },\n    [onChangeValue, onChangeProp, disabled],\n  );\n\n  return [value, onChange];\n}\n\nexport interface UseCustomEnsuredControlProps<V> {\n  value?: V;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n  onChange?: (this: void, v: V) => any;\n}\n\nexport function useCustomEnsuredControl<V = any>({\n  value,\n  defaultValue,\n  disabled,\n  onChange: onChangeProp,\n}: UseCustomEnsuredControlProps<V>): [V, React.Dispatch<React.SetStateAction<V>>] {\n  const isControlled = value !== undefined;\n  const [localValue, setLocalValue] = React.useState(defaultValue);\n  const preservedControlledValueRef = React.useRef<V>();\n\n  useIsomorphicLayoutEffect(() => {\n    preservedControlledValueRef.current = value;\n  });\n\n  const onChange = React.useCallback(\n    (nextValue: V | ((prevValue: any) => V)) => {\n      if (disabled) {\n        return;\n      }\n\n      if (isFunction(nextValue)) {\n        if (!isControlled) {\n          setLocalValue((prevValue) => {\n            const resolvedValue = nextValue(prevValue);\n            if (onChangeProp) {\n              onChangeProp(resolvedValue);\n            }\n            return resolvedValue;\n          });\n        } else if (onChangeProp) {\n          const resolvedValue = nextValue(preservedControlledValueRef.current);\n          onChangeProp(resolvedValue);\n        }\n      } else {\n        if (onChangeProp) {\n          onChangeProp(nextValue);\n        }\n        if (!isControlled) {\n          setLocalValue(nextValue);\n        }\n      }\n    },\n    [disabled, isControlled, onChangeProp],\n  );\n\n  return [isControlled ? value : localValue, onChange];\n}\n"],"names":["React","isFunction","useIsomorphicLayoutEffect","useEnsuredControl","onChange","onChangeProp","disabled","props","value","onChangeValue","useCustomEnsuredControl","useCallback","e","target","defaultValue","isControlled","undefined","localValue","setLocalValue","useState","preservedControlledValueRef","useRef","current","nextValue","prevValue","resolvedValue"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,yBAAyB,QAAQ,mCAAmC;AAS7E,OAAO,SAASC,kBAAuD,EACrEC,UAAUC,YAAY,EACtBC,QAAQ,EACR,GAAGC,OAC0B;IAC7B,MAAM,CAACC,OAAOC,cAAc,GAAGC,wBAAwBH;IAEvD,MAAMH,WAAWJ,MAAMW,WAAW,CAChC,CAACC;QACC,IAAIN,UAAU;YACZ;QACF;QAEAG,cAAcG,EAAEC,MAAM,CAACL,KAAK;QAC5BH,gBAAgBA,aAAaO;IAC/B,GACA;QAACH;QAAeJ;QAAcC;KAAS;IAGzC,OAAO;QAACE;QAAOJ;KAAS;AAC1B;AASA,OAAO,SAASM,wBAAiC,EAC/CF,KAAK,EACLM,YAAY,EACZR,QAAQ,EACRF,UAAUC,YAAY,EACU;IAChC,MAAMU,eAAeP,UAAUQ;IAC/B,MAAM,CAACC,YAAYC,cAAc,GAAGlB,MAAMmB,QAAQ,CAACL;IACnD,MAAMM,8BAA8BpB,MAAMqB,MAAM;IAEhDnB,0BAA0B;QACxBkB,4BAA4BE,OAAO,GAAGd;IACxC;IAEA,MAAMJ,WAAWJ,MAAMW,WAAW,CAChC,CAACY;QACC,IAAIjB,UAAU;YACZ;QACF;QAEA,IAAIL,WAAWsB,YAAY;YACzB,IAAI,CAACR,cAAc;gBACjBG,cAAc,CAACM;oBACb,MAAMC,gBAAgBF,UAAUC;oBAChC,IAAInB,cAAc;wBAChBA,aAAaoB;oBACf;oBACA,OAAOA;gBACT;YACF,OAAO,IAAIpB,cAAc;gBACvB,MAAMoB,gBAAgBF,UAAUH,4BAA4BE,OAAO;gBACnEjB,aAAaoB;YACf;QACF,OAAO;YACL,IAAIpB,cAAc;gBAChBA,aAAakB;YACf;YACA,IAAI,CAACR,cAAc;gBACjBG,cAAcK;YAChB;QACF;IACF,GACA;QAACjB;QAAUS;QAAcV;KAAa;IAGxC,OAAO;QAACU,eAAeP,QAAQS;QAAYb;KAAS;AACtD"}
+{"version":3,"sources":["../../../src/hooks/useEnsuredControl.ts"],"sourcesContent":["import * as React from 'react';\nimport { isFunction } from '@vkontakte/vkjs';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface UseEnsuredControlProps<V, E extends React.ChangeEvent<any>> {\n  value?: V;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n  onChange?: (this: void, e: E) => any;\n}\n\nexport function useEnsuredControl<V, E extends React.ChangeEvent<any>>({\n  onChange: onChangeProp,\n  disabled,\n  ...props\n}: UseEnsuredControlProps<V, E>): [V, (e: E) => any] {\n  const [value, onChangeValue] = useCustomEnsuredControl(props);\n\n  const onChange = React.useCallback(\n    (e: E) => {\n      if (disabled) {\n        return;\n      }\n\n      onChangeValue(e.target.value);\n      onChangeProp && onChangeProp(e);\n    },\n    [onChangeValue, onChangeProp, disabled],\n  );\n\n  return [value, onChange];\n}\n\nexport interface UseCustomEnsuredControlProps<V> {\n  value?: V;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n  onChange?: (this: void, v: V) => any;\n}\n\nexport function useCustomEnsuredControl<V = any>({\n  value,\n  defaultValue,\n  disabled,\n  onChange: onChangeProp,\n}: UseCustomEnsuredControlProps<V>): [V, React.Dispatch<React.SetStateAction<V>>] {\n  const isControlled = value !== undefined;\n  const [localValue, setLocalValue] = React.useState(defaultValue);\n  const preservedControlledValueRef = React.useRef<V>();\n\n  useIsomorphicLayoutEffect(() => {\n    preservedControlledValueRef.current = value;\n  });\n\n  const onChange = React.useCallback(\n    (nextValue: V | ((prevValue: any) => V)) => {\n      if (disabled) {\n        return;\n      }\n\n      if (isFunction(nextValue)) {\n        if (!isControlled) {\n          setLocalValue((prevValue) => {\n            const resolvedValue = nextValue(prevValue);\n            if (onChangeProp) {\n              onChangeProp(resolvedValue);\n            }\n            return resolvedValue;\n          });\n        } else if (onChangeProp) {\n          const resolvedValue = nextValue(preservedControlledValueRef.current);\n          onChangeProp(resolvedValue);\n        }\n      } else {\n        if (onChangeProp) {\n          onChangeProp(nextValue);\n        }\n        if (!isControlled) {\n          setLocalValue(nextValue);\n        }\n      }\n    },\n    [disabled, isControlled, onChangeProp],\n  );\n\n  return [isControlled ? value : localValue, onChange];\n}\n"],"names":["React","isFunction","useIsomorphicLayoutEffect","useEnsuredControl","onChange","onChangeProp","disabled","props","value","onChangeValue","useCustomEnsuredControl","useCallback","e","target","defaultValue","isControlled","undefined","localValue","setLocalValue","useState","preservedControlledValueRef","useRef","current","nextValue","prevValue","resolvedValue"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,yBAAyB,QAAQ,mCAAmC;AAS7E,OAAO,SAASC,kBAAuD,EACrEC,UAAUC,YAAY,EACtBC,QAAQ,EACR,GAAGC,OAC0B;IAC7B,MAAM,CAACC,OAAOC,cAAc,GAAGC,wBAAwBH;IAEvD,MAAMH,WAAWJ,MAAMW,WAAW,CAChC,CAACC;QACC,IAAIN,UAAU;YACZ;QACF;QAEAG,cAAcG,EAAEC,MAAM,CAACL,KAAK;QAC5BH,gBAAgBA,aAAaO;IAC/B,GACA;QAACH;QAAeJ;QAAcC;KAAS;IAGzC,OAAO;QAACE;QAAOJ;KAAS;AAC1B;AASA,OAAO,SAASM,wBAAiC,EAC/CF,KAAK,EACLM,YAAY,EACZR,QAAQ,EACRF,UAAUC,YAAY,EACU;IAChC,MAAMU,eAAeP,UAAUQ;IAC/B,MAAM,CAACC,YAAYC,cAAc,GAAGlB,MAAMmB,QAAQ,CAACL;IACnD,MAAMM,8BAA8BpB,MAAMqB,MAAM;IAEhDnB,0BAA0B;QACxBkB,4BAA4BE,OAAO,GAAGd;IACxC;IAEA,MAAMJ,WAAWJ,MAAMW,WAAW,CAChC,CAACY;QACC,IAAIjB,UAAU;YACZ;QACF;QAEA,IAAIL,WAAWsB,YAAY;YACzB,IAAI,CAACR,cAAc;gBACjBG,cAAc,CAACM;oBACb,MAAMC,gBAAgBF,UAAUC;oBAChC,IAAInB,cAAc;wBAChBA,aAAaoB;oBACf;oBACA,OAAOA;gBACT;YACF,OAAO,IAAIpB,cAAc;gBACvB,MAAMoB,gBAAgBF,UAAUH,4BAA4BE,OAAO;gBACnEjB,aAAaoB;YACf;QACF,OAAO;YACL,IAAIpB,cAAc;gBAChBA,aAAakB;YACf;YACA,IAAI,CAACR,cAAc;gBACjBG,cAAcK;YAChB;QACF;IACF,GACA;QAACjB;QAAUS;QAAcV;KAAa;IAGxC,OAAO;QAACU,eAAeP,QAAQS;QAAYb;KAAS;AACtD"}

package/dist/cssm/hooks/useEventListener.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useEventListener.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { canUseDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\ninterface EventListenerHandle {\n  add: (el: HTMLElement | Document | Window) => void;\n  remove: () => void;\n}\n\nexport function useEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  event: K,\n  _cb: false | null | undefined | ((ev: GlobalEventHandlersEventMap[K]) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event>(\n  event: string,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event, K extends keyof GlobalEventHandlersEventMap>(\n  event: string | K,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle {\n  const cbRef = React.useRef(_cb);\n  useIsomorphicLayoutEffect(() => {\n    cbRef.current = _cb;\n  }, [_cb]);\n  const cb = React.useCallback((e: any) => cbRef.current && cbRef.current(e), []);\n\n  const detach = React.useRef(noop);\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n  const add = React.useCallback(\n    (el: HTMLElement | Document | Window) => {\n      if (!canUseDOM) {\n        return;\n      }\n      remove();\n      if (!el) {\n        return;\n      }\n      const options = { ..._options };\n      el.addEventListener(event, cb, options);\n      detach.current = () => el.removeEventListener(event, cb, options);\n    },\n    [_options, cb, event, remove],\n  );\n  React.useEffect(() => remove, [remove]);\n\n  return React.useMemo(() => ({ add, remove }), [add, remove]);\n}\n"],"names":["React","noop","canUseDOM","useIsomorphicLayoutEffect","useEventListener","event","_cb","_options","cbRef","useRef","current","cb","useCallback","e","detach","remove","add","el","options","addEventListener","removeEventListener","useEffect","useMemo"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,yBAAyB,QAAQ,mCAAmC;AAiB7E,OAAO,SAASC,iBACdC,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC;IAElC,MAAMC,QAAQR,MAAMS,MAAM,CAACH;IAC3BH,0BAA0B;QACxBK,MAAME,OAAO,GAAGJ;IAClB,GAAG;QAACA;KAAI;IACR,MAAMK,KAAKX,MAAMY,WAAW,CAAC,CAACC,IAAWL,MAAME,OAAO,IAAIF,MAAME,OAAO,CAACG,IAAI,EAAE;IAE9E,MAAMC,SAASd,MAAMS,MAAM,CAACR;IAC5B,MAAMc,SAASf,MAAMY,WAAW,CAAC;QAC/BE,OAAOJ,OAAO;QACdI,OAAOJ,OAAO,GAAGT;IACnB,GAAG,EAAE;IACL,MAAMe,MAAMhB,MAAMY,WAAW,CAC3B,CAACK;QACC,IAAI,CAACf,WAAW;YACd;QACF;QACAa;QACA,IAAI,CAACE,IAAI;YACP;QACF;QACA,MAAMC,UAAU;YAAE,GAAGX,QAAQ;QAAC;QAC9BU,GAAGE,gBAAgB,CAACd,OAAOM,IAAIO;QAC/BJ,OAAOJ,OAAO,GAAG,IAAMO,GAAGG,mBAAmB,CAACf,OAAOM,IAAIO;IAC3D,GACA;QAACX;QAAUI;QAAIN;QAAOU;KAAO;IAE/Bf,MAAMqB,SAAS,CAAC,IAAMN,QAAQ;QAACA;KAAO;IAEtC,OAAOf,MAAMsB,OAAO,CAAC,IAAO,CAAA;YAAEN;YAAKD;QAAO,CAAA,GAAI;QAACC;QAAKD;KAAO;AAC7D"}
+{"version":3,"sources":["../../../src/hooks/useEventListener.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { canUseDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\ninterface EventListenerHandle {\n  add: (el: HTMLElement | Document | Window) => void;\n  remove: () => void;\n}\n\nexport function useEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  event: K,\n  _cb: false | null | undefined | ((ev: GlobalEventHandlersEventMap[K]) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event>(\n  event: string,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event, K extends keyof GlobalEventHandlersEventMap>(\n  event: string | K,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle {\n  const cbRef = React.useRef(_cb);\n  useIsomorphicLayoutEffect(() => {\n    cbRef.current = _cb;\n  }, [_cb]);\n  const cb = React.useCallback((e: any) => cbRef.current && cbRef.current(e), []);\n\n  const detach = React.useRef(noop);\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n  const add = React.useCallback(\n    (el: HTMLElement | Document | Window) => {\n      if (!canUseDOM) {\n        return;\n      }\n      remove();\n      if (!el) {\n        return;\n      }\n      const options = { ..._options };\n      el.addEventListener(event, cb, options);\n      detach.current = () => el.removeEventListener(event, cb, options);\n    },\n    [_options, cb, event, remove],\n  );\n  React.useEffect(() => remove, [remove]);\n\n  return React.useMemo(() => ({ add, remove }), [add, remove]);\n}\n"],"names":["React","noop","canUseDOM","useIsomorphicLayoutEffect","useEventListener","event","_cb","_options","cbRef","useRef","current","cb","useCallback","e","detach","remove","add","el","options","addEventListener","removeEventListener","useEffect","useMemo"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,yBAAyB,QAAQ,mCAAmC;AAiB7E,OAAO,SAASC,iBACdC,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC;IAElC,MAAMC,QAAQR,MAAMS,MAAM,CAACH;IAC3BH,0BAA0B;QACxBK,MAAME,OAAO,GAAGJ;IAClB,GAAG;QAACA;KAAI;IACR,MAAMK,KAAKX,MAAMY,WAAW,CAAC,CAACC,IAAWL,MAAME,OAAO,IAAIF,MAAME,OAAO,CAACG,IAAI,EAAE;IAE9E,MAAMC,SAASd,MAAMS,MAAM,CAACR;IAC5B,MAAMc,SAASf,MAAMY,WAAW,CAAC;QAC/BE,OAAOJ,OAAO;QACdI,OAAOJ,OAAO,GAAGT;IACnB,GAAG,EAAE;IACL,MAAMe,MAAMhB,MAAMY,WAAW,CAC3B,CAACK;QACC,IAAI,CAACf,WAAW;YACd;QACF;QACAa;QACA,IAAI,CAACE,IAAI;YACP;QACF;QACA,MAAMC,UAAU;YAAE,GAAGX,QAAQ;QAAC;QAC9BU,GAAGE,gBAAgB,CAACd,OAAOM,IAAIO;QAC/BJ,OAAOJ,OAAO,GAAG,IAAMO,GAAGG,mBAAmB,CAACf,OAAOM,IAAIO;IAC3D,GACA;QAACX;QAAUI;QAAIN;QAAOU;KAAO;IAE/Bf,MAAMqB,SAAS,CAAC,IAAMN,QAAQ;QAACA;KAAO;IAEtC,OAAOf,MAAMsB,OAAO,CAAC,IAAO,CAAA;YAAEN;YAAKD;QAAO,CAAA,GAAI;QAACC;QAAKD;KAAO;AAC7D"}

package/dist/cssm/hooks/useExternRef.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useExternRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { setRef } from '../lib/utils';\n\nexport function useExternRef<T>(\n  ...externRefs: Array<React.Ref<T> | undefined | false>\n): React.MutableRefObject<T | null> {\n  const stableRef = React.useRef<T | null>(null);\n\n  return React.useMemo(\n    () => ({\n      get current() {\n        return stableRef.current;\n      },\n      set current(el) {\n        stableRef.current = el;\n        externRefs.forEach((ref) => {\n          if (ref) {\n            setRef(el, ref);\n          }\n        });\n      },\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    externRefs,\n  );\n}\n"],"names":["React","setRef","useExternRef","externRefs","stableRef","useRef","useMemo","current","el","forEach","ref"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,eAAe;AAEtC,OAAO,SAASC,aACd,GAAGC,UAAmD;IAEtD,MAAMC,YAAYJ,MAAMK,MAAM,CAAW;IAEzC,OAAOL,MAAMM,OAAO,CAClB,IAAO,CAAA;YACL,IAAIC,WAAU;gBACZ,OAAOH,UAAUG,OAAO;YAC1B;YACA,IAAIA,SAAQC,GAAI;gBACdJ,UAAUG,OAAO,GAAGC;gBACpBL,WAAWM,OAAO,CAAC,CAACC;oBAClB,IAAIA,KAAK;wBACPT,OAAOO,IAAIE;oBACb;gBACF;YACF;QACF,CAAA,GACA,uDAAuD;IACvDP;AAEJ"}
+{"version":3,"sources":["../../../src/hooks/useExternRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { setRef } from '../lib/utils';\n\nexport function useExternRef<T>(\n  ...externRefs: Array<React.Ref<T> | undefined | false>\n): React.MutableRefObject<T | null> {\n  const stableRef = React.useRef<T | null>(null);\n\n  return React.useMemo(\n    () => ({\n      get current() {\n        return stableRef.current;\n      },\n      set current(el) {\n        stableRef.current = el;\n        externRefs.forEach((ref) => {\n          if (ref) {\n            setRef(el, ref);\n          }\n        });\n      },\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    externRefs,\n  );\n}\n"],"names":["React","setRef","useExternRef","externRefs","stableRef","useRef","useMemo","current","el","forEach","ref"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,eAAe;AAEtC,OAAO,SAASC,aACd,GAAGC,UAAmD;IAEtD,MAAMC,YAAYJ,MAAMK,MAAM,CAAW;IAEzC,OAAOL,MAAMM,OAAO,CAClB,IAAO,CAAA;YACL,IAAIC,WAAU;gBACZ,OAAOH,UAAUG,OAAO;YAC1B;YACA,IAAIA,SAAQC,GAAI;gBACdJ,UAAUG,OAAO,GAAGC;gBACpBL,WAAWM,OAAO,CAAC,CAACC;oBAClB,IAAIA,KAAK;wBACPT,OAAOO,IAAIE;oBACb;gBACF;YACF;QACF,CAAA,GACA,uDAAuD;IACvDP;AAEJ"}

package/dist/cssm/hooks/useFocusVisible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusVisible.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFocusVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqC,MAAM,OAAO,CAAC;AAGtE,wBAAgB,eAAe,CAAC,sBAAsB,UAAO;;qBAKjD,WAAW,WAAW,CAAC;oBAQvB,WAAW,WAAW,CAAC;EAclC"}
+{"version":3,"file":"useFocusVisible.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFocusVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqC,MAAM,OAAO,CAAC;AAGtE,wBAAgB,eAAe,CAAC,sBAAsB,UAAO;;qBAKjD,UAAU,CAAC,WAAW,CAAC;oBAQvB,UAAU,CAAC,WAAW,CAAC;EAclC"}

package/dist/cssm/hooks/useFocusVisible.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { FocusEvent, useCallback, useContext, useState } from 'react';\nimport { AppRootContext } from '../components/AppRoot/AppRootContext';\n\nexport function useFocusVisible(withKeyboardInputCheck = true) {\n  const [isFocused, setIsFocused] = useState(false);\n  const { keyboardInput } = useContext(AppRootContext);\n\n  const onFocus = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(true);\n    },\n    [setIsFocused],\n  );\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(false);\n    },\n    [setIsFocused],\n  );\n\n  const focusVisible = withKeyboardInputCheck ? keyboardInput && isFocused : isFocused;\n\n  return {\n    focusVisible,\n    onFocus,\n    onBlur,\n  };\n}\n"],"names":["useCallback","useContext","useState","AppRootContext","useFocusVisible","withKeyboardInputCheck","isFocused","setIsFocused","keyboardInput","onFocus","event","stopPropagation","onBlur","focusVisible"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAAqBA,WAAW,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,QAAQ;AACtE,SAASC,cAAc,QAAQ,uCAAuC;AAEtE,OAAO,SAASC,gBAAgBC,yBAAyB,IAAI;IAC3D,MAAM,CAACC,WAAWC,aAAa,GAAGL,SAAS;IAC3C,MAAM,EAAEM,aAAa,EAAE,GAAGP,WAAWE;IAErC,MAAMM,UAAUT,YACd,CAACU;QACCA,MAAMC,eAAe;QACrBJ,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMK,SAASZ,YACb,CAACU;QACCA,MAAMC,eAAe;QACrBJ,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMM,eAAeR,yBAAyBG,iBAAiBF,YAAYA;IAE3E,OAAO;QACLO;QACAJ;QACAG;IACF;AACF"}
+{"version":3,"sources":["../../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { FocusEvent, useCallback, useContext, useState } from 'react';\nimport { AppRootContext } from '../components/AppRoot/AppRootContext';\n\nexport function useFocusVisible(withKeyboardInputCheck = true) {\n  const [isFocused, setIsFocused] = useState(false);\n  const { keyboardInput } = useContext(AppRootContext);\n\n  const onFocus = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(true);\n    },\n    [setIsFocused],\n  );\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(false);\n    },\n    [setIsFocused],\n  );\n\n  const focusVisible = withKeyboardInputCheck ? keyboardInput && isFocused : isFocused;\n\n  return {\n    focusVisible,\n    onFocus,\n    onBlur,\n  };\n}\n"],"names":["useCallback","useContext","useState","AppRootContext","useFocusVisible","withKeyboardInputCheck","isFocused","setIsFocused","keyboardInput","onFocus","event","stopPropagation","onBlur","focusVisible"],"mappings":"AAAA,SAAqBA,WAAW,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,QAAQ;AACtE,SAASC,cAAc,QAAQ,uCAAuC;AAEtE,OAAO,SAASC,gBAAgBC,yBAAyB,IAAI;IAC3D,MAAM,CAACC,WAAWC,aAAa,GAAGL,SAAS;IAC3C,MAAM,EAAEM,aAAa,EAAE,GAAGP,WAAWE;IAErC,MAAMM,UAAUT,YACd,CAACU;QACCA,MAAMC,eAAe;QACrBJ,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMK,SAASZ,YACb,CAACU;QACCA,MAAMC,eAAe;QACrBJ,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMM,eAAeR,yBAAyBG,iBAAiBF,YAAYA;IAE3E,OAAO;QACLO;QACAJ;QACAG;IACF;AACF"}

package/dist/cssm/hooks/useFocusVisibleClassName.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useFocusVisibleClassName.ts"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { LiteralUnion } from '../types';\nimport styles from '../styles/focusVisible.module.css';\n\nexport const focusVisiblePresetModeClassNames = {\n  inside: styles['-focus-visible--mode-inside'],\n  outside: styles['-focus-visible--mode-outside'],\n};\n\ntype FocusVisiblePresetMode = keyof typeof focusVisiblePresetModeClassNames;\n\nexport type FocusVisibleMode = LiteralUnion<FocusVisiblePresetMode, string>;\n\nconst isPresetMode = (mode: FocusVisibleMode): mode is FocusVisiblePresetMode =>\n  mode === 'inside' || mode === 'outside';\n\nexport interface FocusVisibleModeProps {\n  /**\n   * Стиль аутлайна focus visible. Если передать произвольную строку, она добавится как css-класс при :focus-visible\n   */\n  focusVisibleMode?: FocusVisibleMode;\n}\n\nexport interface UseFocusVisibleClassNameProps {\n  focusVisible?: boolean;\n  mode?: FocusVisibleMode;\n}\n\n/**\n * Используется для проброса классов состояния :focus-visible в компонент.\n *\n * Рулит исключительно классами. Чтобы определить, есть ли фокусное состояние,\n * используйте хуки `useFocusVisible()` и `useFocusWithin()`.\n */\nexport function useFocusVisibleClassName({\n  focusVisible = false,\n  mode = 'inside',\n}: UseFocusVisibleClassNameProps) {\n  const modeClassName = isPresetMode(mode) ? focusVisiblePresetModeClassNames[mode] : mode;\n\n  const focusVisibleClassNames = classNames(\n    styles['-focus-visible'],\n    focusVisible && styles['-focus-visible--focused'],\n    focusVisible && modeClassName,\n  );\n\n  return focusVisibleClassNames;\n}\n"],"names":["classNames","styles","focusVisiblePresetModeClassNames","inside","outside","isPresetMode","mode","useFocusVisibleClassName","focusVisible","modeClassName","focusVisibleClassNames"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,OAAOC,YAAY,oCAAoC;AAEvD,OAAO,MAAMC,mCAAmC;IAC9CC,QAAQF,MAAM,CAAC,8BAA8B;IAC7CG,SAASH,MAAM,CAAC,+BAA+B;AACjD,EAAE;AAMF,MAAMI,eAAe,CAACC,OACpBA,SAAS,YAAYA,SAAS;AAchC;;;;;CAKC,GACD,OAAO,SAASC,yBAAyB,EACvCC,eAAe,KAAK,EACpBF,OAAO,QAAQ,EACe;IAC9B,MAAMG,gBAAgBJ,aAAaC,QAAQJ,gCAAgC,CAACI,KAAK,GAAGA;IAEpF,MAAMI,yBAAyBV,WAC7BC,MAAM,CAAC,iBAAiB,EACxBO,gBAAgBP,MAAM,CAAC,0BAA0B,EACjDO,gBAAgBC;IAGlB,OAAOC;AACT"}
+{"version":3,"sources":["../../../src/hooks/useFocusVisibleClassName.ts"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { LiteralUnion } from '../types';\nimport styles from '../styles/focusVisible.module.css';\n\nexport const focusVisiblePresetModeClassNames = {\n  inside: styles['-focus-visible--mode-inside'],\n  outside: styles['-focus-visible--mode-outside'],\n};\n\ntype FocusVisiblePresetMode = keyof typeof focusVisiblePresetModeClassNames;\n\nexport type FocusVisibleMode = LiteralUnion<FocusVisiblePresetMode, string>;\n\nconst isPresetMode = (mode: FocusVisibleMode): mode is FocusVisiblePresetMode =>\n  mode === 'inside' || mode === 'outside';\n\nexport interface FocusVisibleModeProps {\n  /**\n   * Стиль аутлайна focus visible. Если передать произвольную строку, она добавится как css-класс при :focus-visible\n   */\n  focusVisibleMode?: FocusVisibleMode;\n}\n\nexport interface UseFocusVisibleClassNameProps {\n  focusVisible?: boolean;\n  mode?: FocusVisibleMode;\n}\n\n/**\n * Используется для проброса классов состояния :focus-visible в компонент.\n *\n * Рулит исключительно классами. Чтобы определить, есть ли фокусное состояние,\n * используйте хуки `useFocusVisible()` и `useFocusWithin()`.\n */\nexport function useFocusVisibleClassName({\n  focusVisible = false,\n  mode = 'inside',\n}: UseFocusVisibleClassNameProps) {\n  const modeClassName = isPresetMode(mode) ? focusVisiblePresetModeClassNames[mode] : mode;\n\n  const focusVisibleClassNames = classNames(\n    styles['-focus-visible'],\n    focusVisible && styles['-focus-visible--focused'],\n    focusVisible && modeClassName,\n  );\n\n  return focusVisibleClassNames;\n}\n"],"names":["classNames","styles","focusVisiblePresetModeClassNames","inside","outside","isPresetMode","mode","useFocusVisibleClassName","focusVisible","modeClassName","focusVisibleClassNames"],"mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,OAAOC,YAAY,oCAAoC;AAEvD,OAAO,MAAMC,mCAAmC;IAC9CC,QAAQF,MAAM,CAAC,8BAA8B;IAC7CG,SAASH,MAAM,CAAC,+BAA+B;AACjD,EAAE;AAMF,MAAMI,eAAe,CAACC,OACpBA,SAAS,YAAYA,SAAS;AAchC;;;;;CAKC,GACD,OAAO,SAASC,yBAAyB,EACvCC,eAAe,KAAK,EACpBF,OAAO,QAAQ,EACe;IAC9B,MAAMG,gBAAgBJ,aAAaC,QAAQJ,gCAAgC,CAACI,KAAK,GAAGA;IAEpF,MAAMI,yBAAyBV,WAC7BC,MAAM,CAAC,iBAAiB,EACxBO,gBAAgBP,MAAM,CAAC,0BAA0B,EACjDO,gBAAgBC;IAGlB,OAAOC;AACT"}

package/dist/cssm/hooks/useFocusWithin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useFocusWithin.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nconst isFocusWithin = <T extends Element>(ref: T, document: Document) =>\n  ref.contains(document.activeElement);\n\nexport function useFocusWithin(ref: React.RefObject<HTMLElement | null>): boolean {\n  const { document } = useDOM();\n  const [focusWithin, setFocusWithin] = React.useState<boolean>(() =>\n    ref.current && document ? isFocusWithin(ref.current, document) : false,\n  );\n\n  useIsomorphicLayoutEffect(function handleAutoFocus() {\n    /* istanbul ignore if: невозможный кейс, т.к. в SSR эффекты не вызываются. Проверка на будущее, если вдруг эффект будет вызываться. */\n    if (!document) {\n      return;\n    }\n\n    const handleFocusOrBlurEvents = () => {\n      if (ref.current) {\n        setFocusWithin(isFocusWithin(ref.current, document));\n      }\n    };\n\n    // Вызываем в начале, чтобы проверить autoFocus\n    void handleFocusOrBlurEvents();\n\n    document.addEventListener('focus', handleFocusOrBlurEvents, { capture: true });\n    document.addEventListener('blur', handleFocusOrBlurEvents, { capture: true });\n    return () => {\n      document.removeEventListener('focus', handleFocusOrBlurEvents, { capture: true });\n      document.removeEventListener('blur', handleFocusOrBlurEvents, { capture: true });\n    };\n  }, []);\n\n  return focusWithin;\n}\n"],"names":["React","useDOM","useIsomorphicLayoutEffect","isFocusWithin","ref","document","contains","activeElement","useFocusWithin","focusWithin","setFocusWithin","useState","current","handleAutoFocus","handleFocusOrBlurEvents","addEventListener","capture","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,MAAMC,gBAAgB,CAAoBC,KAAQC,WAChDD,IAAIE,QAAQ,CAACD,SAASE,aAAa;AAErC,OAAO,SAASC,eAAeJ,GAAwC;IACrE,MAAM,EAAEC,QAAQ,EAAE,GAAGJ;IACrB,MAAM,CAACQ,aAAaC,eAAe,GAAGV,MAAMW,QAAQ,CAAU,IAC5DP,IAAIQ,OAAO,IAAIP,WAAWF,cAAcC,IAAIQ,OAAO,EAAEP,YAAY;IAGnEH,0BAA0B,SAASW;QACjC,oIAAoI,GACpI,IAAI,CAACR,UAAU;YACb;QACF;QAEA,MAAMS,0BAA0B;YAC9B,IAAIV,IAAIQ,OAAO,EAAE;gBACfF,eAAeP,cAAcC,IAAIQ,OAAO,EAAEP;YAC5C;QACF;QAEA,+CAA+C;QAC/C,KAAKS;QAELT,SAASU,gBAAgB,CAAC,SAASD,yBAAyB;YAAEE,SAAS;QAAK;QAC5EX,SAASU,gBAAgB,CAAC,QAAQD,yBAAyB;YAAEE,SAAS;QAAK;QAC3E,OAAO;YACLX,SAASY,mBAAmB,CAAC,SAASH,yBAAyB;gBAAEE,SAAS;YAAK;YAC/EX,SAASY,mBAAmB,CAAC,QAAQH,yBAAyB;gBAAEE,SAAS;YAAK;QAChF;IACF,GAAG,EAAE;IAEL,OAAOP;AACT"}
+{"version":3,"sources":["../../../src/hooks/useFocusWithin.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nconst isFocusWithin = <T extends Element>(ref: T, document: Document) =>\n  ref.contains(document.activeElement);\n\nexport function useFocusWithin(ref: React.RefObject<HTMLElement | null>): boolean {\n  const { document } = useDOM();\n  const [focusWithin, setFocusWithin] = React.useState<boolean>(() =>\n    ref.current && document ? isFocusWithin(ref.current, document) : false,\n  );\n\n  useIsomorphicLayoutEffect(function handleAutoFocus() {\n    /* istanbul ignore if: невозможный кейс, т.к. в SSR эффекты не вызываются. Проверка на будущее, если вдруг эффект будет вызываться. */\n    if (!document) {\n      return;\n    }\n\n    const handleFocusOrBlurEvents = () => {\n      if (ref.current) {\n        setFocusWithin(isFocusWithin(ref.current, document));\n      }\n    };\n\n    // Вызываем в начале, чтобы проверить autoFocus\n    void handleFocusOrBlurEvents();\n\n    document.addEventListener('focus', handleFocusOrBlurEvents, { capture: true });\n    document.addEventListener('blur', handleFocusOrBlurEvents, { capture: true });\n    return () => {\n      document.removeEventListener('focus', handleFocusOrBlurEvents, { capture: true });\n      document.removeEventListener('blur', handleFocusOrBlurEvents, { capture: true });\n    };\n  }, []);\n\n  return focusWithin;\n}\n"],"names":["React","useDOM","useIsomorphicLayoutEffect","isFocusWithin","ref","document","contains","activeElement","useFocusWithin","focusWithin","setFocusWithin","useState","current","handleAutoFocus","handleFocusOrBlurEvents","addEventListener","capture","removeEventListener"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,MAAMC,gBAAgB,CAAoBC,KAAQC,WAChDD,IAAIE,QAAQ,CAACD,SAASE,aAAa;AAErC,OAAO,SAASC,eAAeJ,GAAwC;IACrE,MAAM,EAAEC,QAAQ,EAAE,GAAGJ;IACrB,MAAM,CAACQ,aAAaC,eAAe,GAAGV,MAAMW,QAAQ,CAAU,IAC5DP,IAAIQ,OAAO,IAAIP,WAAWF,cAAcC,IAAIQ,OAAO,EAAEP,YAAY;IAGnEH,0BAA0B,SAASW;QACjC,oIAAoI,GACpI,IAAI,CAACR,UAAU;YACb;QACF;QAEA,MAAMS,0BAA0B;YAC9B,IAAIV,IAAIQ,OAAO,EAAE;gBACfF,eAAeP,cAAcC,IAAIQ,OAAO,EAAEP;YAC5C;QACF;QAEA,+CAA+C;QAC/C,KAAKS;QAELT,SAASU,gBAAgB,CAAC,SAASD,yBAAyB;YAAEE,SAAS;QAAK;QAC5EX,SAASU,gBAAgB,CAAC,QAAQD,yBAAyB;YAAEE,SAAS;QAAK;QAC3E,OAAO;YACLX,SAASY,mBAAmB,CAAC,SAASH,yBAAyB;gBAAEE,SAAS;YAAK;YAC/EX,SAASY,mBAAmB,CAAC,QAAQH,yBAAyB;gBAAEE,SAAS;YAAK;QAChF;IACF,GAAG,EAAE;IAEL,OAAOP;AACT"}

package/dist/cssm/hooks/useGlobalEscKeyDown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useGlobalEscKeyDown.ts"],"sourcesContent":["import { Keys, pressedKey } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nconst EVENT_OPTIONS = {\n  passive: true,\n  capture: true,\n};\n\n/**\n * Завязывается на document.\n *\n * @private\n */\nexport const useGlobalEscKeyDown = (init: boolean, callback?: (event: KeyboardEvent) => void) => {\n  const { document } = useDOM();\n  useIsomorphicLayoutEffect(() => {\n    if (!document || !init || !callback) {\n      return;\n    }\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (pressedKey(event) === Keys.ESCAPE) {\n        callback(event);\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown, EVENT_OPTIONS);\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown, EVENT_OPTIONS);\n    };\n  }, [init, document, callback]);\n};\n"],"names":["Keys","pressedKey","useDOM","useIsomorphicLayoutEffect","EVENT_OPTIONS","passive","capture","useGlobalEscKeyDown","init","callback","document","handleKeyDown","event","ESCAPE","addEventListener","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,IAAI,EAAEC,UAAU,QAAQ,uBAAuB;AACxD,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,MAAMC,gBAAgB;IACpBC,SAAS;IACTC,SAAS;AACX;AAEA;;;;CAIC,GACD,OAAO,MAAMC,sBAAsB,CAACC,MAAeC;IACjD,MAAM,EAAEC,QAAQ,EAAE,GAAGR;IACrBC,0BAA0B;QACxB,IAAI,CAACO,YAAY,CAACF,QAAQ,CAACC,UAAU;YACnC;QACF;QACA,MAAME,gBAAgB,CAACC;YACrB,IAAIX,WAAWW,WAAWZ,KAAKa,MAAM,EAAE;gBACrCJ,SAASG;YACX;QACF;QACAF,SAASI,gBAAgB,CAAC,WAAWH,eAAeP;QACpD,OAAO;YACLM,SAASK,mBAAmB,CAAC,WAAWJ,eAAeP;QACzD;IACF,GAAG;QAACI;QAAME;QAAUD;KAAS;AAC/B,EAAE"}
+{"version":3,"sources":["../../../src/hooks/useGlobalEscKeyDown.ts"],"sourcesContent":["import { Keys, pressedKey } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nconst EVENT_OPTIONS = {\n  passive: true,\n  capture: true,\n};\n\n/**\n * Завязывается на document.\n *\n * @private\n */\nexport const useGlobalEscKeyDown = (init: boolean, callback?: (event: KeyboardEvent) => void) => {\n  const { document } = useDOM();\n  useIsomorphicLayoutEffect(() => {\n    if (!document || !init || !callback) {\n      return;\n    }\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (pressedKey(event) === Keys.ESCAPE) {\n        callback(event);\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown, EVENT_OPTIONS);\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown, EVENT_OPTIONS);\n    };\n  }, [init, document, callback]);\n};\n"],"names":["Keys","pressedKey","useDOM","useIsomorphicLayoutEffect","EVENT_OPTIONS","passive","capture","useGlobalEscKeyDown","init","callback","document","handleKeyDown","event","ESCAPE","addEventListener","removeEventListener"],"mappings":"AAAA,SAASA,IAAI,EAAEC,UAAU,QAAQ,uBAAuB;AACxD,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,MAAMC,gBAAgB;IACpBC,SAAS;IACTC,SAAS;AACX;AAEA;;;;CAIC,GACD,OAAO,MAAMC,sBAAsB,CAACC,MAAeC;IACjD,MAAM,EAAEC,QAAQ,EAAE,GAAGR;IACrBC,0BAA0B;QACxB,IAAI,CAACO,YAAY,CAACF,QAAQ,CAACC,UAAU;YACnC;QACF;QACA,MAAME,gBAAgB,CAACC;YACrB,IAAIX,WAAWW,WAAWZ,KAAKa,MAAM,EAAE;gBACrCJ,SAASG;YACX;QACF;QACAF,SAASI,gBAAgB,CAAC,WAAWH,eAAeP;QACpD,OAAO;YACLM,SAASK,mBAAmB,CAAC,WAAWJ,eAAeP;QACzD;IACF,GAAG;QAACI;QAAME;QAAUD;KAAS;AAC/B,EAAE"}

package/dist/cssm/hooks/useGlobalEventListener.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useGlobalEventListener.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { useEventListener } from './useEventListener';\n\nexport function useGlobalEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K,\n  cb: ((ev: GlobalEventHandlersEventMap[K]) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<E extends Event>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<\n  K extends keyof GlobalEventHandlersEventMap,\n  E extends Event,\n>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K | string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n) {\n  const listener = useEventListener(event, cb, options);\n  useIsomorphicLayoutEffect(() => {\n    if (cb && element) {\n      listener.add(element);\n    } else {\n      listener.remove();\n    }\n  }, [Boolean(cb), Boolean(element)]);\n}\n"],"names":["useIsomorphicLayoutEffect","useEventListener","useGlobalEventListener","element","event","cb","options","listener","add","remove","Boolean"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,SAASA,yBAAyB,QAAQ,mCAAmC;AAC7E,SAASC,gBAAgB,QAAQ,qBAAqB;AActD,OAAO,SAASC,uBAIdC,OAA2D,EAC3DC,KAAiB,EACjBC,EAAgD,EAChDC,OAAiC;IAEjC,MAAMC,WAAWN,iBAAiBG,OAAOC,IAAIC;IAC7CN,0BAA0B;QACxB,IAAIK,MAAMF,SAAS;YACjBI,SAASC,GAAG,CAACL;QACf,OAAO;YACLI,SAASE,MAAM;QACjB;IACF,GAAG;QAACC,QAAQL;QAAKK,QAAQP;KAAS;AACpC"}
+{"version":3,"sources":["../../../src/hooks/useGlobalEventListener.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { useEventListener } from './useEventListener';\n\nexport function useGlobalEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K,\n  cb: ((ev: GlobalEventHandlersEventMap[K]) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<E extends Event>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<\n  K extends keyof GlobalEventHandlersEventMap,\n  E extends Event,\n>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K | string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n) {\n  const listener = useEventListener(event, cb, options);\n  useIsomorphicLayoutEffect(() => {\n    if (cb && element) {\n      listener.add(element);\n    } else {\n      listener.remove();\n    }\n  }, [Boolean(cb), Boolean(element)]);\n}\n"],"names":["useIsomorphicLayoutEffect","useEventListener","useGlobalEventListener","element","event","cb","options","listener","add","remove","Boolean"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,mCAAmC;AAC7E,SAASC,gBAAgB,QAAQ,qBAAqB;AActD,OAAO,SAASC,uBAIdC,OAA2D,EAC3DC,KAAiB,EACjBC,EAAgD,EAChDC,OAAiC;IAEjC,MAAMC,WAAWN,iBAAiBG,OAAOC,IAAIC;IAC7CN,0BAA0B;QACxB,IAAIK,MAAMF,SAAS;YACjBI,SAASC,GAAG,CAACL;QACf,OAAO;YACLI,SAASE,MAAM;QACjB;IACF,GAAG;QAACC,QAAQL;QAAKK,QAAQP;KAAS;AACpC"}

package/dist/cssm/hooks/useGlobalOnClickOutside.d.ts

@@ -4,5 +4,5 @@ import * as React from 'react';
  *
  * @private
  */
-export declare const useGlobalOnClickOutside: <T extends React.RefObject<ElementType> | null | undefined, ElementType extends Element = Element>(callback: (event: MouseEvent) => void, ...refs: T[]) => void;
+export declare const useGlobalOnClickOutside: <T extends React.RefObject<ElementType> | undefined | null, ElementType extends Element = Element>(callback: (event: MouseEvent) => void, ...refs: T[]) => void;
 //# sourceMappingURL=useGlobalOnClickOutside.d.ts.map

package/dist/cssm/hooks/useGlobalOnClickOutside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGlobalOnClickOutside.d.ts","sourceRoot":"","sources":["../../../src/hooks/useGlobalOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,+GAIxB,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,WAC5B,CAAC,EAAE,SAyBb,CAAC"}
+{"version":3,"file":"useGlobalOnClickOutside.d.ts","sourceRoot":"","sources":["../../../src/hooks/useGlobalOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,GAClC,CAAC,SAAS,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,SAAS,GAAG,IAAI,EACzD,WAAW,SAAS,OAAO,sBAEjB,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,WAC5B,CAAC,EAAE,SAyBb,CAAC"}

package/dist/cssm/hooks/useGlobalOnClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useGlobalOnClickOutside.ts"],"sourcesContent":["import * as React from 'react';\nimport { isElement, useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\n/**\n * Завязывается на document.\n *\n * @private\n */\nexport const useGlobalOnClickOutside = <\n  T extends React.RefObject<ElementType> | undefined | null,\n  ElementType extends Element = Element,\n>(\n  callback: (event: MouseEvent) => void,\n  ...refs: T[]\n) => {\n  const { document } = useDOM();\n  useIsomorphicLayoutEffect(() => {\n    const someRefNotNull = refs.some((ref) => ref && ref.current !== null);\n    if (!document || !someRefNotNull) {\n      return;\n    }\n    const handleClick = (event: MouseEvent) => {\n      const targetEl = event.target;\n      const someRefHasTargetEl =\n        isElement(targetEl) &&\n        refs.some((ref) => ref && ref.current && ref.current.contains(targetEl));\n      if (!someRefHasTargetEl) {\n        callback(event);\n      }\n    };\n    document.addEventListener('click', handleClick, {\n      passive: true,\n      capture: true,\n    });\n    return () => {\n      document.removeEventListener('click', handleClick, true);\n    };\n  }, [document, callback, ...refs]);\n};\n"],"names":["React","isElement","useDOM","useIsomorphicLayoutEffect","useGlobalOnClickOutside","callback","refs","document","someRefNotNull","some","ref","current","handleClick","event","targetEl","target","someRefHasTargetEl","contains","addEventListener","passive","capture","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,EAAEC,MAAM,QAAQ,aAAa;AAC/C,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E;;;;CAIC,GACD,OAAO,MAAMC,0BAA0B,CAIrCC,UACA,GAAGC;IAEH,MAAM,EAAEC,QAAQ,EAAE,GAAGL;IACrBC,0BAA0B;QACxB,MAAMK,iBAAiBF,KAAKG,IAAI,CAAC,CAACC,MAAQA,OAAOA,IAAIC,OAAO,KAAK;QACjE,IAAI,CAACJ,YAAY,CAACC,gBAAgB;YAChC;QACF;QACA,MAAMI,cAAc,CAACC;YACnB,MAAMC,WAAWD,MAAME,MAAM;YAC7B,MAAMC,qBACJf,UAAUa,aACVR,KAAKG,IAAI,CAAC,CAACC,MAAQA,OAAOA,IAAIC,OAAO,IAAID,IAAIC,OAAO,CAACM,QAAQ,CAACH;YAChE,IAAI,CAACE,oBAAoB;gBACvBX,SAASQ;YACX;QACF;QACAN,SAASW,gBAAgB,CAAC,SAASN,aAAa;YAC9CO,SAAS;YACTC,SAAS;QACX;QACA,OAAO;YACLb,SAASc,mBAAmB,CAAC,SAAST,aAAa;QACrD;IACF,GAAG;QAACL;QAAUF;WAAaC;KAAK;AAClC,EAAE"}
+{"version":3,"sources":["../../../src/hooks/useGlobalOnClickOutside.ts"],"sourcesContent":["import * as React from 'react';\nimport { isElement, useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\n/**\n * Завязывается на document.\n *\n * @private\n */\nexport const useGlobalOnClickOutside = <\n  T extends React.RefObject<ElementType> | undefined | null,\n  ElementType extends Element = Element,\n>(\n  callback: (event: MouseEvent) => void,\n  ...refs: T[]\n) => {\n  const { document } = useDOM();\n  useIsomorphicLayoutEffect(() => {\n    const someRefNotNull = refs.some((ref) => ref && ref.current !== null);\n    if (!document || !someRefNotNull) {\n      return;\n    }\n    const handleClick = (event: MouseEvent) => {\n      const targetEl = event.target;\n      const someRefHasTargetEl =\n        isElement(targetEl) &&\n        refs.some((ref) => ref && ref.current && ref.current.contains(targetEl));\n      if (!someRefHasTargetEl) {\n        callback(event);\n      }\n    };\n    document.addEventListener('click', handleClick, {\n      passive: true,\n      capture: true,\n    });\n    return () => {\n      document.removeEventListener('click', handleClick, true);\n    };\n  }, [document, callback, ...refs]);\n};\n"],"names":["React","isElement","useDOM","useIsomorphicLayoutEffect","useGlobalOnClickOutside","callback","refs","document","someRefNotNull","some","ref","current","handleClick","event","targetEl","target","someRefHasTargetEl","contains","addEventListener","passive","capture","removeEventListener"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,EAAEC,MAAM,QAAQ,aAAa;AAC/C,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E;;;;CAIC,GACD,OAAO,MAAMC,0BAA0B,CAIrCC,UACA,GAAGC;IAEH,MAAM,EAAEC,QAAQ,EAAE,GAAGL;IACrBC,0BAA0B;QACxB,MAAMK,iBAAiBF,KAAKG,IAAI,CAAC,CAACC,MAAQA,OAAOA,IAAIC,OAAO,KAAK;QACjE,IAAI,CAACJ,YAAY,CAACC,gBAAgB;YAChC;QACF;QACA,MAAMI,cAAc,CAACC;YACnB,MAAMC,WAAWD,MAAME,MAAM;YAC7B,MAAMC,qBACJf,UAAUa,aACVR,KAAKG,IAAI,CAAC,CAACC,MAAQA,OAAOA,IAAIC,OAAO,IAAID,IAAIC,OAAO,CAACM,QAAQ,CAACH;YAChE,IAAI,CAACE,oBAAoB;gBACvBX,SAASQ;YACX;QACF;QACAN,SAASW,gBAAgB,CAAC,SAASN,aAAa;YAC9CO,SAAS;YACTC,SAAS;QACX;QACA,OAAO;YACLb,SAASc,mBAAmB,CAAC,SAAST,aAAa;QACrD;IACF,GAAG;QAACL;QAAUF;WAAaC;KAAK;AAClC,EAAE"}

package/dist/cssm/hooks/useIsClient.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useIsClient.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\n/**\n * Хук для two-pass рендеринга.\n *\n * ВНИМАНИЕ: Этот подход сделает ваши компоненты медленнее, потому что они\n * должны рендериться дважды, поэтому используйте хук с осторожностью.\n *\n * @see {@link https://beta.reactjs.org/apis/react-dom/hydrate#handling-different-client-and-server-content React Docs}\n */\nexport function useIsClient(initial = false) {\n  const [isClient, setIsClient] = React.useState(initial);\n\n  useIsomorphicLayoutEffect(() => {\n    setIsClient(true);\n  }, []);\n\n  return isClient;\n}\n"],"names":["React","useIsomorphicLayoutEffect","useIsClient","initial","isClient","setIsClient","useState"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E;;;;;;;CAOC,GACD,OAAO,SAASC,YAAYC,UAAU,KAAK;IACzC,MAAM,CAACC,UAAUC,YAAY,GAAGL,MAAMM,QAAQ,CAACH;IAE/CF,0BAA0B;QACxBI,YAAY;IACd,GAAG,EAAE;IAEL,OAAOD;AACT"}
+{"version":3,"sources":["../../../src/hooks/useIsClient.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\n/**\n * Хук для two-pass рендеринга.\n *\n * ВНИМАНИЕ: Этот подход сделает ваши компоненты медленнее, потому что они\n * должны рендериться дважды, поэтому используйте хук с осторожностью.\n *\n * @see {@link https://beta.reactjs.org/apis/react-dom/hydrate#handling-different-client-and-server-content React Docs}\n */\nexport function useIsClient(initial = false) {\n  const [isClient, setIsClient] = React.useState(initial);\n\n  useIsomorphicLayoutEffect(() => {\n    setIsClient(true);\n  }, []);\n\n  return isClient;\n}\n"],"names":["React","useIsomorphicLayoutEffect","useIsClient","initial","isClient","setIsClient","useState"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E;;;;;;;CAOC,GACD,OAAO,SAASC,YAAYC,UAAU,KAAK;IACzC,MAAM,CAACC,UAAUC,YAAY,GAAGL,MAAMM,QAAQ,CAACH;IAE/CF,0BAA0B;QACxBI,YAAY;IACd,GAAG,EAAE;IAEL,OAAOD;AACT"}

package/dist/cssm/hooks/useKeyboard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useKeyboard.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n}\n\n/**\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n */\nexport function getPreciseKeyboardState(window: any): boolean {\n  const {\n    innerHeight,\n    screen: { availHeight },\n  } = window;\n\n  const coveredViewportPercentage = Math.round((1 - innerHeight / availHeight) * 100);\n  return coveredViewportPercentage > 24;\n}\n\nconst eventOptions = {\n  passive: true,\n  capture: false,\n};\n\nexport function useKeyboard(): SoftwareKeyboardState {\n  const { document } = useDOM();\n\n  const [isOpened, setIsOpened] = React.useState(false);\n\n  const onFocus = React.useCallback(\n    (event: FocusEvent | true) => {\n      const isOpened =\n        (event === true || event.type === 'focusin') &&\n        (document?.activeElement?.tagName === 'INPUT' ||\n          document?.activeElement?.tagName === 'TEXTAREA');\n      setIsOpened(isOpened);\n    },\n    [document?.activeElement?.tagName],\n  );\n\n  /**\n   У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n   чтобы иметь хоть какое-то понимание происходящего.\n   */\n  React.useEffect(() => {\n    onFocus(true);\n  }, [onFocus]);\n\n  useGlobalEventListener(document, 'focusout', onFocus, eventOptions);\n  useGlobalEventListener(document, 'focusin', onFocus, eventOptions);\n\n  return { isOpened };\n}\n"],"names":["React","useDOM","useGlobalEventListener","getPreciseKeyboardState","window","innerHeight","screen","availHeight","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","document","isOpened","setIsOpened","useState","onFocus","useCallback","event","type","activeElement","tagName","useEffect"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,sBAAsB,QAAQ,2BAA2B;AAMlE;;;CAGC,GACD,OAAO,SAASC,wBAAwBC,MAAW;IACjD,MAAM,EACJC,WAAW,EACXC,QAAQ,EAAEC,WAAW,EAAE,EACxB,GAAGH;IAEJ,MAAMI,4BAA4BC,KAAKC,KAAK,CAAC,AAAC,CAAA,IAAIL,cAAcE,WAAU,IAAK;IAC/E,OAAOC,4BAA4B;AACrC;AAEA,MAAMG,eAAe;IACnBC,SAAS;IACTC,SAAS;AACX;AAEA,OAAO,SAASC;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGd;IAErB,MAAM,CAACe,UAAUC,YAAY,GAAGjB,MAAMkB,QAAQ,CAAC;IAE/C,MAAMC,UAAUnB,MAAMoB,WAAW,CAC/B,CAACC;QACC,MAAML,WACJ,AAACK,CAAAA,UAAU,QAAQA,MAAMC,IAAI,KAAK,SAAQ,KACzCP,CAAAA,UAAUQ,eAAeC,YAAY,WACpCT,UAAUQ,eAAeC,YAAY,UAAS;QAClDP,YAAYD;IACd,GACA;QAACD,UAAUQ,eAAeC;KAAQ;IAGpC;;;GAGC,GACDxB,MAAMyB,SAAS,CAAC;QACdN,QAAQ;IACV,GAAG;QAACA;KAAQ;IAEZjB,uBAAuBa,UAAU,YAAYI,SAASR;IACtDT,uBAAuBa,UAAU,WAAWI,SAASR;IAErD,OAAO;QAAEK;IAAS;AACpB"}
+{"version":3,"sources":["../../../src/hooks/useKeyboard.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n}\n\n/**\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n */\nexport function getPreciseKeyboardState(window: any): boolean {\n  const {\n    innerHeight,\n    screen: { availHeight },\n  } = window;\n\n  const coveredViewportPercentage = Math.round((1 - innerHeight / availHeight) * 100);\n  return coveredViewportPercentage > 24;\n}\n\nconst eventOptions = {\n  passive: true,\n  capture: false,\n};\n\nexport function useKeyboard(): SoftwareKeyboardState {\n  const { document } = useDOM();\n\n  const [isOpened, setIsOpened] = React.useState(false);\n\n  const onFocus = React.useCallback(\n    (event: FocusEvent | true) => {\n      const isOpened =\n        (event === true || event.type === 'focusin') &&\n        (document?.activeElement?.tagName === 'INPUT' ||\n          document?.activeElement?.tagName === 'TEXTAREA');\n      setIsOpened(isOpened);\n    },\n    [document?.activeElement?.tagName],\n  );\n\n  /**\n   У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n   чтобы иметь хоть какое-то понимание происходящего.\n   */\n  React.useEffect(() => {\n    onFocus(true);\n  }, [onFocus]);\n\n  useGlobalEventListener(document, 'focusout', onFocus, eventOptions);\n  useGlobalEventListener(document, 'focusin', onFocus, eventOptions);\n\n  return { isOpened };\n}\n"],"names":["React","useDOM","useGlobalEventListener","getPreciseKeyboardState","window","innerHeight","screen","availHeight","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","document","isOpened","setIsOpened","useState","onFocus","useCallback","event","type","activeElement","tagName","useEffect"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,sBAAsB,QAAQ,2BAA2B;AAMlE;;;CAGC,GACD,OAAO,SAASC,wBAAwBC,MAAW;IACjD,MAAM,EACJC,WAAW,EACXC,QAAQ,EAAEC,WAAW,EAAE,EACxB,GAAGH;IAEJ,MAAMI,4BAA4BC,KAAKC,KAAK,CAAC,AAAC,CAAA,IAAIL,cAAcE,WAAU,IAAK;IAC/E,OAAOC,4BAA4B;AACrC;AAEA,MAAMG,eAAe;IACnBC,SAAS;IACTC,SAAS;AACX;AAEA,OAAO,SAASC;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGd;IAErB,MAAM,CAACe,UAAUC,YAAY,GAAGjB,MAAMkB,QAAQ,CAAC;IAE/C,MAAMC,UAAUnB,MAAMoB,WAAW,CAC/B,CAACC;QACC,MAAML,WACJ,AAACK,CAAAA,UAAU,QAAQA,MAAMC,IAAI,KAAK,SAAQ,KACzCP,CAAAA,UAAUQ,eAAeC,YAAY,WACpCT,UAAUQ,eAAeC,YAAY,UAAS;QAClDP,YAAYD;IACd,GACA;QAACD,UAAUQ,eAAeC;KAAQ;IAGpC;;;GAGC,GACDxB,MAAMyB,SAAS,CAAC;QACdN,QAAQ;IACV,GAAG;QAACA;KAAQ;IAEZjB,uBAAuBa,UAAU,YAAYI,SAASR;IACtDT,uBAAuBa,UAAU,WAAWI,SAASR;IAErD,OAAO;QAAEK;IAAS;AACpB"}

package/dist/cssm/hooks/useKeyboardInputTracker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useKeyboardInputTracker.ts"],"sourcesContent":["import * as React from 'react';\nimport { isKeyboardFocusingStarted } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport const ENABLE_KEYBOARD_INPUT_EVENT_NAME = 'enableKeyboardInput';\nexport const DISABLE_KEYBOARD_INPUT_EVENT_NAME = 'disableKeyboardInput';\n\nconst EVENT_OPTIONS = {\n  passive: true,\n  capture: true,\n};\n\n/**\n * Чтобы оптимизировать рендер, сохраняем в ref.\n *\n * В контекст можно передать через getter, подробнее в примере ниже.\n *\n * ```tsx\n * const keyboardInputTrackerRef = useKeyboardInputTracker();\n * <SomeContext.Provider value={{\n *  get keyboardInput() {\n *    return keyboardInputTrackerRef.current;\n *  }\n * }}>\n *  {children}\n * </SomeContext.Provider>\n * ```\n *\n * @private\n */\nexport function useKeyboardInputTracker(): React.MutableRefObject<boolean> {\n  const { document } = useDOM();\n  const keyboardFocusingStartedRef = React.useRef(false);\n\n  useIsomorphicLayoutEffect(() => {\n    /* istanbul ignore if: невозможный кейс, т.к. в SSR эффекты не вызываются. Проверка на будущее, если вдруг эффект будет вызываться. */\n    if (!document) {\n      return;\n    }\n\n    const handleKeydown = (event: KeyboardEvent) => {\n      if (isKeyboardFocusingStarted(event)) {\n        keyboardFocusingStartedRef.current = true;\n      }\n    };\n\n    const handleCustomEnableKeyboardEvent = () => {\n      keyboardFocusingStartedRef.current = true;\n    };\n\n    const handleCustomDisableKeyboardEvent = () => {\n      keyboardFocusingStartedRef.current = false;\n    };\n\n    document.addEventListener('keydown', handleKeydown, EVENT_OPTIONS);\n    document.addEventListener(ENABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomEnableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n    document.addEventListener(DISABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomDisableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n    document.addEventListener('mousedown', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n    document.addEventListener('touchstart', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n\n    return () => {\n      document.removeEventListener('keydown', handleKeydown, EVENT_OPTIONS);\n      document.removeEventListener(ENABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomEnableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n      document.removeEventListener(DISABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomDisableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n      document.removeEventListener('mousedown', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n      document.removeEventListener('touchstart', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n    };\n  }, [document]);\n\n  return keyboardFocusingStartedRef;\n}\n"],"names":["React","isKeyboardFocusingStarted","useDOM","useIsomorphicLayoutEffect","ENABLE_KEYBOARD_INPUT_EVENT_NAME","DISABLE_KEYBOARD_INPUT_EVENT_NAME","EVENT_OPTIONS","passive","capture","useKeyboardInputTracker","document","keyboardFocusingStartedRef","useRef","handleKeydown","event","current","handleCustomEnableKeyboardEvent","handleCustomDisableKeyboardEvent","addEventListener","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,uBAAuB;AACjE,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,OAAO,MAAMC,mCAAmC,sBAAsB;AACtE,OAAO,MAAMC,oCAAoC,uBAAuB;AAExE,MAAMC,gBAAgB;IACpBC,SAAS;IACTC,SAAS;AACX;AAEA;;;;;;;;;;;;;;;;;CAiBC,GACD,OAAO,SAASC;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGR;IACrB,MAAMS,6BAA6BX,MAAMY,MAAM,CAAC;IAEhDT,0BAA0B;QACxB,oIAAoI,GACpI,IAAI,CAACO,UAAU;YACb;QACF;QAEA,MAAMG,gBAAgB,CAACC;YACrB,IAAIb,0BAA0Ba,QAAQ;gBACpCH,2BAA2BI,OAAO,GAAG;YACvC;QACF;QAEA,MAAMC,kCAAkC;YACtCL,2BAA2BI,OAAO,GAAG;QACvC;QAEA,MAAME,mCAAmC;YACvCN,2BAA2BI,OAAO,GAAG;QACvC;QAEAL,SAASQ,gBAAgB,CAAC,WAAWL,eAAeP;QACpDI,SAASQ,gBAAgB,CAACd,kCAAkCY,iCAAiCV,gBAAgB,kBAAkB;QAC/HI,SAASQ,gBAAgB,CAACb,mCAAmCY,kCAAkCX,gBAAgB,kBAAkB;QACjII,SAASQ,gBAAgB,CAAC,aAAaD,kCAAkCX;QACzEI,SAASQ,gBAAgB,CAAC,cAAcD,kCAAkCX;QAE1E,OAAO;YACLI,SAASS,mBAAmB,CAAC,WAAWN,eAAeP;YACvDI,SAASS,mBAAmB,CAACf,kCAAkCY,iCAAiCV,gBAAgB,kBAAkB;YAClII,SAASS,mBAAmB,CAACd,mCAAmCY,kCAAkCX,gBAAgB,kBAAkB;YACpII,SAASS,mBAAmB,CAAC,aAAaF,kCAAkCX;YAC5EI,SAASS,mBAAmB,CAAC,cAAcF,kCAAkCX;QAC/E;IACF,GAAG;QAACI;KAAS;IAEb,OAAOC;AACT"}
+{"version":3,"sources":["../../../src/hooks/useKeyboardInputTracker.ts"],"sourcesContent":["import * as React from 'react';\nimport { isKeyboardFocusingStarted } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport const ENABLE_KEYBOARD_INPUT_EVENT_NAME = 'enableKeyboardInput';\nexport const DISABLE_KEYBOARD_INPUT_EVENT_NAME = 'disableKeyboardInput';\n\nconst EVENT_OPTIONS = {\n  passive: true,\n  capture: true,\n};\n\n/**\n * Чтобы оптимизировать рендер, сохраняем в ref.\n *\n * В контекст можно передать через getter, подробнее в примере ниже.\n *\n * ```tsx\n * const keyboardInputTrackerRef = useKeyboardInputTracker();\n * <SomeContext.Provider value={{\n *  get keyboardInput() {\n *    return keyboardInputTrackerRef.current;\n *  }\n * }}>\n *  {children}\n * </SomeContext.Provider>\n * ```\n *\n * @private\n */\nexport function useKeyboardInputTracker(): React.MutableRefObject<boolean> {\n  const { document } = useDOM();\n  const keyboardFocusingStartedRef = React.useRef(false);\n\n  useIsomorphicLayoutEffect(() => {\n    /* istanbul ignore if: невозможный кейс, т.к. в SSR эффекты не вызываются. Проверка на будущее, если вдруг эффект будет вызываться. */\n    if (!document) {\n      return;\n    }\n\n    const handleKeydown = (event: KeyboardEvent) => {\n      if (isKeyboardFocusingStarted(event)) {\n        keyboardFocusingStartedRef.current = true;\n      }\n    };\n\n    const handleCustomEnableKeyboardEvent = () => {\n      keyboardFocusingStartedRef.current = true;\n    };\n\n    const handleCustomDisableKeyboardEvent = () => {\n      keyboardFocusingStartedRef.current = false;\n    };\n\n    document.addEventListener('keydown', handleKeydown, EVENT_OPTIONS);\n    document.addEventListener(ENABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomEnableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n    document.addEventListener(DISABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomDisableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n    document.addEventListener('mousedown', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n    document.addEventListener('touchstart', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n\n    return () => {\n      document.removeEventListener('keydown', handleKeydown, EVENT_OPTIONS);\n      document.removeEventListener(ENABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomEnableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n      document.removeEventListener(DISABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomDisableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n      document.removeEventListener('mousedown', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n      document.removeEventListener('touchstart', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n    };\n  }, [document]);\n\n  return keyboardFocusingStartedRef;\n}\n"],"names":["React","isKeyboardFocusingStarted","useDOM","useIsomorphicLayoutEffect","ENABLE_KEYBOARD_INPUT_EVENT_NAME","DISABLE_KEYBOARD_INPUT_EVENT_NAME","EVENT_OPTIONS","passive","capture","useKeyboardInputTracker","document","keyboardFocusingStartedRef","useRef","handleKeydown","event","current","handleCustomEnableKeyboardEvent","handleCustomDisableKeyboardEvent","addEventListener","removeEventListener"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,uBAAuB;AACjE,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,OAAO,MAAMC,mCAAmC,sBAAsB;AACtE,OAAO,MAAMC,oCAAoC,uBAAuB;AAExE,MAAMC,gBAAgB;IACpBC,SAAS;IACTC,SAAS;AACX;AAEA;;;;;;;;;;;;;;;;;CAiBC,GACD,OAAO,SAASC;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGR;IACrB,MAAMS,6BAA6BX,MAAMY,MAAM,CAAC;IAEhDT,0BAA0B;QACxB,oIAAoI,GACpI,IAAI,CAACO,UAAU;YACb;QACF;QAEA,MAAMG,gBAAgB,CAACC;YACrB,IAAIb,0BAA0Ba,QAAQ;gBACpCH,2BAA2BI,OAAO,GAAG;YACvC;QACF;QAEA,MAAMC,kCAAkC;YACtCL,2BAA2BI,OAAO,GAAG;QACvC;QAEA,MAAME,mCAAmC;YACvCN,2BAA2BI,OAAO,GAAG;QACvC;QAEAL,SAASQ,gBAAgB,CAAC,WAAWL,eAAeP;QACpDI,SAASQ,gBAAgB,CAACd,kCAAkCY,iCAAiCV,gBAAgB,kBAAkB;QAC/HI,SAASQ,gBAAgB,CAACb,mCAAmCY,kCAAkCX,gBAAgB,kBAAkB;QACjII,SAASQ,gBAAgB,CAAC,aAAaD,kCAAkCX;QACzEI,SAASQ,gBAAgB,CAAC,cAAcD,kCAAkCX;QAE1E,OAAO;YACLI,SAASS,mBAAmB,CAAC,WAAWN,eAAeP;YACvDI,SAASS,mBAAmB,CAACf,kCAAkCY,iCAAiCV,gBAAgB,kBAAkB;YAClII,SAASS,mBAAmB,CAACd,mCAAmCY,kCAAkCX,gBAAgB,kBAAkB;YACpII,SAASS,mBAAmB,CAAC,aAAaF,kCAAkCX;YAC5EI,SAASS,mBAAmB,CAAC,cAAcF,kCAAkCX;QAC/E;IACF,GAAG;QAACI;KAAS;IAEb,OAAOC;AACT"}

package/dist/cssm/hooks/useMediaQueries.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQueries.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMediaQueries.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AA8BrE;;GAEG;AACH,eAAO,MAAM,eAAe,oBA0B3B,CAAC"}
+{"version":3,"file":"useMediaQueries.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMediaQueries.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAkBrE;;GAEG;AACH,eAAO,MAAM,eAAe,oBAsB3B,CAAC"}

package/dist/cssm/hooks/useMediaQueries.js

@@ -2,30 +2,33 @@ import * as React from 'react';
 import { MEDIA_QUERIES } from '../lib/adaptivity';
 import { mediaQueryNull } from '../lib/browser';
 import { useDOM } from '../lib/dom';
-const storedMediaQueries = {
-    window: undefined,
-    mediaQueries: null
-};
+const mediaQueriesCache = new WeakMap();
+function getMediaQueries(matchMedia) {
+    return {
+        desktopPlus: matchMedia(MEDIA_QUERIES.DESKTOP_PLUS),
+        smallTabletPlus: matchMedia(MEDIA_QUERIES.SMALL_TABLET_PLUS),
+        tablet: matchMedia(MEDIA_QUERIES.TABLET),
+        smallTablet: matchMedia(MEDIA_QUERIES.SMALL_TABLET),
+        mobile: matchMedia(MEDIA_QUERIES.MOBILE),
+        mediumHeight: matchMedia(MEDIA_QUERIES.MEDIUM_HEIGHT),
+        mobileLandscapeHeight: matchMedia(MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT)
+    };
+}
 /**
  * Возвращает медиа выражения определенные дизайн-системой.
  */ export const useMediaQueries = ()=>{
     const { window } = useDOM();
     return React.useMemo(function initializeStoreOrUpdateStoreIfWindowChanges() {
-        if (storedMediaQueries.window === window && storedMediaQueries.mediaQueries !== null) {
-            return storedMediaQueries.mediaQueries;
+        if (!window) {
+            return getMediaQueries(mediaQueryNull);
+        }
+        const storedMediaQueries = mediaQueriesCache.get(window);
+        if (storedMediaQueries) {
+            return storedMediaQueries;
         }
-        const matchMedia = window ? window.matchMedia.bind(window) : mediaQueryNull;
-        storedMediaQueries.window = window;
-        storedMediaQueries.mediaQueries = {
-            desktopPlus: matchMedia(MEDIA_QUERIES.DESKTOP_PLUS),
-            smallTabletPlus: matchMedia(MEDIA_QUERIES.SMALL_TABLET_PLUS),
-            tablet: matchMedia(MEDIA_QUERIES.TABLET),
-            smallTablet: matchMedia(MEDIA_QUERIES.SMALL_TABLET),
-            mobile: matchMedia(MEDIA_QUERIES.MOBILE),
-            mediumHeight: matchMedia(MEDIA_QUERIES.MEDIUM_HEIGHT),
-            mobileLandscapeHeight: matchMedia(MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT)
-        };
-        return storedMediaQueries.mediaQueries;
+        const mediaQueries = getMediaQueries(window.matchMedia.bind(window));
+        mediaQueriesCache.set(window, mediaQueries);
+        return mediaQueries;
     }, [
         window
     ]);

package/dist/cssm/hooks/useMediaQueries.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { MEDIA_QUERIES, type MediaQueries } from '../lib/adaptivity';\nimport { mediaQueryNull } from '../lib/browser';\nimport { useDOM } from '../lib/dom';\n\ninterface StoredMediaQueries {\n  /**\n   * Постоянная ссылка на окно. Это необходима, чтобы пересоздать медиа выражение если окно вдруг измениться.\n   *\n   * > `styleguide`\n   * >\n   * > В данный момент изменения окна существует в рамках песочницы. По сути мы храним ссылку на окно ради этого кейса\n   * > в песочнице.\n   */\n  window: Window | undefined;\n  /**\n   * Хранит созданные медиа выражения.\n   *\n   * Достаточно единожды создать экземпляры `MediaQueryList`, а дальше подписываться на события\n   * через метод `addEventListener(type, listener)`.\n   *\n   * {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList}\n   */\n  mediaQueries: MediaQueries | null;\n}\n\nconst storedMediaQueries: StoredMediaQueries = {\n  window: undefined,\n  mediaQueries: null,\n};\n\n/**\n * Возвращает медиа выражения определенные дизайн-системой.\n */\nexport const useMediaQueries = () => {\n  const { window } = useDOM();\n\n  return React.useMemo(\n    function initializeStoreOrUpdateStoreIfWindowChanges() {\n      if (storedMediaQueries.window === window && storedMediaQueries.mediaQueries !== null) {\n        return storedMediaQueries.mediaQueries;\n      }\n\n      const matchMedia = window ? window.matchMedia.bind(window) : mediaQueryNull;\n\n      storedMediaQueries.window = window;\n      storedMediaQueries.mediaQueries = {\n        desktopPlus: matchMedia(MEDIA_QUERIES.DESKTOP_PLUS),\n        smallTabletPlus: matchMedia(MEDIA_QUERIES.SMALL_TABLET_PLUS),\n        tablet: matchMedia(MEDIA_QUERIES.TABLET),\n        smallTablet: matchMedia(MEDIA_QUERIES.SMALL_TABLET),\n        mobile: matchMedia(MEDIA_QUERIES.MOBILE),\n        mediumHeight: matchMedia(MEDIA_QUERIES.MEDIUM_HEIGHT),\n        mobileLandscapeHeight: matchMedia(MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT),\n      };\n\n      return storedMediaQueries.mediaQueries;\n    },\n    [window],\n  );\n};\n"],"names":["React","MEDIA_QUERIES","mediaQueryNull","useDOM","storedMediaQueries","window","undefined","mediaQueries","useMediaQueries","useMemo","initializeStoreOrUpdateStoreIfWindowChanges","matchMedia","bind","desktopPlus","DESKTOP_PLUS","smallTabletPlus","SMALL_TABLET_PLUS","tablet","TABLET","smallTablet","SMALL_TABLET","mobile","MOBILE","mediumHeight","MEDIUM_HEIGHT","mobileLandscapeHeight","MOBILE_LANDSCAPE_HEIGHT"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAA2B,oBAAoB;AACrE,SAASC,cAAc,QAAQ,iBAAiB;AAChD,SAASC,MAAM,QAAQ,aAAa;AAuBpC,MAAMC,qBAAyC;IAC7CC,QAAQC;IACRC,cAAc;AAChB;AAEA;;CAEC,GACD,OAAO,MAAMC,kBAAkB;IAC7B,MAAM,EAAEH,MAAM,EAAE,GAAGF;IAEnB,OAAOH,MAAMS,OAAO,CAClB,SAASC;QACP,IAAIN,mBAAmBC,MAAM,KAAKA,UAAUD,mBAAmBG,YAAY,KAAK,MAAM;YACpF,OAAOH,mBAAmBG,YAAY;QACxC;QAEA,MAAMI,aAAaN,SAASA,OAAOM,UAAU,CAACC,IAAI,CAACP,UAAUH;QAE7DE,mBAAmBC,MAAM,GAAGA;QAC5BD,mBAAmBG,YAAY,GAAG;YAChCM,aAAaF,WAAWV,cAAca,YAAY;YAClDC,iBAAiBJ,WAAWV,cAAce,iBAAiB;YAC3DC,QAAQN,WAAWV,cAAciB,MAAM;YACvCC,aAAaR,WAAWV,cAAcmB,YAAY;YAClDC,QAAQV,WAAWV,cAAcqB,MAAM;YACvCC,cAAcZ,WAAWV,cAAcuB,aAAa;YACpDC,uBAAuBd,WAAWV,cAAcyB,uBAAuB;QACzE;QAEA,OAAOtB,mBAAmBG,YAAY;IACxC,GACA;QAACF;KAAO;AAEZ,EAAE"}
+{"version":3,"sources":["../../../src/hooks/useMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { MEDIA_QUERIES, type MediaQueries } from '../lib/adaptivity';\nimport { mediaQueryNull } from '../lib/browser';\nimport { useDOM } from '../lib/dom';\n\nconst mediaQueriesCache = new WeakMap<Window, MediaQueries>();\n\nfunction getMediaQueries(matchMedia: (query: string) => MediaQueryList): MediaQueries {\n  return {\n    desktopPlus: matchMedia(MEDIA_QUERIES.DESKTOP_PLUS),\n    smallTabletPlus: matchMedia(MEDIA_QUERIES.SMALL_TABLET_PLUS),\n    tablet: matchMedia(MEDIA_QUERIES.TABLET),\n    smallTablet: matchMedia(MEDIA_QUERIES.SMALL_TABLET),\n    mobile: matchMedia(MEDIA_QUERIES.MOBILE),\n    mediumHeight: matchMedia(MEDIA_QUERIES.MEDIUM_HEIGHT),\n    mobileLandscapeHeight: matchMedia(MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT),\n  };\n}\n\n/**\n * Возвращает медиа выражения определенные дизайн-системой.\n */\nexport const useMediaQueries = () => {\n  const { window } = useDOM();\n\n  return React.useMemo<MediaQueries>(\n    function initializeStoreOrUpdateStoreIfWindowChanges() {\n      if (!window) {\n        return getMediaQueries(mediaQueryNull);\n      }\n\n      const storedMediaQueries = mediaQueriesCache.get(window);\n      if (storedMediaQueries) {\n        return storedMediaQueries;\n      }\n\n      const mediaQueries = getMediaQueries(window.matchMedia.bind(window));\n\n      mediaQueriesCache.set(window, mediaQueries);\n\n      return mediaQueries;\n    },\n    [window],\n  );\n};\n"],"names":["React","MEDIA_QUERIES","mediaQueryNull","useDOM","mediaQueriesCache","WeakMap","getMediaQueries","matchMedia","desktopPlus","DESKTOP_PLUS","smallTabletPlus","SMALL_TABLET_PLUS","tablet","TABLET","smallTablet","SMALL_TABLET","mobile","MOBILE","mediumHeight","MEDIUM_HEIGHT","mobileLandscapeHeight","MOBILE_LANDSCAPE_HEIGHT","useMediaQueries","window","useMemo","initializeStoreOrUpdateStoreIfWindowChanges","storedMediaQueries","get","mediaQueries","bind","set"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAA2B,oBAAoB;AACrE,SAASC,cAAc,QAAQ,iBAAiB;AAChD,SAASC,MAAM,QAAQ,aAAa;AAEpC,MAAMC,oBAAoB,IAAIC;AAE9B,SAASC,gBAAgBC,UAA6C;IACpE,OAAO;QACLC,aAAaD,WAAWN,cAAcQ,YAAY;QAClDC,iBAAiBH,WAAWN,cAAcU,iBAAiB;QAC3DC,QAAQL,WAAWN,cAAcY,MAAM;QACvCC,aAAaP,WAAWN,cAAcc,YAAY;QAClDC,QAAQT,WAAWN,cAAcgB,MAAM;QACvCC,cAAcX,WAAWN,cAAckB,aAAa;QACpDC,uBAAuBb,WAAWN,cAAcoB,uBAAuB;IACzE;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,kBAAkB;IAC7B,MAAM,EAAEC,MAAM,EAAE,GAAGpB;IAEnB,OAAOH,MAAMwB,OAAO,CAClB,SAASC;QACP,IAAI,CAACF,QAAQ;YACX,OAAOjB,gBAAgBJ;QACzB;QAEA,MAAMwB,qBAAqBtB,kBAAkBuB,GAAG,CAACJ;QACjD,IAAIG,oBAAoB;YACtB,OAAOA;QACT;QAEA,MAAME,eAAetB,gBAAgBiB,OAAOhB,UAAU,CAACsB,IAAI,CAACN;QAE5DnB,kBAAkB0B,GAAG,CAACP,QAAQK;QAE9B,OAAOA;IACT,GACA;QAACL;KAAO;AAEZ,EAAE"}

package/dist/cssm/hooks/useNativeFormResetListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNativeFormResetListener.d.ts","sourceRoot":"","sources":["../../../src/hooks/useNativeFormResetListener.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,0BAA0B,QAChC,MAAM,SAAS,CAAC,WAAW,CAAC,WACxB,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,SAoBhC,CAAC"}
+{"version":3,"file":"useNativeFormResetListener.d.ts","sourceRoot":"","sources":["../../../src/hooks/useNativeFormResetListener.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,0BAA0B,QAChC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,WACxB,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,SAoBhC,CAAC"}

package/dist/cssm/hooks/useNativeFormResetListener.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useNativeFormResetListener.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport const useNativeFormResetListener = (\n  ref: React.RefObject<HTMLElement>,\n  handler: (event: Event) => void,\n) => {\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    // eslint-disable-next-line no-restricted-properties\n    const formEl = ref.current.closest('form');\n\n    if (!formEl) {\n      return;\n    }\n\n    formEl.addEventListener('reset', handler);\n\n    return () => {\n      formEl.removeEventListener('reset', handler);\n    };\n  }, [ref, handler]);\n};\n"],"names":["React","useIsomorphicLayoutEffect","useNativeFormResetListener","ref","handler","current","formEl","closest","addEventListener","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,OAAO,MAAMC,6BAA6B,CACxCC,KACAC;IAEAH,0BAA0B;QACxB,IAAI,CAACE,IAAIE,OAAO,EAAE;YAChB;QACF;QAEA,oDAAoD;QACpD,MAAMC,SAASH,IAAIE,OAAO,CAACE,OAAO,CAAC;QAEnC,IAAI,CAACD,QAAQ;YACX;QACF;QAEAA,OAAOE,gBAAgB,CAAC,SAASJ;QAEjC,OAAO;YACLE,OAAOG,mBAAmB,CAAC,SAASL;QACtC;IACF,GAAG;QAACD;QAAKC;KAAQ;AACnB,EAAE"}
+{"version":3,"sources":["../../../src/hooks/useNativeFormResetListener.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport const useNativeFormResetListener = (\n  ref: React.RefObject<HTMLElement>,\n  handler: (event: Event) => void,\n) => {\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    // eslint-disable-next-line no-restricted-properties\n    const formEl = ref.current.closest('form');\n\n    if (!formEl) {\n      return;\n    }\n\n    formEl.addEventListener('reset', handler);\n\n    return () => {\n      formEl.removeEventListener('reset', handler);\n    };\n  }, [ref, handler]);\n};\n"],"names":["React","useIsomorphicLayoutEffect","useNativeFormResetListener","ref","handler","current","formEl","closest","addEventListener","removeEventListener"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,OAAO,MAAMC,6BAA6B,CACxCC,KACAC;IAEAH,0BAA0B;QACxB,IAAI,CAACE,IAAIE,OAAO,EAAE;YAChB;QACF;QAEA,oDAAoD;QACpD,MAAMC,SAASH,IAAIE,OAAO,CAACE,OAAO,CAAC;QAEnC,IAAI,CAACD,QAAQ;YACX;QACF;QAEAA,OAAOE,gBAAgB,CAAC,SAASJ;QAEjC,OAAO;YACLE,OAAOG,mBAAmB,CAAC,SAASL;QACtC;IACF,GAAG;QAACD;QAAKC;KAAQ;AACnB,EAAE"}

package/dist/cssm/hooks/useObjectMemo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useObjectMemo.ts"],"sourcesContent":["import * as React from 'react';\nimport { isEqual } from '@vkontakte/vkjs';\n\nexport function useObjectMemo<T>(object: T): T {\n  const cache = React.useRef(object);\n  if (!isEqual(cache.current, object)) {\n    cache.current = object;\n  }\n  return cache.current;\n}\n"],"names":["React","isEqual","useObjectMemo","object","cache","useRef","current"],"rangeMappings":";;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,OAAO,QAAQ,kBAAkB;AAE1C,OAAO,SAASC,cAAiBC,MAAS;IACxC,MAAMC,QAAQJ,MAAMK,MAAM,CAACF;IAC3B,IAAI,CAACF,QAAQG,MAAME,OAAO,EAAEH,SAAS;QACnCC,MAAME,OAAO,GAAGH;IAClB;IACA,OAAOC,MAAME,OAAO;AACtB"}
+{"version":3,"sources":["../../../src/hooks/useObjectMemo.ts"],"sourcesContent":["import * as React from 'react';\nimport { isEqual } from '@vkontakte/vkjs';\n\nexport function useObjectMemo<T>(object: T): T {\n  const cache = React.useRef(object);\n  if (!isEqual(cache.current, object)) {\n    cache.current = object;\n  }\n  return cache.current;\n}\n"],"names":["React","isEqual","useObjectMemo","object","cache","useRef","current"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,OAAO,QAAQ,kBAAkB;AAE1C,OAAO,SAASC,cAAiBC,MAAS;IACxC,MAAMC,QAAQJ,MAAMK,MAAM,CAACF;IAC3B,IAAI,CAACF,QAAQG,MAAME,OAAO,EAAEH,SAAS;QACnCC,MAAME,OAAO,GAAGH;IAClB;IACA,OAAOC,MAAME,OAAO;AACtB"}