@skbkontur/react-ui 0.0.0-4c5579465d → 0.0.0-4da47ece08

package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList/FileUploaderFileList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FileUploaderFileList.tsx"],"names":["React","useContext","FileUploaderControlContext","ThemeContext","FileUploaderFile","cx","useFileUploaderSize","jsStyles","FileUploaderFileDataTids","fileList","FileUploaderFileList","props","renderFile","size","files","theme","fileWrapperClass","small","fileWrapperSmall","medium","fileWrapperMedium","large","fileWrapperLarge","map","file","id","fileWrapper","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,0BAAT,QAA2C,+BAA3C;AACA,SAASC,YAAT,QAA6B,mCAA7B;AACA,SAASC,gBAAT,QAAiC,sCAAjC;;;AAGA,SAASC,EAAT,QAAmB,8BAAnB;AACA,SAASC,mBAAT,QAAoC,8BAApC;;AAEA,SAASC,QAAT,QAAyB,+BAAzB;;;;;;;AAOA,OAAO,IAAMC,wBAAwB,GAAG;AACtCC,EAAAA,QAAQ,EAAE,wBAD4B,EAAjC;;;AAIP,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAsC;AACxE,MAAQC,UAAR,GAA6BD,KAA7B,CAAQC,UAAR,CAAoBC,IAApB,GAA6BF,KAA7B,CAAoBE,IAApB;AACA,oBAAkBZ,UAAU,CAACC,0BAAD,CAA5B,CAAQY,KAAR,eAAQA,KAAR;AACA,MAAMC,KAAK,GAAGd,UAAU,CAACE,YAAD,CAAxB;;AAEA,MAAMa,gBAAgB,GAAGV,mBAAmB,CAACO,IAAD,EAAO;AACjDI,IAAAA,KAAK,EAAEV,QAAQ,CAACW,gBAAT,CAA0BH,KAA1B,CAD0C;AAEjDI,IAAAA,MAAM,EAAEZ,QAAQ,CAACa,iBAAT,CAA2BL,KAA3B,CAFyC;AAGjDM,IAAAA,KAAK,EAAEd,QAAQ,CAACe,gBAAT,CAA0BP,KAA1B,CAH0C,EAAP,CAA5C;;;AAMA;AACE,iCAAK,YAAUP,wBAAwB,CAACC,QAAxC;AACGK,IAAAA,KAAK,CAACS,GAAN,CAAU,UAACC,IAAD;AACT,qCAAK,GAAG,EAAEA,IAAI,CAACC,EAAf,EAAmB,SAAS,EAAEpB,EAAE,CAACE,QAAQ,CAACmB,WAAT,CAAqBX,KAArB,CAAD,EAA8BC,gBAA9B,CAAhC;AACE,qCAAK,SAAS,EAAET,QAAQ,CAACiB,IAAT,EAAhB;AACGZ,QAAAA,UAAU,CAACY,IAAD,eAAO,oBAAC,gBAAD,IAAkB,IAAI,EAAEA,IAAxB,EAA8B,QAAQ,MAAtC,EAAuC,QAAQ,MAA/C,EAAgD,IAAI,EAAEX,IAAtD,GAAP,CADb,CADF,CADS,GAAV,CADH,CADF;;;;;;AAWD,CAtBM;;AAwBPH,oBAAoB,CAACiB,WAArB,GAAmC,sBAAnC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { FileUploaderControlContext } from '../FileUploaderControlContext';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport { FileUploaderFile } from '../FileUploaderFile/FileUploaderFile';\nimport { FileUploaderAttachedFile } from '../fileUtils';\nimport { FileUploaderSize } from '../../../components/FileUploader';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { useFileUploaderSize } from '../hooks/useFileUploaderSize';\n\nimport { jsStyles } from './FileUploaderFileList.styles';\n\ninterface FileUploaderFileListProps {\n  renderFile: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;\n  size: FileUploaderSize;\n}\n\nexport const FileUploaderFileDataTids = {\n  fileList: 'FileUploader__fileList',\n} as const;\n\nexport const FileUploaderFileList = (props: FileUploaderFileListProps) => {\n  const { renderFile, size } = props;\n  const { files } = useContext(FileUploaderControlContext);\n  const theme = useContext(ThemeContext);\n\n  const fileWrapperClass = useFileUploaderSize(size, {\n    small: jsStyles.fileWrapperSmall(theme),\n    medium: jsStyles.fileWrapperMedium(theme),\n    large: jsStyles.fileWrapperLarge(theme),\n  });\n\n  return (\n    <div data-tid={FileUploaderFileDataTids.fileList}>\n      {files.map((file) => (\n        <div key={file.id} className={cx(jsStyles.fileWrapper(theme), fileWrapperClass)}>\n          <div className={jsStyles.file()}>\n            {renderFile(file, <FileUploaderFile file={file} showSize multiple size={size} />)}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n\nFileUploaderFileList.displayName = 'FileUploaderFileList';\n"]}
+{"version":3,"sources":["FileUploaderFileList.tsx"],"names":["React","useContext","FileUploaderControlContext","ThemeContext","FileUploaderFile","cx","useFileUploaderSize","jsStyles","FileUploaderFileDataTids","fileList","FileUploaderFileList","props","renderFile","size","files","theme","fileWrapperClass","small","fileWrapperSmall","medium","fileWrapperMedium","large","fileWrapperLarge","map","file","id","fileWrapper","__KONTUR_REACT_UI__","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,0BAAT,QAA2C,+BAA3C;AACA,SAASC,YAAT,QAA6B,mCAA7B;AACA,SAASC,gBAAT,QAAiC,sCAAjC;;AAEA,SAASC,EAAT,QAAmB,8BAAnB;AACA,SAASC,mBAAT,QAAoC,8BAApC;;;AAGA,SAASC,QAAT,QAAyB,+BAAzB;;;;;;;AAOA,OAAO,IAAMC,wBAAwB,GAAG;AACtCC,EAAAA,QAAQ,EAAE,wBAD4B,EAAjC;;;AAIP,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAsC;AACxE,MAAQC,UAAR,GAA6BD,KAA7B,CAAQC,UAAR,CAAoBC,IAApB,GAA6BF,KAA7B,CAAoBE,IAApB;AACA,oBAAkBZ,UAAU,CAACC,0BAAD,CAA5B,CAAQY,KAAR,eAAQA,KAAR;AACA,MAAMC,KAAK,GAAGd,UAAU,CAACE,YAAD,CAAxB;;AAEA,MAAMa,gBAAgB,GAAGV,mBAAmB,CAACO,IAAD,EAAO;AACjDI,IAAAA,KAAK,EAAEV,QAAQ,CAACW,gBAAT,CAA0BH,KAA1B,CAD0C;AAEjDI,IAAAA,MAAM,EAAEZ,QAAQ,CAACa,iBAAT,CAA2BL,KAA3B,CAFyC;AAGjDM,IAAAA,KAAK,EAAEd,QAAQ,CAACe,gBAAT,CAA0BP,KAA1B,CAH0C,EAAP,CAA5C;;;AAMA;AACE,iCAAK,YAAUP,wBAAwB,CAACC,QAAxC;AACGK,IAAAA,KAAK,CAACS,GAAN,CAAU,UAACC,IAAD;AACT,qCAAK,GAAG,EAAEA,IAAI,CAACC,EAAf,EAAmB,SAAS,EAAEpB,EAAE,CAACE,QAAQ,CAACmB,WAAT,CAAqBX,KAArB,CAAD,EAA8BC,gBAA9B,CAAhC;AACE,qCAAK,SAAS,EAAET,QAAQ,CAACiB,IAAT,EAAhB;AACGZ,QAAAA,UAAU,CAACY,IAAD,eAAO,oBAAC,gBAAD,IAAkB,IAAI,EAAEA,IAAxB,EAA8B,QAAQ,MAAtC,EAAuC,QAAQ,MAA/C,EAAgD,IAAI,EAAEX,IAAtD,GAAP,CADb,CADF,CADS,GAAV,CADH,CADF;;;;;;AAWD,CAtBM;;AAwBPH,oBAAoB,CAACiB,mBAArB,GAA2C,sBAA3C;AACAjB,oBAAoB,CAACkB,WAArB,GAAmC,sBAAnC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { FileUploaderControlContext } from '../FileUploaderControlContext';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport { FileUploaderFile } from '../FileUploaderFile/FileUploaderFile';\nimport { FileUploaderAttachedFile } from '../fileUtils';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { useFileUploaderSize } from '../hooks/useFileUploaderSize';\nimport { SizeProp } from '../../../lib/types/props';\n\nimport { jsStyles } from './FileUploaderFileList.styles';\n\ninterface FileUploaderFileListProps {\n  renderFile: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;\n  size: SizeProp;\n}\n\nexport const FileUploaderFileDataTids = {\n  fileList: 'FileUploader__fileList',\n} as const;\n\nexport const FileUploaderFileList = (props: FileUploaderFileListProps) => {\n  const { renderFile, size } = props;\n  const { files } = useContext(FileUploaderControlContext);\n  const theme = useContext(ThemeContext);\n\n  const fileWrapperClass = useFileUploaderSize(size, {\n    small: jsStyles.fileWrapperSmall(theme),\n    medium: jsStyles.fileWrapperMedium(theme),\n    large: jsStyles.fileWrapperLarge(theme),\n  });\n\n  return (\n    <div data-tid={FileUploaderFileDataTids.fileList}>\n      {files.map((file) => (\n        <div key={file.id} className={cx(jsStyles.fileWrapper(theme), fileWrapperClass)}>\n          <div className={jsStyles.file()}>\n            {renderFile(file, <FileUploaderFile file={file} showSize multiple size={size} />)}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n\nFileUploaderFileList.__KONTUR_REACT_UI__ = 'FileUploaderFileList';\nFileUploaderFileList.displayName = 'FileUploaderFileList';\n"]}

package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.d.ts

@@ -1,15 +1,16 @@
 import React from 'react';
 import { FileUploaderAttachedFile } from '../fileUtils';
-import { FileUploaderSize } from '../../../components/FileUploader';
+import { SizeProp } from '../../../lib/types/props';
 interface FileUploaderFileListProps {
     renderFile: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;
-    size: FileUploaderSize;
+    size: SizeProp;
 }
 export declare const FileUploaderFileDataTids: {
     readonly fileList: "FileUploader__fileList";
 };
 export declare const FileUploaderFileList: {
     (props: FileUploaderFileListProps): JSX.Element;
+    __KONTUR_REACT_UI__: string;
     displayName: string;
 };
 export {};

package/internal/FileUploaderControl/hooks/useFileUploaderSize/useFileUploaderSize.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useFileUploaderSize.ts"],"names":["useMemo","useFileUploaderSize","size","small","medium","large"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB;;;;AAIA,OAAO,SAASC,mBAAT,CAAgCC,IAAhC,QAA+G,KAArDC,KAAqD,QAArDA,KAAqD,CAA9CC,MAA8C,QAA9CA,MAA8C,CAAtCC,KAAsC,QAAtCA,KAAsC;AACpH,SAAOL,OAAO,CAAC,YAAM;AACnB,YAAQE,IAAR;AACE,WAAK,OAAL;AACE,eAAOG,KAAP;AACF,WAAK,QAAL;AACE,eAAOD,MAAP;AACF,WAAK,OAAL;AACE,eAAOD,KAAP;AACF;AACE,eAAOA,KAAP,CARJ;;AAUD,GAXa,EAWX,CAACD,IAAD,CAXW,CAAd;AAYD","sourcesContent":["import { useMemo } from 'react';\n\nimport { FileUploaderSize } from '../../../components/FileUploader';\n\nexport function useFileUploaderSize<T>(size: FileUploaderSize, { small, medium, large }: Record<FileUploaderSize, T>) {\n  return useMemo(() => {\n    switch (size) {\n      case 'large':\n        return large;\n      case 'medium':\n        return medium;\n      case 'small':\n        return small;\n      default:\n        return small;\n    }\n  }, [size]);\n}\n"]}
+{"version":3,"sources":["useFileUploaderSize.ts"],"names":["useMemo","useFileUploaderSize","size","small","medium","large"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB;;;;AAIA,OAAO,SAASC,mBAAT,CAAgCC,IAAhC,QAA+F,KAA7CC,KAA6C,QAA7CA,KAA6C,CAAtCC,MAAsC,QAAtCA,MAAsC,CAA9BC,KAA8B,QAA9BA,KAA8B;AACpG,SAAOL,OAAO,CAAC,YAAM;AACnB,YAAQE,IAAR;AACE,WAAK,OAAL;AACE,eAAOG,KAAP;AACF,WAAK,QAAL;AACE,eAAOD,MAAP;AACF,WAAK,OAAL;AACE,eAAOD,KAAP;AACF;AACE,eAAOA,KAAP,CARJ;;AAUD,GAXa,EAWX,CAACD,IAAD,CAXW,CAAd;AAYD","sourcesContent":["import { useMemo } from 'react';\n\nimport { SizeProp } from '../../../lib/types/props';\n\nexport function useFileUploaderSize<T>(size: SizeProp, { small, medium, large }: Record<SizeProp, T>) {\n  return useMemo(() => {\n    switch (size) {\n      case 'large':\n        return large;\n      case 'medium':\n        return medium;\n      case 'small':\n        return small;\n      default:\n        return small;\n    }\n  }, [size]);\n}\n"]}

package/internal/FileUploaderControl/hooks/useFileUploaderSize.d.ts

@@ -1,2 +1,2 @@
-import { FileUploaderSize } from '../../../components/FileUploader';
-export declare function useFileUploaderSize<T>(size: FileUploaderSize, { small, medium, large }: Record<FileUploaderSize, T>): T;
+import { SizeProp } from '../../../lib/types/props';
+export declare function useFileUploaderSize<T>(size: SizeProp, { small, medium, large }: Record<SizeProp, T>): T;

package/internal/FocusControlWrapper/FocusControlWrapper/FocusControlWrapper.js

@@ -0,0 +1,33 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["disabled", "children", "onBlurWhenDisabled"];
+import React, { isValidElement, cloneElement } from 'react';
+import { CommonWrapper } from "../../CommonWrapper";
+import { useFocusControl } from "../useFocusControl";
+export function FocusControlWrapper(_ref) {
+  var disabled = _ref.disabled,
+      children = _ref.children,
+      onBlurWhenDisabled = _ref.onBlurWhenDisabled,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var isValidChildren = children && /*#__PURE__*/isValidElement(children);
+
+  var _useFocusControl = useFocusControl({
+    disabled: disabled != null ? disabled : isValidChildren ? children.props.disabled : undefined,
+    onFocus: isValidChildren ? children.props.onFocus : undefined,
+    onBlur: isValidChildren ? children.props.onBlur : undefined,
+    onBlurWhenDisabled: onBlurWhenDisabled
+  }),
+      handleFocus = _useFocusControl.handleFocus,
+      handleBlur = _useFocusControl.handleBlur;
+
+  if (!isValidChildren) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(CommonWrapper, rest, React.Children.only( /*#__PURE__*/cloneElement(children, {
+    onFocus: handleFocus,
+    onBlur: handleBlur
+  })));
+}
+FocusControlWrapper.__KONTUR_REACT_UI__ = 'FocusControlWrapper';
+FocusControlWrapper.displayName = 'FocusControlWrapper';

package/internal/FocusControlWrapper/FocusControlWrapper/FocusControlWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["FocusControlWrapper.tsx"],"names":["React","isValidElement","cloneElement","CommonWrapper","useFocusControl","FocusControlWrapper","disabled","children","onBlurWhenDisabled","rest","isValidChildren","props","undefined","onFocus","onBlur","handleFocus","handleBlur","Children","only","__KONTUR_REACT_UI__","displayName"],"mappings":"mKAAA,OAAOA,KAAP,IAAmCC,cAAnC,EAAmDC,YAAnD,QAAuE,OAAvE;;AAEA,SAASC,aAAT,QAA8B,kBAA9B;;AAEA,SAASC,eAAT,QAAgC,mBAAhC;;;;;;;;;;;;;;AAcA,OAAO,SAASC,mBAAT,OAA4G,KAA7EC,QAA6E,QAA7EA,QAA6E,CAAnEC,QAAmE,QAAnEA,QAAmE,CAAzDC,kBAAyD,QAAzDA,kBAAyD,CAAlCC,IAAkC;AACjH,MAAMC,eAAe,GAAGH,QAAQ,iBAAIN,cAAc,CAACM,QAAD,CAAlD;;AAEA,yBAAoCH,eAAe,CAAC;AAClDE,IAAAA,QAAQ,EAAEA,QAAF,WAAEA,QAAF,GAAeI,eAAe,GAAGH,QAAQ,CAACI,KAAT,CAAeL,QAAlB,GAA6BM,SADjB;AAElDC,IAAAA,OAAO,EAAEH,eAAe,GAAGH,QAAQ,CAACI,KAAT,CAAeE,OAAlB,GAA4BD,SAFF;AAGlDE,IAAAA,MAAM,EAAEJ,eAAe,GAAGH,QAAQ,CAACI,KAAT,CAAeG,MAAlB,GAA2BF,SAHA;AAIlDJ,IAAAA,kBAAkB,EAAlBA,kBAJkD,EAAD,CAAnD,CAAQO,WAAR,oBAAQA,WAAR,CAAqBC,UAArB,oBAAqBA,UAArB;;;AAOA,MAAI,CAACN,eAAL,EAAsB;AACpB,WAAO,IAAP;AACD;;AAED;AACE,wBAAC,aAAD,EAAmBD,IAAnB;AACGT,IAAAA,KAAK,CAACiB,QAAN,CAAeC,IAAf;AACChB,IAAAA,YAAY,CAACK,QAAD,EAAW;AACrBM,MAAAA,OAAO,EAAEE,WADY;AAErBD,MAAAA,MAAM,EAAEE,UAFa,EAAX,CADb,CADH,CADF;;;;;AAUD;;AAEDX,mBAAmB,CAACc,mBAApB,GAA0C,qBAA1C;AACAd,mBAAmB,CAACe,WAApB,GAAkC,qBAAlC","sourcesContent":["import React, { PropsWithChildren, isValidElement, cloneElement } from 'react';\n\nimport { CommonWrapper } from '../CommonWrapper';\n\nimport { useFocusControl } from './useFocusControl';\n\ninterface Props {\n  /**\n   * Использовать только когда на children нет пропса disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * Событие вызывается когда элемент потеряет фокус, и при этом он задисэйблен\n   */\n  onBlurWhenDisabled(): void | undefined;\n}\n\nexport function FocusControlWrapper({ disabled, children, onBlurWhenDisabled, ...rest }: PropsWithChildren<Props>) {\n  const isValidChildren = children && isValidElement(children);\n\n  const { handleFocus, handleBlur } = useFocusControl({\n    disabled: disabled ?? (isValidChildren ? children.props.disabled : undefined),\n    onFocus: isValidChildren ? children.props.onFocus : undefined,\n    onBlur: isValidChildren ? children.props.onBlur : undefined,\n    onBlurWhenDisabled,\n  });\n\n  if (!isValidChildren) {\n    return null;\n  }\n\n  return (\n    <CommonWrapper {...rest}>\n      {React.Children.only(\n        cloneElement(children, {\n          onFocus: handleFocus,\n          onBlur: handleBlur,\n        }),\n      )}\n    </CommonWrapper>\n  );\n}\n\nFocusControlWrapper.__KONTUR_REACT_UI__ = 'FocusControlWrapper';\nFocusControlWrapper.displayName = 'FocusControlWrapper';\n"]}

package/internal/FocusControlWrapper/FocusControlWrapper/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/FocusControlWrapper/FocusControlWrapper.js",
+  "module": "FocusControlWrapper",
+  "types": "../FocusControlWrapper.d.ts",
+  "sideEffects": false
+}

package/internal/FocusControlWrapper/FocusControlWrapper.d.ts

@@ -0,0 +1,17 @@
+import { PropsWithChildren } from 'react';
+interface Props {
+    /**
+     * Использовать только когда на children нет пропса disabled
+     */
+    disabled?: boolean;
+    /**
+     * Событие вызывается когда элемент потеряет фокус, и при этом он задисэйблен
+     */
+    onBlurWhenDisabled(): void | undefined;
+}
+export declare function FocusControlWrapper({ disabled, children, onBlurWhenDisabled, ...rest }: PropsWithChildren<Props>): JSX.Element | null;
+export declare namespace FocusControlWrapper {
+    var __KONTUR_REACT_UI__: string;
+    var displayName: string;
+}
+export {};

package/internal/FocusControlWrapper/FocusControlWrapper.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta } from '@storybook/react';
+import type { Story } from '../../typings/stories';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Input: Story;

package/internal/FocusControlWrapper/index/index.js

@@ -0,0 +1 @@
+export * from "../FocusControlWrapper";

package/internal/FocusControlWrapper/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,uBAAd","sourcesContent":["export * from './FocusControlWrapper';\n"]}

package/internal/FocusControlWrapper/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/FocusControlWrapper/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/internal/FocusControlWrapper/index.d.ts

@@ -0,0 +1 @@
+export * from './FocusControlWrapper';

package/internal/FocusControlWrapper/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/internal/FocusControlWrapper/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/internal/FocusControlWrapper/useFocusControl/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/FocusControlWrapper/useFocusControl.js",
+  "module": "useFocusControl",
+  "types": "../useFocusControl.d.ts",
+  "sideEffects": false
+}

package/internal/FocusControlWrapper/useFocusControl/useFocusControl.js

@@ -0,0 +1,33 @@
+import { useEffect, useState } from 'react';
+export function useFocusControl(_ref) {
+  var disabled = _ref.disabled,
+      onFocus = _ref.onFocus,
+      onBlur = _ref.onBlur,
+      onBlurWhenDisabled = _ref.onBlurWhenDisabled;
+
+  var _useState = useState(false),
+      isFocused = _useState[0],
+      setFocused = _useState[1];
+
+  useEffect(function () {
+    if (disabled && isFocused && onBlurWhenDisabled) {
+      // force calling custom blur event, try "fix" bug in react https://github.com/facebook/react/issues/9142
+      onBlurWhenDisabled();
+    }
+  }, [disabled, isFocused]);
+
+  var handleFocus = function handleFocus(e) {
+    setFocused(true);
+    onFocus == null ? void 0 : onFocus(e);
+  };
+
+  var handleBlur = function handleBlur(e) {
+    setFocused(false);
+    onBlur == null ? void 0 : onBlur(e);
+  };
+
+  return {
+    handleFocus: handleFocus,
+    handleBlur: handleBlur
+  };
+}

package/internal/FocusControlWrapper/useFocusControl/useFocusControl.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useFocusControl.tsx"],"names":["useEffect","useState","useFocusControl","disabled","onFocus","onBlur","onBlurWhenDisabled","isFocused","setFocused","handleFocus","e","handleBlur"],"mappings":"AAAA,SAAgBA,SAAhB,EAA2BC,QAA3B,QAA2C,OAA3C;;;;;;;;;AASA,OAAO,SAASC,eAAT,OAAmF,KAAxDC,QAAwD,QAAxDA,QAAwD,CAA9CC,OAA8C,QAA9CA,OAA8C,CAArCC,MAAqC,QAArCA,MAAqC,CAA7BC,kBAA6B,QAA7BA,kBAA6B;AACxF,kBAAgCL,QAAQ,CAAU,KAAV,CAAxC,CAAOM,SAAP,gBAAkBC,UAAlB;;AAEAR,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIG,QAAQ,IAAII,SAAZ,IAAyBD,kBAA7B,EAAiD;AAC/C;AACAA,MAAAA,kBAAkB;AACnB;AACF,GALQ,EAKN,CAACH,QAAD,EAAWI,SAAX,CALM,CAAT;;AAOA,MAAME,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAyB;AAC3CF,IAAAA,UAAU,CAAC,IAAD,CAAV;AACAJ,IAAAA,OAAO,QAAP,YAAAA,OAAO,CAAGM,CAAH,CAAP;AACD,GAHD;;AAKA,MAAMC,UAAU,GAAG,SAAbA,UAAa,CAACD,CAAD,EAAyB;AAC1CF,IAAAA,UAAU,CAAC,KAAD,CAAV;AACAH,IAAAA,MAAM,QAAN,YAAAA,MAAM,CAAGK,CAAH,CAAN;AACD,GAHD;;AAKA,SAAO;AACLD,IAAAA,WAAW,EAAXA,WADK;AAELE,IAAAA,UAAU,EAAVA,UAFK,EAAP;;AAID","sourcesContent":["import React, { useEffect, useState } from 'react';\n\ninterface Props {\n  disabled?: boolean;\n  onFocus?: React.FocusEventHandler;\n  onBlur?: React.FocusEventHandler;\n  onBlurWhenDisabled?(): void;\n}\n\nexport function useFocusControl({ disabled, onFocus, onBlur, onBlurWhenDisabled }: Props) {\n  const [isFocused, setFocused] = useState<boolean>(false);\n\n  useEffect(() => {\n    if (disabled && isFocused && onBlurWhenDisabled) {\n      // force calling custom blur event, try \"fix\" bug in react https://github.com/facebook/react/issues/9142\n      onBlurWhenDisabled();\n    }\n  }, [disabled, isFocused]);\n\n  const handleFocus = (e: React.FocusEvent) => {\n    setFocused(true);\n    onFocus?.(e);\n  };\n\n  const handleBlur = (e: React.FocusEvent) => {\n    setFocused(false);\n    onBlur?.(e);\n  };\n\n  return {\n    handleFocus,\n    handleBlur,\n  };\n}\n"]}

package/internal/FocusControlWrapper/useFocusControl.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface Props {
+    disabled?: boolean;
+    onFocus?: React.FocusEventHandler;
+    onBlur?: React.FocusEventHandler;
+    onBlurWhenDisabled?(): void;
+}
+export declare function useFocusControl({ disabled, onFocus, onBlur, onBlurWhenDisabled }: Props): {
+    handleFocus: (e: React.FocusEvent) => void;
+    handleBlur: (e: React.FocusEvent) => void;
+};
+export {};

package/internal/FocusTrap/FocusTrap/FocusTrap.js

@@ -5,10 +5,11 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _class2, _temp;
 
 import React from 'react';
+import { globalObject } from '@skbkontur/global-object';
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { listen as listenFocusOutside, containsTargetOrRenderContainer } from "../../../lib/listenFocusOutside";
 import { getRootNode, rootNode } from "../../../lib/rootNode";
-import { renderTarget } from "../../../lib/SSRSafe";
+import { isInstanceOf } from "../../../lib/isInstanceOf";
 export var FocusTrap = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
   _inheritsLoose(FocusTrap, _React$PureComponent);
 
@@ -34,8 +35,10 @@ export var FocusTrap = rootNode(_class = (_temp = _class2 = /*#__PURE__*/functio
       var rootNode = getRootNode(_assertThisInitialized(_this));
 
       if (!_this.focusOutsideListenerToken && rootNode) {
+        var _globalObject$documen;
+
         _this.focusOutsideListenerToken = listenFocusOutside([rootNode], _this.onClickOutside);
-        renderTarget.addEventListener('ontouchstart' in renderTarget.documentElement ? 'touchstart' : 'mousedown', _this.handleNativeDocClick);
+        (_globalObject$documen = globalObject.document) == null ? void 0 : _globalObject$documen.addEventListener('ontouchstart' in globalObject.document.documentElement ? 'touchstart' : 'mousedown', _this.handleNativeDocClick);
       }
     };
 
@@ -43,7 +46,7 @@ export var FocusTrap = rootNode(_class = (_temp = _class2 = /*#__PURE__*/functio
       var target = event.target || event.srcElement;
       var node = getRootNode(_assertThisInitialized(_this));
 
-      if (node && target instanceof Element && containsTargetOrRenderContainer(target)(node)) {
+      if (node && isInstanceOf(target, globalObject.Element) && containsTargetOrRenderContainer(target)(node)) {
         return;
       }
 
@@ -86,11 +89,13 @@ export var FocusTrap = rootNode(_class = (_temp = _class2 = /*#__PURE__*/functio
 
   _proto.detachListeners = function detachListeners() {
     if (this.focusOutsideListenerToken) {
+      var _globalObject$documen2;
+
       this.focusOutsideListenerToken.remove();
       this.focusOutsideListenerToken = null;
-      renderTarget.removeEventListener('ontouchstart' in renderTarget.documentElement ? 'touchstart' : 'mousedown', this.handleNativeDocClick);
+      (_globalObject$documen2 = globalObject.document) == null ? void 0 : _globalObject$documen2.removeEventListener('ontouchstart' in globalObject.document.documentElement ? 'touchstart' : 'mousedown', this.handleNativeDocClick);
     }
   };
 
   return FocusTrap;
-}(React.PureComponent), _class2.__KONTUR_REACT_UI__ = 'FocusTrap', _temp)) || _class;
+}(React.PureComponent), _class2.__KONTUR_REACT_UI__ = 'FocusTrap', _class2.displayName = 'FocusTrap', _temp)) || _class;

package/internal/FocusTrap/FocusTrap/FocusTrap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FocusTrap.tsx"],"names":["React","CommonWrapper","listen","listenFocusOutside","containsTargetOrRenderContainer","getRootNode","rootNode","renderTarget","FocusTrap","focusOutsideListenerToken","onClickOutside","e","props","onBlur","detachListeners","attachListeners","addEventListener","documentElement","handleNativeDocClick","event","target","srcElement","node","Element","componentWillUnmount","render","children","setRootNode","cloneElement","Children","only","onFocus","remove","removeEventListener","PureComponent","__KONTUR_REACT_UI__"],"mappings":"iPAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAAsBC,aAAtB,QAA2C,8BAA3C;AACA,SAASC,MAAM,IAAIC,kBAAnB,EAAuCC,+BAAvC,QAA8E,8BAA9E;AACA,SAASC,WAAT,EAAsBC,QAAtB,QAAoD,oBAApD;AACA,SAASC,YAAT,QAA6B,mBAA7B;;;;;;;;AAQA,WAAaC,SAAb,GADCF,QACD;;;;AAIUG,IAAAA,yBAJV;;AAMa,QANb;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCUC,IAAAA,cAhCV,GAgC2B,UAACC,CAAD,EAAc;AACrC,UAAI,MAAKC,KAAL,CAAWC,MAAf,EAAuB;AACrB,cAAKD,KAAL,CAAWC,MAAX,CAAkBF,CAAlB;AACD;AACD,YAAKG,eAAL;AACD,KArCH;;AAuCUC,IAAAA,eAvCV,GAuC4B,YAAM;AAC9B,UAAMT,QAAQ,GAAGD,WAAW,+BAA5B;AACA,UAAI,CAAC,MAAKI,yBAAN,IAAmCH,QAAvC,EAAiD;AAC/C,cAAKG,yBAAL,GAAiCN,kBAAkB,CAAC,CAACG,QAAD,CAAD,EAAa,MAAKI,cAAlB,CAAnD;;AAEAH,QAAAA,YAAY,CAACS,gBAAb;AACE,0BAAkBT,YAAY,CAACU,eAA/B,GAAiD,YAAjD,GAAgE,WADlE;AAEE,cAAKC,oBAFP;;AAID;AACF,KAjDH;;;;;;;;;;;;;;AA+DUA,IAAAA,oBA/DV,GA+DiC,UAACC,KAAD,EAAkB;AAC/C,UAAMC,MAAM,GAAGD,KAAK,CAACC,MAAN,IAAgBD,KAAK,CAACE,UAArC;AACA,UAAMC,IAAI,GAAGjB,WAAW,+BAAxB;;AAEA,UAAIiB,IAAI,IAAIF,MAAM,YAAYG,OAA1B,IAAqCnB,+BAA+B,CAACgB,MAAD,CAA/B,CAAwCE,IAAxC,CAAzC,EAAwF;AACtF;AACD;;AAED,YAAKZ,cAAL,CAAoBS,KAApB;AACD,KAxEH,uDAQSK,oBART,GAQE,gCAA8B,CAC5B,IAAI,KAAKf,yBAAT,EAAoC,CAClC,KAAKK,eAAL,GACD,CACF,CAZH,QAcSW,MAdT,GAcE,kBAAgB,mBACd,kBAA6B,KAAKb,KAAlC,CAAQc,QAAR,eAAQA,QAAR,CAAkBb,MAAlB,eAAkBA,MAAlB,CACA,oBACE,oBAAC,aAAD,aAAe,WAAW,EAAE,KAAKc,WAAjC,IAAkD,KAAKf,KAAvD,gBACGZ,KAAK,CAAC4B,YAAN,CAAmB5B,KAAK,CAAC6B,QAAN,CAAeC,IAAf,CAAoBJ,QAApB,CAAnB,EAAkD,EACjDK,OAAO,EAAE,mBAAoB,CAC3B,IAAIlB,MAAJ,EAAY,CACV,MAAI,CAACE,eAAL,GACD,CACD,IAAIW,QAAQ,CAACd,KAAT,IAAkBc,QAAQ,CAACd,KAAT,CAAemB,OAArC,EAA8C,qBAC5C,mBAAAL,QAAQ,CAACd,KAAT,EAAemB,OAAf,mCACD,CACF,CARgD,EAAlD,CADH,CADF,CAcD,CA9BH,QAmDUjB,eAnDV,GAmDE,2BAA0B,CACxB,IAAI,KAAKL,yBAAT,EAAoC,CAClC,KAAKA,yBAAL,CAA+BuB,MAA/B,GACA,KAAKvB,yBAAL,GAAiC,IAAjC,CAEAF,YAAY,CAAC0B,mBAAb,CACE,kBAAkB1B,YAAY,CAACU,eAA/B,GAAiD,YAAjD,GAAgE,WADlE,EAEE,KAAKC,oBAFP,EAID,CACF,CA7DH,oBAA+BlB,KAAK,CAACkC,aAArC,WACgBC,mBADhB,GACsC,WADtC","sourcesContent":["import React from 'react';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { renderTarget } from '../../lib/SSRSafe';\n\nexport interface FocusTrapProps extends CommonProps {\n  children: React.ReactElement<any>;\n  onBlur?: (event: FocusEvent) => void;\n}\n\n@rootNode\nexport class FocusTrap extends React.PureComponent<FocusTrapProps> {\n  public static __KONTUR_REACT_UI__ = 'FocusTrap';\n  private setRootNode!: TSetRootNode;\n\n  private focusOutsideListenerToken: {\n    remove: () => void;\n  } | null = null;\n\n  public componentWillUnmount() {\n    if (this.focusOutsideListenerToken) {\n      this.detachListeners();\n    }\n  }\n\n  public render() {\n    const { children, onBlur } = this.props;\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {React.cloneElement(React.Children.only(children), {\n          onFocus: (...args: any[]) => {\n            if (onBlur) {\n              this.attachListeners();\n            }\n            if (children.props && children.props.onFocus) {\n              children.props.onFocus(...args);\n            }\n          },\n        })}\n      </CommonWrapper>\n    );\n  }\n\n  private onClickOutside = (e: Event) => {\n    if (this.props.onBlur) {\n      this.props.onBlur(e as FocusEvent);\n    }\n    this.detachListeners();\n  };\n\n  private attachListeners = () => {\n    const rootNode = getRootNode(this);\n    if (!this.focusOutsideListenerToken && rootNode) {\n      this.focusOutsideListenerToken = listenFocusOutside([rootNode], this.onClickOutside);\n\n      renderTarget.addEventListener(\n        'ontouchstart' in renderTarget.documentElement ? 'touchstart' : 'mousedown',\n        this.handleNativeDocClick,\n      );\n    }\n  };\n\n  private detachListeners() {\n    if (this.focusOutsideListenerToken) {\n      this.focusOutsideListenerToken.remove();\n      this.focusOutsideListenerToken = null;\n\n      renderTarget.removeEventListener(\n        'ontouchstart' in renderTarget.documentElement ? 'touchstart' : 'mousedown',\n        this.handleNativeDocClick,\n      );\n    }\n  }\n\n  private handleNativeDocClick = (event: Event) => {\n    const target = event.target || event.srcElement;\n    const node = getRootNode(this);\n\n    if (node && target instanceof Element && containsTargetOrRenderContainer(target)(node)) {\n      return;\n    }\n\n    this.onClickOutside(event);\n  };\n}\n"]}
+{"version":3,"sources":["FocusTrap.tsx"],"names":["React","globalObject","CommonWrapper","listen","listenFocusOutside","containsTargetOrRenderContainer","getRootNode","rootNode","isInstanceOf","FocusTrap","focusOutsideListenerToken","onClickOutside","e","props","onBlur","detachListeners","attachListeners","document","addEventListener","documentElement","handleNativeDocClick","event","target","srcElement","node","Element","componentWillUnmount","render","children","setRootNode","cloneElement","Children","only","onFocus","remove","removeEventListener","PureComponent","__KONTUR_REACT_UI__","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nexport interface FocusTrapProps extends CommonProps {\n  children: React.ReactElement<any>;\n  onBlur?: (event: FocusEvent) => void;\n}\n\n@rootNode\nexport class FocusTrap extends React.PureComponent<FocusTrapProps> {\n  public static __KONTUR_REACT_UI__ = 'FocusTrap';\n  public static displayName = 'FocusTrap';\n\n  private setRootNode!: TSetRootNode;\n\n  private focusOutsideListenerToken: {\n    remove: () => void;\n  } | null = null;\n\n  public componentWillUnmount() {\n    if (this.focusOutsideListenerToken) {\n      this.detachListeners();\n    }\n  }\n\n  public render() {\n    const { children, onBlur } = this.props;\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {React.cloneElement(React.Children.only(children), {\n          onFocus: (...args: any[]) => {\n            if (onBlur) {\n              this.attachListeners();\n            }\n            if (children.props && children.props.onFocus) {\n              children.props.onFocus(...args);\n            }\n          },\n        })}\n      </CommonWrapper>\n    );\n  }\n\n  private onClickOutside = (e: Event) => {\n    if (this.props.onBlur) {\n      this.props.onBlur(e as FocusEvent);\n    }\n    this.detachListeners();\n  };\n\n  private attachListeners = () => {\n    const rootNode = getRootNode(this);\n    if (!this.focusOutsideListenerToken && rootNode) {\n      this.focusOutsideListenerToken = listenFocusOutside([rootNode], this.onClickOutside);\n\n      globalObject.document?.addEventListener(\n        'ontouchstart' in globalObject.document.documentElement ? 'touchstart' : 'mousedown',\n        this.handleNativeDocClick,\n      );\n    }\n  };\n\n  private detachListeners() {\n    if (this.focusOutsideListenerToken) {\n      this.focusOutsideListenerToken.remove();\n      this.focusOutsideListenerToken = null;\n\n      globalObject.document?.removeEventListener(\n        'ontouchstart' in globalObject.document.documentElement ? 'touchstart' : 'mousedown',\n        this.handleNativeDocClick,\n      );\n    }\n  }\n\n  private handleNativeDocClick = (event: Event) => {\n    const target = event.target || event.srcElement;\n    const node = getRootNode(this);\n\n    if (node && isInstanceOf(target, globalObject.Element) && containsTargetOrRenderContainer(target)(node)) {\n      return;\n    }\n\n    this.onClickOutside(event);\n  };\n}\n"]}

package/internal/FocusTrap/FocusTrap.d.ts

@@ -6,6 +6,7 @@ export interface FocusTrapProps extends CommonProps {
 }
 export declare class FocusTrap extends React.PureComponent<FocusTrapProps> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     private setRootNode;
     private focusOutsideListenerToken;
     componentWillUnmount(): void;

package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll/HideBodyVerticalScroll.js

@@ -4,9 +4,9 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _templateObject;
 
 import React from 'react';
+import { globalObject, isBrowser } from '@skbkontur/global-object';
 import { getScrollWidth } from "../../../lib/dom/getScrollWidth";
 import { css } from "../../../lib/theming/Emotion";
-import { globalThat, renderTarget } from "../../../lib/SSRSafe";
 var disposeDocumentStyle = null;
 export var HideBodyVerticalScroll = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(HideBodyVerticalScroll, _React$Component);
@@ -23,28 +23,27 @@ export var HideBodyVerticalScroll = /*#__PURE__*/function (_React$Component) {
     _this.master = false;
 
     _this.updateScrollVisibility = function () {
-      var documentElement = renderTarget.documentElement;
-
-      if (!documentElement) {
-        return;
-      }
-
       var shouldHide = !disposeDocumentStyle;
 
       if (shouldHide) {
-        _this.hideScroll(documentElement);
+        _this.hideScroll();
       }
     };
 
-    _this.hideScroll = function (document) {
-      var clientHeight = document.clientHeight,
-          scrollHeight = document.scrollHeight;
-      var documentComputedStyle = getComputedStyle(document);
-      var scrollbarConst = getComputedStyle(document).overflowY === 'scroll';
+    _this.hideScroll = function () {
+      if (!isBrowser(globalObject)) {
+        return;
+      }
+
+      var documentElement = globalObject.document.documentElement;
+      var clientHeight = documentElement.clientHeight,
+          scrollHeight = documentElement.scrollHeight;
+      var documentComputedStyle = globalObject.getComputedStyle(documentElement);
+      var scrollbarConst = globalObject.getComputedStyle(documentElement).overflowY === 'scroll';
       var scrollWidth = clientHeight < scrollHeight || scrollbarConst ? getScrollWidth() : 0;
       var documentMargin = parseFloat(documentComputedStyle.marginRight || '');
       var className = generateDocumentStyle(documentMargin + scrollWidth);
-      disposeDocumentStyle = _this.attachStyle(document, className);
+      disposeDocumentStyle = _this.attachStyle(documentElement, className);
     };
 
     _this.attachStyle = function (element, className) {
@@ -58,10 +57,9 @@ export var HideBodyVerticalScroll = /*#__PURE__*/function (_React$Component) {
       if (disposeDocumentStyle) {
         disposeDocumentStyle();
         disposeDocumentStyle = null;
-        var documentElement = renderTarget.documentElement;
 
-        if (documentElement) {
-          documentElement.scrollTop = _this.initialScroll;
+        if (globalObject.document) {
+          globalObject.document.documentElement.scrollTop = _this.initialScroll;
         }
       }
     };
@@ -75,10 +73,12 @@ export var HideBodyVerticalScroll = /*#__PURE__*/function (_React$Component) {
     var counter = VerticalScrollCounter.increment();
 
     if (counter === 1) {
+      var _globalObject$documen;
+
       this.master = true;
-      this.initialScroll = renderTarget.documentElement ? renderTarget.documentElement.scrollTop : 0;
+      this.initialScroll = (_globalObject$documen = globalObject.document) != null && _globalObject$documen.documentElement ? globalObject.document.documentElement.scrollTop : 0;
       this.updateScrollVisibility();
-      globalThat.addEventListener('resize', this.updateScrollVisibility);
+      globalObject.addEventListener == null ? void 0 : globalObject.addEventListener('resize', this.updateScrollVisibility);
     }
   };
 
@@ -93,7 +93,7 @@ export var HideBodyVerticalScroll = /*#__PURE__*/function (_React$Component) {
 
     if (counter === 0) {
       this.restoreStyles();
-      globalThat.removeEventListener('resize', this.updateScrollVisibility);
+      globalObject.removeEventListener == null ? void 0 : globalObject.removeEventListener('resize', this.updateScrollVisibility);
     }
   };
 
@@ -104,26 +104,22 @@ export var HideBodyVerticalScroll = /*#__PURE__*/function (_React$Component) {
   return HideBodyVerticalScroll;
 }(React.Component);
 HideBodyVerticalScroll.__KONTUR_REACT_UI__ = 'HideBodyVerticalScroll';
+HideBodyVerticalScroll.displayName = 'HideBodyVerticalScroll';
 
 var VerticalScrollCounter = function VerticalScrollCounter() {};
 
 VerticalScrollCounter.increment = function () {
-  //@ts-expect-error error
-  var counter = globalThat.RetailUIVerticalScrollCounter || 0; //@ts-expect-error error
-
-  return globalThat.RetailUIVerticalScrollCounter = counter + 1;
+  var counter = globalObject.RetailUIVerticalScrollCounter || 0;
+  return globalObject.RetailUIVerticalScrollCounter = counter + 1;
 };
 
 VerticalScrollCounter.decrement = function () {
-  //@ts-expect-error error
-  var counter = globalThat.RetailUIVerticalScrollCounter || 0; //@ts-expect-error error
-
-  return globalThat.RetailUIVerticalScrollCounter = counter - 1;
+  var counter = globalObject.RetailUIVerticalScrollCounter || 0;
+  return globalObject.RetailUIVerticalScrollCounter = counter - 1;
 };
 
 VerticalScrollCounter.get = function () {
-  //@ts-expect-error error
-  return globalThat.RetailUIVerticalScrollCounter || 0;
+  return globalObject.RetailUIVerticalScrollCounter || 0;
 };
 
 function generateDocumentStyle(documentMargin) {

package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll/HideBodyVerticalScroll.js.map

@@ -1 +1 @@
-{"version":3,"sources":["HideBodyVerticalScroll.tsx"],"names":["React","getScrollWidth","css","globalThat","renderTarget","disposeDocumentStyle","HideBodyVerticalScroll","initialScroll","master","updateScrollVisibility","documentElement","shouldHide","hideScroll","document","clientHeight","scrollHeight","documentComputedStyle","getComputedStyle","scrollbarConst","overflowY","scrollWidth","documentMargin","parseFloat","marginRight","className","generateDocumentStyle","attachStyle","element","classList","add","remove","restoreStyles","scrollTop","componentDidMount","counter","VerticalScrollCounter","increment","addEventListener","componentDidUpdate","componentWillUnmount","decrement","removeEventListener","render","Component","__KONTUR_REACT_UI__","RetailUIVerticalScrollCounter","get"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { css } from '../../lib/theming/Emotion';\nimport { globalThat, renderTarget } from '../../lib/SSRSafe';\n\nlet disposeDocumentStyle: (() => void) | null = null;\n\nexport class HideBodyVerticalScroll extends React.Component {\n  public static __KONTUR_REACT_UI__ = 'HideBodyVerticalScroll';\n\n  private initialScroll = 0;\n  private master = false;\n\n  public componentDidMount() {\n    const counter = VerticalScrollCounter.increment();\n    if (counter === 1) {\n      this.master = true;\n      this.initialScroll = renderTarget.documentElement ? renderTarget.documentElement.scrollTop : 0;\n      this.updateScrollVisibility();\n      globalThat.addEventListener('resize', this.updateScrollVisibility);\n    }\n  }\n\n  public componentDidUpdate() {\n    if (this.master) {\n      this.updateScrollVisibility();\n    }\n  }\n\n  public componentWillUnmount() {\n    const counter = VerticalScrollCounter.decrement();\n    if (counter === 0) {\n      this.restoreStyles();\n      globalThat.removeEventListener('resize', this.updateScrollVisibility);\n    }\n  }\n\n  public render() {\n    return null;\n  }\n\n  private updateScrollVisibility = () => {\n    const { documentElement } = renderTarget;\n    if (!documentElement) {\n      return;\n    }\n    const shouldHide = !disposeDocumentStyle;\n    if (shouldHide) {\n      this.hideScroll(documentElement);\n    }\n  };\n\n  private hideScroll = (document: HTMLElement) => {\n    const { clientHeight, scrollHeight } = document;\n    const documentComputedStyle = getComputedStyle(document);\n    const scrollbarConst = getComputedStyle(document).overflowY === 'scroll';\n    const scrollWidth = clientHeight < scrollHeight || scrollbarConst ? getScrollWidth() : 0;\n    const documentMargin = parseFloat(documentComputedStyle.marginRight || '');\n    const className = generateDocumentStyle(documentMargin + scrollWidth);\n\n    disposeDocumentStyle = this.attachStyle(document, className);\n  };\n\n  private attachStyle = (element: HTMLElement, className: string) => {\n    element.classList.add(className);\n    return () => {\n      element.classList.remove(className);\n    };\n  };\n\n  private restoreStyles = () => {\n    if (disposeDocumentStyle) {\n      disposeDocumentStyle();\n      disposeDocumentStyle = null;\n\n      const { documentElement } = renderTarget;\n\n      if (documentElement) {\n        documentElement.scrollTop = this.initialScroll;\n      }\n    }\n  };\n}\n\nclass VerticalScrollCounter {\n  public static increment = (): number => {\n    //@ts-expect-error error\n    const counter = globalThat.RetailUIVerticalScrollCounter || 0;\n    //@ts-expect-error error\n    return (globalThat.RetailUIVerticalScrollCounter = counter + 1);\n  };\n\n  public static decrement = (): number => {\n    //@ts-expect-error error\n    const counter = globalThat.RetailUIVerticalScrollCounter || 0;\n    //@ts-expect-error error\n    return (globalThat.RetailUIVerticalScrollCounter = counter - 1);\n  };\n\n  public static get = (): number => {\n    //@ts-expect-error error\n    return globalThat.RetailUIVerticalScrollCounter || 0;\n  };\n}\n\nfunction generateDocumentStyle(documentMargin: number) {\n  return css`\n    overflow: hidden !important;\n    margin-right: ${documentMargin}px !important;\n    height: 100%;\n  `;\n}\n"]}
+{"version":3,"sources":["HideBodyVerticalScroll.tsx"],"names":["React","globalObject","isBrowser","getScrollWidth","css","disposeDocumentStyle","HideBodyVerticalScroll","initialScroll","master","updateScrollVisibility","shouldHide","hideScroll","documentElement","document","clientHeight","scrollHeight","documentComputedStyle","getComputedStyle","scrollbarConst","overflowY","scrollWidth","documentMargin","parseFloat","marginRight","className","generateDocumentStyle","attachStyle","element","classList","add","remove","restoreStyles","scrollTop","componentDidMount","counter","VerticalScrollCounter","increment","addEventListener","componentDidUpdate","componentWillUnmount","decrement","removeEventListener","render","Component","__KONTUR_REACT_UI__","displayName","RetailUIVerticalScrollCounter","get"],"mappings":"0LAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,YAAT,EAAuBC,SAAvB,QAAwC,0BAAxC;;AAEA,SAASC,cAAT,QAA+B,8BAA/B;AACA,SAASC,GAAT,QAAoB,2BAApB;;AAEA,IAAIC,oBAAyC,GAAG,IAAhD;;AAEA,WAAaC,sBAAb;;;;AAIUC,IAAAA,aAJV,GAI0B,CAJ1B;AAKUC,IAAAA,MALV,GAKmB,KALnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCUC,IAAAA,sBAnCV,GAmCmC,YAAM;AACrC,UAAMC,UAAU,GAAG,CAACL,oBAApB;AACA,UAAIK,UAAJ,EAAgB;AACd,cAAKC,UAAL;AACD;AACF,KAxCH;;AA0CUA,IAAAA,UA1CV,GA0CuB,YAAM;AACzB,UAAI,CAACT,SAAS,CAACD,YAAD,CAAd,EAA8B;AAC5B;AACD;AACD,UAAQW,eAAR,GAA4BX,YAAY,CAACY,QAAzC,CAAQD,eAAR;AACA,UAAQE,YAAR,GAAuCF,eAAvC,CAAQE,YAAR,CAAsBC,YAAtB,GAAuCH,eAAvC,CAAsBG,YAAtB;AACA,UAAMC,qBAAqB,GAAGf,YAAY,CAACgB,gBAAb,CAA8BL,eAA9B,CAA9B;AACA,UAAMM,cAAc,GAAGjB,YAAY,CAACgB,gBAAb,CAA8BL,eAA9B,EAA+CO,SAA/C,KAA6D,QAApF;AACA,UAAMC,WAAW,GAAGN,YAAY,GAAGC,YAAf,IAA+BG,cAA/B,GAAgDf,cAAc,EAA9D,GAAmE,CAAvF;AACA,UAAMkB,cAAc,GAAGC,UAAU,CAACN,qBAAqB,CAACO,WAAtB,IAAqC,EAAtC,CAAjC;AACA,UAAMC,SAAS,GAAGC,qBAAqB,CAACJ,cAAc,GAAGD,WAAlB,CAAvC;;AAEAf,MAAAA,oBAAoB,GAAG,MAAKqB,WAAL,CAAiBd,eAAjB,EAAkCY,SAAlC,CAAvB;AACD,KAvDH;;AAyDUE,IAAAA,WAzDV,GAyDwB,UAACC,OAAD,EAAuBH,SAAvB,EAA6C;AACjEG,MAAAA,OAAO,CAACC,SAAR,CAAkBC,GAAlB,CAAsBL,SAAtB;AACA,aAAO,YAAM;AACXG,QAAAA,OAAO,CAACC,SAAR,CAAkBE,MAAlB,CAAyBN,SAAzB;AACD,OAFD;AAGD,KA9DH;;AAgEUO,IAAAA,aAhEV,GAgE0B,YAAM;AAC5B,UAAI1B,oBAAJ,EAA0B;AACxBA,QAAAA,oBAAoB;AACpBA,QAAAA,oBAAoB,GAAG,IAAvB;;AAEA,YAAIJ,YAAY,CAACY,QAAjB,EAA2B;AACzBZ,UAAAA,YAAY,CAACY,QAAb,CAAsBD,eAAtB,CAAsCoB,SAAtC,GAAkD,MAAKzB,aAAvD;AACD;AACF;AACF,KAzEH,oEAOS0B,iBAPT,GAOE,6BAA2B,CACzB,IAAMC,OAAO,GAAGC,qBAAqB,CAACC,SAAtB,EAAhB,CACA,IAAIF,OAAO,KAAK,CAAhB,EAAmB,2BACjB,KAAK1B,MAAL,GAAc,IAAd,CACA,KAAKD,aAAL,GAAqB,yBAAAN,YAAY,CAACY,QAAb,mCAAuBD,eAAvB,GAAyCX,YAAY,CAACY,QAAb,CAAsBD,eAAtB,CAAsCoB,SAA/E,GAA2F,CAAhH,CACA,KAAKvB,sBAAL,GACAR,YAAY,CAACoC,gBAAb,oBAAApC,YAAY,CAACoC,gBAAb,CAAgC,QAAhC,EAA0C,KAAK5B,sBAA/C,EACD,CACF,CAfH,QAiBS6B,kBAjBT,GAiBE,8BAA4B,CAC1B,IAAI,KAAK9B,MAAT,EAAiB,CACf,KAAKC,sBAAL,GACD,CACF,CArBH,QAuBS8B,oBAvBT,GAuBE,gCAA8B,CAC5B,IAAML,OAAO,GAAGC,qBAAqB,CAACK,SAAtB,EAAhB,CACA,IAAIN,OAAO,KAAK,CAAhB,EAAmB,CACjB,KAAKH,aAAL,GACA9B,YAAY,CAACwC,mBAAb,oBAAAxC,YAAY,CAACwC,mBAAb,CAAmC,QAAnC,EAA6C,KAAKhC,sBAAlD,EACD,CACF,CA7BH,QA+BSiC,MA/BT,GA+BE,kBAAgB,CACd,OAAO,IAAP,CACD,CAjCH,iCAA4C1C,KAAK,CAAC2C,SAAlD,EAAarC,sB,CACGsC,mB,GAAsB,wB,CADzBtC,sB,CAEGuC,W,GAAc,wB;;;AA0ExBV,qB,uCAAAA,qB;AACUC,S,GAAY,YAAc;AACtC,MAAMF,OAAO,GAAGjC,YAAY,CAAC6C,6BAAb,IAA8C,CAA9D;AACA,SAAQ7C,YAAY,CAAC6C,6BAAb,GAA6CZ,OAAO,GAAG,CAA/D;AACD,C,CAJGC,qB;;AAMUK,S,GAAY,YAAc;AACtC,MAAMN,OAAO,GAAGjC,YAAY,CAAC6C,6BAAb,IAA8C,CAA9D;AACA,SAAQ7C,YAAY,CAAC6C,6BAAb,GAA6CZ,OAAO,GAAG,CAA/D;AACD,C,CATGC,qB;;AAWUY,G,GAAM,YAAc;AAChC,SAAO9C,YAAY,CAAC6C,6BAAb,IAA8C,CAArD;AACD,C;;;AAGH,SAASrB,qBAAT,CAA+BJ,cAA/B,EAAuD;AACrD,SAAOjB,GAAP;;AAEkBiB,EAAAA,cAFlB;;;AAKD","sourcesContent":["import React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { css } from '../../lib/theming/Emotion';\n\nlet disposeDocumentStyle: (() => void) | null = null;\n\nexport class HideBodyVerticalScroll extends React.Component {\n  public static __KONTUR_REACT_UI__ = 'HideBodyVerticalScroll';\n  public static displayName = 'HideBodyVerticalScroll';\n\n  private initialScroll = 0;\n  private master = false;\n\n  public componentDidMount() {\n    const counter = VerticalScrollCounter.increment();\n    if (counter === 1) {\n      this.master = true;\n      this.initialScroll = globalObject.document?.documentElement ? globalObject.document.documentElement.scrollTop : 0;\n      this.updateScrollVisibility();\n      globalObject.addEventListener?.('resize', this.updateScrollVisibility);\n    }\n  }\n\n  public componentDidUpdate() {\n    if (this.master) {\n      this.updateScrollVisibility();\n    }\n  }\n\n  public componentWillUnmount() {\n    const counter = VerticalScrollCounter.decrement();\n    if (counter === 0) {\n      this.restoreStyles();\n      globalObject.removeEventListener?.('resize', this.updateScrollVisibility);\n    }\n  }\n\n  public render() {\n    return null;\n  }\n\n  private updateScrollVisibility = () => {\n    const shouldHide = !disposeDocumentStyle;\n    if (shouldHide) {\n      this.hideScroll();\n    }\n  };\n\n  private hideScroll = () => {\n    if (!isBrowser(globalObject)) {\n      return;\n    }\n    const { documentElement } = globalObject.document;\n    const { clientHeight, scrollHeight } = documentElement;\n    const documentComputedStyle = globalObject.getComputedStyle(documentElement);\n    const scrollbarConst = globalObject.getComputedStyle(documentElement).overflowY === 'scroll';\n    const scrollWidth = clientHeight < scrollHeight || scrollbarConst ? getScrollWidth() : 0;\n    const documentMargin = parseFloat(documentComputedStyle.marginRight || '');\n    const className = generateDocumentStyle(documentMargin + scrollWidth);\n\n    disposeDocumentStyle = this.attachStyle(documentElement, className);\n  };\n\n  private attachStyle = (element: HTMLElement, className: string) => {\n    element.classList.add(className);\n    return () => {\n      element.classList.remove(className);\n    };\n  };\n\n  private restoreStyles = () => {\n    if (disposeDocumentStyle) {\n      disposeDocumentStyle();\n      disposeDocumentStyle = null;\n\n      if (globalObject.document) {\n        globalObject.document.documentElement.scrollTop = this.initialScroll;\n      }\n    }\n  };\n}\n\nclass VerticalScrollCounter {\n  public static increment = (): number => {\n    const counter = globalObject.RetailUIVerticalScrollCounter || 0;\n    return (globalObject.RetailUIVerticalScrollCounter = counter + 1);\n  };\n\n  public static decrement = (): number => {\n    const counter = globalObject.RetailUIVerticalScrollCounter || 0;\n    return (globalObject.RetailUIVerticalScrollCounter = counter - 1);\n  };\n\n  public static get = (): number => {\n    return globalObject.RetailUIVerticalScrollCounter || 0;\n  };\n}\n\nfunction generateDocumentStyle(documentMargin: number) {\n  return css`\n    overflow: hidden !important;\n    margin-right: ${documentMargin}px !important;\n    height: 100%;\n  `;\n}\n"]}

package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 export declare class HideBodyVerticalScroll extends React.Component {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     private initialScroll;
     private master;
     componentDidMount(): void;

package/internal/IgnoreLayerClick/IgnoreLayerClick/IgnoreLayerClick.js

@@ -4,7 +4,9 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _class2, _temp;
 
 import React from 'react';
+import { globalObject } from '@skbkontur/global-object';
 import { getRootNode, rootNode } from "../../../lib/rootNode";
+import { isInstanceOf } from "../../../lib/isInstanceOf";
 import { CommonWrapper } from "../../CommonWrapper";
 export var IgnoreLayerClick = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(IgnoreLayerClick, _React$Component);
@@ -48,7 +50,7 @@ var IgnoreLayerClickWrapper = rootNode(_class = (_temp = _class2 = /*#__PURE__*/
   _proto2.componentDidMount = function componentDidMount() {
     var element = getRootNode(this);
 
-    if (element && element instanceof Element) {
+    if (isInstanceOf(element, globalObject.Element)) {
       element.addEventListener('mousedown', this.handleMouseDown);
       this.element = element;
     }
@@ -68,4 +70,4 @@ var IgnoreLayerClickWrapper = rootNode(_class = (_temp = _class2 = /*#__PURE__*/
   };
 
   return IgnoreLayerClickWrapper;
-}(React.Component), _class2.__KONTUR_REACT_UI__ = 'IgnoreLayerClick', _temp)) || _class;
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'IgnoreLayerClick', _class2.displayName = 'IgnoreLayerClick', _temp)) || _class;

package/internal/IgnoreLayerClick/IgnoreLayerClick/IgnoreLayerClick.js.map

@@ -1 +1 @@
-{"version":3,"sources":["IgnoreLayerClick.tsx"],"names":["React","getRootNode","rootNode","CommonWrapper","IgnoreLayerClick","render","child","Children","only","props","children","active","Component","IgnoreLayerClickWrapper","element","handleMouseDown","event","stopPropagation","componentDidMount","Element","addEventListener","componentWillUnmount","removeEventListener","setRootNode","__KONTUR_REACT_UI__"],"mappings":"2JAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,WAAT,EAAsBC,QAAtB,QAAoD,oBAApD;AACA,SAASC,aAAT,QAA8B,kBAA9B;;;;;;;AAOA,WAAaC,gBAAb;AACSC,EAAAA,MADT,GACE,kBAAgB;AACd,QAAMC,KAAK,GAAGN,KAAK,CAACO,QAAN,CAAeC,IAAf,CAAoB,KAAKC,KAAL,CAAWC,QAA/B,CAAd;AACA,WAAO,KAAKD,KAAL,CAAWE,MAAX,gBAAoB,oBAAC,uBAAD,QAA0BL,KAA1B,CAApB,GAAiFA,KAAxF;AACD,GAJH,2BAAsCN,KAAK,CAACY,SAA5C;;;;;;;AAWA;;AAEMC,uB,GADLX,Q;;;AAISY,IAAAA,O,GAA0B,I;;;;;;;;;;;;;;;;;;;;;;;;;;AA0B1BC,IAAAA,e,GAAkB,UAACC,KAAD,EAAkB;AAC1CA,MAAAA,KAAK,CAACC,eAAN;AACD,K,uEAzBMC,iB,GAAP,6BAA2B,CACzB,IAAMJ,OAAO,GAAGb,WAAW,CAAC,IAAD,CAA3B,CACA,IAAIa,OAAO,IAAIA,OAAO,YAAYK,OAAlC,EAA2C,CACzCL,OAAO,CAACM,gBAAR,CAAyB,WAAzB,EAAsC,KAAKL,eAA3C,EACA,KAAKD,OAAL,GAAeA,OAAf,CACD,CACF,C,SAEMO,oB,GAAP,gCAA8B,CAC5B,IAAI,KAAKP,OAAT,EAAkB,CAChB,KAAKA,OAAL,CAAaQ,mBAAb,CAAiC,WAAjC,EAA8C,KAAKP,eAAnD,EACA,KAAKD,OAAL,GAAe,IAAf,CACD,CACF,C,SAEMT,M,GAAP,kBAAgB,CACd,oBACE,oBAAC,aAAD,aAAe,WAAW,EAAE,KAAKkB,WAAjC,IAAkD,KAAKd,KAAvD,GACGT,KAAK,CAACO,QAAN,CAAeC,IAAf,CAAoB,KAAKC,KAAL,CAAWC,QAA/B,CADH,CADF,CAKD,C,kCA3BmCV,KAAK,CAACY,S,WAC5BY,mB,GAAsB,kB","sourcesContent":["import React from 'react';\n\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { CommonWrapper } from '../CommonWrapper';\n\nexport interface IgnoreLayerClickProps {\n  children: React.ReactNode;\n  active: boolean;\n}\n\nexport class IgnoreLayerClick extends React.Component<IgnoreLayerClickProps> {\n  public render() {\n    const child = React.Children.only(this.props.children);\n    return this.props.active ? <IgnoreLayerClickWrapper>{child}</IgnoreLayerClickWrapper> : child;\n  }\n}\n\ninterface WrapperProps {\n  children: React.ReactNode;\n}\n\n// NOTE Используется только в команде Контур.Бухгалтерия\n@rootNode\nclass IgnoreLayerClickWrapper extends React.Component<WrapperProps> {\n  public static __KONTUR_REACT_UI__ = 'IgnoreLayerClick';\n\n  private element: Element | null = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    const element = getRootNode(this);\n    if (element && element instanceof Element) {\n      element.addEventListener('mousedown', this.handleMouseDown);\n      this.element = element;\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.element) {\n      this.element.removeEventListener('mousedown', this.handleMouseDown);\n      this.element = null;\n    }\n  }\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {React.Children.only(this.props.children)}\n      </CommonWrapper>\n    );\n  }\n\n  private handleMouseDown = (event: Event) => {\n    event.stopPropagation();\n  };\n}\n"]}
+{"version":3,"sources":["IgnoreLayerClick.tsx"],"names":["React","globalObject","getRootNode","rootNode","isInstanceOf","CommonWrapper","IgnoreLayerClick","render","child","Children","only","props","children","active","Component","IgnoreLayerClickWrapper","element","handleMouseDown","event","stopPropagation","componentDidMount","Element","addEventListener","componentWillUnmount","removeEventListener","setRootNode","__KONTUR_REACT_UI__","displayName"],"mappings":"2JAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,YAAT,QAA6B,0BAA7B;;AAEA,SAASC,WAAT,EAAsBC,QAAtB,QAAoD,oBAApD;AACA,SAASC,YAAT,QAA6B,wBAA7B;AACA,SAASC,aAAT,QAA8B,kBAA9B;;;;;;;AAOA,WAAaC,gBAAb;AACSC,EAAAA,MADT,GACE,kBAAgB;AACd,QAAMC,KAAK,GAAGR,KAAK,CAACS,QAAN,CAAeC,IAAf,CAAoB,KAAKC,KAAL,CAAWC,QAA/B,CAAd;AACA,WAAO,KAAKD,KAAL,CAAWE,MAAX,gBAAoB,oBAAC,uBAAD,QAA0BL,KAA1B,CAApB,GAAiFA,KAAxF;AACD,GAJH,2BAAsCR,KAAK,CAACc,SAA5C;;;;;;;AAWA;;AAEMC,uB,GADLZ,Q;;;;AAKSa,IAAAA,O,GAA0B,I;;;;;;;;;;;;;;;;;;;;;;;;;;AA0B1BC,IAAAA,e,GAAkB,UAACC,KAAD,EAAkB;AAC1CA,MAAAA,KAAK,CAACC,eAAN;AACD,K,uEAzBMC,iB,GAAP,6BAA2B,CACzB,IAAMJ,OAAO,GAAGd,WAAW,CAAC,IAAD,CAA3B,CACA,IAAIE,YAAY,CAACY,OAAD,EAAUf,YAAY,CAACoB,OAAvB,CAAhB,EAAiD,CAC/CL,OAAO,CAACM,gBAAR,CAAyB,WAAzB,EAAsC,KAAKL,eAA3C,EACA,KAAKD,OAAL,GAAeA,OAAf,CACD,CACF,C,SAEMO,oB,GAAP,gCAA8B,CAC5B,IAAI,KAAKP,OAAT,EAAkB,CAChB,KAAKA,OAAL,CAAaQ,mBAAb,CAAiC,WAAjC,EAA8C,KAAKP,eAAnD,EACA,KAAKD,OAAL,GAAe,IAAf,CACD,CACF,C,SAEMT,M,GAAP,kBAAgB,CACd,oBACE,oBAAC,aAAD,aAAe,WAAW,EAAE,KAAKkB,WAAjC,IAAkD,KAAKd,KAAvD,GACGX,KAAK,CAACS,QAAN,CAAeC,IAAf,CAAoB,KAAKC,KAAL,CAAWC,QAA/B,CADH,CADF,CAKD,C,kCA5BmCZ,KAAK,CAACc,S,WAC5BY,mB,GAAsB,kB,UACtBC,W,GAAc,kB","sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { CommonWrapper } from '../CommonWrapper';\n\nexport interface IgnoreLayerClickProps {\n  children: React.ReactNode;\n  active: boolean;\n}\n\nexport class IgnoreLayerClick extends React.Component<IgnoreLayerClickProps> {\n  public render() {\n    const child = React.Children.only(this.props.children);\n    return this.props.active ? <IgnoreLayerClickWrapper>{child}</IgnoreLayerClickWrapper> : child;\n  }\n}\n\ninterface WrapperProps {\n  children: React.ReactNode;\n}\n\n// NOTE Используется только в команде Контур.Бухгалтерия\n@rootNode\nclass IgnoreLayerClickWrapper extends React.Component<WrapperProps> {\n  public static __KONTUR_REACT_UI__ = 'IgnoreLayerClick';\n  public static displayName = 'IgnoreLayerClick';\n\n  private element: Element | null = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    const element = getRootNode(this);\n    if (isInstanceOf(element, globalObject.Element)) {\n      element.addEventListener('mousedown', this.handleMouseDown);\n      this.element = element;\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.element) {\n      this.element.removeEventListener('mousedown', this.handleMouseDown);\n      this.element = null;\n    }\n  }\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {React.Children.only(this.props.children)}\n      </CommonWrapper>\n    );\n  }\n\n  private handleMouseDown = (event: Event) => {\n    event.stopPropagation();\n  };\n}\n"]}