@skbkontur/react-ui 0.0.0-942b5aade9 → 0.0.0-95a1dbe516

package/lib/theming/AnimationKeyframes/AnimationKeyframes.js

@@ -2,18 +2,19 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-import { keyframes } from "../Emotion";
-export var AnimationKeyframes = {
-  spinnerCircleOffset: function spinnerCircleOffset() {
-    return keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      "])));
-  },
-  spinnerCircleLength: function spinnerCircleLength() {
-    return keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        0% { stroke-dasharray: 62.5%, 168.75%; }\n        50% {  stroke-dasharray: 187.5%, 43.75%; }\n        100% { stroke-dasharray: 62.5%, 168.75%; }\n      "])));
-  },
-  spinnerCircleRotate: function spinnerCircleRotate() {
-    return keyframes(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        100% { transform: rotate(360deg); }\n      "])));
-  },
-  spinnerColor: function spinnerColor(t) {
-    return keyframes(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        100%, 0% { stroke: ", "; }\n        40% { stroke: ", "; }\n        66% { stroke: ", "; }\n        80%, 90% { stroke: ", "; }\n      "])), t.red, t.yellow, t.green, t.brand);
-  }
+export var getAnimationKeyframes = function getAnimationKeyframes(emotion) {
+  return {
+    spinnerCircleOffset: function spinnerCircleOffset() {
+      return emotion.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      "])));
+    },
+    spinnerCircleLength: function spinnerCircleLength() {
+      return emotion.keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        0% { stroke-dasharray: 62.5%, 168.75%; }\n        50% {  stroke-dasharray: 187.5%, 43.75%; }\n        100% { stroke-dasharray: 62.5%, 168.75%; }\n      "])));
+    },
+    spinnerCircleRotate: function spinnerCircleRotate() {
+      return emotion.keyframes(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        100% { transform: rotate(360deg); }\n      "])));
+    },
+    spinnerColor: function spinnerColor(t) {
+      return emotion.keyframes(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        100%, 0% { stroke: ", "; }\n        40% { stroke: ", "; }\n        66% { stroke: ", "; }\n        80%, 90% { stroke: ", "; }\n      "])), t.red, t.yellow, t.green, t.brand);
+    }
+  };
 };

package/lib/theming/AnimationKeyframes/AnimationKeyframes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AnimationKeyframes.ts"],"names":["keyframes","AnimationKeyframes","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","spinnerColor","t","red","yellow","green","brand"],"mappings":"0KAAA,SAASA,SAAT,QAA0B,WAA1B;;;AAGA,OAAO,IAAMC,kBAAkB,GAAG;AAChCC,EAAAA,mBADgC,iCACV;AACpB,WAAOF,SAAP;;;;AAID,GAN+B;AAOhCG,EAAAA,mBAPgC,iCAOV;AACpB,WAAOH,SAAP;;;;;AAKD,GAb+B;AAchCI,EAAAA,mBAdgC,iCAcV;AACpB,WAAOJ,SAAP;;;AAGD,GAlB+B;AAmBhCK,EAAAA,YAnBgC,wBAmBnBC,CAnBmB,EAmBT;AACrB,WAAON,SAAP;AACyBM,IAAAA,CAAC,CAACC,GAD3B;AAEoBD,IAAAA,CAAC,CAACE,MAFtB;AAGoBF,IAAAA,CAAC,CAACG,KAHtB;AAIyBH,IAAAA,CAAC,CAACI,KAJ3B;;AAMD,GA1B+B,EAA3B","sourcesContent":["import { keyframes } from './Emotion';\nimport { Theme } from './Theme';\n\nexport const AnimationKeyframes = {\n  spinnerCircleOffset() {\n    return keyframes`\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      `;\n  },\n  spinnerCircleLength() {\n    return keyframes`\n        0% { stroke-dasharray: 62.5%, 168.75%; }\n        50% {  stroke-dasharray: 187.5%, 43.75%; }\n        100% { stroke-dasharray: 62.5%, 168.75%; }\n      `;\n  },\n  spinnerCircleRotate() {\n    return keyframes`\n        100% { transform: rotate(360deg); }\n      `;\n  },\n  spinnerColor(t: Theme) {\n    return keyframes`\n        100%, 0% { stroke: ${t.red}; }\n        40% { stroke: ${t.yellow}; }\n        66% { stroke: ${t.green}; }\n        80%, 90% { stroke: ${t.brand}; }\n      `;\n  },\n};\n"]}
+{"version":3,"sources":["AnimationKeyframes.ts"],"names":["getAnimationKeyframes","emotion","spinnerCircleOffset","keyframes","spinnerCircleLength","spinnerCircleRotate","spinnerColor","t","red","yellow","green","brand"],"mappings":";;;;AAIA,OAAO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,OAAD,UAAuB;AAC1DC,IAAAA,mBAD0D,iCACpC;AACpB,aAAOD,OAAO,CAACE,SAAf;;;;AAID,KANyD;AAO1DC,IAAAA,mBAP0D,iCAOpC;AACpB,aAAOH,OAAO,CAACE,SAAf;;;;;AAKD,KAbyD;AAc1DE,IAAAA,mBAd0D,iCAcpC;AACpB,aAAOJ,OAAO,CAACE,SAAf;;;AAGD,KAlByD;AAmB1DG,IAAAA,YAnB0D,wBAmB7CC,CAnB6C,EAmBnC;AACrB,aAAON,OAAO,CAACE,SAAf;AACyBI,MAAAA,CAAC,CAACC,GAD3B;AAEoBD,MAAAA,CAAC,CAACE,MAFtB;AAGoBF,MAAAA,CAAC,CAACG,KAHtB;AAIyBH,MAAAA,CAAC,CAACI,KAJ3B;;AAMD,KA1ByD,EAAvB,EAA9B","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { Theme } from './Theme';\n\nexport const getAnimationKeyframes = (emotion: Emotion) => ({\n  spinnerCircleOffset() {\n    return emotion.keyframes`\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      `;\n  },\n  spinnerCircleLength() {\n    return emotion.keyframes`\n        0% { stroke-dasharray: 62.5%, 168.75%; }\n        50% {  stroke-dasharray: 187.5%, 43.75%; }\n        100% { stroke-dasharray: 62.5%, 168.75%; }\n      `;\n  },\n  spinnerCircleRotate() {\n    return emotion.keyframes`\n        100% { transform: rotate(360deg); }\n      `;\n  },\n  spinnerColor(t: Theme) {\n    return emotion.keyframes`\n        100%, 0% { stroke: ${t.red}; }\n        40% { stroke: ${t.yellow}; }\n        66% { stroke: ${t.green}; }\n        80%, 90% { stroke: ${t.brand}; }\n      `;\n  },\n});\n"]}

package/lib/theming/AnimationKeyframes.d.ts

@@ -1,5 +1,6 @@
+import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from './Theme';
-export declare const AnimationKeyframes: {
+export declare const getAnimationKeyframes: (emotion: Emotion) => {
     spinnerCircleOffset(): string;
     spinnerCircleLength(): string;
     spinnerCircleRotate(): string;

package/lib/theming/Emotion/Emotion.js

@@ -1,29 +1,27 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import createEmotion from '@emotion/css/create-instance';
 import extraScopePlugin from 'stylis-plugin-extra-scope';
+import { globalObject } from '@skbkontur/global-object';
+import { createContext, useContext } from 'react';
 import { Upgrade } from "../../Upgrades";
-import { renderTarget } from "../../SSRSafe";
-var REACT_UI_PREFIX = Upgrade.getSpecificityClassName();
+export var REACT_UI_PREFIX = Upgrade.getSpecificityClassName();
 var scope = new Array(Upgrade.getSpecificityLevel()).fill("." + REACT_UI_PREFIX).join('');
+export var getEmotion = function getEmotion(container, key) {
+  var _globalObject$documen;
 
-var _createEmotion = createEmotion({
-  key: REACT_UI_PREFIX,
-  prepend: true,
-  stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,
-  container: renderTarget.head
-}),
-    flush = _createEmotion.flush,
-    hydrate = _createEmotion.hydrate,
-    cx = _createEmotion.cx,
-    merge = _createEmotion.merge,
-    getRegisteredStyles = _createEmotion.getRegisteredStyles,
-    injectGlobal = _createEmotion.injectGlobal,
-    keyframes = _createEmotion.keyframes,
-    css = _createEmotion.css,
-    sheet = _createEmotion.sheet,
-    cache = _createEmotion.cache;
+  return createEmotion({
+    key: key != null ? key : REACT_UI_PREFIX,
+    prepend: true,
+    stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,
+    container: container != null ? container : (_globalObject$documen = globalObject.document) == null ? void 0 : _globalObject$documen.head
+  });
+};
+
+var _getEmotion = getEmotion(),
+    injectGlobal = _getEmotion.injectGlobal,
+    cache = _getEmotion.cache;
 
-export { flush, hydrate, cx, merge, getRegisteredStyles, injectGlobal, keyframes, css, sheet, cache };
+export { injectGlobal, cache };
 
 function isZeroArgs(fn) {
   return fn.length === 0;
@@ -71,4 +69,12 @@ export var prefix = function prefix(component, app) {
       return _extends({}, acc, (_extends2 = {}, _extends2[key] = app + "-" + component + "-" + classes[key], _extends2));
     }, {});
   };
-};
+};
+var EmotionContext = /*#__PURE__*/createContext(getEmotion());
+export var EmotionConsumer = EmotionContext.Consumer;
+export var EmotionProvider = EmotionContext.Provider;
+export var useEmotion = function useEmotion() {
+  return useContext(EmotionContext);
+};
+EmotionContext.displayName = 'EmotionContext';
+EmotionContext.__KONTUR_REACT_UI__ = 'EmotionContext';

package/lib/theming/Emotion/Emotion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Emotion.ts"],"names":["createEmotion","extraScopePlugin","Upgrade","renderTarget","REACT_UI_PREFIX","getSpecificityClassName","scope","Array","getSpecificityLevel","fill","join","key","prepend","stylisPlugins","undefined","container","head","flush","hydrate","cx","merge","getRegisteredStyles","injectGlobal","keyframes","css","sheet","cache","isZeroArgs","fn","length","memoize","isCalled","result","WeakMap","arg","has","set","get","memoizeStyle","styles","Object","keys","forEach","className","prefix","component","app","classes","reduce","acc"],"mappings":"0DAAA,OAAOA,aAAP,MAA0B,8BAA1B;AACA,OAAOC,gBAAP,MAA6B,2BAA7B;;AAEA,SAASC,OAAT,QAAwB,aAAxB;;AAEA,SAASC,YAAT,QAA6B,YAA7B;;;;AAIA,IAAMC,eAAe,GAAGF,OAAO,CAACG,uBAAR,EAAxB;;AAEA,IAAMC,KAAK,GAAG,IAAIC,KAAJ,CAAUL,OAAO,CAACM,mBAAR,EAAV,EAAyCC,IAAzC,OAAkDL,eAAlD,EAAqEM,IAArE,CAA0E,EAA1E,CAAd;;AAEO;AACLV,aAAa,CAAC;AACZW,EAAAA,GAAG,EAAEP,eADO;AAEZQ,EAAAA,OAAO,EAAE,IAFG;AAGZC,EAAAA,aAAa,EAAEP,KAAK,GAAG,CAACL,gBAAgB,CAACK,KAAD,CAAjB,CAAH,GAA+BQ,SAHvC;AAIZC,EAAAA,SAAS,EAAEZ,YAAY,CAACa,IAJZ,EAAD,CADR,CAAQC,KAAR,kBAAQA,KAAR,CAAeC,OAAf,kBAAeA,OAAf,CAAwBC,EAAxB,kBAAwBA,EAAxB,CAA4BC,KAA5B,kBAA4BA,KAA5B,CAAmCC,mBAAnC,kBAAmCA,mBAAnC,CAAwDC,YAAxD,kBAAwDA,YAAxD,CAAsEC,SAAtE,kBAAsEA,SAAtE,CAAiFC,GAAjF,kBAAiFA,GAAjF,CAAsFC,KAAtF,kBAAsFA,KAAtF,CAA6FC,KAA7F,kBAA6FA,KAA7F,C;;;AAQP,SAASC,UAAT,CAAwDC,EAAxD,EAAsG;AACpG,SAAOA,EAAE,CAACC,MAAH,KAAc,CAArB;AACD;;AAED,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAAyBF,EAAzB,EAA0F;AACxG,MAAID,UAAU,CAACC,EAAD,CAAd,EAAoB;AAClB,QAAIG,QAAQ,GAAG,KAAf;AACA,QAAIC,MAAJ;AACA,WAAO,YAAM;AACX,UAAI,CAACD,QAAL,EAAe;AACbA,QAAAA,QAAQ,GAAG,IAAX;AACAC,QAAAA,MAAM,GAAGJ,EAAE,EAAX;AACD;AACD,aAAOI,MAAP;AACD,KAND;AAOD;;AAED,MAAMN,KAAK,GAAG,IAAIO,OAAJ,EAAd;AACA,SAAO,UAACC,GAAD,EAAY;AACjB,QAAI,CAACR,KAAK,CAACS,GAAN,CAAUD,GAAV,CAAL,EAAqB;AACnBR,MAAAA,KAAK,CAACU,GAAN,CAAUF,GAAV,EAAeN,EAAE,CAACM,GAAD,CAAjB;AACD;;AAED,WAAOR,KAAK,CAACW,GAAN,CAAUH,GAAV,CAAP;AACD,GAND;AAOD,CArBD;;AAuBA,OAAO,IAAMI,YAAY,GAAG,SAAfA,YAAe;AAC1BC,MAD0B;AAEpB;AACNC,EAAAA,MAAM,CAACC,IAAP,CAAYF,MAAZ,EAAoBG,OAApB,CAA4B,UAACC,SAAD,UAAgBJ,MAAM,CAACI,SAAD,CAAN,GAA+Bb,OAAO,CAACS,MAAM,CAACI,SAAD,CAAP,CAAtD,EAA5B;AACA,SAAOJ,MAAP;AACD,CALM;;AAOP,OAAO,IAAMK,MAAM;AACjB,SADWA,MACX,CAACC,SAAD,EAAoBC,GAApB,OAAoBA,GAApB,cAAoBA,GAApB,GAA0B1C,eAA1B;AACA,cAAmC2C,OAAnC;AACEP,QAAAA,MAAM,CAACC,IAAP,CAAYM,OAAZ,EAAqBC,MAArB,CAA4B,UAACC,GAAD,EAAMtC,GAAN,EAAc;AACxC,8BAAYsC,GAAZ,6BAAkBtC,GAAlB,IAA2BmC,GAA3B,SAAkCD,SAAlC,SAA+CE,OAAO,CAACpC,GAAD,CAAtD;AACD,SAFD,EAEG,EAFH,CADF,GADA,GADK","sourcesContent":["import createEmotion from '@emotion/css/create-instance';\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\n\nimport { Upgrade } from '../Upgrades';\nimport { AnyObject, FunctionWithParams } from '../utils';\nimport { renderTarget } from '../SSRSafe';\n\nimport { Theme } from './Theme';\n\nconst REACT_UI_PREFIX = Upgrade.getSpecificityClassName();\n\nconst scope = new Array(Upgrade.getSpecificityLevel()).fill(`.${REACT_UI_PREFIX}`).join('');\n\nexport const { flush, hydrate, cx, merge, getRegisteredStyles, injectGlobal, keyframes, css, sheet, cache } =\n  createEmotion({\n    key: REACT_UI_PREFIX,\n    prepend: true,\n    stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,\n    container: renderTarget.head,\n  });\n\nfunction isZeroArgs<R, T extends FunctionWithParams<R>>(fn: T | FunctionWithParams<R>): fn is () => R {\n  return fn.length === 0;\n}\n\nconst memoize = <A extends AnyObject, R>(fn: (() => R) | ((arg: A) => R)): (() => R) | ((arg: A) => R) => {\n  if (isZeroArgs(fn)) {\n    let isCalled = false;\n    let result: R;\n    return () => {\n      if (!isCalled) {\n        isCalled = true;\n        result = fn();\n      }\n      return result;\n    };\n  }\n\n  const cache = new WeakMap();\n  return (arg: A) => {\n    if (!cache.has(arg)) {\n      cache.set(arg, fn(arg));\n    }\n\n    return cache.get(arg);\n  };\n};\n\nexport const memoizeStyle = <S extends { [className: string]: (() => string) | ((t: Theme) => string) }>(\n  styles: S,\n): S => {\n  Object.keys(styles).forEach((className) => (styles[className as keyof S] = memoize(styles[className]) as S[keyof S]));\n  return styles;\n};\n\nexport const prefix =\n  (component: string, app = REACT_UI_PREFIX) =>\n  <T extends Record<string, string>>(classes: T): T =>\n    Object.keys(classes).reduce((acc, key) => {\n      return { ...acc, [key]: `${app}-${component}-${classes[key]}` };\n    }, {} as T);\n"]}
+{"version":3,"sources":["Emotion.ts"],"names":["createEmotion","extraScopePlugin","globalObject","createContext","useContext","Upgrade","REACT_UI_PREFIX","getSpecificityClassName","scope","Array","getSpecificityLevel","fill","join","getEmotion","container","key","prepend","stylisPlugins","undefined","document","head","injectGlobal","cache","isZeroArgs","fn","length","memoize","isCalled","result","WeakMap","arg","has","set","get","memoizeStyle","styles","Object","keys","forEach","className","prefix","component","app","classes","reduce","acc","EmotionContext","EmotionConsumer","Consumer","EmotionProvider","Provider","useEmotion","displayName","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import createEmotion, { Emotion } from '@emotion/css/create-instance';\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\nimport { globalObject } from '@skbkontur/global-object';\nimport { createContext, useContext } from 'react';\n\nimport { Upgrade } from '../Upgrades';\nimport { AnyObject, FunctionWithParams } from '../utils';\n\nimport { Theme } from './Theme';\n\nexport const REACT_UI_PREFIX = Upgrade.getSpecificityClassName();\n\nconst scope = new Array(Upgrade.getSpecificityLevel()).fill(`.${REACT_UI_PREFIX}`).join('');\n\nexport const getEmotion = (container?: HTMLElement | null, key?: string): Emotion =>\n  createEmotion({\n    key: key ?? REACT_UI_PREFIX,\n    prepend: true,\n    stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,\n    container: container ?? globalObject.document?.head,\n  });\n\nexport const { injectGlobal, cache } = getEmotion();\n\nfunction isZeroArgs<R, T extends FunctionWithParams<R>>(fn: T | FunctionWithParams<R>): fn is () => R {\n  return fn.length === 0;\n}\n\nconst memoize = <A extends AnyObject, R>(fn: (() => R) | ((arg: A) => R)): (() => R) | ((arg: A) => R) => {\n  if (isZeroArgs(fn)) {\n    let isCalled = false;\n    let result: R;\n    return () => {\n      if (!isCalled) {\n        isCalled = true;\n        result = fn();\n      }\n      return result;\n    };\n  }\n\n  const cache = new WeakMap();\n  return (arg: A) => {\n    if (!cache.has(arg)) {\n      cache.set(arg, fn(arg));\n    }\n\n    return cache.get(arg);\n  };\n};\n\nexport const memoizeStyle = <S extends { [className: string]: (() => string) | ((t: Theme) => string) }>(\n  styles: S,\n): S => {\n  Object.keys(styles).forEach((className) => (styles[className as keyof S] = memoize(styles[className]) as S[keyof S]));\n  return styles;\n};\n\nexport const prefix =\n  (component: string, app = REACT_UI_PREFIX) =>\n  <T extends Record<string, string>>(classes: T): T =>\n    Object.keys(classes).reduce((acc, key) => {\n      return { ...acc, [key]: `${app}-${component}-${classes[key]}` };\n    }, {} as T);\n\nconst EmotionContext = createContext<Emotion>(getEmotion());\nexport const EmotionConsumer = EmotionContext.Consumer;\nexport const EmotionProvider = EmotionContext.Provider;\nexport const useEmotion = (): Emotion => useContext(EmotionContext);\n\nEmotionContext.displayName = 'EmotionContext';\nEmotionContext.__KONTUR_REACT_UI__ = 'EmotionContext';\n"]}

package/lib/theming/Emotion.d.ts

@@ -1,15 +1,16 @@
+/// <reference types="react" />
+import { Emotion } from '@emotion/css/create-instance';
 import { Theme } from './Theme';
-export declare const flush: () => void, hydrate: (ids: string[]) => void, cx: (...classNames: import("@emotion/css/create-instance").ClassNamesArg[]) => string, merge: (className: string) => string, getRegisteredStyles: (registeredStyles: string[], className: string) => string, injectGlobal: {
+export declare const REACT_UI_PREFIX: string;
+export declare const getEmotion: (container?: HTMLElement | null | undefined, key?: string | undefined) => Emotion;
+export declare const injectGlobal: {
     (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): void;
     (...args: import("@emotion/css/create-instance").CSSInterpolation[]): void;
-}, keyframes: {
-    (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
-    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
-}, css: {
-    (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
-    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
-}, sheet: import("@emotion/css/create-instance").CSSStyleSheet, cache: import("@emotion/css/create-instance").EmotionCache;
+}, cache: import("@emotion/css/create-instance").EmotionCache;
 export declare const memoizeStyle: <S extends {
     [className: string]: (() => string) | ((t: Theme) => string);
 }>(styles: S) => S;
 export declare const prefix: (component: string, app?: string) => <T extends Record<string, string>>(classes: T) => T;
+export declare const EmotionConsumer: import("react").Consumer<Emotion>;
+export declare const EmotionProvider: import("react").Provider<Emotion>;
+export declare const useEmotion: () => Emotion;

package/lib/theming/StyleContainer/StyleContainer.js

@@ -0,0 +1,21 @@
+import React, { useState } from 'react';
+import { EmotionProvider, getEmotion } from "../Emotion";
+export var StyleContainer = function StyleContainer(_ref) {
+  var children = _ref.children;
+
+  var _useState = useState(),
+      emotion = _useState[0],
+      setEmotion = _useState[1];
+
+  function setRef(el) {
+    if (!emotion) {
+      setEmotion(getEmotion(el));
+    }
+  }
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    ref: setRef
+  }), emotion && /*#__PURE__*/React.createElement(EmotionProvider, {
+    value: emotion
+  }, children));
+};

package/lib/theming/StyleContainer/StyleContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["StyleContainer.tsx"],"names":["React","useState","EmotionProvider","getEmotion","StyleContainer","children","emotion","setEmotion","setRef","el"],"mappings":"AAAA,OAAOA,KAAP,IAA2BC,QAA3B,QAA2C,OAA3C;;;AAGA,SAASC,eAAT,EAA0BC,UAA1B,QAA4C,WAA5C;;AAEA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAA2C,KAAxCC,QAAwC,QAAxCA,QAAwC;AACvE,kBAA8BJ,QAAQ,EAAtC,CAAOK,OAAP,gBAAgBC,UAAhB;;AAEA,WAASC,MAAT,CAAgBC,EAAhB,EAAoC;AAClC,QAAI,CAACH,OAAL,EAAc;AACZC,MAAAA,UAAU,CAACJ,UAAU,CAACM,EAAD,CAAX,CAAV;AACD;AACF;;AAED;AACE;AACE,iCAAK,GAAG,EAAED,MAAV,GADF;AAEGF,IAAAA,OAAO,iBAAI,oBAAC,eAAD,IAAiB,KAAK,EAAEA,OAAxB,IAAkCD,QAAlC,CAFd,CADF;;;AAMD,CAfM","sourcesContent":["import React, { ReactNode, useState } from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { EmotionProvider, getEmotion } from './Emotion';\n\nexport const StyleContainer = ({ children }: { children: ReactNode }) => {\n  const [emotion, setEmotion] = useState<Emotion>();\n\n  function setRef(el: HTMLDivElement) {\n    if (!emotion) {\n      setEmotion(getEmotion(el));\n    }\n  }\n\n  return (\n    <>\n      <div ref={setRef} />\n      {emotion && <EmotionProvider value={emotion}>{children}</EmotionProvider>}\n    </>\n  );\n};\n"]}

package/lib/theming/StyleContainer/package.json

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

package/lib/theming/StyleContainer.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare const StyleContainer: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;

package/lib/theming/ThemeContext/ThemeContext.js

@@ -1,4 +1,7 @@
 import React from 'react';
 import { DEFAULT_THEME } from "../themes/DefaultTheme";
 export var ThemeContext = /*#__PURE__*/React.createContext(DEFAULT_THEME);
-ThemeContext.displayName = 'ThemeContext';
+export var ThemeProvider = ThemeContext.Provider;
+export var ThemeConsumer = ThemeContext.Consumer;
+ThemeContext.displayName = 'ThemeContext';
+ThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';

package/lib/theming/ThemeContext/ThemeContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThemeContext.ts"],"names":["React","DEFAULT_THEME","ThemeContext","createContext","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,aAAT,QAA8B,uBAA9B;;AAEA,OAAO,IAAMC,YAAY,gBAAGF,KAAK,CAACG,aAAN,CAAoBF,aAApB,CAArB;;AAEPC,YAAY,CAACE,WAAb,GAA2B,cAA3B","sourcesContent":["import React from 'react';\n\nimport { DEFAULT_THEME } from './themes/DefaultTheme';\n\nexport const ThemeContext = React.createContext(DEFAULT_THEME);\n\nThemeContext.displayName = 'ThemeContext';\n"]}
+{"version":3,"sources":["ThemeContext.ts"],"names":["React","DEFAULT_THEME","ThemeContext","createContext","ThemeProvider","Provider","ThemeConsumer","Consumer","displayName","__KONTUR_REACT_UI__"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,aAAT,QAA8B,uBAA9B;;AAEA,OAAO,IAAMC,YAAY,gBAAGF,KAAK,CAACG,aAAN,CAAoBF,aAApB,CAArB;AACP,OAAO,IAAMG,aAAa,GAAGF,YAAY,CAACG,QAAnC;AACP,OAAO,IAAMC,aAAa,GAAGJ,YAAY,CAACK,QAAnC;;AAEPL,YAAY,CAACM,WAAb,GAA2B,cAA3B;AACAN,YAAY,CAACO,mBAAb,GAAmC,cAAnC","sourcesContent":["import React from 'react';\n\nimport { DEFAULT_THEME } from './themes/DefaultTheme';\n\nexport const ThemeContext = React.createContext(DEFAULT_THEME);\nexport const ThemeProvider = ThemeContext.Provider;\nexport const ThemeConsumer = ThemeContext.Consumer;\n\nThemeContext.displayName = 'ThemeContext';\nThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';\n"]}

package/lib/theming/ThemeContext.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
 export declare const ThemeContext: React.Context<Readonly<Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>>>;
+export declare const ThemeProvider: React.Provider<Readonly<Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>>>;
+export declare const ThemeConsumer: React.Consumer<Readonly<Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>>>;

package/lib/theming/useTheme/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTheme.ts"],"names":["useContext","ThemeContext","useTheme"],"mappings":"AAAA,SAASA,UAAT,QAA2B,OAA3B;;AAEA,SAASC,YAAT,QAA6B,gBAA7B;;AAEA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,GAAM;AAC5B,SAAOF,UAAU,CAACC,YAAD,CAAjB;AACD,CAFM","sourcesContent":["import { useContext } from 'react';\n\nimport { ThemeContext } from './ThemeContext';\n\nexport const useTheme = () => {\n  return useContext(ThemeContext);\n};\n"]}
+{"version":3,"sources":["useTheme.ts"],"names":["useContext","ThemeContext","useTheme"],"mappings":"AAAA,SAASA,UAAT,QAA2B,OAA3B;;AAEA,SAASC,YAAT,QAA6B,gBAA7B;;AAEA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,WAAMF,UAAU,CAACC,YAAD,CAAhB,EAAjB","sourcesContent":["import { useContext } from 'react';\n\nimport { ThemeContext } from './ThemeContext';\n\nexport const useTheme = () => useContext(ThemeContext);\n"]}

package/lib/toKebabCase/package.json

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

package/lib/toKebabCase/toKebabCase.js

@@ -0,0 +1,7 @@
+export var toKebabCase = function toKebabCase(value) {
+  if (!value) {
+    return '';
+  }
+
+  return value.split(/\.?(?=[A-Z])/).join('-').toLowerCase();
+};

package/lib/toKebabCase/toKebabCase.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["toKebabCase.ts"],"names":["toKebabCase","value","split","join","toLowerCase"],"mappings":"AAAA,OAAO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAmB;AAC5C,MAAI,CAACA,KAAL,EAAY;AACV,WAAO,EAAP;AACD;;AAED,SAAOA,KAAK;AACTC,EAAAA,KADI,CACE,cADF;AAEJC,EAAAA,IAFI,CAEC,GAFD;AAGJC,EAAAA,WAHI,EAAP;AAID,CATM","sourcesContent":["export const toKebabCase = (value: string) => {\n  if (!value) {\n    return '';\n  }\n\n  return value\n    .split(/\\.?(?=[A-Z])/)\n    .join('-')\n    .toLowerCase();\n};\n"]}

package/lib/toKebabCase.d.ts

@@ -0,0 +1 @@
+export declare const toKebabCase: (value: string) => string;

package/lib/types/props/package.json

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

package/lib/types/props/props.js

@@ -0,0 +1 @@
+export {};

package/lib/types/props/props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/types/props.d.ts

@@ -0,0 +1 @@
+export declare type SizeProp = 'small' | 'medium' | 'large';

package/lib/utils/utils.js

@@ -2,12 +2,10 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import _wrapNativeSuper from "@babel/runtime/helpers/esm/wrapNativeSuper";
 import React from 'react';
 import { isForwardRef } from 'react-is';
-import { isBrowser } from "../client";
-import { globalThat } from "../SSRSafe"; // NOTE: Copy-paste from @types/react
-
+import { globalObject, isBrowser } from '@skbkontur/global-object';
 export var delay = function delay(ms) {
   return new Promise(function (resolve) {
-    return setTimeout(resolve, ms);
+    return globalObject.setTimeout(resolve, ms);
   });
 };
 export var emptyHandler = function emptyHandler() {
@@ -37,7 +35,7 @@ export function taskWithDelay(task, ms) {
 
   new Promise(function (resolve, reject) {
     cancelationToken = reject;
-    setTimeout(resolve, ms);
+    globalObject.setTimeout(resolve, ms);
   }).then(task)["catch"](function () {
     return null;
   });
@@ -65,7 +63,7 @@ export var getRandomID = function getRandomID() {
   return Math.random().toString(16).slice(2);
 };
 export var isExternalLink = function isExternalLink(link) {
-  return new RegExp("^(https?:)?//" + (isBrowser ? "(?!" + globalThat.location.host + ")" : "") + "\\S+", 'gi').test(link);
+  return isBrowser(globalObject) && new RegExp("^(https?:)?//(?!" + globalObject.location.host + ")\\S+", 'gi').test(link);
 };
 /**
  * Check if the given ReactNode is an element of the specified ReactUI component
@@ -211,4 +209,9 @@ export var startsWithOneOf = function startsWithOneOf(searchKeys, inputString) {
 export var isInputLike = isReactUIComponent('Input') || isReactUIComponent('FxInput') || isReactUIComponent('Autocomplete') || isReactUIComponent('PasswordInput') || isReactUIComponent('CurrencyInput');
 export var isKonturIcon = function isKonturIcon(icon) {
   return Object.prototype.hasOwnProperty.call(icon == null ? void 0 : icon.type, '__KONTUR_ICON__');
-};
+};
+export function clickOutside() {
+  var event = document.createEvent('HTMLEvents');
+  event.initEvent('mousedown', true, true);
+  document.body.dispatchEvent(event);
+}

package/lib/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["utils.ts"],"names":["React","isForwardRef","isBrowser","globalThat","delay","ms","Promise","resolve","setTimeout","emptyHandler","CancelationError","code","Error","taskWithDelay","task","cancelationToken","reject","then","isFunction","x","isFunctionalComponent","Component","Boolean","prototype","isReactComponent","isClassComponent","isIntrinsicElement","element","type","isRefableElement","escapeRegExpSpecChars","s","replace","getRandomID","Math","random","toString","slice","isExternalLink","link","RegExp","location","host","test","isReactUINode","componentName","node","isValidElement","Object","hasOwnProperty","call","__KONTUR_REACT_UI__","KB","UNITS","calculateDecimals","decimals","formatBytes","bytes","calculatedDecimals","i","floor","log2","formattedBytes","parseFloat","pow","toFixed","isNonNullable","value","undefined","isNullable","isReactUIComponent","name","child","mergeRefs","refs","forEach","ref","current","extractDataProps","props","dataProps","restWithoutDataProps","entries","map","startsWith","startsWithOneOf","searchKeys","inputString","keyIndex","findIndex","key","isInputLike","isKonturIcon","icon"],"mappings":"gJAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,YAAT,QAA6B,UAA7B;;;;;;;;AAQA,SAASC,SAAT,QAA0B,UAA1B;AACA,SAASC,UAAT,QAA2B,WAA3B;;AAEA;;;;;;;;;;;;;AAaA,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,EAAD,UAAgB,IAAIC,OAAJ,CAAY,UAACC,OAAD,UAAaC,UAAU,CAACD,OAAD,EAAUF,EAAV,CAAvB,EAAZ,CAAhB,EAAd;;AAEP,OAAO,IAAMI,YAAY,GAAG,SAAfA,YAAe,GAAM;AAChC;AACD,CAFM;;AAIP,WAAaC,gBAAb;AACSC,IAAAA,IADT,GACgB,kBADhB,wEAAsCC,KAAtC;;;AAIA,OAAO,SAASC,aAAT,CAAuBC,IAAvB,EAAyCT,EAAzC,EAAqD;AAC1D,MAAIU,gBAA4B,GAAG,oCAAM,IAAN,EAAnC;;AAEA,MAAIT,OAAJ,CAAY,UAACC,OAAD,EAAUS,MAAV,EAAqB;AAC/BD,IAAAA,gBAAgB,GAAGC,MAAnB;AACAR,IAAAA,UAAU,CAACD,OAAD,EAAUF,EAAV,CAAV;AACD,GAHD;AAIGY,EAAAA,IAJH,CAIQH,IAJR;AAKS,sBAAM,IAAN,EALT;;AAOA,SAAOC,gBAAP;AACD;;;AAGD,OAAO,SAASG,UAAT,CAAuBC,CAAvB,EAA2E;AAChF,SAAO,OAAOA,CAAP,KAAa,UAApB;AACD;;AAED,OAAO,SAASC,qBAAT,CAA+BC,SAA/B,EAAqF;AAC1F,SAAOC,OAAO,CAAC,OAAOD,SAAP,KAAqB,UAArB,IAAmC,EAAEA,SAAS,CAACE,SAAV,IAAuBF,SAAS,CAACE,SAAV,CAAoBC,gBAA7C,CAApC,CAAd;AACD;;AAED,OAAO,SAASC,gBAAT,CAA0BJ,SAA1B,EAAgF;AACrF,SAAOC,OAAO,CAAC,OAAOD,SAAP,KAAqB,UAArB,IAAmCA,SAAS,CAACE,SAA7C,IAA0DF,SAAS,CAACE,SAAV,CAAoBC,gBAA/E,CAAd;AACD;;AAED,OAAO,SAASE,kBAAT,CAA4BC,OAA5B,EAAkE;AACvE,SAAO,OAAOA,OAAO,CAACC,IAAf,KAAwB,QAA/B;AACD;;AAED,OAAO,SAASC,gBAAT,CAA0BF,OAA1B,EAAgE;AACrE,SAAOL,OAAO,CAACI,kBAAkB,CAACC,OAAD,CAAlB,IAA+BF,gBAAgB,CAACE,OAAO,CAACC,IAAT,CAA/C,IAAiE3B,YAAY,CAAC0B,OAAD,CAA9E,CAAd;AACD;;AAED,OAAO,SAASG,qBAAT,CAA+BC,CAA/B,EAAkD;AACvD,SAAOA,CAAC,CAACC,OAAF,CAAU,qBAAV,EAAiC,MAAjC,CAAP;AACD;;AAED,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,WAAcC,IAAI,CAACC,MAAL,GAAcC,QAAd,CAAuB,EAAvB,EAA2BC,KAA3B,CAAiC,CAAjC,CAAd,EAApB;;AAEP,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,IAAD,EAA2B;AACvD,SAAO,IAAIC,MAAJ,oBAA2BtC,SAAS,WAASC,UAAU,CAACsC,QAAX,CAAoBC,IAA7B,WAApC,YAAqF,IAArF,EAA2FC,IAA3F,CAAgGJ,IAAhG,CAAP;AACD,CAFM;;AAIP;AACA;AACA;AACA,OAAO,IAAMK,aAAa,GAAG,SAAhBA,aAAgB,CAACC,aAAD,EAAwBC,IAAxB,EAA2D;AACtF,oBAAI9C,KAAK,CAAC+C,cAAN,CAAqBD,IAArB,CAAJ,EAAgC;AAC9B;AACEE,MAAAA,MAAM,CAACzB,SAAP,CAAiB0B,cAAjB,CAAgCC,IAAhC,CAAqCJ,IAAI,CAAClB,IAA1C,EAAgD,qBAAhD;AACA;AACAkB,MAAAA,IAAI,CAAClB,IAAL,CAAUuB,mBAAV,KAAkCN,aAHpC;;AAKD;;AAED,SAAO,KAAP;AACD,CAVM;;AAYP,IAAMO,EAAE,GAAG,IAAX;AACA,IAAMC,KAAK,GAAG,CAAC,OAAD,EAAU,IAAV,EAAgB,IAAhB,EAAsB,IAAtB,EAA4B,IAA5B,EAAkC,IAAlC,EAAwC,IAAxC,EAA8C,IAA9C,EAAoD,IAApD,CAAd;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD,EAAsB;AAC9C,MAAIA,QAAQ,GAAG,CAAf,EAAkB;AAChB,WAAO,CAAP;AACD;;AAED,SAAO,CAAP;AACD,CAND;;AAQA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAgBF,QAAhB,EAAgD,KAAhCA,QAAgC,cAAhCA,QAAgC,GAArB,CAAqB;AACzE,MAAIE,KAAK,KAAK,CAAd,EAAiB;AACf,WAAO,SAAP;AACD;;AAED,MAAI,CAACA,KAAL,EAAY;AACV,WAAO,IAAP;AACD;;AAED,MAAMC,kBAAkB,GAAGJ,iBAAiB,CAACC,QAAD,CAA5C;;AAEA,MAAMI,CAAC,GAAGzB,IAAI,CAAC0B,KAAL,CAAW1B,IAAI,CAAC2B,IAAL,CAAUJ,KAAV,IAAmBvB,IAAI,CAAC2B,IAAL,CAAUT,EAAV,CAA9B,CAAV;AACA,MAAMU,cAAc,GAAGC,UAAU,CAAC,CAACN,KAAK,GAAGvB,IAAI,CAAC8B,GAAL,CAASZ,EAAT,EAAaO,CAAb,CAAT,EAA0BM,OAA1B,CAAkCP,kBAAlC,CAAD,CAAjC;;AAEA,SAAUI,cAAV,SAA4BT,KAAK,CAACM,CAAD,CAAjC;AACD,CAfM;;AAiBP;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMO,aAAa,GAAG,SAAhBA,aAAgB,CAAIC,KAAJ,EAA0C;AACrE,SAAOA,KAAK,KAAK,IAAV,IAAkBA,KAAK,KAAKC,SAAnC;AACD,CAFM;;AAIP;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACF,KAAD,EAA+C;AACvE,SAAOA,KAAK,KAAK,IAAV,IAAkBA,KAAK,KAAKC,SAAnC;AACD,CAFM;;AAIP;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB,CAAUC,IAAV,EAA2B;AAC3D,SAAO,UAACC,KAAD,EAA4D;AACjE;AACA,WAAO,CAAAA,KAAK,QAAL,2BAAAA,KAAK,CAAE5C,IAAP,iCAAauB,mBAAb,MAAqCoB,IAA5C;AACD,GAHD;AAID,CALM;;AAOP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,SAAT,CAA4BC,IAA5B,EAA+G;AACpH,SAAO,UAACP,KAAD,EAAW;AAChBO,IAAAA,IAAI,CAACC,OAAL,CAAa,UAACC,GAAD,EAAS;AACpB,UAAI,OAAOA,GAAP,KAAe,UAAnB,EAA+B;AAC7B,eAAOA,GAAG,CAACT,KAAD,CAAV;AACD,OAFD,MAEO,IAAID,aAAa,CAACU,GAAD,CAAjB,EAAwB;AAC7B,eAASA,GAAD,CAA0CC,OAA1C,GAAoDV,KAA5D;AACD;AACF,KAND;AAOD,GARD;AASD;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMW,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAIC,KAAJ,EAAiB;AAC/C,MAAMC,SAA8B,GAAG,EAAvC;AACA,MAAMC,oBAAyC,GAAG,EAAlD;AACAjC,EAAAA,MAAM,CAACkC,OAAP,CAAeH,KAAf,EAAsBI,GAAtB,CAA0B,gBAAmB,KAAjBZ,IAAiB,WAAXJ,KAAW;AAC3C,QAAII,IAAI,CAACa,UAAL,CAAgB,OAAhB,CAAJ,EAA8B;AAC5B,aAAQJ,SAAS,CAACT,IAAD,CAAT,GAAkBJ,KAA1B;AACD;;AAED,WAAQc,oBAAoB,CAACV,IAAD,CAApB,GAA6BJ,KAArC;AACD,GAND;;AAQA,SAAO,EAAEa,SAAS,EAATA,SAAF,EAAaC,oBAAoB,EAApBA,oBAAb,EAAP;AACD,CAZM;;AAcP;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMI,eAAe,GAAG,SAAlBA,eAAkB,CAACC,UAAD,EAAuBC,WAAvB,EAA+C;AAC5E,MAAMC,QAAQ,GAAGF,UAAU,CAACG,SAAX,CAAqB,UAACC,GAAD,EAAS;AAC7C,WAAOH,WAAW,CAACH,UAAZ,CAAuBM,GAAvB,CAAP;AACD,GAFgB,CAAjB;;AAIA,SAAOF,QAAQ,IAAI,CAAnB;AACD,CANM;;AAQP,OAAO,IAAMG,WAAW;AACtBrB,kBAAkB,CAAa,OAAb,CAAlB;AACAA,kBAAkB,CAAe,SAAf,CADlB;AAEAA,kBAAkB,CAAoB,cAApB,CAFlB;AAGAA,kBAAkB,CAAqB,eAArB,CAHlB;AAIAA,kBAAkB,CAAqB,eAArB,CALb;;AAOP,OAAO,IAAMsB,YAAY,GAAG,SAAfA,YAAe,CAACC,IAAD,EAA8B;AACxD,SAAO7C,MAAM,CAACzB,SAAP,CAAiB0B,cAAjB,CAAgCC,IAAhC,CAAqC2C,IAArC,oBAAqCA,IAAI,CAAEjE,IAA3C,EAAiD,iBAAjD,CAAP;AACD,CAFM","sourcesContent":["import React from 'react';\nimport { isForwardRef } from 'react-is';\n\nimport { CurrencyInputProps } from '../components/CurrencyInput';\nimport { PasswordInputProps } from '../components/PasswordInput';\nimport { InputProps } from '../components/Input';\nimport { AutocompleteProps } from '../components/Autocomplete';\nimport { FxInputProps } from '../components/FxInput';\n\nimport { isBrowser } from './client';\nimport { globalThat } from './SSRSafe';\n\n// NOTE: Copy-paste from @types/react\nexport type Defaultize<P, D> = P extends any\n  ? string extends keyof P\n    ? P\n    : Pick<P, Exclude<keyof P, keyof D>> &\n        Partial<Pick<P, Extract<keyof P, keyof D>>> &\n        Partial<Pick<D, Exclude<keyof D, keyof P>>>\n  : never;\n\nexport type DefaultizeProps<C, P> = C extends { defaultProps: infer D } ? Defaultize<P, D> : P;\n\nexport type AnyObject = Record<string, unknown>;\n\nexport const delay = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));\n\nexport const emptyHandler = () => {\n  /* noop */\n};\n\nexport class CancelationError extends Error {\n  public code = 'CancelationError';\n}\n\nexport function taskWithDelay(task: () => void, ms: number) {\n  let cancelationToken: () => void = () => null;\n\n  new Promise((resolve, reject) => {\n    cancelationToken = reject;\n    setTimeout(resolve, ms);\n  })\n    .then(task)\n    .catch(() => null);\n\n  return cancelationToken;\n}\n\nexport type FunctionWithParams<R = any> = (...args: any[]) => R;\nexport function isFunction<T>(x: T | FunctionWithParams): x is FunctionWithParams {\n  return typeof x === 'function';\n}\n\nexport function isFunctionalComponent(Component: unknown): Component is React.ComponentType {\n  return Boolean(typeof Component === 'function' && !(Component.prototype && Component.prototype.isReactComponent));\n}\n\nexport function isClassComponent(Component: unknown): Component is React.ComponentType {\n  return Boolean(typeof Component === 'function' && Component.prototype && Component.prototype.isReactComponent);\n}\n\nexport function isIntrinsicElement(element: React.ReactElement): boolean {\n  return typeof element.type === 'string';\n}\n\nexport function isRefableElement(element: React.ReactElement): boolean {\n  return Boolean(isIntrinsicElement(element) || isClassComponent(element.type) || isForwardRef(element));\n}\n\nexport function escapeRegExpSpecChars(s: string): string {\n  return s.replace(/[\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n}\n\nexport const getRandomID = (): string => Math.random().toString(16).slice(2);\n\nexport const isExternalLink = (link: string): boolean => {\n  return new RegExp(`^(https?:)?//${isBrowser ? `(?!${globalThat.location.host})` : ``}\\\\S+`, 'gi').test(link);\n};\n\n/**\n * Check if the given ReactNode is an element of the specified ReactUI component\n */\nexport const isReactUINode = (componentName: string, node: React.ReactNode): boolean => {\n  if (React.isValidElement(node)) {\n    return (\n      Object.prototype.hasOwnProperty.call(node.type, '__KONTUR_REACT_UI__') &&\n      // @ts-expect-error: React doesn't know about existence of __KONTUR_REACT_UI__.\n      node.type.__KONTUR_REACT_UI__ === componentName\n    );\n  }\n\n  return false;\n};\n\nconst KB = 1024;\nconst UNITS = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n\nconst calculateDecimals = (decimals: number) => {\n  if (decimals < 0) {\n    return 0;\n  }\n\n  return 0;\n};\n\nexport const formatBytes = (bytes: number, decimals = 2): string | null => {\n  if (bytes === 0) {\n    return '0 Bytes';\n  }\n\n  if (!bytes) {\n    return null;\n  }\n\n  const calculatedDecimals = calculateDecimals(decimals);\n\n  const i = Math.floor(Math.log2(bytes) / Math.log2(KB));\n  const formattedBytes = parseFloat((bytes / Math.pow(KB, i)).toFixed(calculatedDecimals));\n\n  return `${formattedBytes} ${UNITS[i]}`;\n};\n\n/**\n * Проверяет, не является ли переданный аргумент null или undefined и исключает типы null и undefined из типа аргумента\n *\n * @param value Значение, которое нужно проверить и исключить из него типы\n * @returns Возвращает true, если переданный аргумент не является null или undefined иначе false\n */\nexport const isNonNullable = <T>(value: T): value is NonNullable<T> => {\n  return value !== null && value !== undefined;\n};\n\n/**\n * Checks if the value `null` or `undefined`.\n *\n * @param value Value to check for `null` and `undefined`.\n * @returns Returns `true` if `value` is `null` or `undefined`, else `false`.\n */\nexport const isNullable = (value: unknown): value is null | undefined => {\n  return value === null || value === undefined;\n};\n\n/**\n * Creates a function that checks if the given `child`\n * is an instance of some component specified by `name`.\n *\n * @param name Component name for which function will be created.\n * @returns A function that checks if the given `child` is an instance of the component specified by `name`.\n */\nexport const isReactUIComponent = <P = any>(name: string) => {\n  return (child: React.ReactNode): child is React.ReactElement<P> => {\n    // @ts-expect-error: Property `type` doesn't exist on type `React.ReactNode`, but exists on type `React.ReactElement` meanwhile `React.ReactElement` is not compatible with `React` `children` type.\n    return child?.type?.__KONTUR_REACT_UI__ === name;\n  };\n};\n\n/**\n * Merges two or more refs into one.\n *\n * @param refs Array of refs.\n * @returns A single ref composing all the refs passed.\n *\n * @example\n * const SomeComponent = forwardRef((props, ref) => {\n *  const localRef = useRef();\n *\n *  return <div ref={mergeRefs([localRef, ref])} />;\n * });\n */\nexport function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T> {\n  return (value) => {\n    refs.forEach((ref) => {\n      if (typeof ref === 'function') {\n        return ref(value);\n      } else if (isNonNullable(ref)) {\n        return ((ref as React.MutableRefObject<T | null>).current = value);\n      }\n    });\n  };\n}\n\n/**\n * Extracts all data attributes from props and returns them as well as props.\n *\n * @param props Props object to extract data attributes from.\n * @returns Separated data attributes and all other props.\n */\nexport const extractDataProps = <T>(props: T) => {\n  const dataProps: Record<string, any> = {};\n  const restWithoutDataProps: Record<string, any> = {};\n  Object.entries(props).map(([name, value]) => {\n    if (name.startsWith('data-')) {\n      return (dataProps[name] = value);\n    }\n\n    return (restWithoutDataProps[name] = value);\n  });\n\n  return { dataProps, restWithoutDataProps };\n};\n\n/**\n * Basically `.startsWith` for arrays.\n *\n * @param searchKeys Array of strings to test against `inputString`.\n * @param inputString String on which search will be performed.\n * @returns `true` if `inputString` starts with one of keys, else `false`.\n */\nexport const startsWithOneOf = (searchKeys: string[], inputString: string) => {\n  const keyIndex = searchKeys.findIndex((key) => {\n    return inputString.startsWith(key);\n  });\n\n  return keyIndex >= 0;\n};\n\nexport const isInputLike =\n  isReactUIComponent<InputProps>('Input') ||\n  isReactUIComponent<FxInputProps>('FxInput') ||\n  isReactUIComponent<AutocompleteProps>('Autocomplete') ||\n  isReactUIComponent<PasswordInputProps>('PasswordInput') ||\n  isReactUIComponent<CurrencyInputProps>('CurrencyInput');\n\nexport const isKonturIcon = (icon: React.ReactElement) => {\n  return Object.prototype.hasOwnProperty.call(icon?.type, '__KONTUR_ICON__');\n};\n"]}
+{"version":3,"sources":["utils.ts"],"names":["React","isForwardRef","globalObject","isBrowser","delay","ms","Promise","resolve","setTimeout","emptyHandler","CancelationError","code","Error","taskWithDelay","task","cancelationToken","reject","then","isFunction","x","isFunctionalComponent","Component","Boolean","prototype","isReactComponent","isClassComponent","isIntrinsicElement","element","type","isRefableElement","escapeRegExpSpecChars","s","replace","getRandomID","Math","random","toString","slice","isExternalLink","link","RegExp","location","host","test","isReactUINode","componentName","node","isValidElement","Object","hasOwnProperty","call","__KONTUR_REACT_UI__","KB","UNITS","calculateDecimals","decimals","formatBytes","bytes","calculatedDecimals","i","floor","log2","formattedBytes","parseFloat","pow","toFixed","isNonNullable","value","undefined","isNullable","isReactUIComponent","name","child","mergeRefs","refs","forEach","ref","current","extractDataProps","props","dataProps","restWithoutDataProps","entries","map","startsWith","startsWithOneOf","searchKeys","inputString","keyIndex","findIndex","key","isInputLike","isKonturIcon","icon","clickOutside","event","document","createEvent","initEvent","body","dispatchEvent"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { isForwardRef } from 'react-is';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { CurrencyInputProps } from '../components/CurrencyInput';\nimport { PasswordInputProps } from '../components/PasswordInput';\nimport { InputProps } from '../components/Input';\nimport { AutocompleteProps } from '../components/Autocomplete';\nimport { FxInputProps } from '../components/FxInput';\n\n// NOTE: Copy-paste from @types/react\nexport type Defaultize<P, D> = P extends any\n  ? string extends keyof P\n    ? P\n    : Pick<P, Exclude<keyof P, keyof D>> &\n        Partial<Pick<P, Extract<keyof P, keyof D>>> &\n        Partial<Pick<D, Exclude<keyof D, keyof P>>>\n  : never;\n\nexport type DefaultizeProps<C, P> = C extends { defaultProps: infer D } ? Defaultize<P, D> : P;\n\nexport type AnyObject = Record<string, unknown>;\n\nexport const delay = (ms: number) => new Promise((resolve) => globalObject.setTimeout(resolve, ms));\n\nexport const emptyHandler = () => {\n  /* noop */\n};\n\nexport class CancelationError extends Error {\n  public code = 'CancelationError';\n}\n\nexport function taskWithDelay(task: () => void, ms: number) {\n  let cancelationToken: () => void = () => null;\n\n  new Promise((resolve, reject) => {\n    cancelationToken = reject;\n    globalObject.setTimeout(resolve, ms);\n  })\n    .then(task)\n    .catch(() => null);\n\n  return cancelationToken;\n}\n\nexport type FunctionWithParams<R = any> = (...args: any[]) => R;\nexport function isFunction<T>(x: T | FunctionWithParams): x is FunctionWithParams {\n  return typeof x === 'function';\n}\n\nexport function isFunctionalComponent(Component: unknown): Component is React.ComponentType {\n  return Boolean(typeof Component === 'function' && !(Component.prototype && Component.prototype.isReactComponent));\n}\n\nexport function isClassComponent(Component: unknown): Component is React.ComponentType {\n  return Boolean(typeof Component === 'function' && Component.prototype && Component.prototype.isReactComponent);\n}\n\nexport function isIntrinsicElement(element: React.ReactElement): boolean {\n  return typeof element.type === 'string';\n}\n\nexport function isRefableElement(element: React.ReactElement): boolean {\n  return Boolean(isIntrinsicElement(element) || isClassComponent(element.type) || isForwardRef(element));\n}\n\nexport function escapeRegExpSpecChars(s: string): string {\n  return s.replace(/[\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n}\n\nexport const getRandomID = (): string => Math.random().toString(16).slice(2);\n\nexport const isExternalLink = (link: string): boolean => {\n  return isBrowser(globalObject) && new RegExp(`^(https?:)?//(?!${globalObject.location.host})\\\\S+`, 'gi').test(link);\n};\n\n/**\n * Check if the given ReactNode is an element of the specified ReactUI component\n */\nexport const isReactUINode = (componentName: string, node: React.ReactNode): boolean => {\n  if (React.isValidElement(node)) {\n    return (\n      Object.prototype.hasOwnProperty.call(node.type, '__KONTUR_REACT_UI__') &&\n      // @ts-expect-error: React doesn't know about existence of __KONTUR_REACT_UI__.\n      node.type.__KONTUR_REACT_UI__ === componentName\n    );\n  }\n\n  return false;\n};\n\nconst KB = 1024;\nconst UNITS = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n\nconst calculateDecimals = (decimals: number) => {\n  if (decimals < 0) {\n    return 0;\n  }\n\n  return 0;\n};\n\nexport const formatBytes = (bytes: number, decimals = 2): string | null => {\n  if (bytes === 0) {\n    return '0 Bytes';\n  }\n\n  if (!bytes) {\n    return null;\n  }\n\n  const calculatedDecimals = calculateDecimals(decimals);\n\n  const i = Math.floor(Math.log2(bytes) / Math.log2(KB));\n  const formattedBytes = parseFloat((bytes / Math.pow(KB, i)).toFixed(calculatedDecimals));\n\n  return `${formattedBytes} ${UNITS[i]}`;\n};\n\n/**\n * Проверяет, не является ли переданный аргумент null или undefined и исключает типы null и undefined из типа аргумента\n *\n * @param value Значение, которое нужно проверить и исключить из него типы\n * @returns Возвращает true, если переданный аргумент не является null или undefined иначе false\n */\nexport const isNonNullable = <T>(value: T): value is NonNullable<T> => {\n  return value !== null && value !== undefined;\n};\n\n/**\n * Checks if the value `null` or `undefined`.\n *\n * @param value Value to check for `null` and `undefined`.\n * @returns Returns `true` if `value` is `null` or `undefined`, else `false`.\n */\nexport const isNullable = (value: unknown): value is null | undefined => {\n  return value === null || value === undefined;\n};\n\n/**\n * Creates a function that checks if the given `child`\n * is an instance of some component specified by `name`.\n *\n * @param name Component name for which function will be created.\n * @returns A function that checks if the given `child` is an instance of the component specified by `name`.\n */\nexport const isReactUIComponent = <P = any>(name: string) => {\n  return (child: React.ReactNode): child is React.ReactElement<P> => {\n    // @ts-expect-error: Property `type` doesn't exist on type `React.ReactNode`, but exists on type `React.ReactElement` meanwhile `React.ReactElement` is not compatible with `React` `children` type.\n    return child?.type?.__KONTUR_REACT_UI__ === name;\n  };\n};\n\n/**\n * Merges two or more refs into one.\n *\n * @param refs Array of refs.\n * @returns A single ref composing all the refs passed.\n *\n * @example\n * const SomeComponent = forwardRef((props, ref) => {\n *  const localRef = useRef();\n *\n *  return <div ref={mergeRefs([localRef, ref])} />;\n * });\n */\nexport function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T> {\n  return (value) => {\n    refs.forEach((ref) => {\n      if (typeof ref === 'function') {\n        return ref(value);\n      } else if (isNonNullable(ref)) {\n        return ((ref as React.MutableRefObject<T | null>).current = value);\n      }\n    });\n  };\n}\n\n/**\n * Extracts all data attributes from props and returns them as well as props.\n *\n * @param props Props object to extract data attributes from.\n * @returns Separated data attributes and all other props.\n */\nexport const extractDataProps = <T>(props: T) => {\n  const dataProps: Record<string, any> = {};\n  const restWithoutDataProps: Record<string, any> = {};\n\n  Object.entries(props).map(([name, value]) => {\n    if (name.startsWith('data-')) {\n      return (dataProps[name] = value);\n    }\n\n    return (restWithoutDataProps[name] = value);\n  });\n\n  return { dataProps, restWithoutDataProps };\n};\n\n/**\n * Basically `.startsWith` for arrays.\n *\n * @param searchKeys Array of strings to test against `inputString`.\n * @param inputString String on which search will be performed.\n * @returns `true` if `inputString` starts with one of keys, else `false`.\n */\nexport const startsWithOneOf = (searchKeys: string[], inputString: string) => {\n  const keyIndex = searchKeys.findIndex((key) => {\n    return inputString.startsWith(key);\n  });\n\n  return keyIndex >= 0;\n};\n\nexport const isInputLike =\n  isReactUIComponent<InputProps>('Input') ||\n  isReactUIComponent<FxInputProps>('FxInput') ||\n  isReactUIComponent<AutocompleteProps>('Autocomplete') ||\n  isReactUIComponent<PasswordInputProps>('PasswordInput') ||\n  isReactUIComponent<CurrencyInputProps>('CurrencyInput');\n\nexport const isKonturIcon = (icon: React.ReactElement) => {\n  return Object.prototype.hasOwnProperty.call(icon?.type, '__KONTUR_ICON__');\n};\n\nexport function clickOutside() {\n  const event = document.createEvent('HTMLEvents');\n  event.initEvent('mousedown', true, true);\n\n  document.body.dispatchEvent(event);\n}\n"]}

package/lib/utils.d.ts

@@ -81,3 +81,4 @@ export declare const extractDataProps: <T>(props: T) => {
 export declare const startsWithOneOf: (searchKeys: string[], inputString: string) => boolean;
 export declare const isInputLike: (child: React.ReactNode) => child is React.ReactElement<InputProps, string | React.JSXElementConstructor<any>>;
 export declare const isKonturIcon: (icon: React.ReactElement) => boolean;
+export declare function clickOutside(): void;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@skbkontur/react-ui",
-  "version": "0.0.0-942b5aade9",
+  "version": "0.0.0-95a1dbe516",
   "description": "UI Components",
   "main": "cjs/index.js",
   "module": "index.js",
   "sideEffects": false,
-  "homepage": "https://tech.skbkontur.ru/react-ui/unstable/0.0.0-942b5aade9/",
+  "homepage": "https://tech.skbkontur.ru/react-ui/unstable/0.0.0-95a1dbe516/",
   "repository": {
     "type": "git",
     "url": "git@github.com:skbkontur/retail-ui.git"
@@ -21,16 +21,16 @@
     "build": "run-p build:esm build:cjs && node scripts/build/postbuild",
     "clean": "git clean -fdxqe node_modules",
     "prerelease": "node scripts/publish/prepublish && yarn build",
-    "release": "cd build && npm publish && cd ..",
+    "release": "npm publish ./build --workspaces=false",
     "postrelease": "yarn deploy",
     "predeploy": "rimraf .styleguide/deploy && yarn run styleguide:build",
     "deploy": "gh-pages -a -d .styleguide/deploy -r git@github.com:skbkontur/react-ui.git",
-    "storybook": "start-storybook -p 6060",
-    "storybook:build": "cross-env STORYBOOK_REACT_UI_TEST=true build-storybook -o .storybook/build --quiet",
-    "storybook:test": "cross-env STORYBOOK_REACT_UI_TEST=true start-storybook --ci -p 6060",
+    "storybook": "node ../../scripts/patch-node-options.js \"start-storybook -p 6060\"",
+    "storybook:build": "node ../../scripts/patch-node-options.js \"cross-env STORYBOOK_REACT_UI_TEST=true build-storybook -o .storybook/build --quiet\"",
+    "storybook:test": "node ../../scripts/patch-node-options.js \"cross-env STORYBOOK_REACT_UI_TEST=true start-storybook --ci -p 6060\"",
     "storybook:serve": "serve -l 6060 .storybook/build",
-    "styleguide": "styleguidist server --config .styleguide/config/dev.config.js",
-    "styleguide:build": "node .styleguide/build",
+    "styleguide": "node ../../scripts/patch-node-options.js \"styleguidist server --config .styleguide/config/dev.config.js\"",
+    "styleguide:build": "node ../../scripts/patch-node-options.js \"node .styleguide/build\"",
     "lint": "run-p -c lint:*",
     "lint:eslint": "cross-env TIMING=1 yarn eslint --ext .js,.jsx,.ts,.tsx ./",
     "lint:tsc": "tsc --noEmit --diagnostics",
@@ -38,7 +38,7 @@
     "fix": "run-s -c fix:*",
     "fix:eslint": "yarn lint:eslint --fix",
     "fix:prettier": "yarn prettier --write .",
-    "test": "cross-env BABEL_ENV=cjs jest --detectOpenHandles",
+    "test": "jest --detectOpenHandles",
     "test:watch": "yarn test --watch",
     "creevey": "wait-on -t 300000 http-get://localhost:6060/ && cross-env BABEL_ENV=cjs creevey -c .creevey/config.js",
     "creevey:update": "cross-env BABEL_ENV=cjs creevey -c .creevey/config.js --update",
@@ -49,6 +49,7 @@
   "dependencies": {
     "@babel/runtime": "7.16.5",
     "@emotion/css": "^11.7.1",
+    "@skbkontur/global-object": "^0.4.2",
     "eventemitter3": "^4.0.7",
     "invariant": "2.2.4",
     "lodash.debounce": "^4.0.8",
@@ -56,8 +57,8 @@
     "lodash.throttle": "^4.1.1",
     "normalize-wheel": "^1.0.1",
     "prop-types": "^15.8.0",
-    "raf": "^3.4.1",
     "react-focus-lock": "^2.7.1",
+    "react-imask": "^7.4.0",
     "react-input-mask": "2.0.4",
     "react-is": "^17.0.2",
     "react-transition-group": "^4.4.2",
@@ -75,6 +76,7 @@
     "@babel/preset-react": "^7.16.5",
     "@babel/preset-typescript": "7.16.5",
     "@babel/register": "^7.16.5",
+    "@skbkontur/icons": "1.5.1",
     "@skbkontur/react-icons": "5.2.0",
     "@skbkontur/react-props2attrs": "0.1.2",
     "@skbkontur/react-sorge": "0.1.0",
@@ -95,7 +97,6 @@
     "@types/lodash.isequal": "^4.5.5",
     "@types/lodash.throttle": "^4.1.6",
     "@types/prop-types": "15.7.4",
-    "@types/raf": "^3.4.0",
     "@types/react": "17.0.38",
     "@types/react-dom": "17.0.11",
     "@types/react-input-mask": "2.0.5",
@@ -110,9 +111,9 @@
     "chalk": "4.1.0",
     "copyfiles": "^2.4.1",
     "core-js": "^3.20.1",
-    "creevey": "0.8.0-beta.1",
+    "creevey": "0.8.2-fix-wait.2",
     "cross-env": "^7.0.3",
-    "css-loader": "5.2.0",
+    "css-loader": "^5.2.7",
     "dotenv": "^10.0.0",
     "dts-css-modules-loader": "1.2.4",
     "enzyme": "^3.11.0",

package/typings/global-react.d.ts

@@ -0,0 +1,12 @@
+export * from 'react';
+
+interface KonturComponent {
+  __KONTUR_REACT_UI__?: string;
+}
+
+declare module 'react' {
+  interface Context extends KonturComponent {}
+  interface ForwardRefExoticComponent extends KonturComponent {}
+  interface FunctionComponent extends KonturComponent {}
+  interface ComponentClass extends KonturComponent {}
+}

package/typings/global.d.ts

@@ -1,8 +1,7 @@
-declare interface Window {
-  RetailUIVerticalScrollCounter: number;
-  ReactTesting: any;
-}
+/* eslint-disable no-var */
 
+declare var RetailUIVerticalScrollCounter: number;
+declare var ReactTesting: any;
 declare var __RetailUiZIndexes: number[];
 
 // XDomainRequest is IE-specific API, therefore it was removed from `lib.d.ts`

package/cjs/components/DateInput/helpers/SelectionHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["SelectionHelpers.tsx"],"names":["selectNodeContents","node","start","end","renderTarget","selection","globalThat","getSelection","range","createRange","undefined","setStart","setEnd","removeAllRanges","addRange","e","body","createTextRange","moveToElementText","select","removeAllSelections"],"mappings":"yGAAA;;AAEO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,IAAD,EAA2BC,KAA3B,EAA2CC,GAA3C,EAA4D;AAC5F,MAAI,CAACF,IAAL,EAAW;AACT;AACD;AACD,MAAI,iBAAiBG,qBAArB,EAAmC;AACjC,QAAI;AACF,UAAMC,SAAS,GAAGC,oBAAWC,YAAX,EAAlB;AACA,UAAMC,KAAK,GAAGJ,sBAAaK,WAAb,EAAd;AACA,UAAIP,KAAK,KAAKQ,SAAV,IAAuBP,GAAG,KAAKO,SAAnC,EAA8C;AAC5CF,QAAAA,KAAK,CAACG,QAAN,CAAeV,IAAf,EAAqBC,KAArB;AACAM,QAAAA,KAAK,CAACI,MAAN,CAAaX,IAAb,EAAmBE,GAAnB;AACD,OAHD,MAGO;AACLK,QAAAA,KAAK,CAACR,kBAAN,CAAyBC,IAAzB;AACD;AACD,UAAII,SAAS,KAAK,IAAlB,EAAwB;AACtB;AACAA,QAAAA,SAAS,CAACQ,eAAV;AACAR,QAAAA,SAAS,CAACS,QAAV,CAAmBN,KAAnB;AACA;AACD;AACF,KAfD,CAeE,OAAOO,CAAP,EAAU;AACV;AACD;AACF;;AAED;AACA,MAAI,OAAOX,sBAAaY,IAAb,CAAkBC,eAAzB,KAA6C,UAAjD,EAA6D;AAC3D;AACA,QAAMT,MAAK,GAAGJ,sBAAaY,IAAb,CAAkBC,eAAlB,EAAd;AACAT,IAAAA,MAAK,CAACU,iBAAN,CAAwBjB,IAAxB;AACA,QAAI,OAAOO,MAAK,CAACW,MAAb,KAAwB,UAA5B,EAAwC;AACtCX,MAAAA,MAAK,CAACW,MAAN;AACD;AACD;AACD;AACF,CAnCM,C;;AAqCA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AACvC,MAAMf,SAAS,GAAGC,oBAAWC,YAAX,EAAlB;AACA,MAAIF,SAAS,KAAK,IAAlB,EAAwB;AACtB,QAAI;AACF;AACAA,MAAAA,SAAS,CAACQ,eAAV;AACD,KAHD,CAGE,OAAOE,CAAP,EAAU;AACV;AACD;AACF;AACF,CAVM,C","sourcesContent":["import { globalThat, renderTarget } from '../../../lib/SSRSafe';\n\nexport const selectNodeContents = (node: HTMLElement | null, start?: number, end?: number) => {\n  if (!node) {\n    return;\n  }\n  if ('createRange' in renderTarget) {\n    try {\n      const selection = globalThat.getSelection();\n      const range = renderTarget.createRange();\n      if (start !== undefined && end !== undefined) {\n        range.setStart(node, start);\n        range.setEnd(node, end);\n      } else {\n        range.selectNodeContents(node);\n      }\n      if (selection !== null) {\n        // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)\n        selection.removeAllRanges();\n        selection.addRange(range);\n        return;\n      }\n    } catch (e) {\n      // empty block\n    }\n  }\n\n  // @ts-expect-error: IE-specific API.\n  if (typeof renderTarget.body.createTextRange === 'function') {\n    // @ts-expect-error: Read the comment above.\n    const range = renderTarget.body.createTextRange();\n    range.moveToElementText(node);\n    if (typeof range.select === 'function') {\n      range.select();\n    }\n    return;\n  }\n};\n\nexport const removeAllSelections = () => {\n  const selection = globalThat.getSelection();\n  if (selection !== null) {\n    try {\n      // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)\n      selection.removeAllRanges();\n    } catch (e) {\n      // empty block\n    }\n  }\n};\n"]}