@vkontakte/vkui 6.1.1 → 6.2.0

package/dist/cjs/hooks/useAdaptivityWithJSMediaQueries.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM, hasHover as hasHoverLib, hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport {\n  AdaptivityContext,\n  type AdaptivityProps as BaseAdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\nimport { getOrDefault } from '../helpers/getOrDefault';\nimport {\n  getSizeX,\n  getSizeY,\n  getViewHeightByMediaQueries,\n  getViewWidthByMediaQueries,\n  tryToCheckIsDesktop,\n} from '../lib/adaptivity';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\nimport { useMediaQueries } from './useMediaQueries';\nimport { usePlatform } from './usePlatform';\n\nexport interface UseAdaptivityWithJSMediaQueries extends Required<BaseAdaptivityProps> {\n  isDesktop: boolean;\n}\n\n/**\n * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.\n *\n * Берёт в приоритет значения из `AdaptivityContext`.\n *\n * > ⚠ SSR\n * >\n * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен\n * > на стороне сервера.\n * >\n * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки\n * > страницы либо пользователем, либо программно.\n */\nexport const useAdaptivityWithJSMediaQueries = (): UseAdaptivityWithJSMediaQueries => {\n  if (!canUseDOM) {\n    // eslint-disable-next-line no-console\n    console.error(`[useAdaptivityWithJSMediaQueries] Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.`);\n  }\n\n  const {\n    viewWidth: viewWidthContext,\n    viewHeight: viewHeightContext,\n    sizeX: sizeXContext,\n    sizeY: sizeYContext,\n    hasPointer: hasPointerContext,\n    hasHover: hasHoverContext,\n  } = React.useContext(AdaptivityContext);\n\n  const platform = usePlatform();\n  const mediaQueries = useMediaQueries();\n\n  const [[viewWidthLocal, viewHeightLocal], setViewSizeLocal] = React.useState(() => [\n    getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)),\n    getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries)),\n  ]);\n\n  const adaptivityProps = React.useMemo(() => {\n    const hasPointer = getOrDefault(hasPointerContext, hasPointerLib);\n    const hasHover = getOrDefault(hasHoverContext, hasHoverLib);\n    const viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);\n    const viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);\n    const sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));\n    const sizeY = getOrDefault(sizeYContext, getSizeY(viewWidth, viewHeight, hasPointer));\n    const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n    return {\n      viewWidth,\n      viewHeight,\n      sizeX,\n      sizeY,\n      hasPointer,\n      hasHover,\n      isDesktop,\n    };\n  }, [\n    viewWidthLocal,\n    viewHeightLocal,\n    viewWidthContext,\n    viewHeightContext,\n    sizeXContext,\n    sizeYContext,\n    hasPointerContext,\n    hasHoverContext,\n    platform,\n  ]);\n\n  React.useEffect(() => {\n    const handleMediaQuery = () => {\n      setViewSizeLocal((prevSizeLocal) => {\n        const newViewWidthLocal = getOrDefault(\n          viewWidthContext,\n          getViewWidthByMediaQueries(mediaQueries),\n        );\n        const newViewHeightLocal = getOrDefault(\n          viewHeightContext,\n          getViewHeightByMediaQueries(mediaQueries),\n        );\n\n        const [prevViewWidthLocal, prevViewHeightLocal] = prevSizeLocal;\n\n        if (\n          prevViewWidthLocal !== newViewWidthLocal ||\n          prevViewHeightLocal !== newViewHeightLocal\n        ) {\n          return [newViewWidthLocal, newViewHeightLocal];\n        }\n\n        return prevSizeLocal;\n      });\n    };\n\n    if (!viewWidthContext) {\n      [\n        mediaQueries.desktopPlus,\n        mediaQueries.tablet,\n        mediaQueries.smallTablet,\n        mediaQueries.mobile,\n      ].forEach((matchMediaListener) =>\n        matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n      );\n    }\n\n    if (!viewHeightContext) {\n      [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(\n        (matchMediaListener) => matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n      );\n    }\n\n    return () => {\n      [\n        mediaQueries.desktopPlus,\n        mediaQueries.tablet,\n        mediaQueries.smallTablet,\n        mediaQueries.mobile,\n        mediaQueries.mediumHeight,\n        mediaQueries.mobileLandscapeHeight,\n      ].forEach((matchMediaListener) =>\n        matchMediaListRemoveListener(matchMediaListener, handleMediaQuery),\n      );\n    };\n  }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n  return adaptivityProps;\n};\n"],"names":["useAdaptivityWithJSMediaQueries","canUseDOM","console","error","viewWidth","viewWidthContext","viewHeight","viewHeightContext","sizeX","sizeXContext","sizeY","sizeYContext","hasPointer","hasPointerContext","hasHover","hasHoverContext","React","useContext","AdaptivityContext","platform","usePlatform","mediaQueries","useMediaQueries","viewWidthLocal","viewHeightLocal","setViewSizeLocal","useState","getOrDefault","getViewWidthByMediaQueries","getViewHeightByMediaQueries","adaptivityProps","useMemo","hasPointerLib","hasHoverLib","getSizeX","getSizeY","isDesktop","tryToCheckIsDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","tablet","smallTablet","mobile","forEach","matchMediaListener","matchMediaListAddListener","mediumHeight","mobileLandscapeHeight","matchMediaListRemoveListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM, hasHover as hasHoverLib, hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport {\n  AdaptivityContext,\n  type AdaptivityProps as BaseAdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\nimport { getOrDefault } from '../helpers/getOrDefault';\nimport {\n  getSizeX,\n  getSizeY,\n  getViewHeightByMediaQueries,\n  getViewWidthByMediaQueries,\n  tryToCheckIsDesktop,\n} from '../lib/adaptivity';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\nimport { useMediaQueries } from './useMediaQueries';\nimport { usePlatform } from './usePlatform';\n\nexport interface UseAdaptivityWithJSMediaQueries extends Required<BaseAdaptivityProps> {\n  isDesktop: boolean;\n}\n\n/**\n * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.\n *\n * Берёт в приоритет значения из `AdaptivityContext`.\n *\n * > ⚠ SSR\n * >\n * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен\n * > на стороне сервера.\n * >\n * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки\n * > страницы либо пользователем, либо программно.\n */\nexport const useAdaptivityWithJSMediaQueries = (): UseAdaptivityWithJSMediaQueries => {\n  if (!canUseDOM) {\n    // eslint-disable-next-line no-console\n    console.error(`[useAdaptivityWithJSMediaQueries] Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.`);\n  }\n\n  const {\n    viewWidth: viewWidthContext,\n    viewHeight: viewHeightContext,\n    sizeX: sizeXContext,\n    sizeY: sizeYContext,\n    hasPointer: hasPointerContext,\n    hasHover: hasHoverContext,\n  } = React.useContext(AdaptivityContext);\n\n  const platform = usePlatform();\n  const mediaQueries = useMediaQueries();\n\n  const [[viewWidthLocal, viewHeightLocal], setViewSizeLocal] = React.useState(() => [\n    getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)),\n    getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries)),\n  ]);\n\n  const adaptivityProps = React.useMemo(() => {\n    const hasPointer = getOrDefault(hasPointerContext, hasPointerLib);\n    const hasHover = getOrDefault(hasHoverContext, hasHoverLib);\n    const viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);\n    const viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);\n    const sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));\n    const sizeY = getOrDefault(sizeYContext, getSizeY(viewWidth, viewHeight, hasPointer));\n    const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n    return {\n      viewWidth,\n      viewHeight,\n      sizeX,\n      sizeY,\n      hasPointer,\n      hasHover,\n      isDesktop,\n    };\n  }, [\n    viewWidthLocal,\n    viewHeightLocal,\n    viewWidthContext,\n    viewHeightContext,\n    sizeXContext,\n    sizeYContext,\n    hasPointerContext,\n    hasHoverContext,\n    platform,\n  ]);\n\n  React.useEffect(() => {\n    const handleMediaQuery = () => {\n      setViewSizeLocal((prevSizeLocal) => {\n        const newViewWidthLocal = getOrDefault(\n          viewWidthContext,\n          getViewWidthByMediaQueries(mediaQueries),\n        );\n        const newViewHeightLocal = getOrDefault(\n          viewHeightContext,\n          getViewHeightByMediaQueries(mediaQueries),\n        );\n\n        const [prevViewWidthLocal, prevViewHeightLocal] = prevSizeLocal;\n\n        if (\n          prevViewWidthLocal !== newViewWidthLocal ||\n          prevViewHeightLocal !== newViewHeightLocal\n        ) {\n          return [newViewWidthLocal, newViewHeightLocal];\n        }\n\n        return prevSizeLocal;\n      });\n    };\n\n    if (!viewWidthContext) {\n      [\n        mediaQueries.desktopPlus,\n        mediaQueries.tablet,\n        mediaQueries.smallTablet,\n        mediaQueries.mobile,\n      ].forEach((matchMediaListener) =>\n        matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n      );\n    }\n\n    if (!viewHeightContext) {\n      [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(\n        (matchMediaListener) => matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n      );\n    }\n\n    return () => {\n      [\n        mediaQueries.desktopPlus,\n        mediaQueries.tablet,\n        mediaQueries.smallTablet,\n        mediaQueries.mobile,\n        mediaQueries.mediumHeight,\n        mediaQueries.mobileLandscapeHeight,\n      ].forEach((matchMediaListener) =>\n        matchMediaListRemoveListener(matchMediaListener, handleMediaQuery),\n      );\n    };\n  }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n  return adaptivityProps;\n};\n"],"names":["useAdaptivityWithJSMediaQueries","canUseDOM","console","error","viewWidth","viewWidthContext","viewHeight","viewHeightContext","sizeX","sizeXContext","sizeY","sizeYContext","hasPointer","hasPointerContext","hasHover","hasHoverContext","React","useContext","AdaptivityContext","platform","usePlatform","mediaQueries","useMediaQueries","viewWidthLocal","viewHeightLocal","setViewSizeLocal","useState","getOrDefault","getViewWidthByMediaQueries","getViewHeightByMediaQueries","adaptivityProps","useMemo","hasPointerLib","hasHoverLib","getSizeX","getSizeY","isDesktop","tryToCheckIsDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","tablet","smallTablet","mobile","forEach","matchMediaListener","matchMediaListAddListener","mediumHeight","mobileLandscapeHeight","matchMediaListRemoveListener"],"mappings":"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"}

package/dist/cjs/hooks/useAppearance.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAppearance.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { DEFAULT_APPEARANCE } from '../lib/appearance';\n\nexport function useAppearance() {\n  const { appearance } = useConfigProvider();\n\n  return appearance ?? DEFAULT_APPEARANCE;\n}\n"],"names":["useAppearance","appearance","useConfigProvider","DEFAULT_APPEARANCE"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAGgBA;;;eAAAA;;;uCAHkB;4BACC;AAE5B,SAASA;IACd,MAAM,EAAEC,UAAU,EAAE,GAAGC,IAAAA,wCAAiB;IAExC,OAAOD,uBAAAA,wBAAAA,aAAcE,8BAAkB;AACzC"}
+{"version":3,"sources":["../../../src/hooks/useAppearance.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { DEFAULT_APPEARANCE } from '../lib/appearance';\n\nexport function useAppearance() {\n  const { appearance } = useConfigProvider();\n\n  return appearance ?? DEFAULT_APPEARANCE;\n}\n"],"names":["useAppearance","appearance","useConfigProvider","DEFAULT_APPEARANCE"],"mappings":";;;;+BAGgBA;;;eAAAA;;;uCAHkB;4BACC;AAE5B,SAASA;IACd,MAAM,EAAEC,UAAU,EAAE,GAAGC,IAAAA,wCAAiB;IAExC,OAAOD,uBAAAA,wBAAAA,aAAcE,8BAAkB;AACzC"}

package/dist/cjs/hooks/useAutoDetectAppearance.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAutoDetectAppearance.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { Appearance, type AppearanceType } from '../lib/appearance';\nimport { useDOM } from '../lib/dom';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\n/**\n * @private\n */\nexport const useAutoDetectAppearance = (appearanceProp?: AppearanceType): AppearanceType => {\n  const { window } = useDOM();\n\n  const [appearance, setAppearance] = React.useState<AppearanceType>(\n    appearanceProp || Appearance.LIGHT,\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (appearanceProp) {\n      setAppearance(appearanceProp);\n      return noop;\n    }\n\n    const mediaQuery = window ? window.matchMedia('(prefers-color-scheme: dark)') : undefined;\n\n    if (!mediaQuery) {\n      return noop;\n    }\n\n    const check = (event: MediaQueryList | MediaQueryListEvent) => {\n      // eslint-disable-next-line no-restricted-properties\n      setAppearance(event.matches ? Appearance.DARK : Appearance.LIGHT);\n    };\n    check(mediaQuery);\n    matchMediaListAddListener(mediaQuery, check);\n    return () => matchMediaListRemoveListener(mediaQuery, check);\n  }, [window, appearanceProp]);\n\n  return appearance;\n};\n"],"names":["useAutoDetectAppearance","appearanceProp","window","useDOM","appearance","setAppearance","React","useState","Appearance","LIGHT","useIsomorphicLayoutEffect","noop","mediaQuery","matchMedia","undefined","check","event","matches","DARK","matchMediaListAddListener","matchMediaListRemoveListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;;iEAVU;sBACF;4BAC2B;qBACzB;4BACiD;2CAC9B;AAKnC,MAAMA,0BAA0B,CAACC;IACtC,MAAM,EAAEC,MAAM,EAAE,GAAGC,IAAAA,WAAM;IAEzB,MAAM,CAACC,YAAYC,cAAc,GAAGC,OAAMC,QAAQ,CAChDN,kBAAkBO,sBAAU,CAACC,KAAK;IAGpCC,IAAAA,oDAAyB,EAAC;QACxB,IAAIT,gBAAgB;YAClBI,cAAcJ;YACd,OAAOU,UAAI;QACb;QAEA,MAAMC,aAAaV,SAASA,OAAOW,UAAU,CAAC,kCAAkCC;QAEhF,IAAI,CAACF,YAAY;YACf,OAAOD,UAAI;QACb;QAEA,MAAMI,QAAQ,CAACC;YACb,oDAAoD;YACpDX,cAAcW,MAAMC,OAAO,GAAGT,sBAAU,CAACU,IAAI,GAAGV,sBAAU,CAACC,KAAK;QAClE;QACAM,MAAMH;QACNO,IAAAA,qCAAyB,EAACP,YAAYG;QACtC,OAAO,IAAMK,IAAAA,wCAA4B,EAACR,YAAYG;IACxD,GAAG;QAACb;QAAQD;KAAe;IAE3B,OAAOG;AACT"}
+{"version":3,"sources":["../../../src/hooks/useAutoDetectAppearance.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { Appearance, type AppearanceType } from '../lib/appearance';\nimport { useDOM } from '../lib/dom';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\n/**\n * @private\n */\nexport const useAutoDetectAppearance = (appearanceProp?: AppearanceType): AppearanceType => {\n  const { window } = useDOM();\n\n  const [appearance, setAppearance] = React.useState<AppearanceType>(\n    appearanceProp || Appearance.LIGHT,\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (appearanceProp) {\n      setAppearance(appearanceProp);\n      return noop;\n    }\n\n    const mediaQuery = window ? window.matchMedia('(prefers-color-scheme: dark)') : undefined;\n\n    if (!mediaQuery) {\n      return noop;\n    }\n\n    const check = (event: MediaQueryList | MediaQueryListEvent) => {\n      // eslint-disable-next-line no-restricted-properties\n      setAppearance(event.matches ? Appearance.DARK : Appearance.LIGHT);\n    };\n    check(mediaQuery);\n    matchMediaListAddListener(mediaQuery, check);\n    return () => matchMediaListRemoveListener(mediaQuery, check);\n  }, [window, appearanceProp]);\n\n  return appearance;\n};\n"],"names":["useAutoDetectAppearance","appearanceProp","window","useDOM","appearance","setAppearance","React","useState","Appearance","LIGHT","useIsomorphicLayoutEffect","noop","mediaQuery","matchMedia","undefined","check","event","matches","DARK","matchMediaListAddListener","matchMediaListRemoveListener"],"mappings":";;;;+BAUaA;;;eAAAA;;;;iEAVU;sBACF;4BAC2B;qBACzB;4BACiD;2CAC9B;AAKnC,MAAMA,0BAA0B,CAACC;IACtC,MAAM,EAAEC,MAAM,EAAE,GAAGC,IAAAA,WAAM;IAEzB,MAAM,CAACC,YAAYC,cAAc,GAAGC,OAAMC,QAAQ,CAChDN,kBAAkBO,sBAAU,CAACC,KAAK;IAGpCC,IAAAA,oDAAyB,EAAC;QACxB,IAAIT,gBAAgB;YAClBI,cAAcJ;YACd,OAAOU,UAAI;QACb;QAEA,MAAMC,aAAaV,SAASA,OAAOW,UAAU,CAAC,kCAAkCC;QAEhF,IAAI,CAACF,YAAY;YACf,OAAOD,UAAI;QACb;QAEA,MAAMI,QAAQ,CAACC;YACb,oDAAoD;YACpDX,cAAcW,MAAMC,OAAO,GAAGT,sBAAU,CAACU,IAAI,GAAGV,sBAAU,CAACC,KAAK;QAClE;QACAM,MAAMH;QACNO,IAAAA,qCAAyB,EAACP,YAAYG;QACtC,OAAO,IAAMK,IAAAA,wCAA4B,EAACR,YAAYG;IACxD,GAAG;QAACb;QAAQD;KAAe;IAE3B,OAAOG;AACT"}

package/dist/cjs/hooks/useAutoFocus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAutoFocus.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport function useAutoFocus(\n  ref: React.RefObject<HTMLElement | null>,\n  autoFocus: boolean | undefined,\n) {\n  useIsomorphicLayoutEffect(() => {\n    if (!autoFocus || !ref.current) {\n      return;\n    }\n\n    ref.current.focus();\n  }, []);\n}\n"],"names":["useAutoFocus","ref","autoFocus","useIsomorphicLayoutEffect","current","focus"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;2CACmB;AAEnC,SAASA,aACdC,GAAwC,EACxCC,SAA8B;IAE9BC,IAAAA,oDAAyB,EAAC;QACxB,IAAI,CAACD,aAAa,CAACD,IAAIG,OAAO,EAAE;YAC9B;QACF;QAEAH,IAAIG,OAAO,CAACC,KAAK;IACnB,GAAG,EAAE;AACP"}
+{"version":3,"sources":["../../../src/hooks/useAutoFocus.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport function useAutoFocus(\n  ref: React.RefObject<HTMLElement | null>,\n  autoFocus: boolean | undefined,\n) {\n  useIsomorphicLayoutEffect(() => {\n    if (!autoFocus || !ref.current) {\n      return;\n    }\n\n    ref.current.focus();\n  }, []);\n}\n"],"names":["useAutoFocus","ref","autoFocus","useIsomorphicLayoutEffect","current","focus"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;2CACmB;AAEnC,SAASA,aACdC,GAAwC,EACxCC,SAA8B;IAE9BC,IAAAA,oDAAyB,EAAC;QACxB,IAAI,CAACD,aAAa,CAACD,IAAIG,OAAO,EAAE;YAC9B;QACF;QAEAH,IAAIG,OAAO,CAACC,KAAK;IACnB,GAAG,EAAE;AACP"}

package/dist/cjs/hooks/useBooleanState.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useBooleanState.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const useBooleanState = (defaultValue = false) => {\n  const [value, setValue] = React.useState(defaultValue);\n\n  const setTrue = React.useCallback(() => {\n    setValue(true);\n  }, []);\n\n  const setFalse = React.useCallback(() => {\n    setValue(false);\n  }, []);\n\n  const toggle = React.useCallback(() => {\n    setValue(!value);\n  }, [value]);\n\n  return { value, setTrue, setFalse, toggle };\n};\n"],"names":["useBooleanState","defaultValue","value","setValue","React","useState","setTrue","useCallback","setFalse","toggle"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;;iEAFU;AAEhB,MAAMA,kBAAkB,CAACC,eAAe,KAAK;IAClD,MAAM,CAACC,OAAOC,SAAS,GAAGC,OAAMC,QAAQ,CAACJ;IAEzC,MAAMK,UAAUF,OAAMG,WAAW,CAAC;QAChCJ,SAAS;IACX,GAAG,EAAE;IAEL,MAAMK,WAAWJ,OAAMG,WAAW,CAAC;QACjCJ,SAAS;IACX,GAAG,EAAE;IAEL,MAAMM,SAASL,OAAMG,WAAW,CAAC;QAC/BJ,SAAS,CAACD;IACZ,GAAG;QAACA;KAAM;IAEV,OAAO;QAAEA;QAAOI;QAASE;QAAUC;IAAO;AAC5C"}
+{"version":3,"sources":["../../../src/hooks/useBooleanState.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const useBooleanState = (defaultValue = false) => {\n  const [value, setValue] = React.useState(defaultValue);\n\n  const setTrue = React.useCallback(() => {\n    setValue(true);\n  }, []);\n\n  const setFalse = React.useCallback(() => {\n    setValue(false);\n  }, []);\n\n  const toggle = React.useCallback(() => {\n    setValue(!value);\n  }, [value]);\n\n  return { value, setTrue, setFalse, toggle };\n};\n"],"names":["useBooleanState","defaultValue","value","setValue","React","useState","setTrue","useCallback","setFalse","toggle"],"mappings":";;;;+BAEaA;;;eAAAA;;;;iEAFU;AAEhB,MAAMA,kBAAkB,CAACC,eAAe,KAAK;IAClD,MAAM,CAACC,OAAOC,SAAS,GAAGC,OAAMC,QAAQ,CAACJ;IAEzC,MAAMK,UAAUF,OAAMG,WAAW,CAAC;QAChCJ,SAAS;IACX,GAAG,EAAE;IAEL,MAAMK,WAAWJ,OAAMG,WAAW,CAAC;QACjCJ,SAAS;IACX,GAAG,EAAE;IAEL,MAAMM,SAASL,OAAMG,WAAW,CAAC;QAC/BJ,SAAS,CAACD;IACZ,GAAG;QAACA;KAAM;IAEV,OAAO;QAAEA;QAAOI;QAASE;QAAUC;IAAO;AAC5C"}

package/dist/cjs/hooks/useCalendar.d.ts

@@ -13,5 +13,7 @@ export declare function useCalendar({ value, disablePast, disableFuture, shouldD
     isDayFocused: (day: Date) => boolean;
     isDayDisabled: (day: Date, withTime?: boolean) => boolean;
     resetSelectedDay: () => void;
+    isMonthDisabled: (month: number, year?: number) => boolean;
+    isYearDisabled: (year: number) => boolean;
 };
 //# sourceMappingURL=useCalendar.d.ts.map

package/dist/cjs/hooks/useCalendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCalendar.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCalendar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAYhE,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,aAAa,EACX,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,mBAAmB,GACnB,eAAe,GACf,aAAa,CAChB;IACD,KAAK,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;CACnC;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,cAAc,EACd,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,GACZ,EAAE,uBAAuB;;yBAgBd,IAAI;;;;;wBAQN,IAAI;yBAKJ,IAAI,aAAa,OAAO;;EAmCjC"}
+{"version":3,"file":"useCalendar.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCalendar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAYhE,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,aAAa,EACX,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,mBAAmB,GACnB,eAAe,GACf,aAAa,CAChB;IACD,KAAK,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;CACnC;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,cAAc,EACd,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,GACZ,EAAE,uBAAuB;;yBAgBd,IAAI;;;;;wBAQN,IAAI;yBAKJ,IAAI,aAAa,OAAO;;6BAqBtB,MAAM,SAAS,MAAM,KAAG,OAAO;2BA8BhC,MAAM,KAAG,OAAO;EAmC1B"}

package/dist/cjs/hooks/useCalendar.js

@@ -65,6 +65,46 @@ function useCalendar({ value, disablePast, disableFuture, shouldDisableDate, onH
         minDateTime,
         maxDateTime
     ]);
+    const isMonthDisabled = _react.useCallback((month, year)=>{
+        const now = new Date();
+        year = year || viewDate.getFullYear();
+        const minMonth = minDateTime ? minDateTime.getMonth() : 0;
+        const maxMonth = maxDateTime ? maxDateTime.getMonth() : 11;
+        const minYear = (minDateTime === null || minDateTime === void 0 ? void 0 : minDateTime.getFullYear()) || _calendar.DEFAULT_MIN_YEAR;
+        const maxYear = (maxDateTime === null || maxDateTime === void 0 ? void 0 : maxDateTime.getFullYear()) || _calendar.DEFAULT_MAX_YEAR;
+        let isDisabled = year >= minYear && year <= maxYear ? year === minYear && minMonth > month || year === maxYear && month > maxMonth : true;
+        if (disableFuture) {
+            isDisabled = isDisabled || (year === now.getFullYear() ? month > now.getMonth() : year > now.getFullYear());
+        }
+        if (disablePast) {
+            isDisabled = isDisabled || (year === now.getFullYear() ? month < now.getMonth() : year < now.getFullYear());
+        }
+        return isDisabled;
+    }, [
+        disableFuture,
+        disablePast,
+        viewDate,
+        minDateTime,
+        maxDateTime
+    ]);
+    const isYearDisabled = _react.useCallback((year)=>{
+        const now = new Date();
+        const minYear = (minDateTime === null || minDateTime === void 0 ? void 0 : minDateTime.getFullYear()) || _calendar.DEFAULT_MIN_YEAR;
+        const maxYear = (maxDateTime === null || maxDateTime === void 0 ? void 0 : maxDateTime.getFullYear()) || _calendar.DEFAULT_MAX_YEAR;
+        let isDisabled = minYear > year || year > maxYear;
+        if (disableFuture) {
+            isDisabled = isDisabled || year > now.getFullYear();
+        }
+        if (disablePast) {
+            isDisabled = isDisabled || year < now.getFullYear();
+        }
+        return isDisabled;
+    }, [
+        disableFuture,
+        disablePast,
+        minDateTime,
+        maxDateTime
+    ]);
     const resetSelectedDay = _react.useCallback(()=>{
         setFocusedDay(undefined);
     }, [
@@ -79,7 +119,9 @@ function useCalendar({ value, disablePast, disableFuture, shouldDisableDate, onH
         setFocusedDay,
         isDayFocused,
         isDayDisabled,
-        resetSelectedDay
+        resetSelectedDay,
+        isMonthDisabled,
+        isYearDisabled
     };
 }
 

package/dist/cjs/hooks/useCalendar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport { CalendarProps } from '../components/Calendar/Calendar';\nimport { isDayMinMaxRestricted } from '../lib/calendar';\nimport {\n  addMonths,\n  endOfDay,\n  isAfter,\n  isBefore,\n  isSameDay,\n  startOfDay,\n  subMonths,\n} from '../lib/date';\n\nexport interface UseCalendarDependencies\n  extends Pick<\n    CalendarProps,\n    | 'onHeaderChange'\n    | 'onNextMonth'\n    | 'onPrevMonth'\n    | 'minDateTime'\n    | 'maxDateTime'\n    | 'shouldDisableDate'\n    | 'disableFuture'\n    | 'disablePast'\n  > {\n  value?: Array<Date | null> | Date;\n}\n\nexport function useCalendar({\n  value,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n  minDateTime,\n  maxDateTime,\n}: UseCalendarDependencies) {\n  const [viewDate, setViewDate] = React.useState(\n    (Array.isArray(value) ? value[0] : value) ?? new Date(),\n  );\n  const [focusedDay, setFocusedDay] = React.useState<Date>();\n\n  const setPrevMonth = React.useCallback(() => {\n    onPrevMonth?.();\n    setViewDate(subMonths(viewDate, 1));\n  }, [viewDate, onPrevMonth]);\n  const setNextMonth = React.useCallback(() => {\n    onNextMonth?.();\n    setViewDate(addMonths(viewDate, 1));\n  }, [viewDate, onNextMonth]);\n\n  const handleSetViewDate = React.useCallback(\n    (value: Date) => {\n      onHeaderChange?.(value);\n      setViewDate(value);\n    },\n    [onHeaderChange],\n  );\n\n  const isDayFocused = React.useCallback(\n    (day: Date) => Boolean(focusedDay && isSameDay(day, focusedDay)),\n    [focusedDay],\n  );\n\n  const isDayDisabled = React.useCallback(\n    (day: Date, withTime?: boolean) => {\n      const now = new Date();\n      if (shouldDisableDate) {\n        return shouldDisableDate(day);\n      }\n      if (disableFuture) {\n        return isAfter(startOfDay(day), now);\n      }\n      if (disablePast) {\n        return isBefore(endOfDay(day), now);\n      }\n      if (minDateTime || maxDateTime) {\n        return isDayMinMaxRestricted(day, { min: minDateTime, max: maxDateTime, withTime });\n      }\n\n      return false;\n    },\n    [disableFuture, disablePast, shouldDisableDate, minDateTime, maxDateTime],\n  );\n\n  const resetSelectedDay = React.useCallback(() => {\n    setFocusedDay(undefined);\n  }, [setFocusedDay]);\n\n  return {\n    viewDate,\n    setViewDate: handleSetViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  };\n}\n"],"names":["useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","minDateTime","maxDateTime","Array","viewDate","setViewDate","React","useState","isArray","Date","focusedDay","setFocusedDay","setPrevMonth","useCallback","subMonths","setNextMonth","addMonths","handleSetViewDate","isDayFocused","day","Boolean","isSameDay","isDayDisabled","withTime","now","isAfter","startOfDay","isBefore","endOfDay","isDayMinMaxRestricted","min","max","resetSelectedDay","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA4BgBA;;;eAAAA;;;;iEA5BO;0BAEe;sBAS/B;AAiBA,SAASA,YAAY,EAC1BC,KAAK,EACLC,WAAW,EACXC,aAAa,EACbC,iBAAiB,EACjBC,cAAc,EACdC,WAAW,EACXC,WAAW,EACXC,WAAW,EACXC,WAAW,EACa;QAErBC;IADH,MAAM,CAACC,UAAUC,YAAY,GAAGC,OAAMC,QAAQ,CAC5C,CAACJ,OAAAA,MAAMK,OAAO,CAACd,SAASA,KAAK,CAAC,EAAE,GAAGA,mBAAlCS,kBAAAA,OAA4C,IAAIM;IAEnD,MAAM,CAACC,YAAYC,cAAc,GAAGL,OAAMC,QAAQ;IAElD,MAAMK,eAAeN,OAAMO,WAAW,CAAC;QACrCb,wBAAAA,kCAAAA;QACAK,YAAYS,IAAAA,eAAS,EAACV,UAAU;IAClC,GAAG;QAACA;QAAUJ;KAAY;IAC1B,MAAMe,eAAeT,OAAMO,WAAW,CAAC;QACrCd,wBAAAA,kCAAAA;QACAM,YAAYW,IAAAA,eAAS,EAACZ,UAAU;IAClC,GAAG;QAACA;QAAUL;KAAY;IAE1B,MAAMkB,oBAAoBX,OAAMO,WAAW,CACzC,CAACnB;QACCI,2BAAAA,qCAAAA,eAAiBJ;QACjBW,YAAYX;IACd,GACA;QAACI;KAAe;IAGlB,MAAMoB,eAAeZ,OAAMO,WAAW,CACpC,CAACM,MAAcC,QAAQV,cAAcW,IAAAA,eAAS,EAACF,KAAKT,cACpD;QAACA;KAAW;IAGd,MAAMY,gBAAgBhB,OAAMO,WAAW,CACrC,CAACM,KAAWI;QACV,MAAMC,MAAM,IAAIf;QAChB,IAAIZ,mBAAmB;YACrB,OAAOA,kBAAkBsB;QAC3B;QACA,IAAIvB,eAAe;YACjB,OAAO6B,IAAAA,aAAO,EAACC,IAAAA,gBAAU,EAACP,MAAMK;QAClC;QACA,IAAI7B,aAAa;YACf,OAAOgC,IAAAA,cAAQ,EAACC,IAAAA,cAAQ,EAACT,MAAMK;QACjC;QACA,IAAIvB,eAAeC,aAAa;YAC9B,OAAO2B,IAAAA,+BAAqB,EAACV,KAAK;gBAAEW,KAAK7B;gBAAa8B,KAAK7B;gBAAaqB;YAAS;QACnF;QAEA,OAAO;IACT,GACA;QAAC3B;QAAeD;QAAaE;QAAmBI;QAAaC;KAAY;IAG3E,MAAM8B,mBAAmB1B,OAAMO,WAAW,CAAC;QACzCF,cAAcsB;IAChB,GAAG;QAACtB;KAAc;IAElB,OAAO;QACLP;QACAC,aAAaY;QACbL;QACAG;QACAL;QACAC;QACAO;QACAI;QACAU;IACF;AACF"}
+{"version":3,"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport { CalendarProps } from '../components/Calendar/Calendar';\nimport { DEFAULT_MAX_YEAR, DEFAULT_MIN_YEAR, isDayMinMaxRestricted } from '../lib/calendar';\nimport {\n  addMonths,\n  endOfDay,\n  isAfter,\n  isBefore,\n  isSameDay,\n  startOfDay,\n  subMonths,\n} from '../lib/date';\n\nexport interface UseCalendarDependencies\n  extends Pick<\n    CalendarProps,\n    | 'onHeaderChange'\n    | 'onNextMonth'\n    | 'onPrevMonth'\n    | 'minDateTime'\n    | 'maxDateTime'\n    | 'shouldDisableDate'\n    | 'disableFuture'\n    | 'disablePast'\n  > {\n  value?: Array<Date | null> | Date;\n}\n\nexport function useCalendar({\n  value,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n  minDateTime,\n  maxDateTime,\n}: UseCalendarDependencies) {\n  const [viewDate, setViewDate] = React.useState(\n    (Array.isArray(value) ? value[0] : value) ?? new Date(),\n  );\n  const [focusedDay, setFocusedDay] = React.useState<Date>();\n\n  const setPrevMonth = React.useCallback(() => {\n    onPrevMonth?.();\n    setViewDate(subMonths(viewDate, 1));\n  }, [viewDate, onPrevMonth]);\n  const setNextMonth = React.useCallback(() => {\n    onNextMonth?.();\n    setViewDate(addMonths(viewDate, 1));\n  }, [viewDate, onNextMonth]);\n\n  const handleSetViewDate = React.useCallback(\n    (value: Date) => {\n      onHeaderChange?.(value);\n      setViewDate(value);\n    },\n    [onHeaderChange],\n  );\n\n  const isDayFocused = React.useCallback(\n    (day: Date) => Boolean(focusedDay && isSameDay(day, focusedDay)),\n    [focusedDay],\n  );\n\n  const isDayDisabled = React.useCallback(\n    (day: Date, withTime?: boolean) => {\n      const now = new Date();\n      if (shouldDisableDate) {\n        return shouldDisableDate(day);\n      }\n      if (disableFuture) {\n        return isAfter(startOfDay(day), now);\n      }\n      if (disablePast) {\n        return isBefore(endOfDay(day), now);\n      }\n      if (minDateTime || maxDateTime) {\n        return isDayMinMaxRestricted(day, { min: minDateTime, max: maxDateTime, withTime });\n      }\n\n      return false;\n    },\n    [disableFuture, disablePast, shouldDisableDate, minDateTime, maxDateTime],\n  );\n\n  const isMonthDisabled = React.useCallback(\n    (month: number, year?: number): boolean => {\n      const now = new Date();\n      year = year || viewDate.getFullYear();\n      const minMonth = minDateTime ? minDateTime.getMonth() : 0;\n      const maxMonth = maxDateTime ? maxDateTime.getMonth() : 11;\n      const minYear = minDateTime?.getFullYear() || DEFAULT_MIN_YEAR;\n      const maxYear = maxDateTime?.getFullYear() || DEFAULT_MAX_YEAR;\n\n      let isDisabled =\n        year >= minYear && year <= maxYear\n          ? (year === minYear && minMonth > month) || (year === maxYear && month > maxMonth)\n          : true;\n\n      if (disableFuture) {\n        isDisabled =\n          isDisabled ||\n          (year === now.getFullYear() ? month > now.getMonth() : year > now.getFullYear());\n      }\n      if (disablePast) {\n        isDisabled =\n          isDisabled ||\n          (year === now.getFullYear() ? month < now.getMonth() : year < now.getFullYear());\n      }\n\n      return isDisabled;\n    },\n    [disableFuture, disablePast, viewDate, minDateTime, maxDateTime],\n  );\n\n  const isYearDisabled = React.useCallback(\n    (year: number): boolean => {\n      const now = new Date();\n      const minYear = minDateTime?.getFullYear() || DEFAULT_MIN_YEAR;\n      const maxYear = maxDateTime?.getFullYear() || DEFAULT_MAX_YEAR;\n\n      let isDisabled = minYear > year || year > maxYear;\n      if (disableFuture) {\n        isDisabled = isDisabled || year > now.getFullYear();\n      }\n      if (disablePast) {\n        isDisabled = isDisabled || year < now.getFullYear();\n      }\n\n      return isDisabled;\n    },\n    [disableFuture, disablePast, minDateTime, maxDateTime],\n  );\n\n  const resetSelectedDay = React.useCallback(() => {\n    setFocusedDay(undefined);\n  }, [setFocusedDay]);\n\n  return {\n    viewDate,\n    setViewDate: handleSetViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n    isMonthDisabled,\n    isYearDisabled,\n  };\n}\n"],"names":["useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","minDateTime","maxDateTime","Array","viewDate","setViewDate","React","useState","isArray","Date","focusedDay","setFocusedDay","setPrevMonth","useCallback","subMonths","setNextMonth","addMonths","handleSetViewDate","isDayFocused","day","Boolean","isSameDay","isDayDisabled","withTime","now","isAfter","startOfDay","isBefore","endOfDay","isDayMinMaxRestricted","min","max","isMonthDisabled","month","year","getFullYear","minMonth","getMonth","maxMonth","minYear","DEFAULT_MIN_YEAR","maxYear","DEFAULT_MAX_YEAR","isDisabled","isYearDisabled","resetSelectedDay","undefined"],"mappings":"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"}

package/dist/cjs/hooks/useDateInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDateInput.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDateInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,wBAAwB,CAAC,CAAC,EAAE,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QACjC,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjD,gBAAgB,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,KAAK,MAAM,EAAE,CAAC;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,EAAE,EACrD,UAAU,EACV,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,qBAAqB,EACrB,gBAAgB,EAChB,KAAK,GACN,EAAE,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;;;;;uBAgFzB,mBAAmB,CAAC,eAAe,CAAC;;;;EA8E3C"}
+{"version":3,"file":"useDateInput.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDateInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,wBAAwB,CAAC,CAAC,EAAE,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QACjC,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjD,gBAAgB,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,KAAK,MAAM,EAAE,CAAC;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,EAAE,EACrD,UAAU,EACV,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,qBAAqB,EACrB,gBAAgB,EAChB,KAAK,GACN,EAAE,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;;;;;uBAgFzB,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC;;;;EA8E3C"}

package/dist/cjs/hooks/useDateInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useBooleanState } from './useBooleanState';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport interface UseDateInputDependencies<T, D> {\n  maxElement: number;\n  refs: Array<React.RefObject<T>>;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  value?: D;\n  elementsConfig: (index: number) => {\n    length: number;\n    min: number;\n    max: number;\n  };\n  onInternalValueChange: (value: string[]) => void;\n  getInternalValue: (value?: D | undefined) => string[];\n  onChange?: (value?: D | undefined) => void;\n}\n\nexport function useDateInput<T extends HTMLElement, D>({\n  maxElement,\n  refs,\n  autoFocus,\n  disabled,\n  elementsConfig,\n  onChange,\n  onInternalValueChange,\n  getInternalValue,\n  value,\n}: UseDateInputDependencies<T, D>) {\n  const { document } = useDOM();\n  const { value: open, setTrue: openCalendar, setFalse: closeCalendar } = useBooleanState(false);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const calendarRef = React.useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = React.useState<string[]>([]);\n  const [focusedElement, setFocusedElement] = React.useState<number | null>(null);\n  const { window } = useDOM();\n\n  const removeFocusFromField = React.useCallback(() => {\n    if (focusedElement !== null) {\n      setFocusedElement(null);\n      closeCalendar();\n      window!.getSelection()?.removeAllRanges();\n      setInternalValue(getInternalValue(value));\n    }\n  }, [focusedElement, closeCalendar, getInternalValue, value, window]);\n\n  const handleClickOutside = React.useCallback(\n    (e: MouseEvent) => {\n      if (\n        !rootRef.current?.contains(e.target as Node | null) &&\n        !calendarRef.current?.contains(e.target as Node | null)\n      ) {\n        removeFocusFromField();\n      }\n    },\n    [removeFocusFromField],\n  );\n\n  const selectFirst = React.useCallback(() => {\n    setFocusedElement(0);\n  }, []);\n\n  useGlobalEventListener(document, 'click', handleClickOutside, {\n    capture: true,\n  });\n\n  React.useEffect(() => {\n    setInternalValue(getInternalValue(value));\n  }, [getInternalValue, value]);\n\n  React.useEffect(() => {\n    if (autoFocus) {\n      selectFirst();\n    }\n  }, [autoFocus, selectFirst]);\n\n  React.useEffect(() => {\n    if (disabled || focusedElement === null) {\n      return;\n    }\n\n    const range = window!.document.createRange();\n\n    let element = refs[focusedElement].current;\n\n    if (element) {\n      element.focus();\n      openCalendar();\n      range.selectNodeContents(element as Node);\n\n      const selection = window!.getSelection();\n      selection?.removeAllRanges();\n      selection?.addRange(range);\n    }\n  }, [disabled, focusedElement, openCalendar, refs, window]);\n\n  const clear = React.useCallback(() => {\n    onChange?.(undefined);\n    selectFirst();\n  }, [onChange, selectFirst]);\n\n  const handleFieldEnter = React.useCallback(() => {\n    if (!open) {\n      selectFirst();\n    }\n  }, [open, selectFirst]);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLSpanElement>) => {\n      if (focusedElement === null) {\n        return;\n      }\n\n      const _value = [...internalValue];\n      const config = elementsConfig(focusedElement);\n\n      if (/^\\d+$/.test(e.key)) {\n        if (_value[focusedElement].length >= config.length) {\n          _value[focusedElement] = e.key;\n        } else {\n          _value[focusedElement] += e.key;\n          if (_value[focusedElement].length >= config.length && focusedElement < maxElement) {\n            setFocusedElement(focusedElement + 1);\n          }\n        }\n      } else if (e.key === 'Backspace') {\n        if (!_value[focusedElement]) {\n          setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n        } else {\n          _value[focusedElement] = _value[focusedElement].slice(0, -1);\n        }\n      } else if (e.key === 'ArrowDown' || e.key === 'Down') {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue <= config.min ? config.max : currentValue - 1,\n        ).padStart(config.length, '0');\n      } else if (e.key === 'ArrowUp' || e.key === 'Up') {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue >= config.max ? config.min : currentValue + 1,\n        ).padStart(config.length, '0');\n      } else if (\n        e.key === 'Enter' ||\n        (e.key === 'Tab' && focusedElement === maxElement) ||\n        (e.key === 'Tab' && e.shiftKey && focusedElement === 0)\n      ) {\n        removeFocusFromField();\n        return;\n      } else if (e.key === 'ArrowLeft' || e.key === 'Left' || (e.key === 'Tab' && e.shiftKey)) {\n        setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n      } else if (e.key === 'ArrowRight' || e.key === 'Right' || e.key === 'Tab') {\n        setFocusedElement(focusedElement >= maxElement ? 0 : focusedElement + 1);\n      } else if (e.key === 'Delete' || e.key === 'Del') {\n        _value[focusedElement] = '';\n      } else {\n        return;\n      }\n\n      e.preventDefault();\n      setInternalValue(_value);\n      onInternalValueChange(_value);\n    },\n    [\n      elementsConfig,\n      focusedElement,\n      internalValue,\n      maxElement,\n      onInternalValueChange,\n      removeFocusFromField,\n    ],\n  );\n\n  return {\n    rootRef,\n    calendarRef,\n    open,\n    openCalendar,\n    closeCalendar,\n    internalValue,\n    focusedElement,\n    setFocusedElement,\n    handleKeyDown,\n    clear,\n    handleFieldEnter,\n    removeFocusFromField,\n  };\n}\n"],"names":["useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","document","useDOM","open","setTrue","openCalendar","setFalse","closeCalendar","useBooleanState","rootRef","React","useRef","calendarRef","internalValue","setInternalValue","useState","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","useGlobalEventListener","capture","useEffect","range","createRange","element","focus","selectNodeContents","selection","addRange","clear","undefined","handleFieldEnter","handleKeyDown","_value","config","test","key","length","slice","currentValue","Number","String","min","max","padStart","shiftKey","preventDefault"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useBooleanState } from './useBooleanState';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport interface UseDateInputDependencies<T, D> {\n  maxElement: number;\n  refs: Array<React.RefObject<T>>;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  value?: D;\n  elementsConfig: (index: number) => {\n    length: number;\n    min: number;\n    max: number;\n  };\n  onInternalValueChange: (value: string[]) => void;\n  getInternalValue: (value?: D | undefined) => string[];\n  onChange?: (value?: D | undefined) => void;\n}\n\nexport function useDateInput<T extends HTMLElement, D>({\n  maxElement,\n  refs,\n  autoFocus,\n  disabled,\n  elementsConfig,\n  onChange,\n  onInternalValueChange,\n  getInternalValue,\n  value,\n}: UseDateInputDependencies<T, D>) {\n  const { document } = useDOM();\n  const { value: open, setTrue: openCalendar, setFalse: closeCalendar } = useBooleanState(false);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const calendarRef = React.useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = React.useState<string[]>([]);\n  const [focusedElement, setFocusedElement] = React.useState<number | null>(null);\n  const { window } = useDOM();\n\n  const removeFocusFromField = React.useCallback(() => {\n    if (focusedElement !== null) {\n      setFocusedElement(null);\n      closeCalendar();\n      window!.getSelection()?.removeAllRanges();\n      setInternalValue(getInternalValue(value));\n    }\n  }, [focusedElement, closeCalendar, getInternalValue, value, window]);\n\n  const handleClickOutside = React.useCallback(\n    (e: MouseEvent) => {\n      if (\n        !rootRef.current?.contains(e.target as Node | null) &&\n        !calendarRef.current?.contains(e.target as Node | null)\n      ) {\n        removeFocusFromField();\n      }\n    },\n    [removeFocusFromField],\n  );\n\n  const selectFirst = React.useCallback(() => {\n    setFocusedElement(0);\n  }, []);\n\n  useGlobalEventListener(document, 'click', handleClickOutside, {\n    capture: true,\n  });\n\n  React.useEffect(() => {\n    setInternalValue(getInternalValue(value));\n  }, [getInternalValue, value]);\n\n  React.useEffect(() => {\n    if (autoFocus) {\n      selectFirst();\n    }\n  }, [autoFocus, selectFirst]);\n\n  React.useEffect(() => {\n    if (disabled || focusedElement === null) {\n      return;\n    }\n\n    const range = window!.document.createRange();\n\n    let element = refs[focusedElement].current;\n\n    if (element) {\n      element.focus();\n      openCalendar();\n      range.selectNodeContents(element as Node);\n\n      const selection = window!.getSelection();\n      selection?.removeAllRanges();\n      selection?.addRange(range);\n    }\n  }, [disabled, focusedElement, openCalendar, refs, window]);\n\n  const clear = React.useCallback(() => {\n    onChange?.(undefined);\n    selectFirst();\n  }, [onChange, selectFirst]);\n\n  const handleFieldEnter = React.useCallback(() => {\n    if (!open) {\n      selectFirst();\n    }\n  }, [open, selectFirst]);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLSpanElement>) => {\n      if (focusedElement === null) {\n        return;\n      }\n\n      const _value = [...internalValue];\n      const config = elementsConfig(focusedElement);\n\n      if (/^\\d+$/.test(e.key)) {\n        if (_value[focusedElement].length >= config.length) {\n          _value[focusedElement] = e.key;\n        } else {\n          _value[focusedElement] += e.key;\n          if (_value[focusedElement].length >= config.length && focusedElement < maxElement) {\n            setFocusedElement(focusedElement + 1);\n          }\n        }\n      } else if (e.key === 'Backspace') {\n        if (!_value[focusedElement]) {\n          setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n        } else {\n          _value[focusedElement] = _value[focusedElement].slice(0, -1);\n        }\n      } else if (e.key === 'ArrowDown' || e.key === 'Down') {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue <= config.min ? config.max : currentValue - 1,\n        ).padStart(config.length, '0');\n      } else if (e.key === 'ArrowUp' || e.key === 'Up') {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue >= config.max ? config.min : currentValue + 1,\n        ).padStart(config.length, '0');\n      } else if (\n        e.key === 'Enter' ||\n        (e.key === 'Tab' && focusedElement === maxElement) ||\n        (e.key === 'Tab' && e.shiftKey && focusedElement === 0)\n      ) {\n        removeFocusFromField();\n        return;\n      } else if (e.key === 'ArrowLeft' || e.key === 'Left' || (e.key === 'Tab' && e.shiftKey)) {\n        setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n      } else if (e.key === 'ArrowRight' || e.key === 'Right' || e.key === 'Tab') {\n        setFocusedElement(focusedElement >= maxElement ? 0 : focusedElement + 1);\n      } else if (e.key === 'Delete' || e.key === 'Del') {\n        _value[focusedElement] = '';\n      } else {\n        return;\n      }\n\n      e.preventDefault();\n      setInternalValue(_value);\n      onInternalValueChange(_value);\n    },\n    [\n      elementsConfig,\n      focusedElement,\n      internalValue,\n      maxElement,\n      onInternalValueChange,\n      removeFocusFromField,\n    ],\n  );\n\n  return {\n    rootRef,\n    calendarRef,\n    open,\n    openCalendar,\n    closeCalendar,\n    internalValue,\n    focusedElement,\n    setFocusedElement,\n    handleKeyDown,\n    clear,\n    handleFieldEnter,\n    removeFocusFromField,\n  };\n}\n"],"names":["useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","document","useDOM","open","setTrue","openCalendar","setFalse","closeCalendar","useBooleanState","rootRef","React","useRef","calendarRef","internalValue","setInternalValue","useState","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","useGlobalEventListener","capture","useEffect","range","createRange","element","focus","selectNodeContents","selection","addRange","clear","undefined","handleFieldEnter","handleKeyDown","_value","config","test","key","length","slice","currentValue","Number","String","min","max","padStart","shiftKey","preventDefault"],"mappings":"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"}

package/dist/cjs/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":["useDirection","ref","React","useRef","direction","setDirection","useState","undefined","writingMode","setWritingMode","window","useDOM","update","current","styleDeclaration","getComputedStyle","useIsomorphicLayoutEffect"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAoCgBA;;;eAAAA;;;;iEApCO;qBACA;2CACmB;AAkCnC,SAASA;IAKd,MAAMC,MAAMC,OAAMC,MAAM,CAAI;IAE5B,MAAM,CAACC,WAAWC,aAAa,GAAGH,OAAMI,QAAQ,CAAwBC;IACxE,MAAM,CAACC,aAAaC,eAAe,GAAGP,OAAMI,QAAQ,CAA0BC;IAE9E,MAAM,EAAEG,MAAM,EAAE,GAAGC,IAAAA,WAAM;IAEzB,MAAMC,SAAS;QACb,IAAI,CAACF,UAAU,CAACT,IAAIY,OAAO,EAAE;YAC3B;QACF;QAEA,MAAMC,mBAAmBJ,OAAOK,gBAAgB,CAACd,IAAIY,OAAO;QAE5DR,aAAaS,iBAAiBV,SAAS;QACvCK,eAAeK,iBAAiBN,WAAW;IAC7C;IAEAQ,IAAAA,oDAAyB,EAACJ,QAAQ;QAACF;KAAO;IAE1C,OAAO;QAACT;QAAKG;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":["useDirection","ref","React","useRef","direction","setDirection","useState","undefined","writingMode","setWritingMode","window","useDOM","update","current","styleDeclaration","getComputedStyle","useIsomorphicLayoutEffect"],"mappings":";;;;+BAoCgBA;;;eAAAA;;;;iEApCO;qBACA;2CACmB;AAkCnC,SAASA;IAKd,MAAMC,MAAMC,OAAMC,MAAM,CAAI;IAE5B,MAAM,CAACC,WAAWC,aAAa,GAAGH,OAAMI,QAAQ,CAAwBC;IACxE,MAAM,CAACC,aAAaC,eAAe,GAAGP,OAAMI,QAAQ,CAA0BC;IAE9E,MAAM,EAAEG,MAAM,EAAE,GAAGC,IAAAA,WAAM;IAEzB,MAAMC,SAAS;QACb,IAAI,CAACF,UAAU,CAACT,IAAIY,OAAO,EAAE;YAC3B;QACF;QAEA,MAAMC,mBAAmBJ,OAAOK,gBAAgB,CAACd,IAAIY,OAAO;QAE5DR,aAAaS,iBAAiBV,SAAS;QACvCK,eAAeK,iBAAiBN,WAAW;IAC7C;IAEAQ,IAAAA,oDAAyB,EAACJ,QAAQ;QAACF;KAAO;IAE1C,OAAO;QAACT;QAAKG;QAAWI;KAAY;AACtC"}

package/dist/cjs/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":["EDGE_SIZE","createAutoScrollController","getAutoScrollingData","SCROLL_SPEED","clientY","scrollEl","scrollTop","Math","floor","getNodeScroll","relative","edges","getScrollRect","viewportHeight","height","documentHeight","getScrollHeight","maxScrollY","canScrollUp","canScrollDown","edgeTop","edgeBottom","y","topDistance","bottomDistance","isInTopEdge","isInBottomEdge","result","shouldScrolling","isRunning","scheduledScroll","rafSchd","scroll","fn","scrollBy","cancel","tryAutoScroll","stop"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,SAAS;eAATA;;IAmCAC,0BAA0B;eAA1BA;;IAjCAC,oBAAoB;eAApBA;;;qBANiD;yBACtC;AAExB,MAAMC,eAAe;AACd,MAAMH,YAAY;AAElB,MAAME,uBAAuB,CAACE,SAAiBC;IACpD,MAAMC,YAAYC,KAAKC,KAAK,CAACC,IAAAA,kBAAa,EAACJ,UAAUC,SAAS;IAE9D,MAAM,EAAEI,QAAQ,EAAEC,KAAK,EAAE,GAAGC,IAAAA,kBAAa,EAACP;IAC1C,MAAMQ,iBAAiBH,SAASI,MAAM;IACtC,MAAMC,iBAAiBC,IAAAA,oBAAe,EAACX;IACvC,MAAMY,aAAaF,iBAAiBF;IACpC,MAAMK,cAAcZ,YAAY;IAChC,MAAMa,gBAAgBb,YAAYW;IAElC,MAAM,CAACG,SAASC,WAAW,GAAGV,MAAMW,CAAC;IACrC,MAAMC,cAAcnB,UAAUgB;IAC9B,MAAMI,iBAAiBH,aAAajB;IACpC,MAAMqB,cAAcF,eAAevB;IACnC,MAAM0B,iBAAiBF,kBAAkBxB;IAEzC,MAAM2B,SAAS;QACbC,iBAAiB,AAACV,eAAeO,eAAiBN,iBAAiBO;QACnEJ,GAAG;IACL;IAEA,yFAAyF;IACzF,IAAIG,aAAa;QACfE,OAAOL,CAAC,GAAG,CAAC,IAAK,CAAA,AAACtB,CAAAA,YAAYuB,WAAU,IAAKvB,SAAQ,IAAKG;IAC5D,OAAO,IAAIuB,gBAAgB;QACzBC,OAAOL,CAAC,GAAG,AAAEtB,CAAAA,YAAYwB,cAAa,IAAKxB,YAAaG;IAC1D;IAEA,OAAOwB;AACT;AAIO,MAAM1B,6BAA6B,CAACI;IACzC,IAAIwB,YAAY;IAChB,MAAMC,kBAAkBC,IAAAA,gBAAO,EAACC;IAEhC,SAASA,OAAOC,EAAuB;QACrC,MAAM,EAAEL,eAAe,EAAEN,CAAC,EAAE,GAAGW;QAC/B,IAAIL,iBAAiB;YACnBC,YAAY;YACZxB,SAAS6B,QAAQ,CAAC,GAAGZ;YACrBQ,gBAAgBG;QAClB,OAAO;YACLJ,YAAY;YACZC,gBAAgBK,MAAM;QACxB;IACF;IAEA,MAAMC,gBAAgB,CAACH;QACrBH,gBAAgBG;IAClB;IAEA,MAAMI,OAAO;QACXR,YAAY;QACZC,gBAAgBK,MAAM;IACxB;IAEA,OAAO;QACLC;QACAC;QACA,IAAIR,aAAY;YACd,OAAOA;QACT;IACF;AACF"}
+{"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":["EDGE_SIZE","createAutoScrollController","getAutoScrollingData","SCROLL_SPEED","clientY","scrollEl","scrollTop","Math","floor","getNodeScroll","relative","edges","getScrollRect","viewportHeight","height","documentHeight","getScrollHeight","maxScrollY","canScrollUp","canScrollDown","edgeTop","edgeBottom","y","topDistance","bottomDistance","isInTopEdge","isInBottomEdge","result","shouldScrolling","isRunning","scheduledScroll","rafSchd","scroll","fn","scrollBy","cancel","tryAutoScroll","stop"],"mappings":";;;;;;;;;;;IAIaA,SAAS;eAATA;;IAmCAC,0BAA0B;eAA1BA;;IAjCAC,oBAAoB;eAApBA;;;qBANiD;yBACtC;AAExB,MAAMC,eAAe;AACd,MAAMH,YAAY;AAElB,MAAME,uBAAuB,CAACE,SAAiBC;IACpD,MAAMC,YAAYC,KAAKC,KAAK,CAACC,IAAAA,kBAAa,EAACJ,UAAUC,SAAS;IAE9D,MAAM,EAAEI,QAAQ,EAAEC,KAAK,EAAE,GAAGC,IAAAA,kBAAa,EAACP;IAC1C,MAAMQ,iBAAiBH,SAASI,MAAM;IACtC,MAAMC,iBAAiBC,IAAAA,oBAAe,EAACX;IACvC,MAAMY,aAAaF,iBAAiBF;IACpC,MAAMK,cAAcZ,YAAY;IAChC,MAAMa,gBAAgBb,YAAYW;IAElC,MAAM,CAACG,SAASC,WAAW,GAAGV,MAAMW,CAAC;IACrC,MAAMC,cAAcnB,UAAUgB;IAC9B,MAAMI,iBAAiBH,aAAajB;IACpC,MAAMqB,cAAcF,eAAevB;IACnC,MAAM0B,iBAAiBF,kBAAkBxB;IAEzC,MAAM2B,SAAS;QACbC,iBAAiB,AAACV,eAAeO,eAAiBN,iBAAiBO;QACnEJ,GAAG;IACL;IAEA,yFAAyF;IACzF,IAAIG,aAAa;QACfE,OAAOL,CAAC,GAAG,CAAC,IAAK,CAAA,AAACtB,CAAAA,YAAYuB,WAAU,IAAKvB,SAAQ,IAAKG;IAC5D,OAAO,IAAIuB,gBAAgB;QACzBC,OAAOL,CAAC,GAAG,AAAEtB,CAAAA,YAAYwB,cAAa,IAAKxB,YAAaG;IAC1D;IAEA,OAAOwB;AACT;AAIO,MAAM1B,6BAA6B,CAACI;IACzC,IAAIwB,YAAY;IAChB,MAAMC,kBAAkBC,IAAAA,gBAAO,EAACC;IAEhC,SAASA,OAAOC,EAAuB;QACrC,MAAM,EAAEL,eAAe,EAAEN,CAAC,EAAE,GAAGW;QAC/B,IAAIL,iBAAiB;YACnBC,YAAY;YACZxB,SAAS6B,QAAQ,CAAC,GAAGZ;YACrBQ,gBAAgBG;QAClB,OAAO;YACLJ,YAAY;YACZC,gBAAgBK,MAAM;QACxB;IACF;IAEA,MAAMC,gBAAgB,CAACH;QACrBH,gBAAgBG;IAClB;IAEA,MAAMI,OAAO;QACXR,YAAY;QACZC,gBAAgBK,MAAM;IACxB;IAEA,OAAO;QACLC;QACAC;QACA,IAAIR,aAAY;YACd,OAAOA;QACT;IACF;AACF"}

package/dist/cjs/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","DATA_DRAGGABLE_PLACEHOLDER_KEY","DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP","ITEM_INITIAL_INDEX"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAAaA,uBAAuB;eAAvBA;;IAIAC,8BAA8B;eAA9BA;;IAEAC,qCAAqC;eAArCA;;IAJAC,kBAAkB;eAAlBA;;;AAFN,MAAMH,0BAA0B;AAEhC,MAAMG,qBAAqB,CAAC;AAE5B,MAAMF,iCAAiC;AAEvC,MAAMC,wCAAwC;IAAE,CAACD,+BAA+B,EAAE;AAAO"}
+{"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","DATA_DRAGGABLE_PLACEHOLDER_KEY","DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP","ITEM_INITIAL_INDEX"],"mappings":";;;;;;;;;;;IAAaA,uBAAuB;eAAvBA;;IAIAC,8BAA8B;eAA9BA;;IAEAC,qCAAqC;eAArCA;;IAJAC,kBAAkB;eAAlBA;;;AAFN,MAAMH,0BAA0B;AAEhC,MAAMG,qBAAqB,CAAC;AAE5B,MAAMF,iCAAiC;AAEvC,MAAMC,wCAAwC;IAAE,CAACD,+BAA+B,EAAE;AAAO"}

package/dist/cjs/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":";;;;;;;;;;;IAESA,qCAAqC;eAArCA,gDAAqC;;IAErCC,sBAAsB;eAAtBA,8CAAsB;;;2BAFuB;wCAEf"}
+{"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":";;;;;;;;;;;IAESA,qCAAqC;eAArCA,gDAAqC;;IAErCC,sBAAsB;eAAtBA,8CAAsB;;;2BAFuB;wCAEf"}

package/dist/cjs/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":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}
+{"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":[],"mappings":";;;;;iEAAuB"}

package/dist/cjs/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/cjs/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":["useDraggableWithDomApi","elRef","draggingElRef","onDragFinish","dragging","setDragging","React","useState","lastClientYRef","useRef","lastDragShiftYRef","scrollElRef","lastScrollTopRef","scrollControllerRef","initializeScrollRefs","draggableEl","node","getNearestOverflowAncestor","current","getNodeScroll","scrollTop","createAutoScrollController","cleanupScrollRefs","stop","lastDragDirectionRef","undefined","toggleDragDirection","prevShiftY","nextShiftY","shiftYDiff","itemStartIndexRef","ITEM_INITIAL_INDEX","itemEndIndexRef","draggingItemRef","placeholderItemRef","siblingItemsRef","initializeItems","draggingEl","draggingElRect","getBoundingClientRect","children","parentElement","Array","prototype","forEach","call","el","index","getAttribute","DATA_DRAGGABLE_PLACEHOLDER_KEY","push","shifted","setInitialPlaceholderItemStyles","setInitialDraggingItemStyles","setInitialSiblingItemStyles","cleanupItems","unsetInitialPlaceholderItemStyles","unsetInitialDraggingItemStyles","unsetInitialSiblingItemStyles","swappedItemIndexRange","from","to","getShiftAndUnshiftItemsPreparedData","clientY","shiftItemEls","unshiftItemEls","siblingItem","isOverEl","isUnderEl","getTargetIsOverOrUnderElData","setShiftAndUnshiftItemStyles","setSiblingItemsShiftStyles","schedulingAutoScrollTimeoutIdRef","clearSchedulingAutoScrollTimeout","clearTimeout","tryAutoScroll","getAutoScrollingData","shouldScrolling","y","schedulingAutoScroll","setTimeout","AUTO_SCROLL_START_DELAY","onDragStart","event","originalEvent","stopPropagation","preventDefault","onDragMove","shiftY","isRunning","setDraggingItemShiftStyles","prevDragging","onDragEnd","swappedItemRange","handleScroll","useCallback","nextScrollTop","scrollDiff","clientYWithScrollOffset","useIsomorphicLayoutEffect","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":["useDraggableWithDomApi","elRef","draggingElRef","onDragFinish","dragging","setDragging","React","useState","lastClientYRef","useRef","lastDragShiftYRef","scrollElRef","lastScrollTopRef","scrollControllerRef","initializeScrollRefs","draggableEl","node","getNearestOverflowAncestor","current","getNodeScroll","scrollTop","createAutoScrollController","cleanupScrollRefs","stop","lastDragDirectionRef","undefined","toggleDragDirection","prevShiftY","nextShiftY","shiftYDiff","itemStartIndexRef","ITEM_INITIAL_INDEX","itemEndIndexRef","draggingItemRef","placeholderItemRef","siblingItemsRef","initializeItems","draggingEl","draggingElRect","getBoundingClientRect","children","parentElement","Array","prototype","forEach","call","el","index","getAttribute","DATA_DRAGGABLE_PLACEHOLDER_KEY","push","shifted","setInitialPlaceholderItemStyles","setInitialDraggingItemStyles","setInitialSiblingItemStyles","cleanupItems","unsetInitialPlaceholderItemStyles","unsetInitialDraggingItemStyles","unsetInitialSiblingItemStyles","swappedItemIndexRange","from","to","getShiftAndUnshiftItemsPreparedData","clientY","shiftItemEls","unshiftItemEls","siblingItem","isOverEl","isUnderEl","getTargetIsOverOrUnderElData","setShiftAndUnshiftItemStyles","setSiblingItemsShiftStyles","schedulingAutoScrollTimeoutIdRef","clearSchedulingAutoScrollTimeout","clearTimeout","tryAutoScroll","getAutoScrollingData","shouldScrolling","y","schedulingAutoScroll","setTimeout","AUTO_SCROLL_START_DELAY","onDragStart","event","originalEvent","stopPropagation","preventDefault","onDragMove","shiftY","isRunning","setDraggingItemShiftStyles","prevDragging","onDragEnd","swappedItemRange","handleScroll","useCallback","nextScrollTop","scrollDiff","clientYWithScrollOffset","useIsomorphicLayoutEffect","recalculateOnScroll","scrollEl","addEventListener","removeEventListener","componentWillUnmount"],"mappings":";;;;+BA8BaA;;;eAAAA;;;;iEA9BU;qBAE0D;2CACvC;4BACuB;2BAK1D;uBAmBA;AAEA,MAAMA,yBAAyB,CAAwB,EAC5DC,OAAOC,aAAa,EACpBC,YAAY,EACS;IACrB,MAAM,CAACC,UAAUC,YAAY,GAAGC,OAAMC,QAAQ,CAAC;IAC/C,MAAMC,iBAAiBF,OAAMG,MAAM,CAAC;IACpC,MAAMC,oBAAoBJ,OAAMG,MAAM,CAAC;IAEvC,MAAME,cAAcL,OAAMG,MAAM,CAA0B;IAC1D,MAAMG,mBAAmBN,OAAMG,MAAM,CAAS;IAC9C,MAAMI,sBAAsBP,OAAMG,MAAM,CACtC;IAEF,MAAMK,uBAAuB,CAACC;QAC5B,MAAMC,OAAOC,IAAAA,+BAA0B,EAACF;QACxC,IAAIC,MAAM;YACRL,YAAYO,OAAO,GAAGF;YACtBJ,iBAAiBM,OAAO,GAAGC,IAAAA,kBAAa,EAACH,MAAMI,SAAS;YACxDP,oBAAoBK,OAAO,GAAGG,IAAAA,sCAA0B,EAACV,YAAYO,OAAO;QAC9E;IACF;IACA,MAAMI,oBAAoB;YAExBT;QADAD,iBAAiBM,OAAO,GAAG;SAC3BL,+BAAAA,oBAAoBK,OAAO,cAA3BL,mDAAAA,6BAA6BU,IAAI;QACjCZ,YAAYO,OAAO,GAAGL,oBAAoBK,OAAO,GAAG;IACtD;IAEA,MAAMM,uBAAuBlB,OAAMG,MAAM,CAAwBgB;IACjE,MAAMC,sBAAsB,CAACC,YAAoBC;QAC/C,MAAMC,aAAaF,aAAaC;QAChC,IAAIC,aAAa,GAAG;YAClB,OAAO;QACT;QACA,IAAIA,aAAa,GAAG;YAClB,OAAO;QACT;QACA,OAAOL,qBAAqBN,OAAO;IACrC;IAEA,MAAMY,oBAAoBxB,OAAMG,MAAM,CAASsB,6BAAkB;IACjE,MAAMC,kBAAkB1B,OAAMG,MAAM,CAASsB,6BAAkB;IAC/D,MAAME,kBAAkB3B,OAAMG,MAAM,CAAsB;IAC1D,MAAMyB,qBAAqB5B,OAAMG,MAAM,CAAyB;IAChE,MAAM0B,kBAAkB7B,OAAMG,MAAM,CAAgB,EAAE;IACtD,MAAM2B,kBAAkB,CAACC;QACvB,MAAMC,iBAAiBC,IAAAA,0BAAqB,EAACF,YAAY;QACzD,MAAM,EAAEG,QAAQ,EAAE,GAAGH,WAAWI,aAAa,IAAI;YAAED,UAAU,EAAE;QAAC;QAChEE,MAAMC,SAAS,CAACC,OAAO,CAACC,IAAI,CAACL,UAAU,CAACM,IAAiBC;YACvD,IAAID,OAAOT,YAAY;gBACrBP,kBAAkBZ,OAAO,GAAGc,gBAAgBd,OAAO,GAAG6B;gBACtDd,gBAAgBf,OAAO,GAAG;oBAAE6B;oBAAOD;oBAAIR;gBAAe;YACxD,OAAO,IAAIQ,GAAGE,YAAY,CAACC,yCAA8B,MAAM,MAAM;gBACnEf,mBAAmBhB,OAAO,GAAG;oBAAE6B;oBAAOD;oBAAIR;gBAAe;YAC3D,OAAO;gBACLH,gBAAgBjB,OAAO,CAACgC,IAAI,CAAC;oBAAEH;oBAAOD;oBAAIK,SAASrB,kBAAkBZ,OAAO,KAAKa,6BAAkB,IAAID,kBAAkBZ,OAAO,GAAG6B;oBAAOT;gBAAe,IAAI,kBAAkB;YACjL;QACF;QACA,IAAIJ,mBAAmBhB,OAAO,EAAE;YAC9BkC,IAAAA,sCAA+B,EAAClB,mBAAmBhB,OAAO,GAAG,YAAY;QAC3E;QACA,IAAIe,gBAAgBf,OAAO,EAAE;YAC3BmC,IAAAA,mCAA4B,EAACpB,gBAAgBf,OAAO,GAAG,aAAa;QACtE;QACAiB,gBAAgBjB,OAAO,CAAC0B,OAAO,CAACU,kCAA2B,GAAG,aAAa;IAC7E;IACA,MAAMC,eAAe;QACnB,IAAIrB,mBAAmBhB,OAAO,EAAE;YAC9BsC,IAAAA,wCAAiC,EAACtB,mBAAmBhB,OAAO,GAAG,YAAY;QAC7E;QACA,IAAIe,gBAAgBf,OAAO,EAAE;YAC3BuC,IAAAA,qCAA8B,EAACxB,gBAAgBf,OAAO,GAAG,aAAa;QACxE;QACAiB,gBAAgBjB,OAAO,CAAC0B,OAAO,CAACc,oCAA6B,GAAG,aAAa;QAC7EvB,gBAAgBjB,OAAO,GAAG,EAAE;QAC5BgB,mBAAmBhB,OAAO,GAAGe,gBAAgBf,OAAO,GAAG;QAEvD,MAAMyC,wBAAwB;YAAEC,MAAM9B,kBAAkBZ,OAAO;YAAE2C,IAAI7B,gBAAgBd,OAAO;QAAC;QAC7FY,kBAAkBZ,OAAO,GAAGc,gBAAgBd,OAAO,GAAGa,6BAAkB;QACxE,OAAO4B;IACT;IACA,MAAMG,sCAAsC,CAC1CC;QAEA,MAAMC,eAAgD,EAAE;QACxD,MAAMC,iBAAkD,EAAE;QAC1DjC,gBAAgBd,OAAO,GAAGY,kBAAkBZ,OAAO;QACnDiB,gBAAgBjB,OAAO,CAAC0B,OAAO,CAAC,CAACsB;YAC/B,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,IAAAA,mCAA4B,EAC1DN,SACAxB,IAAAA,0BAAqB,EAAC2B,YAAYpB,EAAE;YAEtC,IAAIhB,kBAAkBZ,OAAO,GAAGgD,YAAYnB,KAAK,EAAE;gBACjD,IAAIoB,UAAU;oBACZnC,gBAAgBd,OAAO,GAAGc,gBAAgBd,OAAO,GAAG;oBACpD,IAAIM,qBAAqBN,OAAO,KAAK,UAAUgD,YAAYf,OAAO,EAAE;wBAClEe,YAAYf,OAAO,GAAG;wBACtBa,aAAad,IAAI,CAAC;4BAACgB;4BAAa;yBAAK;oBACvC;gBACF;gBACA,IAAIE,WAAW;oBACb,IAAI5C,qBAAqBN,OAAO,KAAK,QAAQ,CAACgD,YAAYf,OAAO,EAAE;wBACjEe,YAAYf,OAAO,GAAG;wBACtBc,eAAef,IAAI,CAAC;4BAACgB;4BAAa;yBAAO;oBAC3C;gBACF;YACF,OAAO,IAAIpC,kBAAkBZ,OAAO,GAAGgD,YAAYnB,KAAK,EAAE;gBACxD,IAAIqB,WAAW;oBACbpC,gBAAgBd,OAAO,GAAGc,gBAAgBd,OAAO,GAAG;oBACpD,IAAIM,qBAAqBN,OAAO,KAAK,QAAQ,CAACgD,YAAYf,OAAO,EAAE;wBACjEe,YAAYf,OAAO,GAAG;wBACtBa,aAAad,IAAI,CAAC;4BAACgB;4BAAa;yBAAO;oBACzC;gBACF;gBACA,IAAIC,UAAU;oBACZ,IAAI3C,qBAAqBN,OAAO,KAAK,UAAUgD,YAAYf,OAAO,EAAE;wBAClEe,YAAYf,OAAO,GAAG;wBACtBc,eAAef,IAAI,CAAC;4BAACgB;4BAAa;yBAAK;oBACzC;gBACF;YACF;QACF;QACA,OAAO;YAACF;YAAcC;SAAe;IACvC;IACA,MAAMK,+BAA+B,CACnCN,cACAC;QAEAD,aAAapB,OAAO,CAAC2B,iCAA0B;QAC/CN,eAAerB,OAAO,CAAC2B,iCAA0B;IACnD;IAEA,MAAMC,mCAAmClE,OAAMG,MAAM,CAAuC;IAC5F,MAAMgE,mCAAmC;QACvC,IAAID,iCAAiCtD,OAAO,EAAE;YAC5CwD,aAAaF,iCAAiCtD,OAAO;YACrDsD,iCAAiCtD,OAAO,GAAG;QAC7C;IACF;IACA,MAAMyD,gBAAgB;QACpB,IAAI9D,oBAAoBK,OAAO,EAAE;YAC/BL,oBAAoBK,OAAO,CAACyD,aAAa,CAAC;gBACxC,OAAOhE,YAAYO,OAAO,GACtB0D,IAAAA,gCAAoB,EAACpE,eAAeU,OAAO,EAAEP,YAAYO,OAAO,IAChE;oBACE2D,iBAAiB;oBACjBC,GAAG;gBACL;YACN;QACF;IACF;IACA,MAAMC,uBAAuB;QAC3BN;QACAD,iCAAiCtD,OAAO,GAAG8D,WAAW;YACpDR,iCAAiCtD,OAAO,GAAG;YAC3CyD;QACF,GAAGM,kCAAuB;IAC5B;IAEA,MAAMC,cAAc,CAACC;QACnBA,MAAMC,aAAa,CAACC,eAAe;QACnCF,MAAMC,aAAa,CAACE,cAAc;IACpC;IAEA,MAAMC,aAAa,CAACJ;QAClBA,MAAMC,aAAa,CAACC,eAAe;QACnCF,MAAMC,aAAa,CAACE,cAAc;QAElC,MAAMjD,aAAanC,cAAcgB,OAAO;QAExC,IAAI,CAACmB,YAAY;YACf;QACF;QAEA,IAAIjC,UAAU;YACZoB,qBAAqBN,OAAO,GAAGQ,oBAAoBhB,kBAAkBQ,OAAO,EAAEiE,MAAMK,MAAM;YAC1F9E,kBAAkBQ,OAAO,GAAGiE,MAAMK,MAAM;YACxChF,eAAeU,OAAO,GAAGiE,MAAMpB,OAAO;YAEtC,IAAIlD,oBAAoBK,OAAO,IAAIL,oBAAoBK,OAAO,CAACuE,SAAS,EAAE;gBACxEC,IAAAA,iCAA0B,EAACrD,YAAY3B,kBAAkBQ,OAAO;YAClE,OAAO;gBACL,MAAM,CAAC8C,cAAcC,eAAe,GAAGH,oCACrCtD,eAAeU,OAAO;gBAExBwE,IAAAA,iCAA0B,EAACrD,YAAY3B,kBAAkBQ,OAAO;gBAChEoD,6BAA6BN,cAAcC;gBAC3Cc;YACF;QACF,OAAO;YACL1E,YAAY,CAACsF;gBACX,2FAA2F;gBAC3F,SAAS;gBACT,IAAIA,cAAc;oBAChB,OAAOA;gBACT;gBACA7E,qBAAqBuB;gBACrBD,gBAAgBC;gBAChB,OAAO;YACT;QACF;IACF;IAEA,MAAMuD,YAAY,CAACT;QACjBA,MAAMC,aAAa,CAACC,eAAe;QACnCF,MAAMC,aAAa,CAACE,cAAc;QAElCb;QACAnD;QAEAd,eAAeU,OAAO,GAAGR,kBAAkBQ,OAAO,GAAG;QACrDM,qBAAqBN,OAAO,GAAGO;QAE/B,IAAIrB,UAAU;YACZ,MAAMyF,mBAAmBtC;YACzB,IAAIpD,cAAc;gBAChBA,aAAa0F;YACf;YACAxF,YAAY;QACd;IACF;IAEA,MAAMyF,eAAexF,OAAMyF,WAAW,CAAC;QACrC,IAAI,CAAC7F,cAAcgB,OAAO,IAAI,CAACP,YAAYO,OAAO,EAAE;YAClD;QACF;QAEA,MAAM8E,gBAAgB7E,IAAAA,kBAAa,EAACR,YAAYO,OAAO,EAAEE,SAAS;QAClEI,qBAAqBN,OAAO,GAAGQ,oBAAoBd,iBAAiBM,OAAO,EAAE8E;QAC7E,MAAMC,aAAarF,iBAAiBM,OAAO,GAAG8E;QAC9C,MAAME,0BAA0B1F,eAAeU,OAAO,GAAG+E;QACzDrF,iBAAiBM,OAAO,GAAG8E;QAE3B,MAAM,CAAChC,cAAcC,eAAe,GAClCH,oCAAoCoC;QACtC5B,6BAA6BN,cAAcC;IAC7C,GAAG;QAAC/D;KAAc;IAElBiG,IAAAA,oDAAyB,EACvB,SAASC;QACP,MAAMC,WAAW1F,YAAYO,OAAO;QACpC,IAAI,CAACd,YAAY,CAACiG,UAAU;YAC1B;QACF;QACAA,SAASC,gBAAgB,CAAC,UAAUR;QACpC,OAAO;YACL,IAAIO,UAAU;gBACZA,SAASE,mBAAmB,CAAC,UAAUT;YACzC;QACF;IACF,GACA;QAAC1F;QAAU0F;KAAa;IAG1BK,IAAAA,oDAAyB,EACvB,IACE,SAASK;YACP,IAAItE,mBAAmBhB,OAAO,EAAE;gBAC9BsC,IAAAA,wCAAiC,EAACtB,mBAAmBhB,OAAO;YAC9D;QACF,GACF,EAAE;IAGJ,OAAO;QAAEd;QAAU8E;QAAaK;QAAYK;IAAU;AACxD"}

package/dist/cjs/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/cjs/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/cjs/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","setDraggingItemShiftStyles","setInitialDraggingItemStyles","setInitialPlaceholderItemStyles","setInitialSiblingItemStyles","setSiblingItemsShiftStyles","unsetInitialDraggingItemStyles","unsetInitialPlaceholderItemStyles","unsetInitialSiblingItemStyles","clientY","elRect","elRectHalfHeight","height","isUnderEl","bottom","isOverEl","top","draggingEl","nextShiftY","requestAnimationFrame","style","transform","el","draggingElRect","direction","setProperty","removeProperty","left","width","firstElementChild","node","cloneNode","appendChild","remove","shifted"],"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","setDraggingItemShiftStyles","setInitialDraggingItemStyles","setInitialPlaceholderItemStyles","setInitialSiblingItemStyles","setSiblingItemsShiftStyles","unsetInitialDraggingItemStyles","unsetInitialPlaceholderItemStyles","unsetInitialSiblingItemStyles","clientY","elRect","elRectHalfHeight","height","isUnderEl","bottom","isOverEl","top","draggingEl","nextShiftY","requestAnimationFrame","style","transform","el","draggingElRect","direction","setProperty","removeProperty","left","width","firstElementChild","node","cloneNode","appendChild","remove","shifted"],"mappings":"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"}

package/dist/cjs/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":["useEffectDev","process","env","NODE_ENV","useEffect","noop"],"rangeMappings":";;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;uBAHa;sBACL;AAEd,MAAMA,eAAeC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBC,gBAAS,GAAGC,UAAI"}
+{"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":["useEffectDev","process","env","NODE_ENV","useEffect","noop"],"mappings":";;;;+BAGaA;;;eAAAA;;;uBAHa;sBACL;AAEd,MAAMA,eAAeC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBC,gBAAS,GAAGC,UAAI"}

package/dist/cjs/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":["useCustomEnsuredControl","useEnsuredControl","onChange","onChangeProp","disabled","props","value","onChangeValue","React","useCallback","e","target","defaultValue","isControlled","undefined","localValue","setLocalValue","useState","preservedControlledValueRef","useRef","useIsomorphicLayoutEffect","current","nextValue","isFunction","prevValue","resolvedValue"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAwCgBA,uBAAuB;eAAvBA;;IA7BAC,iBAAiB;eAAjBA;;;;;iEAXO;sBACI;2CACe;AASnC,SAASA,kBAAuD;QAAA,EACrEC,UAAUC,YAAY,EACtBC,QAAQ,EAEqB,GAJwC,QAGlEC,qCAHkE;QACrEH;QACAE;;IAGA,MAAM,CAACE,OAAOC,cAAc,GAAGP,wBAAwBK;IAEvD,MAAMH,WAAWM,OAAMC,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;AASO,SAASF,wBAAiC,EAC/CM,KAAK,EACLM,YAAY,EACZR,QAAQ,EACRF,UAAUC,YAAY,EACU;IAChC,MAAMU,eAAeP,UAAUQ;IAC/B,MAAM,CAACC,YAAYC,cAAc,GAAGR,OAAMS,QAAQ,CAACL;IACnD,MAAMM,8BAA8BV,OAAMW,MAAM;IAEhDC,IAAAA,oDAAyB,EAAC;QACxBF,4BAA4BG,OAAO,GAAGf;IACxC;IAEA,MAAMJ,WAAWM,OAAMC,WAAW,CAChC,CAACa;QACC,IAAIlB,UAAU;YACZ;QACF;QAEA,IAAImB,IAAAA,gBAAU,EAACD,YAAY;YACzB,IAAI,CAACT,cAAc;gBACjBG,cAAc,CAACQ;oBACb,MAAMC,gBAAgBH,UAAUE;oBAChC,IAAIrB,cAAc;wBAChBA,aAAasB;oBACf;oBACA,OAAOA;gBACT;YACF,OAAO,IAAItB,cAAc;gBACvB,MAAMsB,gBAAgBH,UAAUJ,4BAA4BG,OAAO;gBACnElB,aAAasB;YACf;QACF,OAAO;YACL,IAAItB,cAAc;gBAChBA,aAAamB;YACf;YACA,IAAI,CAACT,cAAc;gBACjBG,cAAcM;YAChB;QACF;IACF,GACA;QAAClB;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":["useCustomEnsuredControl","useEnsuredControl","onChange","onChangeProp","disabled","props","value","onChangeValue","React","useCallback","e","target","defaultValue","isControlled","undefined","localValue","setLocalValue","useState","preservedControlledValueRef","useRef","useIsomorphicLayoutEffect","current","nextValue","isFunction","prevValue","resolvedValue"],"mappings":";;;;;;;;;;;IAwCgBA,uBAAuB;eAAvBA;;IA7BAC,iBAAiB;eAAjBA;;;;;iEAXO;sBACI;2CACe;AASnC,SAASA,kBAAuD;QAAA,EACrEC,UAAUC,YAAY,EACtBC,QAAQ,EAEqB,GAJwC,QAGlEC,qCAHkE;QACrEH;QACAE;;IAGA,MAAM,CAACE,OAAOC,cAAc,GAAGP,wBAAwBK;IAEvD,MAAMH,WAAWM,OAAMC,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;AASO,SAASF,wBAAiC,EAC/CM,KAAK,EACLM,YAAY,EACZR,QAAQ,EACRF,UAAUC,YAAY,EACU;IAChC,MAAMU,eAAeP,UAAUQ;IAC/B,MAAM,CAACC,YAAYC,cAAc,GAAGR,OAAMS,QAAQ,CAACL;IACnD,MAAMM,8BAA8BV,OAAMW,MAAM;IAEhDC,IAAAA,oDAAyB,EAAC;QACxBF,4BAA4BG,OAAO,GAAGf;IACxC;IAEA,MAAMJ,WAAWM,OAAMC,WAAW,CAChC,CAACa;QACC,IAAIlB,UAAU;YACZ;QACF;QAEA,IAAImB,IAAAA,gBAAU,EAACD,YAAY;YACzB,IAAI,CAACT,cAAc;gBACjBG,cAAc,CAACQ;oBACb,MAAMC,gBAAgBH,UAAUE;oBAChC,IAAIrB,cAAc;wBAChBA,aAAasB;oBACf;oBACA,OAAOA;gBACT;YACF,OAAO,IAAItB,cAAc;gBACvB,MAAMsB,gBAAgBH,UAAUJ,4BAA4BG,OAAO;gBACnElB,aAAasB;YACf;QACF,OAAO;YACL,IAAItB,cAAc;gBAChBA,aAAamB;YACf;YACA,IAAI,CAACT,cAAc;gBACjBG,cAAcM;YAChB;QACF;IACF,GACA;QAAClB;QAAUS;QAAcV;KAAa;IAGxC,OAAO;QAACU,eAAeP,QAAQS;QAAYb;KAAS;AACtD"}

package/dist/cjs/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":["useEventListener","event","_cb","_options","cbRef","React","useRef","useIsomorphicLayoutEffect","current","cb","useCallback","e","detach","noop","remove","add","el","canUseDOM","options","addEventListener","removeEventListener","useEffect","useMemo"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAoBgBA;;;eAAAA;;;;;iEApBO;sBACF;qBACK;2CACgB;AAiBnC,SAASA,iBACdC,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC;IAElC,MAAMC,QAAQC,OAAMC,MAAM,CAACJ;IAC3BK,IAAAA,oDAAyB,EAAC;QACxBH,MAAMI,OAAO,GAAGN;IAClB,GAAG;QAACA;KAAI;IACR,MAAMO,KAAKJ,OAAMK,WAAW,CAAC,CAACC,IAAWP,MAAMI,OAAO,IAAIJ,MAAMI,OAAO,CAACG,IAAI,EAAE;IAE9E,MAAMC,SAASP,OAAMC,MAAM,CAACO,UAAI;IAChC,MAAMC,SAAST,OAAMK,WAAW,CAAC;QAC/BE,OAAOJ,OAAO;QACdI,OAAOJ,OAAO,GAAGK,UAAI;IACvB,GAAG,EAAE;IACL,MAAME,MAAMV,OAAMK,WAAW,CAC3B,CAACM;QACC,IAAI,CAACC,cAAS,EAAE;YACd;QACF;QACAH;QACA,IAAI,CAACE,IAAI;YACP;QACF;QACA,MAAME,UAAU,qBAAKf;QACrBa,GAAGG,gBAAgB,CAAClB,OAAOQ,IAAIS;QAC/BN,OAAOJ,OAAO,GAAG,IAAMQ,GAAGI,mBAAmB,CAACnB,OAAOQ,IAAIS;IAC3D,GACA;QAACf;QAAUM;QAAIR;QAAOa;KAAO;IAE/BT,OAAMgB,SAAS,CAAC,IAAMP,QAAQ;QAACA;KAAO;IAEtC,OAAOT,OAAMiB,OAAO,CAAC,IAAO,CAAA;YAAEP;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":["useEventListener","event","_cb","_options","cbRef","React","useRef","useIsomorphicLayoutEffect","current","cb","useCallback","e","detach","noop","remove","add","el","canUseDOM","options","addEventListener","removeEventListener","useEffect","useMemo"],"mappings":";;;;+BAoBgBA;;;eAAAA;;;;;iEApBO;sBACF;qBACK;2CACgB;AAiBnC,SAASA,iBACdC,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC;IAElC,MAAMC,QAAQC,OAAMC,MAAM,CAACJ;IAC3BK,IAAAA,oDAAyB,EAAC;QACxBH,MAAMI,OAAO,GAAGN;IAClB,GAAG;QAACA;KAAI;IACR,MAAMO,KAAKJ,OAAMK,WAAW,CAAC,CAACC,IAAWP,MAAMI,OAAO,IAAIJ,MAAMI,OAAO,CAACG,IAAI,EAAE;IAE9E,MAAMC,SAASP,OAAMC,MAAM,CAACO,UAAI;IAChC,MAAMC,SAAST,OAAMK,WAAW,CAAC;QAC/BE,OAAOJ,OAAO;QACdI,OAAOJ,OAAO,GAAGK,UAAI;IACvB,GAAG,EAAE;IACL,MAAME,MAAMV,OAAMK,WAAW,CAC3B,CAACM;QACC,IAAI,CAACC,cAAS,EAAE;YACd;QACF;QACAH;QACA,IAAI,CAACE,IAAI;YACP;QACF;QACA,MAAME,UAAU,qBAAKf;QACrBa,GAAGG,gBAAgB,CAAClB,OAAOQ,IAAIS;QAC/BN,OAAOJ,OAAO,GAAG,IAAMQ,GAAGI,mBAAmB,CAACnB,OAAOQ,IAAIS;IAC3D,GACA;QAACf;QAAUM;QAAIR;QAAOa;KAAO;IAE/BT,OAAMgB,SAAS,CAAC,IAAMP,QAAQ;QAACA;KAAO;IAEtC,OAAOT,OAAMiB,OAAO,CAAC,IAAO,CAAA;YAAEP;YAAKD;QAAO,CAAA,GAAI;QAACC;QAAKD;KAAO;AAC7D"}

package/dist/cjs/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":["useExternRef","externRefs","stableRef","React","useRef","useMemo","current","el","forEach","ref","setRef"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;uBACA;AAEhB,SAASA,aACd,GAAGC,UAAmD;IAEtD,MAAMC,YAAYC,OAAMC,MAAM,CAAW;IAEzC,OAAOD,OAAME,OAAO,CAClB,IAAO,CAAA;YACL,IAAIC,WAAU;gBACZ,OAAOJ,UAAUI,OAAO;YAC1B;YACA,IAAIA,SAAQC,GAAI;gBACdL,UAAUI,OAAO,GAAGC;gBACpBN,WAAWO,OAAO,CAAC,CAACC;oBAClB,IAAIA,KAAK;wBACPC,IAAAA,aAAM,EAACH,IAAIE;oBACb;gBACF;YACF;QACF,CAAA,GACA,uDAAuD;IACvDR;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":["useExternRef","externRefs","stableRef","React","useRef","useMemo","current","el","forEach","ref","setRef"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;uBACA;AAEhB,SAASA,aACd,GAAGC,UAAmD;IAEtD,MAAMC,YAAYC,OAAMC,MAAM,CAAW;IAEzC,OAAOD,OAAME,OAAO,CAClB,IAAO,CAAA;YACL,IAAIC,WAAU;gBACZ,OAAOJ,UAAUI,OAAO;YAC1B;YACA,IAAIA,SAAQC,GAAI;gBACdL,UAAUI,OAAO,GAAGC;gBACpBN,WAAWO,OAAO,CAAC,CAACC;oBAClB,IAAIA,KAAK;wBACPC,IAAAA,aAAM,EAACH,IAAIE;oBACb;gBACF;YACF;QACF,CAAA,GACA,uDAAuD;IACvDR;AAEJ"}

package/dist/cjs/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/cjs/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":["useFocusVisible","withKeyboardInputCheck","isFocused","setIsFocused","useState","keyboardInput","useContext","AppRootContext","onFocus","useCallback","event","stopPropagation","onBlur","focusVisible"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGgBA;;;eAAAA;;;uBAH8C;gCAC/B;AAExB,SAASA,gBAAgBC,yBAAyB,IAAI;IAC3D,MAAM,CAACC,WAAWC,aAAa,GAAGC,IAAAA,eAAQ,EAAC;IAC3C,MAAM,EAAEC,aAAa,EAAE,GAAGC,IAAAA,iBAAU,EAACC,8BAAc;IAEnD,MAAMC,UAAUC,IAAAA,kBAAW,EACzB,CAACC;QACCA,MAAMC,eAAe;QACrBR,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMS,SAASH,IAAAA,kBAAW,EACxB,CAACC;QACCA,MAAMC,eAAe;QACrBR,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMU,eAAeZ,yBAAyBI,iBAAiBH,YAAYA;IAE3E,OAAO;QACLW;QACAL;QACAI;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":["useFocusVisible","withKeyboardInputCheck","isFocused","setIsFocused","useState","keyboardInput","useContext","AppRootContext","onFocus","useCallback","event","stopPropagation","onBlur","focusVisible"],"mappings":";;;;+BAGgBA;;;eAAAA;;;uBAH8C;gCAC/B;AAExB,SAASA,gBAAgBC,yBAAyB,IAAI;IAC3D,MAAM,CAACC,WAAWC,aAAa,GAAGC,IAAAA,eAAQ,EAAC;IAC3C,MAAM,EAAEC,aAAa,EAAE,GAAGC,IAAAA,iBAAU,EAACC,8BAAc;IAEnD,MAAMC,UAAUC,IAAAA,kBAAW,EACzB,CAACC;QACCA,MAAMC,eAAe;QACrBR,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMS,SAASH,IAAAA,kBAAW,EACxB,CAACC;QACCA,MAAMC,eAAe;QACrBR,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMU,eAAeZ,yBAAyBI,iBAAiBH,YAAYA;IAE3E,OAAO;QACLW;QACAL;QACAI;IACF;AACF"}