@skbkontur/react-ui 0.0.0-3dbb8bef27 → 0.0.0-3e9dfb16e9

package/components/ResponsiveLayout/ResponsiveLayout/ResponsiveLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","isFunction","CommonWrapper","useResponsiveLayout","ResponsiveLayout","props","_props$children","_props$children2","layoutFlags","customMediaQueries","onLayoutChange","createElement","children","__KONTUR_REACT_UI__","displayName"],"sources":["ResponsiveLayout.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { isFunction } from '../../lib/utils';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags } from './types';\nimport { useResponsiveLayout } from './useResponsiveLayout';\n\ninterface ResponsiveLayoutProps<T extends MediaQueriesType = EmptyObject> {\n  /** Задает функцию, которая вызывается при изменении лейаута. */\n  onLayoutChange?: (layout: ResponsiveLayoutFlags<T>) => void;\n\n  /** @ignore */\n  children?: React.ReactNode | ((currentLayout: ResponsiveLayoutFlags<T>) => React.ReactNode);\n\n  /** Позволяет кастомизировать возвращаемые флаги. */\n  customMediaQueries?: T;\n}\n\n/**\n * Компонент `ResponsiveLayout` для определения текущего лэйаута.\n */\nexport function ResponsiveLayout<T extends MediaQueriesType = EmptyObject>(props: ResponsiveLayoutProps<T>) {\n  const layoutFlags = useResponsiveLayout<T>({ customMediaQueries: props.customMediaQueries });\n\n  useEffect(() => {\n    if (props.onLayoutChange) {\n      props.onLayoutChange(layoutFlags);\n    }\n  }, [layoutFlags]);\n\n  return (\n    <CommonWrapper {...props}>\n      {isFunction(props.children) ? props.children(layoutFlags) ?? null : props.children ?? null}\n    </CommonWrapper>\n  );\n}\n\nResponsiveLayout.__KONTUR_REACT_UI__ = 'ResponsiveLayout';\nResponsiveLayout.displayName = 'ResponsiveLayout';\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;;AAExC,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,8BAA8B;;;AAG5D,SAASC,mBAAmB,QAAQ,uBAAuB;;;;;;;;;;;;;AAa3D;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAA2CC,KAA+B,EAAE,KAAAC,eAAA,EAAAC,gBAAA;EAC1G,IAAMC,WAAW,GAAGL,mBAAmB,CAAI,EAAEM,kBAAkB,EAAEJ,KAAK,CAACI,kBAAkB,CAAC,CAAC,CAAC;;EAE5FT,SAAS,CAAC,YAAM;IACd,IAAIK,KAAK,CAACK,cAAc,EAAE;MACxBL,KAAK,CAACK,cAAc,CAACF,WAAW,CAAC;IACnC;EACF,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;;EAEjB;IACET,KAAA,CAAAY,aAAA,CAACT,aAAa,EAAKG,KAAK;IACrBJ,UAAU,CAACI,KAAK,CAACO,QAAQ,CAAC,IAAAN,eAAA,GAAGD,KAAK,CAACO,QAAQ,CAACJ,WAAW,CAAC,YAAAF,eAAA,GAAI,IAAI,IAAAC,gBAAA,GAAGF,KAAK,CAACO,QAAQ,YAAAL,gBAAA,GAAI;IACzE,CAAC;;AAEpB;;AAEAH,gBAAgB,CAACS,mBAAmB,GAAG,kBAAkB;AACzDT,gBAAgB,CAACU,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","useEffect","isFunction","CommonWrapper","useResponsiveLayout","ResponsiveLayout","props","_props$children","_props$children2","layoutFlags","customMediaQueries","onLayoutChange","createElement","children","__KONTUR_REACT_UI__","displayName"],"sources":["ResponsiveLayout.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { isFunction } from '../../lib/utils';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\n\nimport type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags } from './types';\nimport { useResponsiveLayout } from './useResponsiveLayout';\n\ninterface ResponsiveLayoutProps<T extends MediaQueriesType = EmptyObject> {\n  /** Задает функцию, которая вызывается при изменении лейаута. */\n  onLayoutChange?: (layout: ResponsiveLayoutFlags<T>) => void;\n\n  /** @ignore */\n  children?: React.ReactNode | ((currentLayout: ResponsiveLayoutFlags<T>) => React.ReactNode);\n\n  /** Позволяет кастомизировать возвращаемые флаги. */\n  customMediaQueries?: T;\n}\n\n/**\n * Компонент `ResponsiveLayout` для определения текущего лэйаута.\n */\nexport function ResponsiveLayout<T extends MediaQueriesType = EmptyObject>(props: ResponsiveLayoutProps<T>) {\n  const layoutFlags = useResponsiveLayout<T>({ customMediaQueries: props.customMediaQueries });\n\n  useEffect(() => {\n    if (props.onLayoutChange) {\n      props.onLayoutChange(layoutFlags);\n    }\n  }, [layoutFlags]);\n\n  return (\n    <CommonWrapper {...props}>\n      {isFunction(props.children) ? props.children(layoutFlags) ?? null : props.children ?? null}\n    </CommonWrapper>\n  );\n}\n\nResponsiveLayout.__KONTUR_REACT_UI__ = 'ResponsiveLayout';\nResponsiveLayout.displayName = 'ResponsiveLayout';\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;;AAExC,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,8BAA8B;;;AAG5D,SAASC,mBAAmB,QAAQ,uBAAuB;;;;;;;;;;;;;AAa3D;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAA2CC,KAA+B,EAAE,KAAAC,eAAA,EAAAC,gBAAA;EAC1G,IAAMC,WAAW,GAAGL,mBAAmB,CAAI,EAAEM,kBAAkB,EAAEJ,KAAK,CAACI,kBAAkB,CAAC,CAAC,CAAC;;EAE5FT,SAAS,CAAC,YAAM;IACd,IAAIK,KAAK,CAACK,cAAc,EAAE;MACxBL,KAAK,CAACK,cAAc,CAACF,WAAW,CAAC;IACnC;EACF,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;;EAEjB;IACET,KAAA,CAAAY,aAAA,CAACT,aAAa,EAAKG,KAAK;IACrBJ,UAAU,CAACI,KAAK,CAACO,QAAQ,CAAC,IAAAN,eAAA,GAAGD,KAAK,CAACO,QAAQ,CAACJ,WAAW,CAAC,YAAAF,eAAA,GAAI,IAAI,IAAAC,gBAAA,GAAGF,KAAK,CAACO,QAAQ,YAAAL,gBAAA,GAAI;IACzE,CAAC;;AAEpB;;AAEAH,gBAAgB,CAACS,mBAAmB,GAAG,kBAAkB;AACzDT,gBAAgB,CAACU,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/components/ResponsiveLayout/ResponsiveLayout.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags } from './types';
+import type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags } from './types';
 interface ResponsiveLayoutProps<T extends MediaQueriesType = EmptyObject> {
     /** Задает функцию, которая вызывается при изменении лейаута. */
     onLayoutChange?: (layout: ResponsiveLayoutFlags<T>) => void;

package/components/ResponsiveLayout/__docs__/ResponsiveLayout.mdx

@@ -1,19 +1,18 @@
 import * as ResponsiveLayoutStories from './ResponsiveLayout.docs.stories.tsx';
 import { ArgTypes, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={ResponsiveLayoutStories} />
 
-# ResponsiveLayout
+<Header component="ResponsiveLayout" />
 
 <Description />
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/ResponsiveLayout/decorator/decorator.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ResponsiveLayout","responsiveLayout","WrappedComp","ComponentWithLayout","_WrappedComp","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderWithLayout","currentLayout","layout","prototype","render","_inheritsLoose","_proto","createElement","_createClass","key","get","set","value","isMobile","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","name"],"sources":["decorator.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ResponsiveLayout } from './ResponsiveLayout';\nimport { ResponsiveLayoutFlags } from './types';\n\nexport function responsiveLayout<T extends new (...args: any[]) => React.Component>(WrappedComp: T) {\n  const ComponentWithLayout = class extends WrappedComp {\n    public layout!: ResponsiveLayoutFlags;\n\n    public get currentLayout(): ResponsiveLayoutFlags {\n      return this.layout;\n    }\n\n    public set currentLayout(value: ResponsiveLayoutFlags) {\n      //\n    }\n\n    public get isMobileLayout(): boolean {\n      return this.layout.isMobile;\n    }\n\n    public set isMobileLayout(value: boolean) {\n      //\n    }\n\n    public renderWithLayout = (currentLayout: ResponsiveLayoutFlags) => {\n      this.layout = currentLayout;\n\n      return super.render();\n    };\n\n    public render() {\n      return <ResponsiveLayout>{this.renderWithLayout}</ResponsiveLayout>;\n    }\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(ComponentWithLayout, 'name');\n\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(ComponentWithLayout, 'name', { value: WrappedComp.name });\n  }\n\n  return ComponentWithLayout;\n}\n"],"mappings":"wIAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,gBAAgB,QAAQ,oBAAoB;;;AAGrD,OAAO,SAASC,gBAAgBA,CAAoDC,WAAc,EAAE;EAClG,IAAMC,mBAAmB,0BAAAC,YAAA,YAAAD,oBAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,YAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,YAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;;;MAmBhBU,gBAAgB,GAAG,UAACC,aAAoC,EAAK;QAClEX,KAAA,CAAKY,MAAM,GAAGD,aAAa;;QAE3B,OAAAZ,YAAA,CAAAc,SAAA,CAAaC,MAAM,CAAAP,IAAA,CAAAP,KAAA;MACrB,CAAC,QAAAA,KAAA,EAAAe,cAAA,CAAAjB,mBAAA,EAAAC,YAAA,MAAAiB,MAAA,GAAAlB,mBAAA,CAAAe,SAAA,CAAAG,MAAA;;IAEMF,MAAM,GAAb,SAAAA,OAAA,EAAgB;MACd,oBAAOpB,KAAA,CAAAuB,aAAA,CAACtB,gBAAgB,QAAE,IAAI,CAACe,gBAAmC,CAAC;IACrE,CAAC,QAAAQ,YAAA,CAAApB,mBAAA,KAAAqB,GAAA,mBAAAC,GAAA,EAxBD,SAAAA,IAAA,EAAkD,CAChD,OAAO,IAAI,CAACR,MAAM,CACpB,CAAC,EAAAS,GAAA,EAED,SAAAA,IAAyBC,KAA4B,EAAE,CACrD;MAAA,CACD,MAAAH,GAAA,oBAAAC,GAAA,EAED,SAAAA,IAAA,EAAqC,CACnC,OAAO,IAAI,CAACR,MAAM,CAACW,QAAQ,CAC7B,CAAC,EAAAF,GAAA,EAED,SAAAA,IAA0BC,KAAc,EAAE,CACxC;MAAA,CACD,OAjBuCzB,WAAW,CA4BpD;EAED,IAAM2B,cAAc,GAAGC,MAAM,CAACC,wBAAwB,CAAC5B,mBAAmB,EAAE,MAAM,CAAC;;EAEnF,IAAI,CAAC0B,cAAc,IAAIA,cAAc,CAACG,YAAY,EAAE;IAClDF,MAAM,CAACG,cAAc,CAAC9B,mBAAmB,EAAE,MAAM,EAAE,EAAEwB,KAAK,EAAEzB,WAAW,CAACgC,IAAI,CAAC,CAAC,CAAC;EACjF;;EAEA,OAAO/B,mBAAmB;AAC5B","ignoreList":[]}
+{"version":3,"names":["React","ResponsiveLayout","responsiveLayout","WrappedComp","ComponentWithLayout","_WrappedComp","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderWithLayout","currentLayout","layout","prototype","render","_inheritsLoose","_proto","createElement","_createClass","key","get","set","value","isMobile","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","name"],"sources":["decorator.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ResponsiveLayout } from './ResponsiveLayout';\nimport type { ResponsiveLayoutFlags } from './types';\n\nexport function responsiveLayout<T extends new (...args: any[]) => React.Component>(WrappedComp: T) {\n  const ComponentWithLayout = class extends WrappedComp {\n    public layout!: ResponsiveLayoutFlags;\n\n    public get currentLayout(): ResponsiveLayoutFlags {\n      return this.layout;\n    }\n\n    public set currentLayout(value: ResponsiveLayoutFlags) {\n      //\n    }\n\n    public get isMobileLayout(): boolean {\n      return this.layout.isMobile;\n    }\n\n    public set isMobileLayout(value: boolean) {\n      //\n    }\n\n    public renderWithLayout = (currentLayout: ResponsiveLayoutFlags) => {\n      this.layout = currentLayout;\n\n      return super.render();\n    };\n\n    public render() {\n      return <ResponsiveLayout>{this.renderWithLayout}</ResponsiveLayout>;\n    }\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(ComponentWithLayout, 'name');\n\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(ComponentWithLayout, 'name', { value: WrappedComp.name });\n  }\n\n  return ComponentWithLayout;\n}\n"],"mappings":"wIAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,gBAAgB,QAAQ,oBAAoB;;;AAGrD,OAAO,SAASC,gBAAgBA,CAAoDC,WAAc,EAAE;EAClG,IAAMC,mBAAmB,0BAAAC,YAAA,YAAAD,oBAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,YAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,YAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;;;MAmBhBU,gBAAgB,GAAG,UAACC,aAAoC,EAAK;QAClEX,KAAA,CAAKY,MAAM,GAAGD,aAAa;;QAE3B,OAAAZ,YAAA,CAAAc,SAAA,CAAaC,MAAM,CAAAP,IAAA,CAAAP,KAAA;MACrB,CAAC,QAAAA,KAAA,EAAAe,cAAA,CAAAjB,mBAAA,EAAAC,YAAA,MAAAiB,MAAA,GAAAlB,mBAAA,CAAAe,SAAA,CAAAG,MAAA;;IAEMF,MAAM,GAAb,SAAAA,OAAA,EAAgB;MACd,oBAAOpB,KAAA,CAAAuB,aAAA,CAACtB,gBAAgB,QAAE,IAAI,CAACe,gBAAmC,CAAC;IACrE,CAAC,QAAAQ,YAAA,CAAApB,mBAAA,KAAAqB,GAAA,mBAAAC,GAAA,EAxBD,SAAAA,IAAA,EAAkD,CAChD,OAAO,IAAI,CAACR,MAAM,CACpB,CAAC,EAAAS,GAAA,EAED,SAAAA,IAAyBC,KAA4B,EAAE,CACrD;MAAA,CACD,MAAAH,GAAA,oBAAAC,GAAA,EAED,SAAAA,IAAA,EAAqC,CACnC,OAAO,IAAI,CAACR,MAAM,CAACW,QAAQ,CAC7B,CAAC,EAAAF,GAAA,EAED,SAAAA,IAA0BC,KAAc,EAAE,CACxC;MAAA,CACD,OAjBuCzB,WAAW,CA4BpD;EAED,IAAM2B,cAAc,GAAGC,MAAM,CAACC,wBAAwB,CAAC5B,mBAAmB,EAAE,MAAM,CAAC;;EAEnF,IAAI,CAAC0B,cAAc,IAAIA,cAAc,CAACG,YAAY,EAAE;IAClDF,MAAM,CAACG,cAAc,CAAC9B,mBAAmB,EAAE,MAAM,EAAE,EAAEwB,KAAK,EAAEzB,WAAW,CAACgC,IAAI,CAAC,CAAC,CAAC;EACjF;;EAEA,OAAO/B,mBAAmB;AAC5B","ignoreList":[]}

package/components/ResponsiveLayout/decorator.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ResponsiveLayoutFlags } from './types';
+import type { ResponsiveLayoutFlags } from './types';
 export declare function responsiveLayout<T extends new (...args: any[]) => React.Component>(WrappedComp: T): {
     new (...args: any[]): {
         layout: ResponsiveLayoutFlags;

package/components/ResponsiveLayout/useResponsiveLayout/useResponsiveLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["createRef","useCallback","useContext","useEffect","useState","ThemeContext","addResponsiveLayoutListener","checkMatches","useResponsiveLayout","_temp","_ref","customMediaQueries","theme","allMediaQueries","Object","entries","_extends","isMobile","mobileMediaQuery","map","_ref2","key","value","flag","query","ref","getLayoutFromGlobal","reduce","result","mediaQuery","_Object$assign","assign","_useState","state","setState","prepareMediaQueries","forEach","current","checkLayoutsMediaQueries","globalLayout","hasChangedQuery","find","_ref3","e","media","prevState","_extends2","matches","_mediaQuery$ref$curre","remove"],"sources":["useResponsiveLayout.ts"],"sourcesContent":["import React, { createRef, useCallback, useContext, useEffect, useState } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags, ResponsiveLayoutOptions } from './types';\nimport { addResponsiveLayoutListener, checkMatches } from './ResponsiveLayoutEvents';\n\nexport function useResponsiveLayout<T extends MediaQueriesType = EmptyObject>({\n  customMediaQueries,\n}: ResponsiveLayoutOptions<T> = {}) {\n  const theme = useContext(ThemeContext);\n\n  const allMediaQueries = Object.entries({\n    isMobile: theme.mobileMediaQuery,\n    ...customMediaQueries,\n  }).map(([key, value]) => ({\n    flag: key,\n    query: value,\n    ref: createRef() as React.MutableRefObject<{ remove: () => void } | null>,\n  }));\n\n  const getLayoutFromGlobal = (): ResponsiveLayoutFlags<T> => {\n    return allMediaQueries.reduce(\n      (result, mediaQuery) => Object.assign(result, { [mediaQuery.flag]: checkMatches(mediaQuery.query) }),\n      {},\n    ) as ResponsiveLayoutFlags<T>;\n  };\n\n  const [state, setState] = useState(getLayoutFromGlobal());\n\n  const prepareMediaQueries = useCallback(() => {\n    if (!theme) {\n      return;\n    }\n\n    allMediaQueries.forEach(\n      (mediaQuery) =>\n        (mediaQuery.ref.current = addResponsiveLayoutListener(mediaQuery.query, checkLayoutsMediaQueries)),\n    );\n\n    // Checking for SSR use case\n    const globalLayout = getLayoutFromGlobal();\n    const hasChangedQuery = Object.entries(globalLayout).find(([key, value]) => state[key] !== value);\n\n    if (hasChangedQuery) {\n      setState(globalLayout);\n    }\n  }, [theme]);\n\n  const checkLayoutsMediaQueries = useCallback(\n    (e: MediaQueryListEvent) => {\n      if (!theme) {\n        return;\n      }\n\n      allMediaQueries.forEach((mediaQuery) => {\n        if (e.media === mediaQuery.query) {\n          setState((prevState: ResponsiveLayoutFlags<T>) => ({\n            ...prevState,\n            [mediaQuery.flag]: e.matches,\n          }));\n        }\n      });\n    },\n    [theme],\n  );\n\n  useEffect(() => {\n    prepareMediaQueries();\n\n    return () => {\n      allMediaQueries.forEach((mediaQuery) => mediaQuery.ref.current?.remove());\n    };\n  }, []);\n\n  return state;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["createRef","useCallback","useContext","useEffect","useState","ThemeContext","addResponsiveLayoutListener","checkMatches","useResponsiveLayout","_temp","_ref","customMediaQueries","theme","allMediaQueries","Object","entries","_extends","isMobile","mobileMediaQuery","map","_ref2","key","value","flag","query","ref","getLayoutFromGlobal","reduce","result","mediaQuery","_Object$assign","assign","_useState","state","setState","prepareMediaQueries","forEach","current","checkLayoutsMediaQueries","globalLayout","hasChangedQuery","find","_ref3","e","media","prevState","_extends2","matches","_mediaQuery$ref$curre","remove"],"sources":["useResponsiveLayout.ts"],"sourcesContent":["import type React from 'react';\nimport { createRef, useCallback, useContext, useEffect, useState } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags, ResponsiveLayoutOptions } from './types';\nimport { addResponsiveLayoutListener, checkMatches } from './ResponsiveLayoutEvents';\n\nexport function useResponsiveLayout<T extends MediaQueriesType = EmptyObject>({\n  customMediaQueries,\n}: ResponsiveLayoutOptions<T> = {}) {\n  const theme = useContext(ThemeContext);\n\n  const allMediaQueries = Object.entries({\n    isMobile: theme.mobileMediaQuery,\n    ...customMediaQueries,\n  }).map(([key, value]) => ({\n    flag: key,\n    query: value,\n    ref: createRef() as React.MutableRefObject<{ remove: () => void } | null>,\n  }));\n\n  const getLayoutFromGlobal = (): ResponsiveLayoutFlags<T> => {\n    return allMediaQueries.reduce(\n      (result, mediaQuery) => Object.assign(result, { [mediaQuery.flag]: checkMatches(mediaQuery.query) }),\n      {},\n    ) as ResponsiveLayoutFlags<T>;\n  };\n\n  const [state, setState] = useState(getLayoutFromGlobal());\n\n  const prepareMediaQueries = useCallback(() => {\n    if (!theme) {\n      return;\n    }\n\n    allMediaQueries.forEach(\n      (mediaQuery) =>\n        (mediaQuery.ref.current = addResponsiveLayoutListener(mediaQuery.query, checkLayoutsMediaQueries)),\n    );\n\n    // Checking for SSR use case\n    const globalLayout = getLayoutFromGlobal();\n    const hasChangedQuery = Object.entries(globalLayout).find(([key, value]) => state[key] !== value);\n\n    if (hasChangedQuery) {\n      setState(globalLayout);\n    }\n  }, [theme]);\n\n  const checkLayoutsMediaQueries = useCallback(\n    (e: MediaQueryListEvent) => {\n      if (!theme) {\n        return;\n      }\n\n      allMediaQueries.forEach((mediaQuery) => {\n        if (e.media === mediaQuery.query) {\n          setState((prevState: ResponsiveLayoutFlags<T>) => ({\n            ...prevState,\n            [mediaQuery.flag]: e.matches,\n          }));\n        }\n      });\n    },\n    [theme],\n  );\n\n  useEffect(() => {\n    prepareMediaQueries();\n\n    return () => {\n      allMediaQueries.forEach((mediaQuery) => mediaQuery.ref.current?.remove());\n    };\n  }, []);\n\n  return state;\n}\n"],"mappings":"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","ignoreList":[]}

package/components/ResponsiveLayout/useResponsiveLayout.d.ts

@@ -1,2 +1,2 @@
-import { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags, ResponsiveLayoutOptions } from './types';
+import type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags, ResponsiveLayoutOptions } from './types';
 export declare function useResponsiveLayout<T extends MediaQueriesType = EmptyObject>({ customMediaQueries, }?: ResponsiveLayoutOptions<T>): ResponsiveLayoutFlags<T>;

package/components/ScrollContainer/ScrollBar/ScrollBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","ThemeContext","cx","isInstanceOf","defaultScrollbarState","scrollSizeParametersNames","styles","globalClasses","getScrollSizeParams","ScrollBar","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","containerRef","createRef","state","_extends","renderMain","_cx","_inlineStyles","props","active","_scrollSizeParameters","axis","customScrollPos","customScrollSize","classNames","className","scrollBar","theme","scrollBarStyles","scrollBarInvert","invert","visibleScrollBar","isVisible","inlineStyles","pos","size","createElement","ref","scrollBarContainerClassNames","style","offset","refScroll","onMouseDown","handleScrollMouseDown","reflow","inner","_getScrollSizeParams","scrollSize","scrollPos","scrollActive","scrollState","getImmediateScrollState","onScroll","setState","setInnerElement","element","handleScrollWheel","event","node","addEventListener","passive","removeEventListener","_scrollSizeParameters2","coord","initialCoord","target","document","initialScrollPos","mouseMove","mouseMoveEvent","current","remainingScrollingContent","remainingScrollingSpace","ratio","delta","preventDefault","Object","prototype","hasOwnProperty","returnValue","mouseUp","scrollingByMouseDrag","WheelEvent","shiftKey","_scrollSizeParameters3","offsetHeight","deltaY","_scrollSizeParameters4","clientSize","maxScrollPos","Math","abs","_inheritsLoose","_proto","componentDidMount","componentDidUpdate","render","_this2","Consumer","setHover","hover","getHover","_createClass","key","get","_cx3","_cx2","scrollBarX","scrollbarX","scrollBarXHover","scrollBarY","scrollbarY","scrollBarYHover","scrollbarContainerX","scrollBarContainerX","scrollbarContainerY","scrollBarContainerY","Component"],"sources":["ScrollBar.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nimport { defaultScrollbarState, scrollSizeParametersNames } from './ScrollContainer.constants';\nimport { styles, globalClasses } from './ScrollContainer.styles';\nimport { getScrollSizeParams } from './ScrollContainer.helpers';\nimport { ScrollContainerProps } from './ScrollContainer';\n\nexport type ScrollAxis = 'x' | 'y';\nexport type ScrollBarScrollState = 'begin' | 'middle' | 'end';\n\nexport interface ScrollBarState {\n  active: boolean;\n  hover: boolean;\n  scrollingByMouseDrag: boolean;\n  size: number; // in percentages\n  pos: number; // in percentages\n  scrollState: ScrollBarScrollState;\n}\n\nexport interface ScrollBarProps {\n  /** Инвертирует цвет скроллбара. */\n  invert: boolean;\n\n  /** Задает ось скроллбара. */\n  axis: ScrollAxis;\n\n  /** Задает HTML-атрибут class. */\n  className?: string;\n\n  /** Задает функцию, которая вызывается при скролле. */\n  onScroll?: (axis: ScrollAxis, state: ScrollBarScrollState, prevState: ScrollBarScrollState) => void;\n\n  /** Задает отступ от края экрана. */\n  offset: ScrollContainerProps['offsetY'] | ScrollContainerProps['offsetX'];\n\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n\n  /** Определяет, виден ли скроллбар. */\n  isVisible: boolean;\n}\n\nexport class ScrollBar extends React.Component<ScrollBarProps, ScrollBarState> {\n  private inner: Nullable<HTMLElement>;\n  private containerRef = React.createRef<HTMLDivElement>();\n  private theme!: Theme;\n\n  public node: Nullable<HTMLElement>;\n  public state: ScrollBarState = {\n    ...defaultScrollbarState,\n  };\n\n  public componentDidMount() {\n    this.reflow();\n  }\n\n  public componentDidUpdate() {\n    this.reflow();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = () => {\n    const state = this.state;\n    const props = this.props;\n\n    if (!state.active) {\n      return null;\n    }\n\n    const { customScrollPos, customScrollSize } = scrollSizeParametersNames[this.props.axis];\n\n    const classNames = cx(props.className, styles.scrollBar(this.theme), this.scrollBarStyles, {\n      [styles.scrollBarInvert(this.theme)]: props.invert,\n      [styles.visibleScrollBar()]: props.isVisible,\n    });\n\n    const inlineStyles: React.CSSProperties = {\n      [customScrollPos]: `${state.pos}%`,\n      [customScrollSize]: `${state.size}%`,\n    };\n\n    return (\n      <div ref={this.containerRef} className={this.scrollBarContainerClassNames} style={props.offset}>\n        <div\n          ref={this.refScroll}\n          style={inlineStyles}\n          className={classNames}\n          onMouseDown={this.handleScrollMouseDown}\n          data-tid={`ScrollContainer__ScrollBar-${props.axis}`}\n        />\n      </div>\n    );\n  };\n\n  public reflow = () => {\n    if (!this.inner) {\n      return;\n    }\n\n    const props = this.props;\n    const state = this.state;\n\n    const { scrollSize, scrollPos, scrollActive } = getScrollSizeParams(this.inner, props.axis);\n\n    if (!scrollActive && !state.active) {\n      return;\n    }\n\n    if (state.active !== scrollActive || state.size !== scrollSize || state.pos !== scrollPos) {\n      const scrollState = this.getImmediateScrollState();\n\n      if (state.pos !== scrollPos) {\n        this.props.onScroll?.(props.axis, scrollState, state.scrollState);\n      }\n\n      this.setState({\n        ...this.state,\n        active: scrollActive,\n        size: scrollSize,\n        pos: scrollPos,\n        scrollState,\n      });\n    }\n  };\n\n  public setInnerElement = (inner: Nullable<HTMLElement>) => {\n    this.inner = inner;\n    this.reflow();\n  };\n\n  public setHover(hover: boolean) {\n    if (this.state.active && this.state.hover !== hover) {\n      this.setState({ ...this.state, hover });\n    }\n  }\n\n  public getHover() {\n    return this.state.hover;\n  }\n\n  public get scrollBarState() {\n    return this.state.scrollState;\n  }\n\n  private get scrollBarStyles() {\n    const state = this.state;\n\n    if (this.props.axis === 'x') {\n      return cx(styles.scrollBarX(this.theme), globalClasses.scrollbarX, {\n        [styles.scrollBarXHover(this.theme)]: state.hover || state.scrollingByMouseDrag,\n      });\n    }\n\n    return cx(styles.scrollBarY(this.theme), globalClasses.scrollbarY, {\n      [styles.scrollBarYHover(this.theme)]: state.hover || state.scrollingByMouseDrag,\n    });\n  }\n\n  private get scrollBarContainerClassNames() {\n    const { axis } = this.props;\n\n    if (axis === 'x') {\n      return cx(globalClasses.scrollbarContainerX, styles.scrollBarContainerX(this.theme));\n    }\n\n    return cx(globalClasses.scrollbarContainerY, styles.scrollBarContainerY());\n  }\n\n  private refScroll = (element: HTMLElement | null) => {\n    const handleScrollWheel = (event: Event) => this.handleScrollWheel(event, this.props.axis);\n\n    if (!this.node && element) {\n      element.addEventListener('wheel', handleScrollWheel, { passive: false });\n    }\n    if (this.node && !element) {\n      this.node.removeEventListener('wheel', handleScrollWheel);\n    }\n    this.node = element;\n  };\n\n  private handleScrollMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!this.inner) {\n      return;\n    }\n\n    const { offset, size, pos, coord } = scrollSizeParametersNames[this.props.axis];\n\n    const initialCoord = event[coord];\n    const target = globalObject.document;\n    const initialScrollPos = this.inner[pos];\n    const state = this.state;\n\n    const mouseMove = (mouseMoveEvent: MouseEvent) => {\n      if (!this.inner || !this.containerRef.current) {\n        return;\n      }\n\n      const remainingScrollingContent = this.inner[size] - this.inner[offset];\n      const remainingScrollingSpace = (this.containerRef.current[offset] / 100) * (100 - state.size);\n\n      const ratio = remainingScrollingContent / remainingScrollingSpace;\n      const delta = (mouseMoveEvent[coord] - initialCoord) * ratio;\n\n      this.inner[pos] = initialScrollPos + delta;\n\n      if (mouseMoveEvent.preventDefault) {\n        mouseMoveEvent.preventDefault();\n      }\n\n      if (Object.prototype.hasOwnProperty.call(mouseMoveEvent, 'returnValue')) {\n        (\n          mouseMoveEvent as MouseEvent & {\n            returnValue: boolean;\n          }\n        ).returnValue = false;\n      }\n    };\n\n    const mouseUp = () => {\n      target?.removeEventListener('mousemove', mouseMove);\n      target?.removeEventListener('mouseup', mouseUp);\n      this.setState({ ...this.state, scrollingByMouseDrag: false });\n    };\n\n    target?.addEventListener('mousemove', mouseMove);\n    target?.addEventListener('mouseup', mouseUp);\n    this.setState({ ...this.state, scrollingByMouseDrag: true });\n\n    event.preventDefault();\n  };\n\n  private handleScrollWheel = (event: Event, axis: ScrollAxis) => {\n    if (!this.inner || !isInstanceOf(event, globalObject.WheelEvent) || (axis === 'x' && !event.shiftKey)) {\n      return;\n    }\n\n    const { offset, size, pos } = scrollSizeParametersNames[axis];\n\n    const scrollSize = this.inner[size];\n    const scrollPos = this.inner[pos];\n    const offsetHeight = this.inner[offset];\n\n    if (event.deltaY > 0 && scrollSize <= scrollPos + offsetHeight) {\n      return;\n    }\n    if (event.deltaY < 0 && scrollPos <= 0) {\n      return;\n    }\n\n    this.inner[pos] += event.deltaY;\n\n    event.preventDefault();\n  };\n\n  private getImmediateScrollState = (): ScrollBarScrollState => {\n    const { pos, size, clientSize } = scrollSizeParametersNames[this.props.axis];\n\n    if (!this.inner || this.inner[pos] === 0) {\n      return 'begin';\n    }\n    // Zoom in Chrome causes problems\n    // https://github.com/skbkontur/retail-ui/pull/2705#issue-806286945\n    const maxScrollPos = this.inner[size] - this.inner[clientSize];\n    if (Math.abs(maxScrollPos - this.inner[pos]) <= 1) {\n      return 'end';\n    }\n\n    return 'middle';\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","ThemeContext","cx","isInstanceOf","defaultScrollbarState","scrollSizeParametersNames","styles","globalClasses","getScrollSizeParams","ScrollBar","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","containerRef","createRef","state","_extends","renderMain","_cx","_inlineStyles","props","active","_scrollSizeParameters","axis","customScrollPos","customScrollSize","classNames","className","scrollBar","theme","scrollBarStyles","scrollBarInvert","invert","visibleScrollBar","isVisible","inlineStyles","pos","size","createElement","ref","scrollBarContainerClassNames","style","offset","refScroll","onMouseDown","handleScrollMouseDown","reflow","inner","_getScrollSizeParams","scrollSize","scrollPos","scrollActive","scrollState","getImmediateScrollState","onScroll","setState","setInnerElement","element","handleScrollWheel","event","node","addEventListener","passive","removeEventListener","_scrollSizeParameters2","coord","initialCoord","target","document","initialScrollPos","mouseMove","mouseMoveEvent","current","remainingScrollingContent","remainingScrollingSpace","ratio","delta","preventDefault","Object","prototype","hasOwnProperty","returnValue","mouseUp","scrollingByMouseDrag","WheelEvent","shiftKey","_scrollSizeParameters3","offsetHeight","deltaY","_scrollSizeParameters4","clientSize","maxScrollPos","Math","abs","_inheritsLoose","_proto","componentDidMount","componentDidUpdate","render","_this2","Consumer","setHover","hover","getHover","_createClass","key","get","_cx3","_cx2","scrollBarX","scrollbarX","scrollBarXHover","scrollBarY","scrollbarY","scrollBarYHover","scrollbarContainerX","scrollBarContainerX","scrollbarContainerY","scrollBarContainerY","Component"],"sources":["ScrollBar.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nimport { defaultScrollbarState, scrollSizeParametersNames } from './ScrollContainer.constants';\nimport { styles, globalClasses } from './ScrollContainer.styles';\nimport { getScrollSizeParams } from './ScrollContainer.helpers';\nimport type { ScrollContainerProps } from './ScrollContainer';\n\nexport type ScrollAxis = 'x' | 'y';\nexport type ScrollBarScrollState = 'begin' | 'middle' | 'end';\n\nexport interface ScrollBarState {\n  active: boolean;\n  hover: boolean;\n  scrollingByMouseDrag: boolean;\n  size: number; // in percentages\n  pos: number; // in percentages\n  scrollState: ScrollBarScrollState;\n}\n\nexport interface ScrollBarProps {\n  /** Инвертирует цвет скроллбара. */\n  invert: boolean;\n\n  /** Задает ось скроллбара. */\n  axis: ScrollAxis;\n\n  /** Задает HTML-атрибут class. */\n  className?: string;\n\n  /** Задает функцию, которая вызывается при скролле. */\n  onScroll?: (axis: ScrollAxis, state: ScrollBarScrollState, prevState: ScrollBarScrollState) => void;\n\n  /** Задает отступ от края экрана. */\n  offset: ScrollContainerProps['offsetY'] | ScrollContainerProps['offsetX'];\n\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n\n  /** Определяет, виден ли скроллбар. */\n  isVisible: boolean;\n}\n\nexport class ScrollBar extends React.Component<ScrollBarProps, ScrollBarState> {\n  private inner: Nullable<HTMLElement>;\n  private containerRef = React.createRef<HTMLDivElement>();\n  private theme!: Theme;\n\n  public node: Nullable<HTMLElement>;\n  public state: ScrollBarState = {\n    ...defaultScrollbarState,\n  };\n\n  public componentDidMount() {\n    this.reflow();\n  }\n\n  public componentDidUpdate() {\n    this.reflow();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = () => {\n    const state = this.state;\n    const props = this.props;\n\n    if (!state.active) {\n      return null;\n    }\n\n    const { customScrollPos, customScrollSize } = scrollSizeParametersNames[this.props.axis];\n\n    const classNames = cx(props.className, styles.scrollBar(this.theme), this.scrollBarStyles, {\n      [styles.scrollBarInvert(this.theme)]: props.invert,\n      [styles.visibleScrollBar()]: props.isVisible,\n    });\n\n    const inlineStyles: React.CSSProperties = {\n      [customScrollPos]: `${state.pos}%`,\n      [customScrollSize]: `${state.size}%`,\n    };\n\n    return (\n      <div ref={this.containerRef} className={this.scrollBarContainerClassNames} style={props.offset}>\n        <div\n          ref={this.refScroll}\n          style={inlineStyles}\n          className={classNames}\n          onMouseDown={this.handleScrollMouseDown}\n          data-tid={`ScrollContainer__ScrollBar-${props.axis}`}\n        />\n      </div>\n    );\n  };\n\n  public reflow = () => {\n    if (!this.inner) {\n      return;\n    }\n\n    const props = this.props;\n    const state = this.state;\n\n    const { scrollSize, scrollPos, scrollActive } = getScrollSizeParams(this.inner, props.axis);\n\n    if (!scrollActive && !state.active) {\n      return;\n    }\n\n    if (state.active !== scrollActive || state.size !== scrollSize || state.pos !== scrollPos) {\n      const scrollState = this.getImmediateScrollState();\n\n      if (state.pos !== scrollPos) {\n        this.props.onScroll?.(props.axis, scrollState, state.scrollState);\n      }\n\n      this.setState({\n        ...this.state,\n        active: scrollActive,\n        size: scrollSize,\n        pos: scrollPos,\n        scrollState,\n      });\n    }\n  };\n\n  public setInnerElement = (inner: Nullable<HTMLElement>) => {\n    this.inner = inner;\n    this.reflow();\n  };\n\n  public setHover(hover: boolean) {\n    if (this.state.active && this.state.hover !== hover) {\n      this.setState({ ...this.state, hover });\n    }\n  }\n\n  public getHover() {\n    return this.state.hover;\n  }\n\n  public get scrollBarState() {\n    return this.state.scrollState;\n  }\n\n  private get scrollBarStyles() {\n    const state = this.state;\n\n    if (this.props.axis === 'x') {\n      return cx(styles.scrollBarX(this.theme), globalClasses.scrollbarX, {\n        [styles.scrollBarXHover(this.theme)]: state.hover || state.scrollingByMouseDrag,\n      });\n    }\n\n    return cx(styles.scrollBarY(this.theme), globalClasses.scrollbarY, {\n      [styles.scrollBarYHover(this.theme)]: state.hover || state.scrollingByMouseDrag,\n    });\n  }\n\n  private get scrollBarContainerClassNames() {\n    const { axis } = this.props;\n\n    if (axis === 'x') {\n      return cx(globalClasses.scrollbarContainerX, styles.scrollBarContainerX(this.theme));\n    }\n\n    return cx(globalClasses.scrollbarContainerY, styles.scrollBarContainerY());\n  }\n\n  private refScroll = (element: HTMLElement | null) => {\n    const handleScrollWheel = (event: Event) => this.handleScrollWheel(event, this.props.axis);\n\n    if (!this.node && element) {\n      element.addEventListener('wheel', handleScrollWheel, { passive: false });\n    }\n    if (this.node && !element) {\n      this.node.removeEventListener('wheel', handleScrollWheel);\n    }\n    this.node = element;\n  };\n\n  private handleScrollMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!this.inner) {\n      return;\n    }\n\n    const { offset, size, pos, coord } = scrollSizeParametersNames[this.props.axis];\n\n    const initialCoord = event[coord];\n    const target = globalObject.document;\n    const initialScrollPos = this.inner[pos];\n    const state = this.state;\n\n    const mouseMove = (mouseMoveEvent: MouseEvent) => {\n      if (!this.inner || !this.containerRef.current) {\n        return;\n      }\n\n      const remainingScrollingContent = this.inner[size] - this.inner[offset];\n      const remainingScrollingSpace = (this.containerRef.current[offset] / 100) * (100 - state.size);\n\n      const ratio = remainingScrollingContent / remainingScrollingSpace;\n      const delta = (mouseMoveEvent[coord] - initialCoord) * ratio;\n\n      this.inner[pos] = initialScrollPos + delta;\n\n      if (mouseMoveEvent.preventDefault) {\n        mouseMoveEvent.preventDefault();\n      }\n\n      if (Object.prototype.hasOwnProperty.call(mouseMoveEvent, 'returnValue')) {\n        (\n          mouseMoveEvent as MouseEvent & {\n            returnValue: boolean;\n          }\n        ).returnValue = false;\n      }\n    };\n\n    const mouseUp = () => {\n      target?.removeEventListener('mousemove', mouseMove);\n      target?.removeEventListener('mouseup', mouseUp);\n      this.setState({ ...this.state, scrollingByMouseDrag: false });\n    };\n\n    target?.addEventListener('mousemove', mouseMove);\n    target?.addEventListener('mouseup', mouseUp);\n    this.setState({ ...this.state, scrollingByMouseDrag: true });\n\n    event.preventDefault();\n  };\n\n  private handleScrollWheel = (event: Event, axis: ScrollAxis) => {\n    if (!this.inner || !isInstanceOf(event, globalObject.WheelEvent) || (axis === 'x' && !event.shiftKey)) {\n      return;\n    }\n\n    const { offset, size, pos } = scrollSizeParametersNames[axis];\n\n    const scrollSize = this.inner[size];\n    const scrollPos = this.inner[pos];\n    const offsetHeight = this.inner[offset];\n\n    if (event.deltaY > 0 && scrollSize <= scrollPos + offsetHeight) {\n      return;\n    }\n    if (event.deltaY < 0 && scrollPos <= 0) {\n      return;\n    }\n\n    this.inner[pos] += event.deltaY;\n\n    event.preventDefault();\n  };\n\n  private getImmediateScrollState = (): ScrollBarScrollState => {\n    const { pos, size, clientSize } = scrollSizeParametersNames[this.props.axis];\n\n    if (!this.inner || this.inner[pos] === 0) {\n      return 'begin';\n    }\n    // Zoom in Chrome causes problems\n    // https://github.com/skbkontur/retail-ui/pull/2705#issue-806286945\n    const maxScrollPos = this.inner[size] - this.inner[clientSize];\n    if (Math.abs(maxScrollPos - this.inner[pos]) <= 1) {\n      return 'end';\n    }\n\n    return 'middle';\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/ScrollContainer/ScrollBar.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { ScrollContainerProps } from './ScrollContainer';
+import type { Nullable } from '../../typings/utility-types';
+import type { ScrollContainerProps } from './ScrollContainer';
 export type ScrollAxis = 'x' | 'y';
 export type ScrollBarScrollState = 'begin' | 'middle' | 'end';
 export interface ScrollBarState {

package/components/ScrollContainer/ScrollContainer/ScrollContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PropTypes","globalObject","debounce","isInstanceOf","LayoutEvents","CommonWrapper","cx","isIE11","rootNode","getDOMRect","createPropsGetter","isTestEnv","callChildRef","styles","globalClasses","scrollSizeParametersNames","getScrollYOffset","convertScrollbarXScrollState","convertScrollbarYScrollState","ScrollBar","ScrollContainerDataTids","root","inner","ScrollContainer","_class","_ScrollContainer","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","initialIsScrollBarVisible","showScrollBar","state","isScrollBarXVisible","isScrollBarYVisible","isHovered","render","props","disabled","children","innerStyle","scrollBehavior","scrollBehaviour","maxHeight","maxWidth","scrollbarY","renderScrollbar","scrollbarX","createElement","_extends","rootNodeRef","setRootNode","className","onMouseMove","handleMouseMove","onMouseLeave","handleMouseLeave","style","ref","refInner","innerIE11","onScroll","handleNativeScroll","axis","_this$getProps","offsetY","offsetX","invert","disableAnimations","isAxisX","refScrollBar","refScrollBarX","refScrollBarY","offset","isVisible","handleScroll","handleScrollStateChange","scrollState","scrollY","scrollX","scrollXState","onScrollStateChangeX","scrollYState","onScrollStateChange","onScrollStateChangeY","prevScrollState","_this$getProps2","showScrollBarOnMouseWheel","scrollbar","element","preventWindowScroll","addEventListener","handleInnerScrollWheel","passive","removeEventListener","scrollRef","event","_this$scrollY","_this$scrollX","reflow","preventDefault","emit","isScrollBarVisible","setState","hideScrollBar","_this$scrollX2","_this$scrollY2","isScrollBarXHovered","getHover","isScrollBarYHovered","hideScrollBarDelay","WheelEvent","shiftKey","hasScrollBar","_scrollSizeParameters","pos","size","deltaY","_this$scrollY3","_this$scrollX3","right","currentTarget","pageX","bottom","pageY","setHover","_this$scrollY4","_this$scrollX4","updateInnerElement","_this$scrollX5","_this$scrollY5","setInnerElement","_inheritsLoose","_proto","prototype","componentDidMount","componentDidUpdate","prevProps","scrollTo","scrollLeft","offsetLeft","scrollTop","scrollToTop","scrollToBottom","scrollHeight","offsetHeight","scrollToLeft","scrollToRight","scrollWidth","offsetWidth","Component","__KONTUR_REACT_UI__","displayName","propTypes","bool","oneOfType","string","number","oneOf","func"],"sources":["ScrollContainer.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject } from '@skbkontur/global-object';\nimport debounce from 'lodash.debounce';\n\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { Nullable } from '../../typings/utility-types';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isIE11 } from '../../lib/client';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\n\nimport { styles, globalClasses } from './ScrollContainer.styles';\nimport { scrollSizeParametersNames } from './ScrollContainer.constants';\nimport {\n  getScrollYOffset,\n  convertScrollbarXScrollState,\n  convertScrollbarYScrollState,\n} from './ScrollContainer.helpers';\nimport { ScrollAxis, ScrollBar, ScrollBarScrollState } from './ScrollBar';\n\nexport type ScrollContainerScrollStateX = 'left' | 'scroll' | 'right';\nexport type ScrollContainerScrollStateY = 'top' | 'scroll' | 'bottom';\nexport type ScrollContainerScrollState = ScrollContainerScrollStateY; // deprecated\nexport type ScrollBehaviour = 'auto' | 'smooth';\n\ntype OffsetCSSPropsY = 'top' | 'right' | 'bottom';\ntype OffsetCSSPropsX = 'right' | 'bottom' | 'left';\n\nexport interface ScrollContainerProps extends CommonProps {\n  /** Инвертирует цвет скроллбара.\n   * @default false */\n  invert?: boolean;\n\n  /** Задает максимальную высоту. */\n  maxHeight?: React.CSSProperties['maxHeight'];\n\n  /** Задает максимальную ширину. */\n  maxWidth?: React.CSSProperties['maxWidth'];\n\n  /** Отключает скролл окна, когда меню открыто.\n   * @default false */\n  preventWindowScroll?: boolean;\n\n  /** Задает поведение скролла. (https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior)\n   * @default 'auto' */\n  scrollBehaviour?: ScrollBehaviour;\n\n  /** Задает функцию, которая вызывается при скроле по горизонтали. */\n  onScrollStateChangeX?: (scrollState: ScrollContainerScrollStateX) => void;\n\n  /** Задает функцию, которая вызывается при скроле по вертикали. */\n  onScrollStateChangeY?: (scrollState: ScrollContainerScrollStateY) => void;\n\n  /** Задает функцию, которая вызывается при скроле.\n   * @deprecated use onScroll */\n  onScrollStateChange?: (scrollYState: ScrollContainerScrollState) => void;\n\n  /** Задает функцию, которая вызывается при скроле. */\n  onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;\n\n  /** Отключает кастомный скролл. */\n  disabled?: boolean;\n\n  /** Задает смещение вертикального скроллбара. */\n  offsetY?: Partial<Record<OffsetCSSPropsY, React.CSSProperties[OffsetCSSPropsY]>>;\n\n  /** Задает смещение горизонтального скроллбара. */\n  offsetX?: Partial<Record<OffsetCSSPropsX, React.CSSProperties[OffsetCSSPropsX]>>;\n\n  /** Определяет, нужно ли показывать скроллбар. */\n  showScrollBar?: 'always' | 'scroll' | 'hover' | 'never';\n\n  /** Устанавливает задержку в миллисекундах перед скрытием скроллбара.\n   * Работает только при hideScrollBar = true или showScrollBar = 'scroll' | 'hover'. */\n  hideScrollBarDelay?: number;\n\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n  scrollRef?: React.Ref<HTMLDivElement | null>;\n}\n\nexport const ScrollContainerDataTids = {\n  root: 'ScrollContainer__root',\n  inner: 'ScrollContainer__inner',\n} as const;\n\ntype DefaultProps = Required<\n  Pick<\n    ScrollContainerProps,\n    'invert' | 'scrollBehaviour' | 'preventWindowScroll' | 'disableAnimations' | 'hideScrollBarDelay' | 'showScrollBar'\n  >\n>;\n\ninterface ScrollContainerState {\n  isScrollBarXVisible: boolean;\n  isScrollBarYVisible: boolean;\n  isHovered: boolean;\n}\n\n/**\n * `ScrollContainer` используется для создания контейнера с кастомными полосами прокрутки, который обеспечивает прокрутку содержимого по горизонтали или вертикали.\n */\n@rootNode\nexport class ScrollContainer extends React.Component<ScrollContainerProps, ScrollContainerState> {\n  public static __KONTUR_REACT_UI__ = 'ScrollContainer';\n  public static displayName = 'ScrollContainer';\n\n  public inner: Nullable<HTMLElement>;\n\n  public static propTypes = {\n    invert: PropTypes.bool,\n    maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    scrollBehaviour: PropTypes.oneOf(['auto', 'smooth']),\n    preventWindowScroll: PropTypes.bool,\n    onScrollStateChange: PropTypes.func,\n  };\n\n  public static defaultProps: DefaultProps = {\n    invert: false,\n    scrollBehaviour: 'auto',\n    preventWindowScroll: false,\n    disableAnimations: isTestEnv,\n    hideScrollBarDelay: 500,\n    showScrollBar: 'always',\n  };\n\n  private getProps = createPropsGetter(ScrollContainer.defaultProps);\n\n  private scrollX: Nullable<ScrollBar>;\n  private scrollY: Nullable<ScrollBar>;\n  private setRootNode!: TSetRootNode;\n  private initialIsScrollBarVisible = this.getProps().showScrollBar === 'always';\n\n  public state: ScrollContainerState = {\n    isScrollBarXVisible: this.initialIsScrollBarVisible,\n    isScrollBarYVisible: this.initialIsScrollBarVisible,\n    isHovered: false,\n  };\n\n  public componentDidMount() {\n    this.updateInnerElement();\n  }\n\n  public componentDidUpdate(prevProps: ScrollContainerProps) {\n    const preventWindowScroll = this.getProps().preventWindowScroll;\n    if (this.inner) {\n      if (prevProps.preventWindowScroll && !preventWindowScroll) {\n        this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);\n      }\n      if (!prevProps.preventWindowScroll && preventWindowScroll) {\n        this.inner.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });\n      }\n    }\n\n    if (prevProps.disabled !== this.props.disabled && !this.props.disabled) {\n      this.updateInnerElement();\n    }\n\n    if (prevProps.showScrollBar !== this.props.showScrollBar) {\n      if (this.props.showScrollBar === 'always') {\n        this.setState({ isScrollBarXVisible: true, isScrollBarYVisible: true });\n      } else if (this.props.showScrollBar === 'never') {\n        this.setState({ isScrollBarXVisible: false, isScrollBarYVisible: false });\n      }\n    }\n  }\n\n  public render = () => {\n    const props = this.props;\n\n    if (this.props.disabled) {\n      return this.props.children;\n    }\n\n    const innerStyle: React.CSSProperties = {\n      scrollBehavior: this.getProps().scrollBehaviour,\n      maxHeight: props.maxHeight,\n      maxWidth: props.maxWidth,\n    };\n\n    const scrollbarY = this.renderScrollbar('y');\n    const scrollbarX = this.renderScrollbar('x');\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div\n          data-tid={ScrollContainerDataTids.root}\n          className={styles.root()}\n          onMouseMove={this.handleMouseMove}\n          onMouseLeave={this.handleMouseLeave}\n        >\n          {scrollbarY}\n          {scrollbarX}\n          <div\n            style={innerStyle}\n            ref={this.refInner}\n            className={cx(styles.inner(), globalClasses.inner, isIE11 && styles.innerIE11())}\n            data-tid={ScrollContainerDataTids.inner}\n            onScroll={this.handleNativeScroll}\n          >\n            {props.children}\n          </div>\n        </div>\n      </CommonWrapper>\n    );\n  };\n\n  /**\n   * @public\n   * @param {Element} element\n   */\n  public scrollTo(element: Nullable<HTMLElement>) {\n    if (!element || !this.inner) {\n      return;\n    }\n\n    this.inner.scrollLeft = element.offsetLeft;\n    this.inner.scrollTop = getScrollYOffset(element, this.inner);\n  }\n\n  /**\n   * @public\n   */\n  public scrollToTop() {\n    if (!this.inner) {\n      return;\n    }\n    this.inner.scrollTop = 0;\n  }\n\n  /**\n   * @public\n   */\n  public scrollToBottom() {\n    if (!this.inner) {\n      return;\n    }\n    this.inner.scrollTop = this.inner.scrollHeight - this.inner.offsetHeight;\n  }\n\n  /**\n   * @public\n   */\n  public scrollToLeft() {\n    if (!this.inner) {\n      return;\n    }\n    this.inner.scrollLeft = 0;\n  }\n\n  /**\n   * @public\n   */\n  public scrollToRight() {\n    if (!this.inner) {\n      return;\n    }\n\n    this.inner.scrollLeft = this.inner.scrollWidth - this.inner.offsetWidth;\n  }\n\n  public hasScrollBar(axis: ScrollAxis) {\n    if (!this.inner) {\n      return false;\n    }\n\n    return axis === 'x'\n      ? this.inner.offsetWidth < this.inner.scrollWidth\n      : this.inner.offsetHeight < this.inner.scrollHeight;\n  }\n\n  private renderScrollbar = (axis: ScrollAxis) => {\n    const { offsetY, offsetX, invert, disableAnimations } = this.getProps();\n    const isAxisX = axis === 'x';\n    const refScrollBar = isAxisX ? this.refScrollBarX : this.refScrollBarY;\n    const offset = isAxisX ? offsetX : offsetY;\n    const isVisible = isAxisX ? this.state.isScrollBarXVisible : this.state.isScrollBarYVisible;\n\n    return (\n      <ScrollBar\n        axis={axis}\n        ref={refScrollBar}\n        invert={invert}\n        onScroll={this.handleScroll}\n        offset={offset}\n        disableAnimations={disableAnimations}\n        isVisible={isVisible}\n      />\n    );\n  };\n\n  private handleScrollStateChange = (scrollState: ScrollBarScrollState, axis: ScrollAxis) => {\n    if (!this.scrollY || !this.scrollX) {\n      return;\n    }\n\n    if (axis === 'x') {\n      const scrollXState = convertScrollbarXScrollState(scrollState);\n\n      this.props.onScrollStateChangeX?.(scrollXState);\n      return;\n    }\n\n    const scrollYState = convertScrollbarYScrollState(scrollState);\n\n    this.props.onScrollStateChange?.(scrollYState);\n    this.props.onScrollStateChangeY?.(scrollYState);\n  };\n\n  private handleScroll = (\n    axis: ScrollAxis,\n    scrollState: ScrollBarScrollState,\n    prevScrollState: ScrollBarScrollState,\n  ) => {\n    if (scrollState !== prevScrollState) {\n      this.handleScrollStateChange(scrollState, axis);\n    }\n    const { showScrollBar } = this.getProps();\n    showScrollBar === 'scroll' && this.showScrollBarOnMouseWheel(axis);\n  };\n\n  private refScrollBarY = (scrollbar: Nullable<ScrollBar>) => {\n    this.scrollY = scrollbar;\n  };\n\n  private refScrollBarX = (scrollbar: Nullable<ScrollBar>) => {\n    this.scrollX = scrollbar;\n  };\n\n  private refInner = (element: HTMLElement | null) => {\n    if (!this.inner && element && this.getProps().preventWindowScroll) {\n      element.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });\n    }\n    if (this.inner && !element) {\n      this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);\n    }\n    this.inner = element;\n\n    if (this.props.scrollRef) {\n      callChildRef(this.props.scrollRef, element);\n    }\n  };\n\n  private handleNativeScroll = (event: React.UIEvent<HTMLDivElement>) => {\n    this.scrollY?.reflow();\n    this.scrollX?.reflow();\n\n    this.props.onScroll?.(event);\n    if (this.getProps().preventWindowScroll) {\n      event.preventDefault();\n      return;\n    }\n    LayoutEvents.emit();\n  };\n\n  private showScrollBarOnMouseWheel = (axis: ScrollAxis) => {\n    const isScrollBarVisible = axis === 'x' ? this.state.isScrollBarXVisible : this.state.isScrollBarYVisible;\n    if (!isScrollBarVisible) {\n      axis === 'x' ? this.setState({ isScrollBarXVisible: true }) : this.setState({ isScrollBarYVisible: true });\n    }\n    this.hideScrollBar(axis);\n  };\n\n  private readonly hideScrollBar = debounce((axis: ScrollAxis | 'both') => {\n    if (this.state.isHovered) {\n      return;\n    }\n    const isScrollBarXHovered = this.scrollX?.getHover();\n    const isScrollBarYHovered = this.scrollY?.getHover();\n    if (axis === 'both') {\n      !isScrollBarXHovered && !isScrollBarYHovered\n        ? this.setState({ isScrollBarXVisible: false, isScrollBarYVisible: false })\n        : this.hideScrollBar('both');\n    } else if (axis === 'x') {\n      !isScrollBarXHovered ? this.setState({ isScrollBarXVisible: false }) : this.hideScrollBar('x');\n    } else {\n      !isScrollBarYHovered ? this.setState({ isScrollBarYVisible: false }) : this.hideScrollBar('y');\n    }\n  }, this.getProps().hideScrollBarDelay);\n\n  private handleInnerScrollWheel = (event: Event) => {\n    if (!this.inner || !isInstanceOf(event, globalObject.WheelEvent)) {\n      return;\n    }\n\n    const axis: ScrollAxis = event.shiftKey ? 'x' : 'y';\n\n    if (this.hasScrollBar(axis)) {\n      const { pos, size, offset } = scrollSizeParametersNames[axis];\n\n      if (event.deltaY > 0 && this.inner[size] <= this.inner[pos] + this.inner[offset]) {\n        event.preventDefault();\n        return false;\n      }\n      if (event.deltaY < 0 && this.inner[pos] <= 0) {\n        event.preventDefault();\n        return false;\n      }\n    }\n  };\n\n  private handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\n    const right = getDOMRect(event.currentTarget).right - event.pageX;\n    const bottom = getDOMRect(event.currentTarget).bottom - event.pageY;\n\n    this.scrollY?.setHover(right <= 12);\n    this.scrollX?.setHover(right >= 12 && bottom <= 12);\n\n    this.getProps().showScrollBar === 'hover' &&\n      !this.state.isHovered &&\n      this.setState({ isScrollBarXVisible: true, isScrollBarYVisible: true, isHovered: true });\n  };\n\n  private handleMouseLeave = () => {\n    this.scrollY?.setHover(false);\n    this.scrollX?.setHover(false);\n    if (this.getProps().showScrollBar === 'hover') {\n      this.setState({ isHovered: false });\n      this.hideScrollBar('both');\n    }\n  };\n\n  private updateInnerElement = () => {\n    this.scrollX?.setInnerElement(this.inner);\n    this.scrollY?.setInnerElement(this.inner);\n  };\n}\n"],"mappings":"6JAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,YAAY,QAAQ,0BAA0B;AACvD,OAAOC,QAAQ,MAAM,iBAAiB;;AAEtC,SAASC,YAAY,QAAQ,wBAAwB;AACrD,OAAO,KAAKC,YAAY,MAAM,wBAAwB;AACtD,SAAsBC,aAAa,QAAQ,8BAA8B;;AAEzE,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,QAAQ,QAAsB,oBAAoB;AAC3D,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,YAAY,QAAQ,qCAAqC;;AAElE,SAASC,MAAM,EAAEC,aAAa,QAAQ,0BAA0B;AAChE,SAASC,yBAAyB,QAAQ,6BAA6B;AACvE;EACEC,gBAAgB;EAChBC,4BAA4B;EAC5BC,4BAA4B;AACvB,2BAA2B;AAClC,SAAqBC,SAAS,QAA8B,aAAa;;;;AAIH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DtE,OAAO,IAAMC,uBAAuB,GAAG;EACrCC,IAAI,EAAE,uBAAuB;EAC7BC,KAAK,EAAE;AACT,CAAU;;;;;;;;;;;;;;;AAeV;AACA;AACA;AACA;AACaC,eAAe,GAD3Bf,QAAQ,CAAAgB,MAAA,IAAAC,gBAAA,0BAAAC,gBAAA,YAAAH,gBAAA,OAAAI,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;;;;;;;;IAyBCU,QAAQ,GAAG3B,iBAAiB,CAACa,eAAe,CAACe,YAAY,CAAC,CAAAX,KAAA;;;;;IAK1DY,yBAAyB,GAAGZ,KAAA,CAAKU,QAAQ,CAAC,CAAC,CAACG,aAAa,KAAK,QAAQ,CAAAb,KAAA;;IAEvEc,KAAK,GAAyB;MACnCC,mBAAmB,EAAEf,KAAA,CAAKY,yBAAyB;MACnDI,mBAAmB,EAAEhB,KAAA,CAAKY,yBAAyB;MACnDK,SAAS,EAAE;IACb,CAAC,CAAAjB,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8BMkB,MAAM,GAAG,YAAM;MACpB,IAAMC,KAAK,GAAGnB,KAAA,CAAKmB,KAAK;;MAExB,IAAInB,KAAA,CAAKmB,KAAK,CAACC,QAAQ,EAAE;QACvB,OAAOpB,KAAA,CAAKmB,KAAK,CAACE,QAAQ;MAC5B;;MAEA,IAAMC,UAA+B,GAAG;QACtCC,cAAc,EAAEvB,KAAA,CAAKU,QAAQ,CAAC,CAAC,CAACc,eAAe;QAC/CC,SAAS,EAAEN,KAAK,CAACM,SAAS;QAC1BC,QAAQ,EAAEP,KAAK,CAACO;MAClB,CAAC;;MAED,IAAMC,UAAU,GAAG3B,KAAA,CAAK4B,eAAe,CAAC,GAAG,CAAC;MAC5C,IAAMC,UAAU,GAAG7B,KAAA,CAAK4B,eAAe,CAAC,GAAG,CAAC;;MAE5C;QACExD,KAAA,CAAA0D,aAAA,CAACpD,aAAa,EAAAqD,QAAA,GAACC,WAAW,EAAEhC,KAAA,CAAKiC,WAAY,IAAKjC,KAAA,CAAKmB,KAAK;QAC1D/C,KAAA,CAAA0D,aAAA;UACE,YAAUrC,uBAAuB,CAACC,IAAK;UACvCwC,SAAS,EAAEhD,MAAM,CAACQ,IAAI,CAAC,CAAE;UACzByC,WAAW,EAAEnC,KAAA,CAAKoC,eAAgB;UAClCC,YAAY,EAAErC,KAAA,CAAKsC,gBAAiB;;QAEnCX,UAAU;QACVE,UAAU;QACXzD,KAAA,CAAA0D,aAAA;UACES,KAAK,EAAEjB,UAAW;UAClBkB,GAAG,EAAExC,KAAA,CAAKyC,QAAS;UACnBP,SAAS,EAAEvD,EAAE,CAACO,MAAM,CAACS,KAAK,CAAC,CAAC,EAAER,aAAa,CAACQ,KAAK,EAAEf,MAAM,IAAIM,MAAM,CAACwD,SAAS,CAAC,CAAC,CAAE;UACjF,YAAUjD,uBAAuB,CAACE,KAAM;UACxCgD,QAAQ,EAAE3C,KAAA,CAAK4C,kBAAmB;;QAEjCzB,KAAK,CAACE;QACJ;QACF;QACQ,CAAC;;IAEpB,CAAC,CAAArB,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkEO4B,eAAe,GAAG,UAACiB,IAAgB,EAAK;MAC9C,IAAAC,cAAA,GAAwD9C,KAAA,CAAKU,QAAQ,CAAC,CAAC,CAA/DqC,OAAO,GAAAD,cAAA,CAAPC,OAAO,CAAEC,OAAO,GAAAF,cAAA,CAAPE,OAAO,CAAEC,MAAM,GAAAH,cAAA,CAANG,MAAM,CAAEC,iBAAiB,GAAAJ,cAAA,CAAjBI,iBAAiB;MACnD,IAAMC,OAAO,GAAGN,IAAI,KAAK,GAAG;MAC5B,IAAMO,YAAY,GAAGD,OAAO,GAAGnD,KAAA,CAAKqD,aAAa,GAAGrD,KAAA,CAAKsD,aAAa;MACtE,IAAMC,MAAM,GAAGJ,OAAO,GAAGH,OAAO,GAAGD,OAAO;MAC1C,IAAMS,SAAS,GAAGL,OAAO,GAAGnD,KAAA,CAAKc,KAAK,CAACC,mBAAmB,GAAGf,KAAA,CAAKc,KAAK,CAACE,mBAAmB;;MAE3F;QACE5C,KAAA,CAAA0D,aAAA,CAACtC,SAAS;UACRqD,IAAI,EAAEA,IAAK;UACXL,GAAG,EAAEY,YAAa;UAClBH,MAAM,EAAEA,MAAO;UACfN,QAAQ,EAAE3C,KAAA,CAAKyD,YAAa;UAC5BF,MAAM,EAAEA,MAAO;UACfL,iBAAiB,EAAEA,iBAAkB;UACrCM,SAAS,EAAEA,SAAU;QACtB,CAAC;;IAEN,CAAC,CAAAxD,KAAA;;IAEO0D,uBAAuB,GAAG,UAACC,WAAiC,EAAEd,IAAgB,EAAK;MACzF,IAAI,CAAC7C,KAAA,CAAK4D,OAAO,IAAI,CAAC5D,KAAA,CAAK6D,OAAO,EAAE;QAClC;MACF;;MAEA,IAAIhB,IAAI,KAAK,GAAG,EAAE;QAChB,IAAMiB,YAAY,GAAGxE,4BAA4B,CAACqE,WAAW,CAAC;;QAE9D3D,KAAA,CAAKmB,KAAK,CAAC4C,oBAAoB,YAA/B/D,KAAA,CAAKmB,KAAK,CAAC4C,oBAAoB,CAAGD,YAAY,CAAC;QAC/C;MACF;;MAEA,IAAME,YAAY,GAAGzE,4BAA4B,CAACoE,WAAW,CAAC;;MAE9D3D,KAAA,CAAKmB,KAAK,CAAC8C,mBAAmB,YAA9BjE,KAAA,CAAKmB,KAAK,CAAC8C,mBAAmB,CAAGD,YAAY,CAAC;MAC9ChE,KAAA,CAAKmB,KAAK,CAAC+C,oBAAoB,YAA/BlE,KAAA,CAAKmB,KAAK,CAAC+C,oBAAoB,CAAGF,YAAY,CAAC;IACjD,CAAC,CAAAhE,KAAA;;IAEOyD,YAAY,GAAG;IACrBZ,IAAgB;IAChBc,WAAiC;IACjCQ,eAAqC;IAClC;MACH,IAAIR,WAAW,KAAKQ,eAAe,EAAE;QACnCnE,KAAA,CAAK0D,uBAAuB,CAACC,WAAW,EAAEd,IAAI,CAAC;MACjD;MACA,IAAAuB,eAAA,GAA0BpE,KAAA,CAAKU,QAAQ,CAAC,CAAC,CAAjCG,aAAa,GAAAuD,eAAA,CAAbvD,aAAa;MACrBA,aAAa,KAAK,QAAQ,IAAIb,KAAA,CAAKqE,yBAAyB,CAACxB,IAAI,CAAC;IACpE,CAAC,CAAA7C,KAAA;;IAEOsD,aAAa,GAAG,UAACgB,SAA8B,EAAK;MAC1DtE,KAAA,CAAK4D,OAAO,GAAGU,SAAS;IAC1B,CAAC,CAAAtE,KAAA;;IAEOqD,aAAa,GAAG,UAACiB,SAA8B,EAAK;MAC1DtE,KAAA,CAAK6D,OAAO,GAAGS,SAAS;IAC1B,CAAC,CAAAtE,KAAA;;IAEOyC,QAAQ,GAAG,UAAC8B,OAA2B,EAAK;MAClD,IAAI,CAACvE,KAAA,CAAKL,KAAK,IAAI4E,OAAO,IAAIvE,KAAA,CAAKU,QAAQ,CAAC,CAAC,CAAC8D,mBAAmB,EAAE;QACjED,OAAO,CAACE,gBAAgB,CAAC,OAAO,EAAEzE,KAAA,CAAK0E,sBAAsB,EAAE,EAAEC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;MACpF;MACA,IAAI3E,KAAA,CAAKL,KAAK,IAAI,CAAC4E,OAAO,EAAE;QAC1BvE,KAAA,CAAKL,KAAK,CAACiF,mBAAmB,CAAC,OAAO,EAAE5E,KAAA,CAAK0E,sBAAsB,CAAC;MACtE;MACA1E,KAAA,CAAKL,KAAK,GAAG4E,OAAO;;MAEpB,IAAIvE,KAAA,CAAKmB,KAAK,CAAC0D,SAAS,EAAE;QACxB5F,YAAY,CAACe,KAAA,CAAKmB,KAAK,CAAC0D,SAAS,EAAEN,OAAO,CAAC;MAC7C;IACF,CAAC,CAAAvE,KAAA;;IAEO4C,kBAAkB,GAAG,UAACkC,KAAoC,EAAK,KAAAC,aAAA,EAAAC,aAAA;MACrE,CAAAD,aAAA,GAAA/E,KAAA,CAAK4D,OAAO,aAAZmB,aAAA,CAAcE,MAAM,CAAC,CAAC;MACtB,CAAAD,aAAA,GAAAhF,KAAA,CAAK6D,OAAO,aAAZmB,aAAA,CAAcC,MAAM,CAAC,CAAC;;MAEtBjF,KAAA,CAAKmB,KAAK,CAACwB,QAAQ,YAAnB3C,KAAA,CAAKmB,KAAK,CAACwB,QAAQ,CAAGmC,KAAK,CAAC;MAC5B,IAAI9E,KAAA,CAAKU,QAAQ,CAAC,CAAC,CAAC8D,mBAAmB,EAAE;QACvCM,KAAK,CAACI,cAAc,CAAC,CAAC;QACtB;MACF;MACAzG,YAAY,CAAC0G,IAAI,CAAC,CAAC;IACrB,CAAC,CAAAnF,KAAA;;IAEOqE,yBAAyB,GAAG,UAACxB,IAAgB,EAAK;MACxD,IAAMuC,kBAAkB,GAAGvC,IAAI,KAAK,GAAG,GAAG7C,KAAA,CAAKc,KAAK,CAACC,mBAAmB,GAAGf,KAAA,CAAKc,KAAK,CAACE,mBAAmB;MACzG,IAAI,CAACoE,kBAAkB,EAAE;QACvBvC,IAAI,KAAK,GAAG,GAAG7C,KAAA,CAAKqF,QAAQ,CAAC,EAAEtE,mBAAmB,EAAE,IAAI,CAAC,CAAC,CAAC,GAAGf,KAAA,CAAKqF,QAAQ,CAAC,EAAErE,mBAAmB,EAAE,IAAI,CAAC,CAAC,CAAC;MAC5G;MACAhB,KAAA,CAAKsF,aAAa,CAACzC,IAAI,CAAC;IAC1B,CAAC,CAAA7C,KAAA;;IAEgBsF,aAAa,GAAG/G,QAAQ,CAAC,UAACsE,IAAyB,EAAK,KAAA0C,cAAA,EAAAC,cAAA;MACvE,IAAIxF,KAAA,CAAKc,KAAK,CAACG,SAAS,EAAE;QACxB;MACF;MACA,IAAMwE,mBAAmB,IAAAF,cAAA,GAAGvF,KAAA,CAAK6D,OAAO,qBAAZ0B,cAAA,CAAcG,QAAQ,CAAC,CAAC;MACpD,IAAMC,mBAAmB,IAAAH,cAAA,GAAGxF,KAAA,CAAK4D,OAAO,qBAAZ4B,cAAA,CAAcE,QAAQ,CAAC,CAAC;MACpD,IAAI7C,IAAI,KAAK,MAAM,EAAE;QACnB,CAAC4C,mBAAmB,IAAI,CAACE,mBAAmB;QACxC3F,KAAA,CAAKqF,QAAQ,CAAC,EAAEtE,mBAAmB,EAAE,KAAK,EAAEC,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAAC;QACzEhB,KAAA,CAAKsF,aAAa,CAAC,MAAM,CAAC;MAChC,CAAC,MAAM,IAAIzC,IAAI,KAAK,GAAG,EAAE;QACvB,CAAC4C,mBAAmB,GAAGzF,KAAA,CAAKqF,QAAQ,CAAC,EAAEtE,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAAC,GAAGf,KAAA,CAAKsF,aAAa,CAAC,GAAG,CAAC;MAChG,CAAC,MAAM;QACL,CAACK,mBAAmB,GAAG3F,KAAA,CAAKqF,QAAQ,CAAC,EAAErE,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAAC,GAAGhB,KAAA,CAAKsF,aAAa,CAAC,GAAG,CAAC;MAChG;IACF,CAAC,EAAEtF,KAAA,CAAKU,QAAQ,CAAC,CAAC,CAACkF,kBAAkB,CAAC,CAAA5F,KAAA;;IAE9B0E,sBAAsB,GAAG,UAACI,KAAY,EAAK;MACjD,IAAI,CAAC9E,KAAA,CAAKL,KAAK,IAAI,CAACnB,YAAY,CAACsG,KAAK,EAAExG,YAAY,CAACuH,UAAU,CAAC,EAAE;QAChE;MACF;;MAEA,IAAMhD,IAAgB,GAAGiC,KAAK,CAACgB,QAAQ,GAAG,GAAG,GAAG,GAAG;;MAEnD,IAAI9F,KAAA,CAAK+F,YAAY,CAAClD,IAAI,CAAC,EAAE;QAC3B,IAAAmD,qBAAA,GAA8B5G,yBAAyB,CAACyD,IAAI,CAAC,CAArDoD,GAAG,GAAAD,qBAAA,CAAHC,GAAG,CAAEC,IAAI,GAAAF,qBAAA,CAAJE,IAAI,CAAE3C,MAAM,GAAAyC,qBAAA,CAANzC,MAAM;;QAEzB,IAAIuB,KAAK,CAACqB,MAAM,GAAG,CAAC,IAAInG,KAAA,CAAKL,KAAK,CAACuG,IAAI,CAAC,IAAIlG,KAAA,CAAKL,KAAK,CAACsG,GAAG,CAAC,GAAGjG,KAAA,CAAKL,KAAK,CAAC4D,MAAM,CAAC,EAAE;UAChFuB,KAAK,CAACI,cAAc,CAAC,CAAC;UACtB,OAAO,KAAK;QACd;QACA,IAAIJ,KAAK,CAACqB,MAAM,GAAG,CAAC,IAAInG,KAAA,CAAKL,KAAK,CAACsG,GAAG,CAAC,IAAI,CAAC,EAAE;UAC5CnB,KAAK,CAACI,cAAc,CAAC,CAAC;UACtB,OAAO,KAAK;QACd;MACF;IACF,CAAC,CAAAlF,KAAA;;IAEOoC,eAAe,GAAG,UAAC0C,KAAuC,EAAK,KAAAsB,cAAA,EAAAC,cAAA;MACrE,IAAMC,KAAK,GAAGxH,UAAU,CAACgG,KAAK,CAACyB,aAAa,CAAC,CAACD,KAAK,GAAGxB,KAAK,CAAC0B,KAAK;MACjE,IAAMC,MAAM,GAAG3H,UAAU,CAACgG,KAAK,CAACyB,aAAa,CAAC,CAACE,MAAM,GAAG3B,KAAK,CAAC4B,KAAK;;MAEnE,CAAAN,cAAA,GAAApG,KAAA,CAAK4D,OAAO,aAAZwC,cAAA,CAAcO,QAAQ,CAACL,KAAK,IAAI,EAAE,CAAC;MACnC,CAAAD,cAAA,GAAArG,KAAA,CAAK6D,OAAO,aAAZwC,cAAA,CAAcM,QAAQ,CAACL,KAAK,IAAI,EAAE,IAAIG,MAAM,IAAI,EAAE,CAAC;;MAEnDzG,KAAA,CAAKU,QAAQ,CAAC,CAAC,CAACG,aAAa,KAAK,OAAO;MACvC,CAACb,KAAA,CAAKc,KAAK,CAACG,SAAS;MACrBjB,KAAA,CAAKqF,QAAQ,CAAC,EAAEtE,mBAAmB,EAAE,IAAI,EAAEC,mBAAmB,EAAE,IAAI,EAAEC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;IAC5F,CAAC,CAAAjB,KAAA;;IAEOsC,gBAAgB,GAAG,YAAM,KAAAsE,cAAA,EAAAC,cAAA;MAC/B,CAAAD,cAAA,GAAA5G,KAAA,CAAK4D,OAAO,aAAZgD,cAAA,CAAcD,QAAQ,CAAC,KAAK,CAAC;MAC7B,CAAAE,cAAA,GAAA7G,KAAA,CAAK6D,OAAO,aAAZgD,cAAA,CAAcF,QAAQ,CAAC,KAAK,CAAC;MAC7B,IAAI3G,KAAA,CAAKU,QAAQ,CAAC,CAAC,CAACG,aAAa,KAAK,OAAO,EAAE;QAC7Cb,KAAA,CAAKqF,QAAQ,CAAC,EAAEpE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;QACnCjB,KAAA,CAAKsF,aAAa,CAAC,MAAM,CAAC;MAC5B;IACF,CAAC,CAAAtF,KAAA;;IAEO8G,kBAAkB,GAAG,YAAM,KAAAC,cAAA,EAAAC,cAAA;MACjC,CAAAD,cAAA,GAAA/G,KAAA,CAAK6D,OAAO,aAAZkD,cAAA,CAAcE,eAAe,CAACjH,KAAA,CAAKL,KAAK,CAAC;MACzC,CAAAqH,cAAA,GAAAhH,KAAA,CAAK4D,OAAO,aAAZoD,cAAA,CAAcC,eAAe,CAACjH,KAAA,CAAKL,KAAK,CAAC;IAC3C,CAAC,QAAAK,KAAA,EAAAkH,cAAA,CAAAtH,eAAA,EAAAG,gBAAA,MAAAoH,MAAA,GAAAvH,eAAA,CAAAwH,SAAA,CAAAD,MAAA,CA9RME,iBAAiB,GAAxB,SAAAA,kBAAA,EAA2B,CACzB,IAAI,CAACP,kBAAkB,CAAC,CAAC,CAC3B,CAAC,CAAAK,MAAA,CAEMG,kBAAkB,GAAzB,SAAAA,mBAA0BC,SAA+B,EAAE,CACzD,IAAM/C,mBAAmB,GAAG,IAAI,CAAC9D,QAAQ,CAAC,CAAC,CAAC8D,mBAAmB,CAC/D,IAAI,IAAI,CAAC7E,KAAK,EAAE,CACd,IAAI4H,SAAS,CAAC/C,mBAAmB,IAAI,CAACA,mBAAmB,EAAE,CACzD,IAAI,CAAC7E,KAAK,CAACiF,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAACF,sBAAsB,CAAC,CACtE,CACA,IAAI,CAAC6C,SAAS,CAAC/C,mBAAmB,IAAIA,mBAAmB,EAAE,CACzD,IAAI,CAAC7E,KAAK,CAAC8E,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAACC,sBAAsB,EAAE,EAAEC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CACvF,CACF,CAEA,IAAI4C,SAAS,CAACnG,QAAQ,KAAK,IAAI,CAACD,KAAK,CAACC,QAAQ,IAAI,CAAC,IAAI,CAACD,KAAK,CAACC,QAAQ,EAAE,CACtE,IAAI,CAAC0F,kBAAkB,CAAC,CAAC,CAC3B,CAEA,IAAIS,SAAS,CAAC1G,aAAa,KAAK,IAAI,CAACM,KAAK,CAACN,aAAa,EAAE,CACxD,IAAI,IAAI,CAACM,KAAK,CAACN,aAAa,KAAK,QAAQ,EAAE,CACzC,IAAI,CAACwE,QAAQ,CAAC,EAAEtE,mBAAmB,EAAE,IAAI,EAAEC,mBAAmB,EAAE,IAAI,CAAC,CAAC,CAAC,CACzE,CAAC,MAAM,IAAI,IAAI,CAACG,KAAK,CAACN,aAAa,KAAK,OAAO,EAAE,CAC/C,IAAI,CAACwE,QAAQ,CAAC,EAAEtE,mBAAmB,EAAE,KAAK,EAAEC,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAAC,CAC3E,CACF,CACF,CAAC,EA0CD;AACF;AACA;AACA,KAHEmG,MAAA,CAIOK,QAAQ,GAAf,SAAAA,SAAgBjD,OAA8B,EAAE,CAC9C,IAAI,CAACA,OAAO,IAAI,CAAC,IAAI,CAAC5E,KAAK,EAAE,CAC3B,OACF,CAEA,IAAI,CAACA,KAAK,CAAC8H,UAAU,GAAGlD,OAAO,CAACmD,UAAU,CAC1C,IAAI,CAAC/H,KAAK,CAACgI,SAAS,GAAGtI,gBAAgB,CAACkF,OAAO,EAAE,IAAI,CAAC5E,KAAK,CAAC,CAC9D,CAAC,CAED;AACF;AACA,KAFE,CAAAwH,MAAA,CAGOS,WAAW,GAAlB,SAAAA,YAAA,EAAqB,CACnB,IAAI,CAAC,IAAI,CAACjI,KAAK,EAAE,CACf,OACF,CACA,IAAI,CAACA,KAAK,CAACgI,SAAS,GAAG,CAAC,CAC1B,CAAC,CAED;AACF;AACA,KAFE,CAAAR,MAAA,CAGOU,cAAc,GAArB,SAAAA,eAAA,EAAwB,CACtB,IAAI,CAAC,IAAI,CAAClI,KAAK,EAAE,CACf,OACF,CACA,IAAI,CAACA,KAAK,CAACgI,SAAS,GAAG,IAAI,CAAChI,KAAK,CAACmI,YAAY,GAAG,IAAI,CAACnI,KAAK,CAACoI,YAAY,CAC1E,CAAC,CAED;AACF;AACA,KAFE,CAAAZ,MAAA,CAGOa,YAAY,GAAnB,SAAAA,aAAA,EAAsB,CACpB,IAAI,CAAC,IAAI,CAACrI,KAAK,EAAE,CACf,OACF,CACA,IAAI,CAACA,KAAK,CAAC8H,UAAU,GAAG,CAAC,CAC3B,CAAC,CAED;AACF;AACA,KAFE,CAAAN,MAAA,CAGOc,aAAa,GAApB,SAAAA,cAAA,EAAuB,CACrB,IAAI,CAAC,IAAI,CAACtI,KAAK,EAAE,CACf,OACF,CAEA,IAAI,CAACA,KAAK,CAAC8H,UAAU,GAAG,IAAI,CAAC9H,KAAK,CAACuI,WAAW,GAAG,IAAI,CAACvI,KAAK,CAACwI,WAAW,CACzE,CAAC,CAAAhB,MAAA,CAEMpB,YAAY,GAAnB,SAAAA,aAAoBlD,IAAgB,EAAE,CACpC,IAAI,CAAC,IAAI,CAAClD,KAAK,EAAE,CACf,OAAO,KAAK,CACd,CAEA,OAAOkD,IAAI,KAAK,GAAG,GACf,IAAI,CAAClD,KAAK,CAACwI,WAAW,GAAG,IAAI,CAACxI,KAAK,CAACuI,WAAW,GAC/C,IAAI,CAACvI,KAAK,CAACoI,YAAY,GAAG,IAAI,CAACpI,KAAK,CAACmI,YAAY,CACvD,CAAC,QAAAlI,eAAA,GAvKkCxB,KAAK,CAACgK,SAAS,GAAAtI,gBAAA,CACpCuI,mBAAmB,GAAG,iBAAiB,EAAAvI,gBAAA,CACvCwI,WAAW,GAAG,iBAAiB,EAAAxI,gBAAA,CAI/ByI,SAAS,GAAG,EACxBtF,MAAM,EAAE5E,SAAS,CAACmK,IAAI,EACtB9G,QAAQ,EAAErD,SAAS,CAACoK,SAAS,CAAC,CAACpK,SAAS,CAACqK,MAAM,EAAErK,SAAS,CAACsK,MAAM,CAAC,CAAC,EACnElH,SAAS,EAAEpD,SAAS,CAACoK,SAAS,CAAC,CAACpK,SAAS,CAACqK,MAAM,EAAErK,SAAS,CAACsK,MAAM,CAAC,CAAC,EACpEnH,eAAe,EAAEnD,SAAS,CAACuK,KAAK,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,EACpDpE,mBAAmB,EAAEnG,SAAS,CAACmK,IAAI,EACnCvE,mBAAmB,EAAE5F,SAAS,CAACwK,IAAI,CACrC,CAAC,EAAA/I,gBAAA,CAEaa,YAAY,GAAiB,EACzCsC,MAAM,EAAE,KAAK,EACbzB,eAAe,EAAE,MAAM,EACvBgD,mBAAmB,EAAE,KAAK,EAC1BtB,iBAAiB,EAAElE,SAAS,EAC5B4G,kBAAkB,EAAE,GAAG,EACvB/E,aAAa,EAAE,QAAQ,CACzB,CAAC,EAAAf,gBAAA,MAAAD,MAAA","ignoreList":[]}
+{"version":3,"names":["React","PropTypes","globalObject","debounce","isInstanceOf","LayoutEvents","CommonWrapper","cx","isIE11","rootNode","getDOMRect","createPropsGetter","isTestEnv","callChildRef","styles","globalClasses","scrollSizeParametersNames","getScrollYOffset","convertScrollbarXScrollState","convertScrollbarYScrollState","ScrollBar","ScrollContainerDataTids","root","inner","ScrollContainer","_class","_ScrollContainer","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","initialIsScrollBarVisible","showScrollBar","state","isScrollBarXVisible","isScrollBarYVisible","isHovered","render","props","disabled","children","innerStyle","scrollBehavior","scrollBehaviour","maxHeight","maxWidth","scrollbarY","renderScrollbar","scrollbarX","createElement","_extends","rootNodeRef","setRootNode","className","onMouseMove","handleMouseMove","onMouseLeave","handleMouseLeave","style","ref","refInner","innerIE11","onScroll","handleNativeScroll","axis","_this$getProps","offsetY","offsetX","invert","disableAnimations","isAxisX","refScrollBar","refScrollBarX","refScrollBarY","offset","isVisible","handleScroll","handleScrollStateChange","scrollState","scrollY","scrollX","scrollXState","onScrollStateChangeX","scrollYState","onScrollStateChange","onScrollStateChangeY","prevScrollState","_this$getProps2","showScrollBarOnMouseWheel","scrollbar","element","preventWindowScroll","addEventListener","handleInnerScrollWheel","passive","removeEventListener","scrollRef","event","_this$scrollY","_this$scrollX","reflow","preventDefault","emit","isScrollBarVisible","setState","hideScrollBar","_this$scrollX2","_this$scrollY2","isScrollBarXHovered","getHover","isScrollBarYHovered","hideScrollBarDelay","WheelEvent","shiftKey","hasScrollBar","_scrollSizeParameters","pos","size","deltaY","_this$scrollY3","_this$scrollX3","right","currentTarget","pageX","bottom","pageY","setHover","_this$scrollY4","_this$scrollX4","updateInnerElement","_this$scrollX5","_this$scrollY5","setInnerElement","_inheritsLoose","_proto","prototype","componentDidMount","componentDidUpdate","prevProps","scrollTo","scrollLeft","offsetLeft","scrollTop","scrollToTop","scrollToBottom","scrollHeight","offsetHeight","scrollToLeft","scrollToRight","scrollWidth","offsetWidth","Component","__KONTUR_REACT_UI__","displayName","propTypes","bool","oneOfType","string","number","oneOf","func"],"sources":["ScrollContainer.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject } from '@skbkontur/global-object';\nimport debounce from 'lodash.debounce';\n\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { Nullable } from '../../typings/utility-types';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isIE11 } from '../../lib/client';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\n\nimport { styles, globalClasses } from './ScrollContainer.styles';\nimport { scrollSizeParametersNames } from './ScrollContainer.constants';\nimport {\n  getScrollYOffset,\n  convertScrollbarXScrollState,\n  convertScrollbarYScrollState,\n} from './ScrollContainer.helpers';\nimport type { ScrollAxis, ScrollBarScrollState } from './ScrollBar';\nimport { ScrollBar } from './ScrollBar';\n\nexport type ScrollContainerScrollStateX = 'left' | 'scroll' | 'right';\nexport type ScrollContainerScrollStateY = 'top' | 'scroll' | 'bottom';\nexport type ScrollContainerScrollState = ScrollContainerScrollStateY; // deprecated\nexport type ScrollBehaviour = 'auto' | 'smooth';\n\ntype OffsetCSSPropsY = 'top' | 'right' | 'bottom';\ntype OffsetCSSPropsX = 'right' | 'bottom' | 'left';\n\nexport interface ScrollContainerProps extends CommonProps {\n  /** Инвертирует цвет скроллбара.\n   * @default false */\n  invert?: boolean;\n\n  /** Задает максимальную высоту. */\n  maxHeight?: React.CSSProperties['maxHeight'];\n\n  /** Задает максимальную ширину. */\n  maxWidth?: React.CSSProperties['maxWidth'];\n\n  /** Отключает скролл окна, когда меню открыто.\n   * @default false */\n  preventWindowScroll?: boolean;\n\n  /** Задает поведение скролла. (https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior)\n   * @default 'auto' */\n  scrollBehaviour?: ScrollBehaviour;\n\n  /** Задает функцию, которая вызывается при скроле по горизонтали. */\n  onScrollStateChangeX?: (scrollState: ScrollContainerScrollStateX) => void;\n\n  /** Задает функцию, которая вызывается при скроле по вертикали. */\n  onScrollStateChangeY?: (scrollState: ScrollContainerScrollStateY) => void;\n\n  /** Задает функцию, которая вызывается при скроле.\n   * @deprecated use onScroll */\n  onScrollStateChange?: (scrollYState: ScrollContainerScrollState) => void;\n\n  /** Задает функцию, которая вызывается при скроле. */\n  onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;\n\n  /** Отключает кастомный скролл. */\n  disabled?: boolean;\n\n  /** Задает смещение вертикального скроллбара. */\n  offsetY?: Partial<Record<OffsetCSSPropsY, React.CSSProperties[OffsetCSSPropsY]>>;\n\n  /** Задает смещение горизонтального скроллбара. */\n  offsetX?: Partial<Record<OffsetCSSPropsX, React.CSSProperties[OffsetCSSPropsX]>>;\n\n  /** Определяет, нужно ли показывать скроллбар. */\n  showScrollBar?: 'always' | 'scroll' | 'hover' | 'never';\n\n  /** Устанавливает задержку в миллисекундах перед скрытием скроллбара.\n   * Работает только при hideScrollBar = true или showScrollBar = 'scroll' | 'hover'. */\n  hideScrollBarDelay?: number;\n\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n  scrollRef?: React.Ref<HTMLDivElement | null>;\n}\n\nexport const ScrollContainerDataTids = {\n  root: 'ScrollContainer__root',\n  inner: 'ScrollContainer__inner',\n} as const;\n\ntype DefaultProps = Required<\n  Pick<\n    ScrollContainerProps,\n    'invert' | 'scrollBehaviour' | 'preventWindowScroll' | 'disableAnimations' | 'hideScrollBarDelay' | 'showScrollBar'\n  >\n>;\n\ninterface ScrollContainerState {\n  isScrollBarXVisible: boolean;\n  isScrollBarYVisible: boolean;\n  isHovered: boolean;\n}\n\n/**\n * `ScrollContainer` используется для создания контейнера с кастомными полосами прокрутки, который обеспечивает прокрутку содержимого по горизонтали или вертикали.\n */\n@rootNode\nexport class ScrollContainer extends React.Component<ScrollContainerProps, ScrollContainerState> {\n  public static __KONTUR_REACT_UI__ = 'ScrollContainer';\n  public static displayName = 'ScrollContainer';\n\n  public inner: Nullable<HTMLElement>;\n\n  public static propTypes = {\n    invert: PropTypes.bool,\n    maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    scrollBehaviour: PropTypes.oneOf(['auto', 'smooth']),\n    preventWindowScroll: PropTypes.bool,\n    onScrollStateChange: PropTypes.func,\n  };\n\n  public static defaultProps: DefaultProps = {\n    invert: false,\n    scrollBehaviour: 'auto',\n    preventWindowScroll: false,\n    disableAnimations: isTestEnv,\n    hideScrollBarDelay: 500,\n    showScrollBar: 'always',\n  };\n\n  private getProps = createPropsGetter(ScrollContainer.defaultProps);\n\n  private scrollX: Nullable<ScrollBar>;\n  private scrollY: Nullable<ScrollBar>;\n  private setRootNode!: TSetRootNode;\n  private initialIsScrollBarVisible = this.getProps().showScrollBar === 'always';\n\n  public state: ScrollContainerState = {\n    isScrollBarXVisible: this.initialIsScrollBarVisible,\n    isScrollBarYVisible: this.initialIsScrollBarVisible,\n    isHovered: false,\n  };\n\n  public componentDidMount() {\n    this.updateInnerElement();\n  }\n\n  public componentDidUpdate(prevProps: ScrollContainerProps) {\n    const preventWindowScroll = this.getProps().preventWindowScroll;\n    if (this.inner) {\n      if (prevProps.preventWindowScroll && !preventWindowScroll) {\n        this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);\n      }\n      if (!prevProps.preventWindowScroll && preventWindowScroll) {\n        this.inner.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });\n      }\n    }\n\n    if (prevProps.disabled !== this.props.disabled && !this.props.disabled) {\n      this.updateInnerElement();\n    }\n\n    if (prevProps.showScrollBar !== this.props.showScrollBar) {\n      if (this.props.showScrollBar === 'always') {\n        this.setState({ isScrollBarXVisible: true, isScrollBarYVisible: true });\n      } else if (this.props.showScrollBar === 'never') {\n        this.setState({ isScrollBarXVisible: false, isScrollBarYVisible: false });\n      }\n    }\n  }\n\n  public render = () => {\n    const props = this.props;\n\n    if (this.props.disabled) {\n      return this.props.children;\n    }\n\n    const innerStyle: React.CSSProperties = {\n      scrollBehavior: this.getProps().scrollBehaviour,\n      maxHeight: props.maxHeight,\n      maxWidth: props.maxWidth,\n    };\n\n    const scrollbarY = this.renderScrollbar('y');\n    const scrollbarX = this.renderScrollbar('x');\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div\n          data-tid={ScrollContainerDataTids.root}\n          className={styles.root()}\n          onMouseMove={this.handleMouseMove}\n          onMouseLeave={this.handleMouseLeave}\n        >\n          {scrollbarY}\n          {scrollbarX}\n          <div\n            style={innerStyle}\n            ref={this.refInner}\n            className={cx(styles.inner(), globalClasses.inner, isIE11 && styles.innerIE11())}\n            data-tid={ScrollContainerDataTids.inner}\n            onScroll={this.handleNativeScroll}\n          >\n            {props.children}\n          </div>\n        </div>\n      </CommonWrapper>\n    );\n  };\n\n  /**\n   * @public\n   * @param {Element} element\n   */\n  public scrollTo(element: Nullable<HTMLElement>) {\n    if (!element || !this.inner) {\n      return;\n    }\n\n    this.inner.scrollLeft = element.offsetLeft;\n    this.inner.scrollTop = getScrollYOffset(element, this.inner);\n  }\n\n  /**\n   * @public\n   */\n  public scrollToTop() {\n    if (!this.inner) {\n      return;\n    }\n    this.inner.scrollTop = 0;\n  }\n\n  /**\n   * @public\n   */\n  public scrollToBottom() {\n    if (!this.inner) {\n      return;\n    }\n    this.inner.scrollTop = this.inner.scrollHeight - this.inner.offsetHeight;\n  }\n\n  /**\n   * @public\n   */\n  public scrollToLeft() {\n    if (!this.inner) {\n      return;\n    }\n    this.inner.scrollLeft = 0;\n  }\n\n  /**\n   * @public\n   */\n  public scrollToRight() {\n    if (!this.inner) {\n      return;\n    }\n\n    this.inner.scrollLeft = this.inner.scrollWidth - this.inner.offsetWidth;\n  }\n\n  public hasScrollBar(axis: ScrollAxis) {\n    if (!this.inner) {\n      return false;\n    }\n\n    return axis === 'x'\n      ? this.inner.offsetWidth < this.inner.scrollWidth\n      : this.inner.offsetHeight < this.inner.scrollHeight;\n  }\n\n  private renderScrollbar = (axis: ScrollAxis) => {\n    const { offsetY, offsetX, invert, disableAnimations } = this.getProps();\n    const isAxisX = axis === 'x';\n    const refScrollBar = isAxisX ? this.refScrollBarX : this.refScrollBarY;\n    const offset = isAxisX ? offsetX : offsetY;\n    const isVisible = isAxisX ? this.state.isScrollBarXVisible : this.state.isScrollBarYVisible;\n\n    return (\n      <ScrollBar\n        axis={axis}\n        ref={refScrollBar}\n        invert={invert}\n        onScroll={this.handleScroll}\n        offset={offset}\n        disableAnimations={disableAnimations}\n        isVisible={isVisible}\n      />\n    );\n  };\n\n  private handleScrollStateChange = (scrollState: ScrollBarScrollState, axis: ScrollAxis) => {\n    if (!this.scrollY || !this.scrollX) {\n      return;\n    }\n\n    if (axis === 'x') {\n      const scrollXState = convertScrollbarXScrollState(scrollState);\n\n      this.props.onScrollStateChangeX?.(scrollXState);\n      return;\n    }\n\n    const scrollYState = convertScrollbarYScrollState(scrollState);\n\n    this.props.onScrollStateChange?.(scrollYState);\n    this.props.onScrollStateChangeY?.(scrollYState);\n  };\n\n  private handleScroll = (\n    axis: ScrollAxis,\n    scrollState: ScrollBarScrollState,\n    prevScrollState: ScrollBarScrollState,\n  ) => {\n    if (scrollState !== prevScrollState) {\n      this.handleScrollStateChange(scrollState, axis);\n    }\n    const { showScrollBar } = this.getProps();\n    showScrollBar === 'scroll' && this.showScrollBarOnMouseWheel(axis);\n  };\n\n  private refScrollBarY = (scrollbar: Nullable<ScrollBar>) => {\n    this.scrollY = scrollbar;\n  };\n\n  private refScrollBarX = (scrollbar: Nullable<ScrollBar>) => {\n    this.scrollX = scrollbar;\n  };\n\n  private refInner = (element: HTMLElement | null) => {\n    if (!this.inner && element && this.getProps().preventWindowScroll) {\n      element.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });\n    }\n    if (this.inner && !element) {\n      this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);\n    }\n    this.inner = element;\n\n    if (this.props.scrollRef) {\n      callChildRef(this.props.scrollRef, element);\n    }\n  };\n\n  private handleNativeScroll = (event: React.UIEvent<HTMLDivElement>) => {\n    this.scrollY?.reflow();\n    this.scrollX?.reflow();\n\n    this.props.onScroll?.(event);\n    if (this.getProps().preventWindowScroll) {\n      event.preventDefault();\n      return;\n    }\n    LayoutEvents.emit();\n  };\n\n  private showScrollBarOnMouseWheel = (axis: ScrollAxis) => {\n    const isScrollBarVisible = axis === 'x' ? this.state.isScrollBarXVisible : this.state.isScrollBarYVisible;\n    if (!isScrollBarVisible) {\n      axis === 'x' ? this.setState({ isScrollBarXVisible: true }) : this.setState({ isScrollBarYVisible: true });\n    }\n    this.hideScrollBar(axis);\n  };\n\n  private readonly hideScrollBar = debounce((axis: ScrollAxis | 'both') => {\n    if (this.state.isHovered) {\n      return;\n    }\n    const isScrollBarXHovered = this.scrollX?.getHover();\n    const isScrollBarYHovered = this.scrollY?.getHover();\n    if (axis === 'both') {\n      !isScrollBarXHovered && !isScrollBarYHovered\n        ? this.setState({ isScrollBarXVisible: false, isScrollBarYVisible: false })\n        : this.hideScrollBar('both');\n    } else if (axis === 'x') {\n      !isScrollBarXHovered ? this.setState({ isScrollBarXVisible: false }) : this.hideScrollBar('x');\n    } else {\n      !isScrollBarYHovered ? this.setState({ isScrollBarYVisible: false }) : this.hideScrollBar('y');\n    }\n  }, this.getProps().hideScrollBarDelay);\n\n  private handleInnerScrollWheel = (event: Event) => {\n    if (!this.inner || !isInstanceOf(event, globalObject.WheelEvent)) {\n      return;\n    }\n\n    const axis: ScrollAxis = event.shiftKey ? 'x' : 'y';\n\n    if (this.hasScrollBar(axis)) {\n      const { pos, size, offset } = scrollSizeParametersNames[axis];\n\n      if (event.deltaY > 0 && this.inner[size] <= this.inner[pos] + this.inner[offset]) {\n        event.preventDefault();\n        return false;\n      }\n      if (event.deltaY < 0 && this.inner[pos] <= 0) {\n        event.preventDefault();\n        return false;\n      }\n    }\n  };\n\n  private handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\n    const right = getDOMRect(event.currentTarget).right - event.pageX;\n    const bottom = getDOMRect(event.currentTarget).bottom - event.pageY;\n\n    this.scrollY?.setHover(right <= 12);\n    this.scrollX?.setHover(right >= 12 && bottom <= 12);\n\n    this.getProps().showScrollBar === 'hover' &&\n      !this.state.isHovered &&\n      this.setState({ isScrollBarXVisible: true, isScrollBarYVisible: true, isHovered: true });\n  };\n\n  private handleMouseLeave = () => {\n    this.scrollY?.setHover(false);\n    this.scrollX?.setHover(false);\n    if (this.getProps().showScrollBar === 'hover') {\n      this.setState({ isHovered: false });\n      this.hideScrollBar('both');\n    }\n  };\n\n  private updateInnerElement = () => {\n    this.scrollX?.setInnerElement(this.inner);\n    this.scrollY?.setInnerElement(this.inner);\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/ScrollContainer/ScrollContainer.constants/ScrollContainer.constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["MIN_SCROLL_SIZE","defaultScrollbarState","size","pos","hover","active","scrollingByMouseDrag","scrollState","scrollSizeParametersNames","x","offset","coord","clientSize","customScrollPos","customScrollSize","y"],"sources":["ScrollContainer.constants.ts"],"sourcesContent":["import { ScrollBarState } from './ScrollBar';\n\nexport const MIN_SCROLL_SIZE = 20;\n\nexport const defaultScrollbarState: ScrollBarState = {\n  size: 0,\n  pos: 0,\n  // Mouse is moving where big scrollbar can be located.\n  hover: false,\n  active: false,\n  // True when scroll is following mouse (mouse down on scroll).\n  scrollingByMouseDrag: false,\n  scrollState: 'begin',\n};\n\nexport const scrollSizeParametersNames = {\n  x: {\n    offset: 'offsetWidth',\n    size: 'scrollWidth',\n    pos: 'scrollLeft',\n    coord: 'clientX',\n    clientSize: 'clientWidth',\n    customScrollPos: 'left',\n    customScrollSize: 'width',\n  },\n  y: {\n    offset: 'offsetHeight',\n    size: 'scrollHeight',\n    pos: 'scrollTop',\n    coord: 'clientY',\n    clientSize: 'clientHeight',\n    customScrollPos: 'top',\n    customScrollSize: 'height',\n  },\n} as const;\n"],"mappings":";;AAEA,OAAO,IAAMA,eAAe,GAAG,EAAE;;AAEjC,OAAO,IAAMC,qBAAqC,GAAG;EACnDC,IAAI,EAAE,CAAC;EACPC,GAAG,EAAE,CAAC;EACN;EACAC,KAAK,EAAE,KAAK;EACZC,MAAM,EAAE,KAAK;EACb;EACAC,oBAAoB,EAAE,KAAK;EAC3BC,WAAW,EAAE;AACf,CAAC;;AAED,OAAO,IAAMC,yBAAyB,GAAG;EACvCC,CAAC,EAAE;IACDC,MAAM,EAAE,aAAa;IACrBR,IAAI,EAAE,aAAa;IACnBC,GAAG,EAAE,YAAY;IACjBQ,KAAK,EAAE,SAAS;IAChBC,UAAU,EAAE,aAAa;IACzBC,eAAe,EAAE,MAAM;IACvBC,gBAAgB,EAAE;EACpB,CAAC;EACDC,CAAC,EAAE;IACDL,MAAM,EAAE,cAAc;IACtBR,IAAI,EAAE,cAAc;IACpBC,GAAG,EAAE,WAAW;IAChBQ,KAAK,EAAE,SAAS;IAChBC,UAAU,EAAE,cAAc;IAC1BC,eAAe,EAAE,KAAK;IACtBC,gBAAgB,EAAE;EACpB;AACF,CAAU","ignoreList":[]}
+{"version":3,"names":["MIN_SCROLL_SIZE","defaultScrollbarState","size","pos","hover","active","scrollingByMouseDrag","scrollState","scrollSizeParametersNames","x","offset","coord","clientSize","customScrollPos","customScrollSize","y"],"sources":["ScrollContainer.constants.ts"],"sourcesContent":["import type { ScrollBarState } from './ScrollBar';\n\nexport const MIN_SCROLL_SIZE = 20;\n\nexport const defaultScrollbarState: ScrollBarState = {\n  size: 0,\n  pos: 0,\n  // Mouse is moving where big scrollbar can be located.\n  hover: false,\n  active: false,\n  // True when scroll is following mouse (mouse down on scroll).\n  scrollingByMouseDrag: false,\n  scrollState: 'begin',\n};\n\nexport const scrollSizeParametersNames = {\n  x: {\n    offset: 'offsetWidth',\n    size: 'scrollWidth',\n    pos: 'scrollLeft',\n    coord: 'clientX',\n    clientSize: 'clientWidth',\n    customScrollPos: 'left',\n    customScrollSize: 'width',\n  },\n  y: {\n    offset: 'offsetHeight',\n    size: 'scrollHeight',\n    pos: 'scrollTop',\n    coord: 'clientY',\n    clientSize: 'clientHeight',\n    customScrollPos: 'top',\n    customScrollSize: 'height',\n  },\n} as const;\n"],"mappings":";;AAEA,OAAO,IAAMA,eAAe,GAAG,EAAE;;AAEjC,OAAO,IAAMC,qBAAqC,GAAG;EACnDC,IAAI,EAAE,CAAC;EACPC,GAAG,EAAE,CAAC;EACN;EACAC,KAAK,EAAE,KAAK;EACZC,MAAM,EAAE,KAAK;EACb;EACAC,oBAAoB,EAAE,KAAK;EAC3BC,WAAW,EAAE;AACf,CAAC;;AAED,OAAO,IAAMC,yBAAyB,GAAG;EACvCC,CAAC,EAAE;IACDC,MAAM,EAAE,aAAa;IACrBR,IAAI,EAAE,aAAa;IACnBC,GAAG,EAAE,YAAY;IACjBQ,KAAK,EAAE,SAAS;IAChBC,UAAU,EAAE,aAAa;IACzBC,eAAe,EAAE,MAAM;IACvBC,gBAAgB,EAAE;EACpB,CAAC;EACDC,CAAC,EAAE;IACDL,MAAM,EAAE,cAAc;IACtBR,IAAI,EAAE,cAAc;IACpBC,GAAG,EAAE,WAAW;IAChBQ,KAAK,EAAE,SAAS;IAChBC,UAAU,EAAE,cAAc;IAC1BC,eAAe,EAAE,KAAK;IACtBC,gBAAgB,EAAE;EACpB;AACF,CAAU","ignoreList":[]}

package/components/ScrollContainer/ScrollContainer.constants.d.ts

@@ -1,4 +1,4 @@
-import { ScrollBarState } from './ScrollBar';
+import type { ScrollBarState } from './ScrollBar';
 export declare const MIN_SCROLL_SIZE = 20;
 export declare const defaultScrollbarState: ScrollBarState;
 export declare const scrollSizeParametersNames: {

package/components/ScrollContainer/ScrollContainer.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { Nullable } from '../../typings/utility-types';
-import { ScrollAxis } from './ScrollBar';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { Nullable } from '../../typings/utility-types';
+import type { ScrollAxis } from './ScrollBar';
 export type ScrollContainerScrollStateX = 'left' | 'scroll' | 'right';
 export type ScrollContainerScrollStateY = 'top' | 'scroll' | 'bottom';
 export type ScrollContainerScrollState = ScrollContainerScrollStateY;

package/components/ScrollContainer/ScrollContainer.helpers/ScrollContainer.helpers.js.map

@@ -1 +1 @@
-{"version":3,"names":["MIN_SCROLL_SIZE","scrollSizeParametersNames","getScrollSizeParams","inner","axis","_scrollSizeParameters","offset","size","pos","contentSize","scrollOffset","containerSize","scrollActive","scrollSize","scrollPos","Math","max","getScrollYOffset","element","container","elementTopOffset","offsetTop","scrollTop","scrollHeight","offsetHeight","convertScrollbarXScrollState","state","scrollBarState","begin","end","middle","convertScrollbarYScrollState"],"sources":["ScrollContainer.helpers.ts"],"sourcesContent":["import { MIN_SCROLL_SIZE, scrollSizeParametersNames } from './ScrollContainer.constants';\nimport { ScrollBarScrollState } from './ScrollBar';\nimport { ScrollContainerScrollStateX, ScrollContainerScrollStateY } from './ScrollContainer';\n\nexport const getScrollSizeParams = (inner: HTMLElement, axis: 'x' | 'y') => {\n  const { offset, size, pos } = scrollSizeParametersNames[axis];\n\n  const contentSize = inner[size];\n  const scrollOffset = inner[pos];\n  const containerSize = inner[offset];\n\n  const scrollActive = containerSize < contentSize;\n\n  let scrollSize = 0;\n  let scrollPos = 0;\n\n  if (scrollActive) {\n    scrollSize = Math.max((containerSize / contentSize) * containerSize, MIN_SCROLL_SIZE);\n    scrollPos = (scrollOffset / (contentSize - containerSize)) * (containerSize - scrollSize);\n\n    // Convert pixels to percentages\n    scrollSize = containerSize && (100 / containerSize) * scrollSize;\n    scrollPos = containerSize && (100 / containerSize) * scrollPos;\n  }\n\n  return {\n    scrollActive,\n    scrollSize,\n    scrollPos,\n  };\n};\n\nexport const getScrollYOffset = (element: HTMLElement, container: HTMLElement) => {\n  const elementTopOffset = element.offsetTop;\n\n  if (container.scrollTop > elementTopOffset) {\n    return elementTopOffset;\n  }\n\n  const offset = elementTopOffset + element.scrollHeight - container.offsetHeight;\n  if (container.scrollTop < offset) {\n    return offset;\n  }\n\n  return container.scrollTop;\n};\n\nexport const convertScrollbarXScrollState = (state: ScrollBarScrollState): ScrollContainerScrollStateX => {\n  const scrollBarState: Record<ScrollBarScrollState, ScrollContainerScrollStateX> = {\n    begin: 'left',\n    end: 'right',\n    middle: 'scroll',\n  };\n\n  return scrollBarState[state];\n};\n\nexport const convertScrollbarYScrollState = (state: ScrollBarScrollState): ScrollContainerScrollStateY => {\n  const scrollBarState: Record<ScrollBarScrollState, ScrollContainerScrollStateY> = {\n    begin: 'top',\n    end: 'bottom',\n    middle: 'scroll',\n  };\n\n  return scrollBarState[state];\n};\n"],"mappings":"AAAA,SAASA,eAAe,EAAEC,yBAAyB,QAAQ,6BAA6B;;;;AAIxF,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAAkB,EAAEC,IAAe,EAAK;EAC1E,IAAAC,qBAAA,GAA8BJ,yBAAyB,CAACG,IAAI,CAAC,CAArDE,MAAM,GAAAD,qBAAA,CAANC,MAAM,CAAEC,IAAI,GAAAF,qBAAA,CAAJE,IAAI,CAAEC,GAAG,GAAAH,qBAAA,CAAHG,GAAG;;EAEzB,IAAMC,WAAW,GAAGN,KAAK,CAACI,IAAI,CAAC;EAC/B,IAAMG,YAAY,GAAGP,KAAK,CAACK,GAAG,CAAC;EAC/B,IAAMG,aAAa,GAAGR,KAAK,CAACG,MAAM,CAAC;;EAEnC,IAAMM,YAAY,GAAGD,aAAa,GAAGF,WAAW;;EAEhD,IAAII,UAAU,GAAG,CAAC;EAClB,IAAIC,SAAS,GAAG,CAAC;;EAEjB,IAAIF,YAAY,EAAE;IAChBC,UAAU,GAAGE,IAAI,CAACC,GAAG,CAAEL,aAAa,GAAGF,WAAW,GAAIE,aAAa,EAAEX,eAAe,CAAC;IACrFc,SAAS,GAAIJ,YAAY,IAAID,WAAW,GAAGE,aAAa,CAAC,IAAKA,aAAa,GAAGE,UAAU,CAAC;;IAEzF;IACAA,UAAU,GAAGF,aAAa,IAAK,GAAG,GAAGA,aAAa,GAAIE,UAAU;IAChEC,SAAS,GAAGH,aAAa,IAAK,GAAG,GAAGA,aAAa,GAAIG,SAAS;EAChE;;EAEA,OAAO;IACLF,YAAY,EAAZA,YAAY;IACZC,UAAU,EAAVA,UAAU;IACVC,SAAS,EAATA;EACF,CAAC;AACH,CAAC;;AAED,OAAO,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,OAAoB,EAAEC,SAAsB,EAAK;EAChF,IAAMC,gBAAgB,GAAGF,OAAO,CAACG,SAAS;;EAE1C,IAAIF,SAAS,CAACG,SAAS,GAAGF,gBAAgB,EAAE;IAC1C,OAAOA,gBAAgB;EACzB;;EAEA,IAAMd,MAAM,GAAGc,gBAAgB,GAAGF,OAAO,CAACK,YAAY,GAAGJ,SAAS,CAACK,YAAY;EAC/E,IAAIL,SAAS,CAACG,SAAS,GAAGhB,MAAM,EAAE;IAChC,OAAOA,MAAM;EACf;;EAEA,OAAOa,SAAS,CAACG,SAAS;AAC5B,CAAC;;AAED,OAAO,IAAMG,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAIC,KAA2B,EAAkC;EACxG,IAAMC,cAAyE,GAAG;IAChFC,KAAK,EAAE,MAAM;IACbC,GAAG,EAAE,OAAO;IACZC,MAAM,EAAE;EACV,CAAC;;EAED,OAAOH,cAAc,CAACD,KAAK,CAAC;AAC9B,CAAC;;AAED,OAAO,IAAMK,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAIL,KAA2B,EAAkC;EACxG,IAAMC,cAAyE,GAAG;IAChFC,KAAK,EAAE,KAAK;IACZC,GAAG,EAAE,QAAQ;IACbC,MAAM,EAAE;EACV,CAAC;;EAED,OAAOH,cAAc,CAACD,KAAK,CAAC;AAC9B,CAAC","ignoreList":[]}
+{"version":3,"names":["MIN_SCROLL_SIZE","scrollSizeParametersNames","getScrollSizeParams","inner","axis","_scrollSizeParameters","offset","size","pos","contentSize","scrollOffset","containerSize","scrollActive","scrollSize","scrollPos","Math","max","getScrollYOffset","element","container","elementTopOffset","offsetTop","scrollTop","scrollHeight","offsetHeight","convertScrollbarXScrollState","state","scrollBarState","begin","end","middle","convertScrollbarYScrollState"],"sources":["ScrollContainer.helpers.ts"],"sourcesContent":["import { MIN_SCROLL_SIZE, scrollSizeParametersNames } from './ScrollContainer.constants';\nimport type { ScrollBarScrollState } from './ScrollBar';\nimport type { ScrollContainerScrollStateX, ScrollContainerScrollStateY } from './ScrollContainer';\n\nexport const getScrollSizeParams = (inner: HTMLElement, axis: 'x' | 'y') => {\n  const { offset, size, pos } = scrollSizeParametersNames[axis];\n\n  const contentSize = inner[size];\n  const scrollOffset = inner[pos];\n  const containerSize = inner[offset];\n\n  const scrollActive = containerSize < contentSize;\n\n  let scrollSize = 0;\n  let scrollPos = 0;\n\n  if (scrollActive) {\n    scrollSize = Math.max((containerSize / contentSize) * containerSize, MIN_SCROLL_SIZE);\n    scrollPos = (scrollOffset / (contentSize - containerSize)) * (containerSize - scrollSize);\n\n    // Convert pixels to percentages\n    scrollSize = containerSize && (100 / containerSize) * scrollSize;\n    scrollPos = containerSize && (100 / containerSize) * scrollPos;\n  }\n\n  return {\n    scrollActive,\n    scrollSize,\n    scrollPos,\n  };\n};\n\nexport const getScrollYOffset = (element: HTMLElement, container: HTMLElement) => {\n  const elementTopOffset = element.offsetTop;\n\n  if (container.scrollTop > elementTopOffset) {\n    return elementTopOffset;\n  }\n\n  const offset = elementTopOffset + element.scrollHeight - container.offsetHeight;\n  if (container.scrollTop < offset) {\n    return offset;\n  }\n\n  return container.scrollTop;\n};\n\nexport const convertScrollbarXScrollState = (state: ScrollBarScrollState): ScrollContainerScrollStateX => {\n  const scrollBarState: Record<ScrollBarScrollState, ScrollContainerScrollStateX> = {\n    begin: 'left',\n    end: 'right',\n    middle: 'scroll',\n  };\n\n  return scrollBarState[state];\n};\n\nexport const convertScrollbarYScrollState = (state: ScrollBarScrollState): ScrollContainerScrollStateY => {\n  const scrollBarState: Record<ScrollBarScrollState, ScrollContainerScrollStateY> = {\n    begin: 'top',\n    end: 'bottom',\n    middle: 'scroll',\n  };\n\n  return scrollBarState[state];\n};\n"],"mappings":"AAAA,SAASA,eAAe,EAAEC,yBAAyB,QAAQ,6BAA6B;;;;AAIxF,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAAkB,EAAEC,IAAe,EAAK;EAC1E,IAAAC,qBAAA,GAA8BJ,yBAAyB,CAACG,IAAI,CAAC,CAArDE,MAAM,GAAAD,qBAAA,CAANC,MAAM,CAAEC,IAAI,GAAAF,qBAAA,CAAJE,IAAI,CAAEC,GAAG,GAAAH,qBAAA,CAAHG,GAAG;;EAEzB,IAAMC,WAAW,GAAGN,KAAK,CAACI,IAAI,CAAC;EAC/B,IAAMG,YAAY,GAAGP,KAAK,CAACK,GAAG,CAAC;EAC/B,IAAMG,aAAa,GAAGR,KAAK,CAACG,MAAM,CAAC;;EAEnC,IAAMM,YAAY,GAAGD,aAAa,GAAGF,WAAW;;EAEhD,IAAII,UAAU,GAAG,CAAC;EAClB,IAAIC,SAAS,GAAG,CAAC;;EAEjB,IAAIF,YAAY,EAAE;IAChBC,UAAU,GAAGE,IAAI,CAACC,GAAG,CAAEL,aAAa,GAAGF,WAAW,GAAIE,aAAa,EAAEX,eAAe,CAAC;IACrFc,SAAS,GAAIJ,YAAY,IAAID,WAAW,GAAGE,aAAa,CAAC,IAAKA,aAAa,GAAGE,UAAU,CAAC;;IAEzF;IACAA,UAAU,GAAGF,aAAa,IAAK,GAAG,GAAGA,aAAa,GAAIE,UAAU;IAChEC,SAAS,GAAGH,aAAa,IAAK,GAAG,GAAGA,aAAa,GAAIG,SAAS;EAChE;;EAEA,OAAO;IACLF,YAAY,EAAZA,YAAY;IACZC,UAAU,EAAVA,UAAU;IACVC,SAAS,EAATA;EACF,CAAC;AACH,CAAC;;AAED,OAAO,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,OAAoB,EAAEC,SAAsB,EAAK;EAChF,IAAMC,gBAAgB,GAAGF,OAAO,CAACG,SAAS;;EAE1C,IAAIF,SAAS,CAACG,SAAS,GAAGF,gBAAgB,EAAE;IAC1C,OAAOA,gBAAgB;EACzB;;EAEA,IAAMd,MAAM,GAAGc,gBAAgB,GAAGF,OAAO,CAACK,YAAY,GAAGJ,SAAS,CAACK,YAAY;EAC/E,IAAIL,SAAS,CAACG,SAAS,GAAGhB,MAAM,EAAE;IAChC,OAAOA,MAAM;EACf;;EAEA,OAAOa,SAAS,CAACG,SAAS;AAC5B,CAAC;;AAED,OAAO,IAAMG,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAIC,KAA2B,EAAkC;EACxG,IAAMC,cAAyE,GAAG;IAChFC,KAAK,EAAE,MAAM;IACbC,GAAG,EAAE,OAAO;IACZC,MAAM,EAAE;EACV,CAAC;;EAED,OAAOH,cAAc,CAACD,KAAK,CAAC;AAC9B,CAAC;;AAED,OAAO,IAAMK,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAIL,KAA2B,EAAkC;EACxG,IAAMC,cAAyE,GAAG;IAChFC,KAAK,EAAE,KAAK;IACZC,GAAG,EAAE,QAAQ;IACbC,MAAM,EAAE;EACV,CAAC;;EAED,OAAOH,cAAc,CAACD,KAAK,CAAC;AAC9B,CAAC","ignoreList":[]}

package/components/ScrollContainer/ScrollContainer.helpers.d.ts

@@ -1,5 +1,5 @@
-import { ScrollBarScrollState } from './ScrollBar';
-import { ScrollContainerScrollStateX, ScrollContainerScrollStateY } from './ScrollContainer';
+import type { ScrollBarScrollState } from './ScrollBar';
+import type { ScrollContainerScrollStateX, ScrollContainerScrollStateY } from './ScrollContainer';
 export declare const getScrollSizeParams: (inner: HTMLElement, axis: 'x' | 'y') => {
     scrollActive: boolean;
     scrollSize: number;

package/components/ScrollContainer/ScrollContainer.styles/ScrollContainer.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","prefix","globalClasses","scrollbarX","scrollbarY","scrollbarContainerX","scrollbarContainerY","inner","styles","root","_templateObject","_taggedTemplateLiteralLoose","_templateObject2","innerIE11","_templateObject3","scrollBar","t","_templateObject4","scrollContainerScrollBarColor","visibleScrollBar","_templateObject5","scrollBarInvert","_templateObject6","scrollContainerScrollBarInvertColor","scrollBarContainerY","_templateObject7","scrollBarY","_templateObject8","scrollContainerScrollBarSize","scrollBarYHover","_templateObject9","scrollContainerScrollBarHoverSize","scrollBarContainerX","_templateObject10","scrollBarX","_templateObject11","scrollBarXHover","_templateObject12"],"sources":["ScrollContainer.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('scroll-container')({\n  scrollbarX: 'scrollbar-x',\n  scrollbarY: 'scrollbar-y',\n  scrollbarContainerX: 'scrollbar-container-x',\n  scrollbarContainerY: 'scrollbar-container-y',\n  inner: 'inner',\n});\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    `;\n  },\n\n  inner() {\n    return css`\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    `;\n  },\n\n  innerIE11() {\n    return css`\n      /* IE sometimes enabled scroll: http://codepen.io/anon/pen/RRrLNX */\n      margin-bottom: -1px;\n      padding-bottom: 1px;\n      margin-right: -1px;\n      padding-right: 1px;\n    `;\n  },\n\n  scrollBar(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ${t.scrollContainerScrollBarColor};\n      opacity: 0;\n      transition:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\n    `;\n  },\n\n  visibleScrollBar() {\n    return css`\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    `;\n  },\n\n  scrollBarInvert(t: Theme) {\n    return css`\n      background: #ccc;\n      background: ${t.scrollContainerScrollBarInvertColor};\n    `;\n  },\n\n  scrollBarContainerY() {\n    return css`\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    `;\n  },\n\n  scrollBarY(t: Theme) {\n    return css`\n      right: 0;\n      width: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarYHover(t: Theme) {\n    return css`\n      width: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n\n  scrollBarContainerX(t: Theme) {\n    return css`\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .${globalClasses.scrollbarContainerY} ~ & {\n        margin-right: calc(${t.scrollContainerScrollBarHoverSize} + 3px) !important;\n      }\n\n      & ~ .${globalClasses.inner} {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(${t.scrollContainerScrollBarHoverSize} + 2px);\n        }\n      }\n    `;\n  },\n\n  scrollBarX(t: Theme) {\n    return css`\n      bottom: 0;\n      height: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarXHover(t: Theme) {\n    return css`\n      height: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n});\n"],"mappings":"6TAAA,SAASA,GAAG,EAAEC,YAAY,EAAEC,MAAM,QAAQ,2BAA2B;;;AAGrE,OAAO,IAAMC,aAAa,GAAGD,MAAM,CAAC,kBAAkB,CAAC,CAAC;EACtDE,UAAU,EAAE,aAAa;EACzBC,UAAU,EAAE,aAAa;EACzBC,mBAAmB,EAAE,uBAAuB;EAC5CC,mBAAmB,EAAE,uBAAuB;EAC5CC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF,OAAO,IAAMC,MAAM,GAAGR,YAAY,CAAC;EACjCS,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOV,GAAG,CAAAW,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;EAKZ,CAAC;;EAEDJ,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOR,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAD,2BAAA;;;;;;;;;;;;;;EAcZ,CAAC;;EAEDE,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;;;;;;;EAOZ,CAAC;;EAEDI,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,OAAOjB,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;IAIMK,CAAC,CAACE,6BAA6B;;;;;;;EAOjD,CAAC;;EAEDC,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAOpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;;;;;;;EAOZ,CAAC;;EAEDU,eAAe,WAAAA,gBAACL,CAAQ,EAAE;IACxB,OAAOjB,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;;IAEMK,CAAC,CAACO,mCAAmC;;EAEvD,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,OAAOzB,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;;;;;;;EAOZ,CAAC;;EAEDe,UAAU,WAAAA,WAACV,CAAQ,EAAE;IACnB,OAAOjB,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;IAECK,CAAC,CAACY,4BAA4B;;EAE3C,CAAC;;EAEDC,eAAe,WAAAA,gBAACb,CAAQ,EAAE;IACxB,OAAOjB,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;IACCK,CAAC,CAACe,iCAAiC;;EAEhD,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAChB,CAAQ,EAAE;IAC5B,OAAOjB,GAAG,CAAAkC,iBAAA,KAAAA,iBAAA,GAAAtB,2BAAA;;;;;;;IAOLT,aAAa,CAACI,mBAAmB;IACbU,CAAC,CAACe,iCAAiC;;;IAGnD7B,aAAa,CAACK,KAAK;;;;;IAKPS,CAAC,CAACe,iCAAiC;;;;EAI1D,CAAC;;EAEDG,UAAU,WAAAA,WAAClB,CAAQ,EAAE;IACnB,OAAOjB,GAAG,CAAAoC,iBAAA,KAAAA,iBAAA,GAAAxB,2BAAA;;IAEEK,CAAC,CAACY,4BAA4B;;EAE5C,CAAC;;EAEDQ,eAAe,WAAAA,gBAACpB,CAAQ,EAAE;IACxB,OAAOjB,GAAG,CAAAsC,iBAAA,KAAAA,iBAAA,GAAA1B,2BAAA;IACEK,CAAC,CAACe,iCAAiC;;EAEjD;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","prefix","globalClasses","scrollbarX","scrollbarY","scrollbarContainerX","scrollbarContainerY","inner","styles","root","_templateObject","_taggedTemplateLiteralLoose","_templateObject2","innerIE11","_templateObject3","scrollBar","t","_templateObject4","scrollContainerScrollBarColor","visibleScrollBar","_templateObject5","scrollBarInvert","_templateObject6","scrollContainerScrollBarInvertColor","scrollBarContainerY","_templateObject7","scrollBarY","_templateObject8","scrollContainerScrollBarSize","scrollBarYHover","_templateObject9","scrollContainerScrollBarHoverSize","scrollBarContainerX","_templateObject10","scrollBarX","_templateObject11","scrollBarXHover","_templateObject12"],"sources":["ScrollContainer.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('scroll-container')({\n  scrollbarX: 'scrollbar-x',\n  scrollbarY: 'scrollbar-y',\n  scrollbarContainerX: 'scrollbar-container-x',\n  scrollbarContainerY: 'scrollbar-container-y',\n  inner: 'inner',\n});\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    `;\n  },\n\n  inner() {\n    return css`\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    `;\n  },\n\n  innerIE11() {\n    return css`\n      /* IE sometimes enabled scroll: http://codepen.io/anon/pen/RRrLNX */\n      margin-bottom: -1px;\n      padding-bottom: 1px;\n      margin-right: -1px;\n      padding-right: 1px;\n    `;\n  },\n\n  scrollBar(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ${t.scrollContainerScrollBarColor};\n      opacity: 0;\n      transition:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\n    `;\n  },\n\n  visibleScrollBar() {\n    return css`\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    `;\n  },\n\n  scrollBarInvert(t: Theme) {\n    return css`\n      background: #ccc;\n      background: ${t.scrollContainerScrollBarInvertColor};\n    `;\n  },\n\n  scrollBarContainerY() {\n    return css`\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    `;\n  },\n\n  scrollBarY(t: Theme) {\n    return css`\n      right: 0;\n      width: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarYHover(t: Theme) {\n    return css`\n      width: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n\n  scrollBarContainerX(t: Theme) {\n    return css`\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .${globalClasses.scrollbarContainerY} ~ & {\n        margin-right: calc(${t.scrollContainerScrollBarHoverSize} + 3px) !important;\n      }\n\n      & ~ .${globalClasses.inner} {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(${t.scrollContainerScrollBarHoverSize} + 2px);\n        }\n      }\n    `;\n  },\n\n  scrollBarX(t: Theme) {\n    return css`\n      bottom: 0;\n      height: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarXHover(t: Theme) {\n    return css`\n      height: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n});\n"],"mappings":"6TAAA,SAASA,GAAG,EAAEC,YAAY,EAAEC,MAAM,QAAQ,2BAA2B;;;AAGrE,OAAO,IAAMC,aAAa,GAAGD,MAAM,CAAC,kBAAkB,CAAC,CAAC;EACtDE,UAAU,EAAE,aAAa;EACzBC,UAAU,EAAE,aAAa;EACzBC,mBAAmB,EAAE,uBAAuB;EAC5CC,mBAAmB,EAAE,uBAAuB;EAC5CC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF,OAAO,IAAMC,MAAM,GAAGR,YAAY,CAAC;EACjCS,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOV,GAAG,CAAAW,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;EAKZ,CAAC;;EAEDJ,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOR,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAD,2BAAA;;;;;;;;;;;;;;EAcZ,CAAC;;EAEDE,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;;;;;;;EAOZ,CAAC;;EAEDI,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,OAAOjB,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;IAIMK,CAAC,CAACE,6BAA6B;;;;;;;EAOjD,CAAC;;EAEDC,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAOpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;;;;;;;EAOZ,CAAC;;EAEDU,eAAe,WAAAA,gBAACL,CAAQ,EAAE;IACxB,OAAOjB,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;;IAEMK,CAAC,CAACO,mCAAmC;;EAEvD,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,OAAOzB,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;;;;;;;EAOZ,CAAC;;EAEDe,UAAU,WAAAA,WAACV,CAAQ,EAAE;IACnB,OAAOjB,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;IAECK,CAAC,CAACY,4BAA4B;;EAE3C,CAAC;;EAEDC,eAAe,WAAAA,gBAACb,CAAQ,EAAE;IACxB,OAAOjB,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;IACCK,CAAC,CAACe,iCAAiC;;EAEhD,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAChB,CAAQ,EAAE;IAC5B,OAAOjB,GAAG,CAAAkC,iBAAA,KAAAA,iBAAA,GAAAtB,2BAAA;;;;;;;IAOLT,aAAa,CAACI,mBAAmB;IACbU,CAAC,CAACe,iCAAiC;;;IAGnD7B,aAAa,CAACK,KAAK;;;;;IAKPS,CAAC,CAACe,iCAAiC;;;;EAI1D,CAAC;;EAEDG,UAAU,WAAAA,WAAClB,CAAQ,EAAE;IACnB,OAAOjB,GAAG,CAAAoC,iBAAA,KAAAA,iBAAA,GAAAxB,2BAAA;;IAEEK,CAAC,CAACY,4BAA4B;;EAE5C,CAAC;;EAEDQ,eAAe,WAAAA,gBAACpB,CAAQ,EAAE;IACxB,OAAOjB,GAAG,CAAAsC,iBAAA,KAAAA,iBAAA,GAAA1B,2BAAA;IACEK,CAAC,CAACe,iCAAiC;;EAEjD;AACF,CAAC,CAAC","ignoreList":[]}

package/components/ScrollContainer/ScrollContainer.styles.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../lib/theming/Theme';
+import type { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
     scrollbarX: string;
     scrollbarY: string;

package/components/ScrollContainer/__docs__/ScrollContainer.mdx

@@ -1,10 +1,12 @@
 import * as ScrollContainerStories from './ScrollContainer.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={ScrollContainerStories} />
 
-# ScrollContainer
+<Header component="ScrollContainer" />
 
 <Description />
 
@@ -14,10 +16,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования