@skbkontur/react-ui 0.0.0-ce2a893b1a → 0.0.0-d1bb8f344a

package/lib/locale/LocaleContext/LocaleContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["LocaleContext.ts"],"names":["React","defaultLangCode","LocaleContext","createContext","locale","langCode","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAASC,eAAT,QAAgC,aAAhC;;;;;;;AAOA,OAAO,IAAMC,aAAa,gBAAGF,KAAK,CAACG,aAAN,CAAwC;AACnEC,EAAAA,MAAM,EAAE,EAD2D;AAEnEC,EAAAA,QAAQ,EAAEJ,eAFyD,EAAxC,CAAtB;;;AAKPC,aAAa,CAACI,WAAd,GAA4B,eAA5B","sourcesContent":["import React from 'react';\n\nimport { LangCodes, LocaleControls } from './types';\nimport { defaultLangCode } from './constants';\n\nexport interface LocaleContextProps {\n  locale?: LocaleControls;\n  langCode?: LangCodes;\n}\n\nexport const LocaleContext = React.createContext<LocaleContextProps>({\n  locale: {},\n  langCode: defaultLangCode,\n});\n\nLocaleContext.displayName = 'LocaleContext';\n"]}
+{"version":3,"sources":["LocaleContext.ts"],"names":["React","defaultLangCode","LocaleContext","createContext","locale","langCode","displayName","__KONTUR_REACT_UI__"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAASC,eAAT,QAAgC,aAAhC;;;;;;;AAOA,OAAO,IAAMC,aAAa,gBAAGF,KAAK,CAACG,aAAN,CAAwC;AACnEC,EAAAA,MAAM,EAAE,EAD2D;AAEnEC,EAAAA,QAAQ,EAAEJ,eAFyD,EAAxC,CAAtB;;;AAKPC,aAAa,CAACI,WAAd,GAA4B,eAA5B;AACAJ,aAAa,CAACK,mBAAd,GAAoC,eAApC","sourcesContent":["import React from 'react';\n\nimport { LangCodes, LocaleControls } from './types';\nimport { defaultLangCode } from './constants';\n\nexport interface LocaleContextProps {\n  locale?: LocaleControls;\n  langCode?: LangCodes;\n}\n\nexport const LocaleContext = React.createContext<LocaleContextProps>({\n  locale: {},\n  langCode: defaultLangCode,\n});\n\nLocaleContext.displayName = 'LocaleContext';\nLocaleContext.__KONTUR_REACT_UI__ = 'LocaleContext';\n"]}

package/lib/locale/constants/constants.js

@@ -1,2 +1,5 @@
+var _langCodesToCanonical;
+
 import { LangCodes } from "../types";
-export var defaultLangCode = LangCodes.ru_RU;
+export var defaultLangCode = LangCodes.ru_RU;
+export var langCodesToCanonicalLocale = (_langCodesToCanonical = {}, _langCodesToCanonical[LangCodes.ru_RU] = 'ru-RU', _langCodesToCanonical[LangCodes.en_GB] = 'en-GB', _langCodesToCanonical);

package/lib/locale/constants/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["constants.ts"],"names":["LangCodes","defaultLangCode","ru_RU"],"mappings":"AAAA,SAASA,SAAT,QAA0B,SAA1B;;AAEA,OAAO,IAAMC,eAAoC,GAAGD,SAAS,CAACE,KAAvD","sourcesContent":["import { LangCodes } from './types';\n\nexport const defaultLangCode: Readonly<LangCodes> = LangCodes.ru_RU;\n"]}
+{"version":3,"sources":["constants.ts"],"names":["LangCodes","defaultLangCode","ru_RU","langCodesToCanonicalLocale","en_GB"],"mappings":"0BAAA,SAASA,SAAT,QAA0B,SAA1B;;AAEA,OAAO,IAAMC,eAAoC,GAAGD,SAAS,CAACE,KAAvD;;AAEP,OAAO,IAAMC,0BAA0D;AACpEH,SAAS,CAACE,KAD0D,IAClD,OADkD;AAEpEF,SAAS,CAACI,KAF0D,IAElD,OAFkD,wBAAhE","sourcesContent":["import { LangCodes } from './types';\n\nexport const defaultLangCode: Readonly<LangCodes> = LangCodes.ru_RU;\n\nexport const langCodesToCanonicalLocale: { [key in LangCodes]: string } = {\n  [LangCodes.ru_RU]: 'ru-RU',\n  [LangCodes.en_GB]: 'en-GB',\n};\n"]}

package/lib/locale/constants.d.ts

@@ -1,2 +1,5 @@
 import { LangCodes } from './types';
 export declare const defaultLangCode: Readonly<LangCodes>;
+export declare const langCodesToCanonicalLocale: {
+    [key in LangCodes]: string;
+};

package/lib/locale/decorators/decorators.js.map

@@ -1 +1 @@
-{"version":3,"sources":["decorators.tsx"],"names":["defaultLangCode","LocaleContext","locale","controlName","localeHelper","constructor","LocaleDecorator","localeFromContext","context","Object","assign","get","langCode","l","contextType","nameDescriptor","getOwnPropertyDescriptor","configurable","defineProperty","value","name"],"mappings":";;AAEA,SAASA,eAAT,QAAgC,aAAhC;AACA,SAASC,aAAT,QAA8B,iBAA9B;;;;AAIA,OAAO,SAASC,MAAT,CAAmBC,WAAnB,EAAsDC,YAAtD,EAAqF;AAC1F,SAAO,UAAoDC,WAApD,EAAuE;AAC5E,QAAMC,eAAe;;;AAGZH,QAAAA,WAHY,GAGwBA,WAHxB;AAIZC,QAAAA,YAJY,GAIoBA,YAJpB;;AAMnB,uBAAuB;AACrB,cAAMG,iBAAiB,2BAAG,KAAKC,OAAL,CAAaN,MAAhB,qBAAG,qBAAsB,KAAKC,WAA3B,CAA1B;AACA,iBAAOM,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB,KAAKN,YAAL,CAAkBO,GAAlB,CAAsB,KAAKH,OAAL,CAAaI,QAAnC,CAAlB,EAAgEL,iBAAhE,CAAP;AACD,SATkB;;AAWnB,qBAAkBM,CAAlB,EAAwB;AACtB;AACD,SAbkB;;AAenB,uBAAiC;AAC/B,0CAAO,KAAKL,OAAL,CAAaI,QAApB,oCAAgCZ,eAAhC;AACD,SAjBkB,8BAAiBK,WAAjB,UACLS,WADK,GACSb,aADT,QAArB;;;AAoBA,QAAMc,cAAc,GAAGN,MAAM,CAACO,wBAAP,CAAgCV,eAAhC,EAAiD,MAAjD,CAAvB;AACA,QAAI,CAACS,cAAD,IAAmBA,cAAc,CAACE,YAAtC,EAAoD;AAClDR,MAAAA,MAAM,CAACS,cAAP,CAAsBZ,eAAtB,EAAuC,MAAvC,EAA+C,EAAEa,KAAK,EAAEd,WAAW,CAACe,IAArB,EAA/C;AACD;;AAED,WAAOd,eAAP;AACD,GA3BD;AA4BD","sourcesContent":["import React from 'react';\n\nimport { defaultLangCode } from './constants';\nimport { LocaleContext } from './LocaleContext';\nimport { LocaleHelper } from './LocaleHelper';\nimport { LangCodes, LocaleControls } from './types';\n\nexport function locale<C>(controlName: keyof LocaleControls, localeHelper: LocaleHelper<C>) {\n  return <T extends new (...args: any[]) => React.Component>(constructor: T) => {\n    const LocaleDecorator = class extends constructor {\n      public static contextType = LocaleContext;\n      public context!: React.ContextType<typeof LocaleContext>;\n      public controlName: keyof LocaleControls = controlName;\n      public localeHelper: LocaleHelper<C> = localeHelper;\n\n      public get locale(): C {\n        const localeFromContext = this.context.locale?.[this.controlName];\n        return Object.assign({}, this.localeHelper.get(this.context.langCode), localeFromContext);\n      }\n\n      public set locale(l: C) {\n        // TODO альтернативная транспиляция декораторов ломает тесты\n      }\n\n      public get langCode(): LangCodes {\n        return this.context.langCode ?? defaultLangCode;\n      }\n    };\n\n    const nameDescriptor = Object.getOwnPropertyDescriptor(LocaleDecorator, 'name');\n    if (!nameDescriptor || nameDescriptor.configurable) {\n      Object.defineProperty(LocaleDecorator, 'name', { value: constructor.name });\n    }\n\n    return LocaleDecorator;\n  };\n}\n"]}
+{"version":3,"sources":["decorators.tsx"],"names":["defaultLangCode","LocaleContext","locale","controlName","localeHelper","constructor","LocaleDecorator","localeFromContext","context","Object","assign","get","langCode","l","contextType","nameDescriptor","getOwnPropertyDescriptor","configurable","defineProperty","value","name"],"mappings":";;AAEA,SAASA,eAAT,QAAgC,aAAhC;AACA,SAASC,aAAT,QAA8B,iBAA9B;;;;AAIA,OAAO,SAASC,MAAT,CAAmBC,WAAnB,EAAsDC,YAAtD,EAAqF;AAC1F,SAAO,UAAoDC,WAApD,EAAuE;AAC5E,QAAMC,eAAe;;;AAGZH,QAAAA,WAHY,GAGwBA,WAHxB;AAIZC,QAAAA,YAJY,GAIoBA,YAJpB;;AAMnB,uBAAuB;AACrB,cAAMG,iBAAiB,2BAAG,KAAKC,OAAL,CAAaN,MAAhB,qBAAG,qBAAsB,KAAKC,WAA3B,CAA1B;AACA,iBAAOM,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB,KAAKN,YAAL,CAAkBO,GAAlB,CAAsB,KAAKH,OAAL,CAAaI,QAAnC,CAAlB,EAAgEL,iBAAhE,CAAP;AACD,SATkB;;AAWnB,qBAAkBM,CAAlB,EAAwB;AACtB;AACD,SAbkB;AAcnB,uBAAiC;AAC/B,0CAAO,KAAKL,OAAL,CAAaI,QAApB,oCAAgCZ,eAAhC;AACD,SAhBkB,8BAAiBK,WAAjB,UACLS,WADK,GACSb,aADT,QAArB;;AAkBA,QAAMc,cAAc,GAAGN,MAAM,CAACO,wBAAP,CAAgCV,eAAhC,EAAiD,MAAjD,CAAvB;AACA,QAAI,CAACS,cAAD,IAAmBA,cAAc,CAACE,YAAtC,EAAoD;AAClDR,MAAAA,MAAM,CAACS,cAAP,CAAsBZ,eAAtB,EAAuC,MAAvC,EAA+C,EAAEa,KAAK,EAAEd,WAAW,CAACe,IAArB,EAA/C;AACD;AACD,WAAOd,eAAP;AACD,GAxBD;AAyBD","sourcesContent":["import React from 'react';\n\nimport { defaultLangCode } from './constants';\nimport { LocaleContext } from './LocaleContext';\nimport { LocaleHelper } from './LocaleHelper';\nimport { LangCodes, LocaleControls } from './types';\n\nexport function locale<C>(controlName: keyof LocaleControls, localeHelper: LocaleHelper<C>) {\n  return <T extends new (...args: any[]) => React.Component>(constructor: T) => {\n    const LocaleDecorator = class extends constructor {\n      public static contextType = LocaleContext;\n      public context!: React.ContextType<typeof LocaleContext>;\n      public controlName: keyof LocaleControls = controlName;\n      public localeHelper: LocaleHelper<C> = localeHelper;\n\n      public get locale(): C {\n        const localeFromContext = this.context.locale?.[this.controlName];\n        return Object.assign({}, this.localeHelper.get(this.context.langCode), localeFromContext);\n      }\n\n      public set locale(l: C) {\n        // TODO альтернативная транспиляция декораторов ломает тесты\n      }\n      public get langCode(): LangCodes {\n        return this.context.langCode ?? defaultLangCode;\n      }\n    };\n    const nameDescriptor = Object.getOwnPropertyDescriptor(LocaleDecorator, 'name');\n    if (!nameDescriptor || nameDescriptor.configurable) {\n      Object.defineProperty(LocaleDecorator, 'name', { value: constructor.name });\n    }\n    return LocaleDecorator;\n  };\n}\n"]}

package/lib/locale/types/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["types.ts"],"names":["LangCodes"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA,WAAYA,SAAZ,C,WAAYA,S,GAAAA,S,oBAAAA,S,uBAAAA,S,KAAAA,S","sourcesContent":["import { ComboBoxLocale } from '../../internal/CustomComboBox/locale';\nimport { DatePickerLocale } from '../../components/DatePicker/locale';\nimport { PagingLocale } from '../../components/Paging/locale';\nimport { SelectLocale } from '../../components/Select/locale';\nimport { SpinnerLocale } from '../../components/Spinner/locale';\nimport { TokenInputLocale } from '../../components/TokenInput/locale';\nimport { FileUploaderLocale } from '../../components/FileUploader/locale';\n\nexport interface LocaleControls {\n  [key: string]: any;\n  Spinner?: Partial<SpinnerLocale>;\n  TokenInput?: Partial<TokenInputLocale>;\n  ComboBox?: Partial<ComboBoxLocale>;\n  Select?: Partial<SelectLocale>;\n  Paging?: Partial<PagingLocale>;\n  DatePicker?: Partial<DatePickerLocale>;\n  FileUploader?: Partial<FileUploaderLocale>;\n}\n\nexport enum LangCodes {\n  ru_RU = 'ru_RU',\n  en_GB = 'en_GB',\n}\n"]}
+{"version":3,"sources":["types.ts"],"names":["LangCodes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,WAAYA,SAAZ,C,WAAYA,S,GAAAA,S,oBAAAA,S,uBAAAA,S,KAAAA,S","sourcesContent":["import { TokenLocale } from '../../components/Token/locale';\nimport { SidePageLocale } from '../../components/SidePage/locale';\nimport { PasswordInputLocale } from '../../components/PasswordInput/locale';\nimport { ComboBoxLocale } from '../../internal/CustomComboBox/locale';\nimport { DatePickerLocale } from '../../components/DatePicker/locale';\nimport { PagingLocale } from '../../components/Paging/locale';\nimport { SelectLocale } from '../../components/Select/locale';\nimport { SpinnerLocale } from '../../components/Spinner/locale';\nimport { TokenInputLocale } from '../../components/TokenInput/locale';\nimport { FileUploaderLocale } from '../../components/FileUploader/locale';\nimport { CalendarLocale } from '../../components/Calendar/locale/types';\n\nexport interface LocaleControls {\n  [key: string]: any;\n  Spinner?: Partial<SpinnerLocale>;\n  TokenInput?: Partial<TokenInputLocale>;\n  Token?: Partial<TokenLocale>;\n  ComboBox?: Partial<ComboBoxLocale>;\n  Select?: Partial<SelectLocale>;\n  Paging?: Partial<PagingLocale>;\n  DatePicker?: Partial<DatePickerLocale>;\n  Calendar?: Partial<CalendarLocale>;\n  FileUploader?: Partial<FileUploaderLocale>;\n  PasswordInput?: Partial<PasswordInputLocale>;\n  SidePage?: Partial<SidePageLocale>;\n}\n\nexport enum LangCodes {\n  ru_RU = 'ru_RU',\n  en_GB = 'en_GB',\n}\n"]}

package/lib/locale/types.d.ts

@@ -1,3 +1,6 @@
+import { TokenLocale } from '../../components/Token/locale';
+import { SidePageLocale } from '../../components/SidePage/locale';
+import { PasswordInputLocale } from '../../components/PasswordInput/locale';
 import { ComboBoxLocale } from '../../internal/CustomComboBox/locale';
 import { DatePickerLocale } from '../../components/DatePicker/locale';
 import { PagingLocale } from '../../components/Paging/locale';
@@ -5,15 +8,20 @@ import { SelectLocale } from '../../components/Select/locale';
 import { SpinnerLocale } from '../../components/Spinner/locale';
 import { TokenInputLocale } from '../../components/TokenInput/locale';
 import { FileUploaderLocale } from '../../components/FileUploader/locale';
+import { CalendarLocale } from '../../components/Calendar/locale/types';
 export interface LocaleControls {
     [key: string]: any;
     Spinner?: Partial<SpinnerLocale>;
     TokenInput?: Partial<TokenInputLocale>;
+    Token?: Partial<TokenLocale>;
     ComboBox?: Partial<ComboBoxLocale>;
     Select?: Partial<SelectLocale>;
     Paging?: Partial<PagingLocale>;
     DatePicker?: Partial<DatePickerLocale>;
+    Calendar?: Partial<CalendarLocale>;
     FileUploader?: Partial<FileUploaderLocale>;
+    PasswordInput?: Partial<PasswordInputLocale>;
+    SidePage?: Partial<SidePageLocale>;
 }
 export declare enum LangCodes {
     ru_RU = "ru_RU",

package/lib/locale/useLocaleForControl/useLocaleForControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useLocaleForControl.ts"],"names":["useContext","useMemo","LocaleContext","useLocaleForControl","controlName","localeHelper","locale","langCode","localeFromContext","Object","assign","get"],"mappings":"AAAA,SAASA,UAAT,EAAqBC,OAArB,QAAoC,OAApC;;;;AAIA,SAASC,aAAT,QAA8B,iBAA9B;;AAEA,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB;AACjCC,WADiC;AAEjCC,YAFiC;AAGN;AAC3B,oBAA6BL,UAAU,CAACE,aAAD,CAAvC,CAAQI,MAAR,eAAQA,MAAR,CAAgBC,QAAhB,eAAgBA,QAAhB;AACA,MAAMC,iBAAiB,GAAGF,MAAH,oBAAGA,MAAM,CAAGF,WAAH,CAAhC;AACA,SAAOH,OAAO,CAAC,oBAAMQ,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkBL,YAAY,CAACM,GAAb,CAAiBJ,QAAjB,CAAlB,EAA8CC,iBAA9C,CAAN,EAAD,EAAyE,CAACD,QAAD,EAAWC,iBAAX,CAAzE,CAAd;AACD,CAPM","sourcesContent":["import { useContext, useMemo } from 'react';\n\nimport { LocaleControls } from './types';\nimport { LocaleHelper } from './LocaleHelper';\nimport { LocaleContext } from './LocaleContext';\n\nexport const useLocaleForControl = <TTranslationByLangCode extends object>(\n  controlName: keyof LocaleControls,\n  localeHelper: LocaleHelper<TTranslationByLangCode>,\n): TTranslationByLangCode => {\n  const { locale, langCode } = useContext(LocaleContext);\n  const localeFromContext = locale?.[controlName];\n  return useMemo(() => Object.assign({}, localeHelper.get(langCode), localeFromContext), [langCode, localeFromContext]);\n};\n"]}
+{"version":3,"sources":["useLocaleForControl.ts"],"names":["useContext","useMemo","LocaleContext","useLocaleForControl","controlName","localeHelper","locale","langCode","localeFromContext","Object","assign","get"],"mappings":"AAAA,SAASA,UAAT,EAAqBC,OAArB,QAAoC,OAApC;;;;AAIA,SAASC,aAAT,QAA8B,iBAA9B;;AAEA,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB;AACjCC,WADiC;AAEjCC,YAFiC;AAGN;AAC3B,oBAA6BL,UAAU,CAACE,aAAD,CAAvC,CAAQI,MAAR,eAAQA,MAAR,CAAgBC,QAAhB,eAAgBA,QAAhB;AACA,MAAMC,iBAAiB,GAAGF,MAAH,oBAAGA,MAAM,CAAGF,WAAH,CAAhC;AACA,SAAOH,OAAO,CAAC,oBAAMQ,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkBL,YAAY,CAACM,GAAb,CAAiBJ,QAAjB,CAAlB,EAA8CC,iBAA9C,CAAN,EAAD,EAAyE,CAACD,QAAD,EAAWC,iBAAX,CAAzE,CAAd;AACD,CAPM","sourcesContent":["import { useContext, useMemo } from 'react';\n\nimport { LocaleControls } from './types';\nimport { LocaleHelper } from './LocaleHelper';\nimport { LocaleContext } from './LocaleContext';\n\nexport const useLocaleForControl = <TTranslationByLangCode extends Record<string, any>>(\n  controlName: keyof LocaleControls,\n  localeHelper: LocaleHelper<TTranslationByLangCode>,\n): TTranslationByLangCode => {\n  const { locale, langCode } = useContext(LocaleContext);\n  const localeFromContext = locale?.[controlName];\n  return useMemo(() => Object.assign({}, localeHelper.get(langCode), localeFromContext), [langCode, localeFromContext]);\n};\n"]}

package/lib/locale/useLocaleForControl.d.ts

@@ -1,3 +1,3 @@
 import { LocaleControls } from './types';
 import { LocaleHelper } from './LocaleHelper';
-export declare const useLocaleForControl: <TTranslationByLangCode extends object>(controlName: keyof LocaleControls, localeHelper: LocaleHelper<TTranslationByLangCode>) => TTranslationByLangCode;
+export declare const useLocaleForControl: <TTranslationByLangCode extends Record<string, any>>(controlName: keyof LocaleControls, localeHelper: LocaleHelper<TTranslationByLangCode>) => TTranslationByLangCode;

package/lib/memo/memo.js

@@ -8,8 +8,7 @@ export function memo(fn) {
   };
 
   var keysCount = 0;
-  var limit = 1e4; // @ts-ignore
-
+  var limit = 1e4;
   return function () {
     try {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -21,8 +20,7 @@ export function memo(fn) {
 
       if (fromCache) {
         return fromCache;
-      } // @ts-ignore
-
+      }
 
       var result = fn.apply(void 0, args);
       cache[hash] = result;

package/lib/memo/memo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["memo.ts"],"names":["memo","fn","cache","getHash","args","reduce","acc","x","keysCount","limit","hash","fromCache","result"],"mappings":"AAAA,OAAO,SAASA,IAAT,CAAiBC,EAAjB,EAA2B;AAChC,MAAIC,KAA6B,GAAG,EAApC;AACA,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD,UAAiBA,IAAI,CAACC,MAAL,CAAY,UAACC,GAAD,EAAMC,CAAN,UAAYD,GAAG,GAAGC,CAAlB,EAAZ,EAAiC,EAAjC,CAAjB,EAAhB;AACA,MAAIC,SAAS,GAAG,CAAhB;AACA,MAAMC,KAAK,GAAG,GAAd;;AAEA;AACA,SAAO,YAAa;AAClB,QAAI,mCADKL,IACL,oDADKA,IACL;AACF,UAAMM,IAAI,GAAGP,OAAO,CAACC,IAAD,CAApB;AACA,UAAMO,SAAS,GAAGT,KAAK,CAACQ,IAAD,CAAvB;AACA,UAAIC,SAAJ,EAAe;AACb,eAAOA,SAAP;AACD;AACD;AACA,UAAMC,MAAM,GAAGX,EAAE,MAAF,SAAMG,IAAN,CAAf;AACAF,MAAAA,KAAK,CAACQ,IAAD,CAAL,GAAcE,MAAd;AACAJ,MAAAA,SAAS;AACT,aAAOI,MAAP;AACD,KAXD,SAWU;AACR,UAAIJ,SAAS,GAAGC,KAAhB,EAAuB;AACrBP,QAAAA,KAAK,GAAG,EAAR;AACAM,QAAAA,SAAS,GAAG,CAAZ;AACD;AACF;AACF,GAlBD;AAmBD","sourcesContent":["export function memo<T>(fn: T): T {\n  let cache: { [key: string]: any } = {};\n  const getHash = (args: any[]) => args.reduce((acc, x) => acc + x, '');\n  let keysCount = 0;\n  const limit = 1e4;\n\n  // @ts-ignore\n  return (...args) => {\n    try {\n      const hash = getHash(args);\n      const fromCache = cache[hash];\n      if (fromCache) {\n        return fromCache;\n      }\n      // @ts-ignore\n      const result = fn(...args);\n      cache[hash] = result;\n      keysCount++;\n      return result;\n    } finally {\n      if (keysCount > limit) {\n        cache = {};\n        keysCount = 0;\n      }\n    }\n  };\n}\n"]}
+{"version":3,"sources":["memo.ts"],"names":["memo","fn","cache","getHash","args","reduce","acc","x","keysCount","limit","hash","fromCache","result"],"mappings":";;AAEA,OAAO,SAASA,IAAT,CAAiBC,EAAjB,EAAsC;AAC3C,MAAIC,KAA6B,GAAG,EAApC;AACA,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD,UAAiBA,IAAI,CAACC,MAAL,CAAY,UAACC,GAAD,EAAMC,CAAN,UAAYD,GAAG,GAAGC,CAAlB,EAAZ,EAAiC,EAAjC,CAAjB,EAAhB;AACA,MAAIC,SAAS,GAAG,CAAhB;AACA,MAAMC,KAAK,GAAG,GAAd;;AAEA,SAAO,YAA0C;AAC/C,QAAI,mCADKL,IACL,oDADKA,IACL;AACF,UAAMM,IAAI,GAAGP,OAAO,CAACC,IAAD,CAApB;AACA,UAAMO,SAAS,GAAGT,KAAK,CAACQ,IAAD,CAAvB;AACA,UAAIC,SAAJ,EAAe;AACb,eAAOA,SAAP;AACD;AACD,UAAMC,MAAM,GAAGX,EAAE,MAAF,SAAMG,IAAN,CAAf;AACAF,MAAAA,KAAK,CAACQ,IAAD,CAAL,GAAcE,MAAd;AACAJ,MAAAA,SAAS;AACT,aAAOI,MAAP;AACD,KAVD,SAUU;AACR,UAAIJ,SAAS,GAAGC,KAAhB,EAAuB;AACrBP,QAAAA,KAAK,GAAG,EAAR;AACAM,QAAAA,SAAS,GAAG,CAAZ;AACD;AACF;AACF,GAjBD;AAkBD","sourcesContent":["type MemoFunction<T> = (...args: T[]) => any;\n\nexport function memo<T>(fn: MemoFunction<T>) {\n  let cache: { [key: string]: any } = {};\n  const getHash = (args: any[]) => args.reduce((acc, x) => acc + x, '');\n  let keysCount = 0;\n  const limit = 1e4;\n\n  return (...args: Parameters<MemoFunction<T>>) => {\n    try {\n      const hash = getHash(args);\n      const fromCache = cache[hash];\n      if (fromCache) {\n        return fromCache;\n      }\n      const result = fn(...args);\n      cache[hash] = result;\n      keysCount++;\n      return result;\n    } finally {\n      if (keysCount > limit) {\n        cache = {};\n        keysCount = 0;\n      }\n    }\n  };\n}\n"]}

package/lib/memo.d.ts

@@ -1 +1,3 @@
-export declare function memo<T>(fn: T): T;
+declare type MemoFunction<T> = (...args: T[]) => any;
+export declare function memo<T>(fn: MemoFunction<T>): (...args: Parameters<MemoFunction<T>>) => any;
+export {};

package/lib/needsPolyfillPlaceholder/needsPolyfillPlaceholder.js

@@ -1,8 +1,9 @@
-import { canUseDOM, isIE11 } from "../client";
+import { globalObject } from '@skbkontur/global-object';
+import { isIE11 } from "../client";
 
 var needsPolyfillPlaceholderInternal = function needsPolyfillPlaceholderInternal() {
-  if (canUseDOM) {
-    var supportsPlaceholder = ('placeholder' in document.createElement('input'));
+  if (globalObject.document) {
+    var supportsPlaceholder = ('placeholder' in globalObject.document.createElement('input'));
 
     if (!supportsPlaceholder || isIE11) {
       return true;

package/lib/needsPolyfillPlaceholder/needsPolyfillPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["needsPolyfillPlaceholder.ts"],"names":["canUseDOM","isIE11","needsPolyfillPlaceholderInternal","supportsPlaceholder","document","createElement","needsPolyfillPlaceholder"],"mappings":"AAAA,SAASA,SAAT,EAAoBC,MAApB,QAAkC,UAAlC;;AAEA,IAAMC,gCAAgC,GAAG,SAAnCA,gCAAmC,GAAM;AAC7C,MAAIF,SAAJ,EAAe;AACb,QAAMG,mBAAmB,IAAG,iBAAiBC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAApB,CAAzB;AACA,QAAI,CAACF,mBAAD,IAAwBF,MAA5B,EAAoC;AAClC,aAAO,IAAP;AACD;AACF;;AAED,SAAO,KAAP;AACD,CATD;;AAWA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMK,wBAAwB,GAAGJ,gCAAgC,EAAjE","sourcesContent":["import { canUseDOM, isIE11 } from './client';\n\nconst needsPolyfillPlaceholderInternal = () => {\n  if (canUseDOM) {\n    const supportsPlaceholder = 'placeholder' in document.createElement('input');\n    if (!supportsPlaceholder || isIE11) {\n      return true;\n    }\n  }\n\n  return false;\n};\n\n/**\n * Определяет поддерживает ли браузер аттрибут `placeholder` для тега `input`\n *\n * Равен true, если браузеру нужен полифил для placeholder. Иначе - false\n */\nexport const needsPolyfillPlaceholder = needsPolyfillPlaceholderInternal();\n"]}
+{"version":3,"sources":["needsPolyfillPlaceholder.ts"],"names":["globalObject","isIE11","needsPolyfillPlaceholderInternal","document","supportsPlaceholder","createElement","needsPolyfillPlaceholder"],"mappings":"AAAA,SAASA,YAAT,QAA6B,0BAA7B;;AAEA,SAASC,MAAT,QAAuB,UAAvB;;AAEA,IAAMC,gCAAgC,GAAG,SAAnCA,gCAAmC,GAAM;AAC7C,MAAIF,YAAY,CAACG,QAAjB,EAA2B;AACzB,QAAMC,mBAAmB,IAAG,iBAAiBJ,YAAY,CAACG,QAAb,CAAsBE,aAAtB,CAAoC,OAApC,CAApB,CAAzB;AACA,QAAI,CAACD,mBAAD,IAAwBH,MAA5B,EAAoC;AAClC,aAAO,IAAP;AACD;AACF;;AAED,SAAO,KAAP;AACD,CATD;;AAWA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMK,wBAAwB,GAAGJ,gCAAgC,EAAjE","sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\nimport { isIE11 } from './client';\n\nconst needsPolyfillPlaceholderInternal = () => {\n  if (globalObject.document) {\n    const supportsPlaceholder = 'placeholder' in globalObject.document.createElement('input');\n    if (!supportsPlaceholder || isIE11) {\n      return true;\n    }\n  }\n\n  return false;\n};\n\n/**\n * Определяет поддерживает ли браузер аттрибут `placeholder` для тега `input`\n *\n * Равен true, если браузеру нужен полифил для placeholder. Иначе - false\n */\nexport const needsPolyfillPlaceholder = needsPolyfillPlaceholderInternal();\n"]}

package/lib/net/fetch/fetch.js

@@ -1,3 +1,4 @@
+import { globalObject } from '@skbkontur/global-object';
 export function fetch(uri, options) {
   if (options === void 0) {
     options = {};
@@ -6,34 +7,40 @@ export function fetch(uri, options) {
   var method = options.method || 'GET';
   var xhr = createXHR();
   var promise = new Promise(function (resolve, reject) {
-    xhr.onerror = reject;
-    xhr.ontimeout = reject;
+    if (xhr) {
+      xhr.onerror = reject;
+      xhr.ontimeout = reject;
 
-    xhr.onload = function () {
-      resolve({
-        ok: xhr.status >= 200 && xhr.status < 300,
-        status: xhr.status,
-        statusText: xhr.statusText,
-        text: function text() {
-          return Promise.resolve(xhr.responseText);
-        },
-        json: function json() {
-          return Promise.resolve(JSON.parse(xhr.responseText));
-        }
-      });
-    };
+      xhr.onload = function () {
+        resolve({
+          ok: xhr.status >= 200 && xhr.status < 300,
+          status: xhr.status,
+          statusText: xhr.statusText,
+          text: function text() {
+            return Promise.resolve(xhr.responseText);
+          },
+          json: function json() {
+            return Promise.resolve(JSON.parse(xhr.responseText));
+          }
+        });
+      };
+    }
   });
-  xhr.open(method, uri);
-  xhr.send(options.body);
+
+  if (xhr) {
+    xhr.open(method, uri);
+    xhr.send(options.body);
+  }
+
   return promise;
 }
 
 function createXHR() {
-  // @ts-ignore
-  if (global.XDomainRequest) {
-    // @ts-ignore
-    return new XDomainRequest();
+  if (globalObject.XDomainRequest) {
+    return new globalObject.XDomainRequest();
   }
 
-  return new XMLHttpRequest();
+  if (globalObject.XMLHttpRequest) {
+    return new globalObject.XMLHttpRequest();
+  }
 }

package/lib/net/fetch/fetch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["fetch.ts"],"names":["fetch","uri","options","method","xhr","createXHR","promise","Promise","resolve","reject","onerror","ontimeout","onload","ok","status","statusText","text","responseText","json","JSON","parse","open","send","body","global","XDomainRequest","XMLHttpRequest"],"mappings":";;;;;;;;;;AAUA,OAAO,SAASA,KAAT,CAAeC,GAAf,EAA4BC,OAA5B,EAA8F,KAAlEA,OAAkE,cAAlEA,OAAkE,GAAZ,EAAY;AACnG,MAAMC,MAAM,GAAGD,OAAO,CAACC,MAAR,IAAkB,KAAjC;AACA,MAAMC,GAAG,GAAGC,SAAS,EAArB;;AAEA,MAAMC,OAAO,GAAG,IAAIC,OAAJ,CAA6B,UAACC,OAAD,EAAUC,MAAV,EAAqB;AAChEL,IAAAA,GAAG,CAACM,OAAJ,GAAcD,MAAd;AACAL,IAAAA,GAAG,CAACO,SAAJ,GAAgBF,MAAhB;;AAEAL,IAAAA,GAAG,CAACQ,MAAJ,GAAa,YAAM;AACjBJ,MAAAA,OAAO,CAAC;AACNK,QAAAA,EAAE,EAAET,GAAG,CAACU,MAAJ,IAAc,GAAd,IAAqBV,GAAG,CAACU,MAAJ,GAAa,GADhC;AAENA,QAAAA,MAAM,EAAEV,GAAG,CAACU,MAFN;AAGNC,QAAAA,UAAU,EAAEX,GAAG,CAACW,UAHV;AAINC,QAAAA,IAAI,EAAE,wBAAMT,OAAO,CAACC,OAAR,CAAgBJ,GAAG,CAACa,YAApB,CAAN,EAJA;AAKNC,QAAAA,IAAI,EAAE,wBAAMX,OAAO,CAACC,OAAR,CAAgBW,IAAI,CAACC,KAAL,CAAWhB,GAAG,CAACa,YAAf,CAAhB,CAAN,EALA,EAAD,CAAP;;AAOD,KARD;AASD,GAbe,CAAhB;;AAeAb,EAAAA,GAAG,CAACiB,IAAJ,CAASlB,MAAT,EAAiBF,GAAjB;AACAG,EAAAA,GAAG,CAACkB,IAAJ,CAASpB,OAAO,CAACqB,IAAjB;;AAEA,SAAOjB,OAAP;AACD;;AAED,SAASD,SAAT,GAAqB;AACnB;AACA,MAAImB,MAAM,CAACC,cAAX,EAA2B;AACzB;AACA,WAAO,IAAIA,cAAJ,EAAP;AACD;AACD,SAAO,IAAIC,cAAJ,EAAP;AACD","sourcesContent":["interface ApiResponseType {\n  ok: boolean;\n  status: number;\n  statusText: string;\n  text: () => Promise<string>;\n  json: () => Promise<Record<string, any>>;\n}\n\ntype Result = Promise<ApiResponseType>;\n\nexport function fetch(uri: string, options: { method?: 'GET' | 'POST'; body?: string } = {}): Result {\n  const method = options.method || 'GET';\n  const xhr = createXHR();\n\n  const promise = new Promise<ApiResponseType>((resolve, reject) => {\n    xhr.onerror = reject;\n    xhr.ontimeout = reject;\n\n    xhr.onload = () => {\n      resolve({\n        ok: xhr.status >= 200 && xhr.status < 300,\n        status: xhr.status,\n        statusText: xhr.statusText,\n        text: () => Promise.resolve(xhr.responseText),\n        json: () => Promise.resolve(JSON.parse(xhr.responseText)),\n      });\n    };\n  });\n\n  xhr.open(method, uri);\n  xhr.send(options.body);\n\n  return promise;\n}\n\nfunction createXHR() {\n  // @ts-ignore\n  if (global.XDomainRequest) {\n    // @ts-ignore\n    return new XDomainRequest();\n  }\n  return new XMLHttpRequest();\n}\n"]}
+{"version":3,"sources":["fetch.ts"],"names":["globalObject","fetch","uri","options","method","xhr","createXHR","promise","Promise","resolve","reject","onerror","ontimeout","onload","ok","status","statusText","text","responseText","json","JSON","parse","open","send","body","XDomainRequest","XMLHttpRequest"],"mappings":"AAAA,SAASA,YAAT,QAA6B,0BAA7B;;;;;;;;;;;;AAYA,OAAO,SAASC,KAAT,CAAeC,GAAf,EAA4BC,OAA5B,EAA8F,KAAlEA,OAAkE,cAAlEA,OAAkE,GAAZ,EAAY;AACnG,MAAMC,MAAM,GAAGD,OAAO,CAACC,MAAR,IAAkB,KAAjC;AACA,MAAMC,GAAG,GAAGC,SAAS,EAArB;;AAEA,MAAMC,OAAO,GAAG,IAAIC,OAAJ,CAA6B,UAACC,OAAD,EAAUC,MAAV,EAAqB;AAChE,QAAIL,GAAJ,EAAS;AACPA,MAAAA,GAAG,CAACM,OAAJ,GAAcD,MAAd;AACAL,MAAAA,GAAG,CAACO,SAAJ,GAAgBF,MAAhB;;AAEAL,MAAAA,GAAG,CAACQ,MAAJ,GAAa,YAAM;AACjBJ,QAAAA,OAAO,CAAC;AACNK,UAAAA,EAAE,EAAET,GAAG,CAACU,MAAJ,IAAc,GAAd,IAAqBV,GAAG,CAACU,MAAJ,GAAa,GADhC;AAENA,UAAAA,MAAM,EAAEV,GAAG,CAACU,MAFN;AAGNC,UAAAA,UAAU,EAAEX,GAAG,CAACW,UAHV;AAINC,UAAAA,IAAI,EAAE,wBAAMT,OAAO,CAACC,OAAR,CAAgBJ,GAAG,CAACa,YAApB,CAAN,EAJA;AAKNC,UAAAA,IAAI,EAAE,wBAAMX,OAAO,CAACC,OAAR,CAAgBW,IAAI,CAACC,KAAL,CAAWhB,GAAG,CAACa,YAAf,CAAhB,CAAN,EALA,EAAD,CAAP;;AAOD,OARD;AASD;AACF,GAfe,CAAhB;;AAiBA,MAAIb,GAAJ,EAAS;AACPA,IAAAA,GAAG,CAACiB,IAAJ,CAASlB,MAAT,EAAiBF,GAAjB;AACAG,IAAAA,GAAG,CAACkB,IAAJ,CAASpB,OAAO,CAACqB,IAAjB;AACD;;AAED,SAAOjB,OAAP;AACD;;AAED,SAASD,SAAT,GAAqB;AACnB,MAAIN,YAAY,CAACyB,cAAjB,EAAiC;AAC/B,WAAO,IAAIzB,YAAY,CAACyB,cAAjB,EAAP;AACD;AACD,MAAIzB,YAAY,CAAC0B,cAAjB,EAAiC;AAC/B,WAAO,IAAI1B,YAAY,CAAC0B,cAAjB,EAAP;AACD;AACF","sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\ninterface ApiResponseType {\n  ok: boolean;\n  status: number;\n  statusText: string;\n  text: () => Promise<string>;\n  json: () => Promise<Record<string, any>>;\n}\n\ntype Result = Promise<ApiResponseType>;\n\nexport function fetch(uri: string, options: { method?: 'GET' | 'POST'; body?: string } = {}): Result {\n  const method = options.method || 'GET';\n  const xhr = createXHR();\n\n  const promise = new Promise<ApiResponseType>((resolve, reject) => {\n    if (xhr) {\n      xhr.onerror = reject;\n      xhr.ontimeout = reject;\n\n      xhr.onload = () => {\n        resolve({\n          ok: xhr.status >= 200 && xhr.status < 300,\n          status: xhr.status,\n          statusText: xhr.statusText,\n          text: () => Promise.resolve(xhr.responseText),\n          json: () => Promise.resolve(JSON.parse(xhr.responseText)),\n        });\n      };\n    }\n  });\n\n  if (xhr) {\n    xhr.open(method, uri);\n    xhr.send(options.body);\n  }\n\n  return promise;\n}\n\nfunction createXHR() {\n  if (globalObject.XDomainRequest) {\n    return new globalObject.XDomainRequest();\n  }\n  if (globalObject.XMLHttpRequest) {\n    return new globalObject.XMLHttpRequest();\n  }\n}\n"]}

package/lib/reactGetTextContent/reactGetTextContent.js

@@ -10,7 +10,6 @@ export function reactGetTextContent(rootReactNode) {
         return getText(node);
       });
     } else if ( /*#__PURE__*/React.isValidElement(reactNode) && reactNode.props) {
-      // @ts-ignore
       var children = reactNode.props.children;
       getText(children);
     }

package/lib/reactGetTextContent/reactGetTextContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["reactGetTextContent.ts"],"names":["React","reactGetTextContent","rootReactNode","result","getText","reactNode","toString","Array","isArray","forEach","node","isValidElement","props","children"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,OAAO,SAASC,mBAAT,CAA6BC,aAA7B,EAA6D;AAClE,MAAIC,MAAM,GAAG,EAAb;;AAEA,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,SAAD,EAAgC;AAC9C,QAAI,OAAOA,SAAP,KAAqB,QAArB,IAAiC,OAAOA,SAAP,KAAqB,QAA1D,EAAoE;AAClEF,MAAAA,MAAM,IAAIE,SAAS,CAACC,QAAV,EAAV;AACD,KAFD,MAEO,IAAIC,KAAK,CAACC,OAAN,CAAcH,SAAd,CAAJ,EAA8B;AACnCA,MAAAA,SAAS,CAACI,OAAV,CAAkB,UAACC,IAAD,UAAUN,OAAO,CAACM,IAAD,CAAjB,EAAlB;AACD,KAFM,MAEA,IAAI,cAAAV,KAAK,CAACW,cAAN,CAAqBN,SAArB,KAAmCA,SAAS,CAACO,KAAjD,EAAwD;AAC7D;AACA,UAAQC,QAAR,GAAqBR,SAAS,CAACO,KAA/B,CAAQC,QAAR;;AAEAT,MAAAA,OAAO,CAACS,QAAD,CAAP;AACD;AACF,GAXD;;AAaAT,EAAAA,OAAO,CAACF,aAAD,CAAP;;AAEA,SAAOC,MAAP;AACD","sourcesContent":["import React from 'react';\n\nexport function reactGetTextContent(rootReactNode: React.ReactNode) {\n  let result = '';\n\n  const getText = (reactNode: React.ReactNode) => {\n    if (typeof reactNode === 'string' || typeof reactNode === 'number') {\n      result += reactNode.toString();\n    } else if (Array.isArray(reactNode)) {\n      reactNode.forEach((node) => getText(node));\n    } else if (React.isValidElement(reactNode) && reactNode.props) {\n      // @ts-ignore\n      const { children } = reactNode.props;\n\n      getText(children);\n    }\n  };\n\n  getText(rootReactNode);\n\n  return result;\n}\n"]}
+{"version":3,"sources":["reactGetTextContent.ts"],"names":["React","reactGetTextContent","rootReactNode","result","getText","reactNode","toString","Array","isArray","forEach","node","isValidElement","props","children"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,OAAO,SAASC,mBAAT,CAA6BC,aAA7B,EAA6D;AAClE,MAAIC,MAAM,GAAG,EAAb;;AAEA,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,SAAD,EAAgC;AAC9C,QAAI,OAAOA,SAAP,KAAqB,QAArB,IAAiC,OAAOA,SAAP,KAAqB,QAA1D,EAAoE;AAClEF,MAAAA,MAAM,IAAIE,SAAS,CAACC,QAAV,EAAV;AACD,KAFD,MAEO,IAAIC,KAAK,CAACC,OAAN,CAAcH,SAAd,CAAJ,EAA8B;AACnCA,MAAAA,SAAS,CAACI,OAAV,CAAkB,UAACC,IAAD,UAAUN,OAAO,CAACM,IAAD,CAAjB,EAAlB;AACD,KAFM,MAEA,IAAI,cAAAV,KAAK,CAACW,cAAN,CAAqBN,SAArB,KAAmCA,SAAS,CAACO,KAAjD,EAAwD;AAC7D,UAAQC,QAAR,GAAqBR,SAAS,CAACO,KAA/B,CAAQC,QAAR;;AAEAT,MAAAA,OAAO,CAACS,QAAD,CAAP;AACD;AACF,GAVD;;AAYAT,EAAAA,OAAO,CAACF,aAAD,CAAP;;AAEA,SAAOC,MAAP;AACD","sourcesContent":["import React from 'react';\n\nexport function reactGetTextContent(rootReactNode: React.ReactNode) {\n  let result = '';\n\n  const getText = (reactNode: React.ReactNode) => {\n    if (typeof reactNode === 'string' || typeof reactNode === 'number') {\n      result += reactNode.toString();\n    } else if (Array.isArray(reactNode)) {\n      reactNode.forEach((node) => getText(node));\n    } else if (React.isValidElement(reactNode) && reactNode.props) {\n      const { children } = reactNode.props;\n\n      getText(children);\n    }\n  };\n\n  getText(rootReactNode);\n\n  return result;\n}\n"]}

package/lib/rootNode/getRootNode/getRootNode.js

@@ -1,27 +1,35 @@
 /* eslint-disable react/no-find-dom-node */
 import { findDOMNode } from 'react-dom';
-import { isHTMLElement, isNode } from "../../SSRSafe";
-import { canUseDOM } from "../../client";
+import warning from 'warning';
+import { globalObject } from '@skbkontur/global-object';
+import { isInstanceOf } from "../../../lib/isInstanceOf";
 import { isInstanceWithRootNode } from "../rootNodeDecorator";
 /**
- * Extracts component's root HTMLElement out of it's instance
+ * Extracts component's root Element (HTMLElement/SVGElement) out of it's instance
  * following the "StrictMode support convention" (@see README.md#strictmode, #2518).
  *
  * Replaces findDOMNode but falls back to it if "convention" is not respected.
  *
  * @param instance Component's instance provided by React.Ref or `this` inside class-components.
- * @returns Component's root HTMLElement or null
+ * @returns Component's root `Element` or null
  */
 
 export var getRootNode = function getRootNode(instance) {
-  if (!canUseDOM || !instance) {
+  /**
+   * Options of what instance can be:
+   *  1. null or undefined
+   *  2. DOM Element
+   *  3. class Component instance (object)
+   *  4. literally anything, returned from useImperativeHandle
+   */
+  if (!globalObject.document || !instance) {
     // instance can be `null` if component was unmounted
-    // also checking undefined for convinient usage
+    // also checking undefined for convenient usage
     return null;
   }
 
-  if (isHTMLElement(instance)) {
-    // instance can be a HTMLElement already if comming
+  if (isInstanceOf(instance, globalObject.Element)) {
+    // instance can be an Element already if its coming
     // from Refs of intrinsic elements (<div />, <button />, etc.)
     return instance;
   }
@@ -31,23 +39,33 @@ export var getRootNode = function getRootNode(instance) {
   if (isInstanceWithRootNode(instance)) {
     // it happened to be that native Node interface also has
     // the "getRootNode" method, but we can ignore it here
-    // because we'd already checked the instance on being an HTMLElement
+    // because we'd already checked the instance on being an Element
     // which is a subclass of Node, so, just fixing types here
-    if (!isNode(instance)) {
+    if (!isInstanceOf(instance, globalObject.Node)) {
       rootNode = instance.getRootNode();
     }
   }
 
   if (rootNode !== undefined) {
-    // at this point, it is rather HTMLElement (what we are looking for)
-    // or null (which is also OK, e.g. Popup/Tooltip/Hint before opening), so, just return it
+    // the getter exists and has returned something, it should be what we are looking for
+    // probably its an Element or null (which is also OK, e.g. Popup/Tooltip/Hint before opening)
     return rootNode;
-  } // node is undefined, which means that the instance's root node getter doesn't exists or returns the undefined
-  // anyway, it tell us that the convention is not respected (by the component itself or its children),
-  // so, we have to fall back to the deprecated findDOMNode, which always works but breaks StrictMode
+  }
 
+  try {
+    // rootNode is undefined, which means that the getter doesn't exists or returns the undefined
+    // anyway, it tell us that the convention is not respected,
+    // so, we have to fall back to the deprecated findDOMNode, which breaks StrictMode
+    // instance can still be a class component or an imperative handle (i.e., anything, except null/undefined/Element)
+    rootNode = findDOMNode(instance);
+  } catch (e) {
+    // but findDOMNode doesn`t accept everything that instance can be at this point,
+    // so we have to handle exceptions
+    // see https://github.com/facebook/react/blob/cae63505/packages/react-dom/src/__tests__/findDOMNode-test.js#L66-L86
+    warning(false, '[getRootNode]: can`t fallback to findDOMNode.' + '\n' + 'See https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/README.md#strictmode' + '\n\n' + e.message);
+    return null;
+  } // the findDOMNode can also return Text, but we are only interested in Elements, so just filter it
 
-  rootNode = findDOMNode(instance); // the findDOMNode can also return Text, but we are only intrested in HTMLElements, so just filter it
 
-  return isHTMLElement(rootNode) ? rootNode : null;
+  return isInstanceOf(rootNode, globalObject.Element) ? rootNode : null;
 };

package/lib/rootNode/getRootNode/getRootNode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["getRootNode.ts"],"names":["findDOMNode","isHTMLElement","isNode","canUseDOM","isInstanceWithRootNode","getRootNode","instance","rootNode","undefined"],"mappings":"AAAA;AACA,SAASA,WAAT,QAA4B,WAA5B;;;;AAIA,SAASC,aAAT,EAAwBC,MAAxB,QAAsC,YAAtC;AACA,SAASC,SAAT,QAA0B,WAA1B;;AAEA,SAASC,sBAAT,QAAuC,qBAAvC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,QAAD,EAAoE;AAC7F,MAAI,CAACH,SAAD,IAAc,CAACG,QAAnB,EAA6B;AAC3B;AACA;AACA,WAAO,IAAP;AACD;;AAED,MAAIL,aAAa,CAACK,QAAD,CAAjB,EAA6B;AAC3B;AACA;AACA,WAAOA,QAAP;AACD;;AAED,MAAIC,QAAJ;;AAEA,MAAIH,sBAAsB,CAACE,QAAD,CAA1B,EAAsC;AACpC;AACA;AACA;AACA;AACA,QAAI,CAACJ,MAAM,CAACI,QAAD,CAAX,EAAuB;AACrBC,MAAAA,QAAQ,GAAGD,QAAQ,CAACD,WAAT,EAAX;AACD;AACF;;AAED,MAAIE,QAAQ,KAAKC,SAAjB,EAA4B;AAC1B;AACA;AACA,WAAOD,QAAP;AACD;;AAED;AACA;AACA;AACAA,EAAAA,QAAQ,GAAGP,WAAW,CAACM,QAAD,CAAtB;;AAEA;AACA,SAAOL,aAAa,CAACM,QAAD,CAAb,GAA0BA,QAA1B,GAAqC,IAA5C;AACD,CAtCM","sourcesContent":["/* eslint-disable react/no-find-dom-node */\nimport { findDOMNode } from 'react-dom';\nimport React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isHTMLElement, isNode } from '../SSRSafe';\nimport { canUseDOM } from '../client';\n\nimport { isInstanceWithRootNode } from './rootNodeDecorator';\n\n/**\n * Extracts component's root HTMLElement out of it's instance\n * following the \"StrictMode support convention\" (@see README.md#strictmode, #2518).\n *\n * Replaces findDOMNode but falls back to it if \"convention\" is not respected.\n *\n * @param instance Component's instance provided by React.Ref or `this` inside class-components.\n * @returns Component's root HTMLElement or null\n */\n\nexport const getRootNode = (instance: Nullable<React.ReactInstance>): Nullable<HTMLElement> => {\n  if (!canUseDOM || !instance) {\n    // instance can be `null` if component was unmounted\n    // also checking undefined for convinient usage\n    return null;\n  }\n\n  if (isHTMLElement(instance)) {\n    // instance can be a HTMLElement already if comming\n    // from Refs of intrinsic elements (<div />, <button />, etc.)\n    return instance;\n  }\n\n  let rootNode;\n\n  if (isInstanceWithRootNode(instance)) {\n    // it happened to be that native Node interface also has\n    // the \"getRootNode\" method, but we can ignore it here\n    // because we'd already checked the instance on being an HTMLElement\n    // which is a subclass of Node, so, just fixing types here\n    if (!isNode(instance)) {\n      rootNode = instance.getRootNode();\n    }\n  }\n\n  if (rootNode !== undefined) {\n    // at this point, it is rather HTMLElement (what we are looking for)\n    // or null (which is also OK, e.g. Popup/Tooltip/Hint before opening), so, just return it\n    return rootNode;\n  }\n\n  // node is undefined, which means that the instance's root node getter doesn't exists or returns the undefined\n  // anyway, it tell us that the convention is not respected (by the component itself or its children),\n  // so, we have to fall back to the deprecated findDOMNode, which always works but breaks StrictMode\n  rootNode = findDOMNode(instance);\n\n  // the findDOMNode can also return Text, but we are only intrested in HTMLElements, so just filter it\n  return isHTMLElement(rootNode) ? rootNode : null;\n};\n"]}
+{"version":3,"sources":["getRootNode.ts"],"names":["findDOMNode","warning","globalObject","isInstanceOf","isInstanceWithRootNode","getRootNode","instance","document","Element","rootNode","Node","undefined","e","message"],"mappings":"AAAA;AACA,SAASA,WAAT,QAA4B,WAA5B;;AAEA,OAAOC,OAAP,MAAoB,SAApB;AACA,SAASC,YAAT,QAA6B,0BAA7B;;AAEA,SAASC,YAAT,QAA6B,wBAA7B;;;AAGA,SAASC,sBAAT,QAAuC,qBAAvC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,QAAD,EAAgE;AACzF;AACF;AACA;AACA;AACA;AACA;AACA;;AAEE,MAAI,CAACJ,YAAY,CAACK,QAAd,IAA0B,CAACD,QAA/B,EAAyC;AACvC;AACA;AACA,WAAO,IAAP;AACD;;AAED,MAAIH,YAAY,CAACG,QAAD,EAAWJ,YAAY,CAACM,OAAxB,CAAhB,EAAkD;AAChD;AACA;AACA,WAAOF,QAAP;AACD;;AAED,MAAIG,QAAJ;;AAEA,MAAIL,sBAAsB,CAACE,QAAD,CAA1B,EAAsC;AACpC;AACA;AACA;AACA;AACA,QAAI,CAACH,YAAY,CAACG,QAAD,EAAWJ,YAAY,CAACQ,IAAxB,CAAjB,EAAgD;AAC9CD,MAAAA,QAAQ,GAAGH,QAAQ,CAACD,WAAT,EAAX;AACD;AACF;;AAED,MAAII,QAAQ,KAAKE,SAAjB,EAA4B;AAC1B;AACA;AACA,WAAOF,QAAP;AACD;;AAED,MAAI;AACF;AACA;AACA;AACA;AACAA,IAAAA,QAAQ,GAAGT,WAAW,CAACM,QAAD,CAAtB;AACD,GAND,CAME,OAAOM,CAAP,EAAU;AACV;AACA;AACA;AACAX,IAAAA,OAAO;AACL,SADK;AAEL;AACE,QADF;AAEE,mGAFF;AAGE,UAHF;AAIEW,IAAAA,CAAC,CAACC,OANC,CAAP;;AAQA,WAAO,IAAP;AACD;;AAED;AACA,SAAOV,YAAY,CAACM,QAAD,EAAWP,YAAY,CAACM,OAAxB,CAAZ,GAA+CC,QAA/C,GAA0D,IAAjE;AACD,CA9DM","sourcesContent":["/* eslint-disable react/no-find-dom-node */\nimport { findDOMNode } from 'react-dom';\nimport React from 'react';\nimport warning from 'warning';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { Nullable } from '../../typings/utility-types';\n\nimport { isInstanceWithRootNode } from './rootNodeDecorator';\n\n/**\n * Extracts component's root Element (HTMLElement/SVGElement) out of it's instance\n * following the \"StrictMode support convention\" (@see README.md#strictmode, #2518).\n *\n * Replaces findDOMNode but falls back to it if \"convention\" is not respected.\n *\n * @param instance Component's instance provided by React.Ref or `this` inside class-components.\n * @returns Component's root `Element` or null\n */\n\nexport const getRootNode = (instance: Nullable<React.ReactInstance>): Nullable<Element> => {\n  /**\n   * Options of what instance can be:\n   *  1. null or undefined\n   *  2. DOM Element\n   *  3. class Component instance (object)\n   *  4. literally anything, returned from useImperativeHandle\n   */\n\n  if (!globalObject.document || !instance) {\n    // instance can be `null` if component was unmounted\n    // also checking undefined for convenient usage\n    return null;\n  }\n\n  if (isInstanceOf(instance, globalObject.Element)) {\n    // instance can be an Element already if its coming\n    // from Refs of intrinsic elements (<div />, <button />, etc.)\n    return instance;\n  }\n\n  let rootNode;\n\n  if (isInstanceWithRootNode(instance)) {\n    // it happened to be that native Node interface also has\n    // the \"getRootNode\" method, but we can ignore it here\n    // because we'd already checked the instance on being an Element\n    // which is a subclass of Node, so, just fixing types here\n    if (!isInstanceOf(instance, globalObject.Node)) {\n      rootNode = instance.getRootNode();\n    }\n  }\n\n  if (rootNode !== undefined) {\n    // the getter exists and has returned something, it should be what we are looking for\n    // probably its an Element or null (which is also OK, e.g. Popup/Tooltip/Hint before opening)\n    return rootNode;\n  }\n\n  try {\n    // rootNode is undefined, which means that the getter doesn't exists or returns the undefined\n    // anyway, it tell us that the convention is not respected,\n    // so, we have to fall back to the deprecated findDOMNode, which breaks StrictMode\n    // instance can still be a class component or an imperative handle (i.e., anything, except null/undefined/Element)\n    rootNode = findDOMNode(instance);\n  } catch (e) {\n    // but findDOMNode doesn`t accept everything that instance can be at this point,\n    // so we have to handle exceptions\n    // see https://github.com/facebook/react/blob/cae63505/packages/react-dom/src/__tests__/findDOMNode-test.js#L66-L86\n    warning(\n      false,\n      '[getRootNode]: can`t fallback to findDOMNode.' +\n        '\\n' +\n        'See https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/README.md#strictmode' +\n        '\\n\\n' +\n        e.message,\n    );\n    return null;\n  }\n\n  // the findDOMNode can also return Text, but we are only interested in Elements, so just filter it\n  return isInstanceOf(rootNode, globalObject.Element) ? rootNode : null;\n};\n"]}

package/lib/rootNode/getRootNode.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { Nullable } from '../../typings/utility-types';
 /**
- * Extracts component's root HTMLElement out of it's instance
+ * Extracts component's root Element (HTMLElement/SVGElement) out of it's instance
  * following the "StrictMode support convention" (@see README.md#strictmode, #2518).
  *
  * Replaces findDOMNode but falls back to it if "convention" is not respected.
  *
  * @param instance Component's instance provided by React.Ref or `this` inside class-components.
- * @returns Component's root HTMLElement or null
+ * @returns Component's root `Element` or null
  */
-export declare const getRootNode: (instance: Nullable<React.ReactInstance>) => Nullable<HTMLElement>;
+export declare const getRootNode: (instance: Nullable<React.ReactInstance>) => Nullable<Element>;

package/lib/rootNode/rootNodeDecorator/rootNodeDecorator.js

@@ -4,7 +4,9 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import EventEmitter from 'eventemitter3';
 import { getRootNode } from "../getRootNode";
 export function rootNode(Component) {
-  var rootNode = /*#__PURE__*/function (_Component) {
+  var _class, _temp;
+
+  var rootNode = (_temp = _class = /*#__PURE__*/function (_Component) {
     _inheritsLoose(rootNode, _Component);
 
     function rootNode() {
@@ -42,8 +44,7 @@ export function rootNode(Component) {
     }
 
     return rootNode;
-  }(Component);
-
+  }(Component), _class.__KONTUR_REACT_UI__ = Component.__KONTUR_REACT_UI__, _class.displayName = Component.displayName, _temp);
   var nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');
 
   if (!nameDescriptor || nameDescriptor.configurable) {

package/lib/rootNode/rootNodeDecorator/rootNodeDecorator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["rootNodeDecorator.tsx"],"names":["EventEmitter","getRootNode","rootNode","Component","defaultRootNode","rootNodeEmitter","setRootNode","instance","emit","addRootNodeChangeListener","callback","addListener","remove","removeListener","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","value","name","isInstanceWithRootNode","Boolean","prototype","hasOwnProperty","call"],"mappings":"uEAAA;;AAEA,OAAOA,YAAP,MAAyB,eAAzB;;;;AAIA,SAASC,WAAT,QAA4B,eAA5B;;;;;;;;;;;;;;;;;;;;;AAqBA,OAAO,SAASC,QAAT,CAAuDC,SAAvD,EAAqE;AAC1E,MAAMD,QAAQ;;;AAGZ,wBAAmC;AACjC,8FADiC,MAF5BA,QAE4B,GAFMC,SAAS,CAACC,eAEhB,OAD5BC,eAC4B,GADV,IAAIL,YAAJ,EACU;;;AAI5BM,MAAAA,WAJ4B,GAId,UAACC,QAAD,EAA6C;AAChE,YAAML,SAAQ,GAAGD,WAAW,CAACM,QAAD,CAA5B;AACA,YAAIL,SAAQ,KAAK,MAAKA,QAAtB,EAAgC;AAC9B,gBAAKA,QAAL,GAAgBA,SAAhB;AACA,gBAAKG,eAAL,CAAqBG,IAArB,CAA0B,QAA1B,EAAoCN,SAApC;AACD;AACF,OAVkC;;AAY5BD,MAAAA,WAZ4B,GAYd,YAA6B;AAChD,eAAO,MAAKC,QAAZ;AACD,OAdkC;;AAgB5BO,MAAAA,yBAhB4B,GAgBA,UAACC,QAAD,EAA4E;AAC7G,cAAKL,eAAL,CAAqBM,WAArB,CAAiC,QAAjC,EAA2CD,QAA3C;AACA,eAAO;AACLE,UAAAA,MAAM,EAAE,kBAAM;AACZ,kBAAKP,eAAL,CAAqBQ,cAArB,CAAoC,QAApC,EAA8CH,QAA9C;AACD,WAHI,EAAP;;AAKD,OAvBkC,cAElC,CALW,kBAAiBP,SAAjB,CAAd;;;AA6BA,MAAMW,cAAc,GAAGC,MAAM,CAACC,wBAAP,CAAgCd,QAAhC,EAA0C,MAA1C,CAAvB;AACA,MAAI,CAACY,cAAD,IAAmBA,cAAc,CAACG,YAAtC,EAAoD;AAClDF,IAAAA,MAAM,CAACG,cAAP,CAAsBhB,QAAtB,EAAgC,MAAhC,EAAwC,EAAEiB,KAAK,EAAEhB,SAAS,CAACiB,IAAnB,EAAxC;AACD;;AAED,SAAOlB,QAAP;AACD;;AAED,OAAO,IAAMmB,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACd,QAAD,EAAyD;AAC7F,SAAOe,OAAO,CAACf,QAAD,CAAP,IAAqBQ,MAAM,CAACQ,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqClB,QAArC,EAA+C,aAA/C,CAA5B;AACD,CAFM","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\nimport EventEmitter from 'eventemitter3';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { getRootNode } from './getRootNode';\n\nexport type TSetRootNode = (e: Nullable<React.ReactNode>) => void;\n\nexport type TRootNodeSubscription = {\n  remove: () => void;\n};\n\nexport interface InstanceWithRootNode {\n  getRootNode: () => Nullable<HTMLElement>;\n  addRootNodeChangeListener?: (callback: (node: Nullable<HTMLElement>) => void) => TRootNodeSubscription;\n}\n\ninterface ComponentWithDefaultRootNode {\n  defaultRootNode?: HTMLElement | null;\n}\n\ninterface DecoratableClassComponent extends ComponentWithDefaultRootNode {\n  new (...args: any[]): React.Component;\n}\n\nexport function rootNode<T extends DecoratableClassComponent>(Component: T) {\n  const rootNode = class extends Component implements InstanceWithRootNode {\n    public rootNode: Nullable<HTMLElement> = Component.defaultRootNode;\n    public rootNodeEmitter = new EventEmitter();\n    public constructor(...args: any[]) {\n      super(args[0]);\n    }\n\n    public setRootNode = (instance: Nullable<React.ReactInstance>) => {\n      const rootNode = getRootNode(instance);\n      if (rootNode !== this.rootNode) {\n        this.rootNode = rootNode;\n        this.rootNodeEmitter.emit('change', rootNode);\n      }\n    };\n\n    public getRootNode = (): Nullable<HTMLElement> => {\n      return this.rootNode;\n    };\n\n    public addRootNodeChangeListener = (callback: (node: Nullable<HTMLElement>) => void): TRootNodeSubscription => {\n      this.rootNodeEmitter.addListener('change', callback);\n      return {\n        remove: () => {\n          this.rootNodeEmitter.removeListener('change', callback);\n        },\n      };\n    };\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(rootNode, 'name', { value: Component.name });\n  }\n\n  return rootNode;\n}\n\nexport const isInstanceWithRootNode = (instance: unknown): instance is InstanceWithRootNode => {\n  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getRootNode');\n};\n"]}
+{"version":3,"sources":["rootNodeDecorator.tsx"],"names":["EventEmitter","getRootNode","rootNode","Component","defaultRootNode","rootNodeEmitter","setRootNode","instance","emit","addRootNodeChangeListener","callback","addListener","remove","removeListener","__KONTUR_REACT_UI__","displayName","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","value","name","isInstanceWithRootNode","Boolean","prototype","hasOwnProperty","call"],"mappings":"uEAAA;;AAEA,OAAOA,YAAP,MAAyB,eAAzB;;;;AAIA,SAASC,WAAT,QAA4B,eAA5B;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,OAAO,SAASC,QAAT,CAAuDC,SAAvD,EAAqE;AAC1E,MAAMD,QAAQ;;;;;;AAMZ,wBAAmC;AACjC,8FADiC,MAF5BA,QAE4B,GAFEC,SAAS,CAACC,eAEZ,OAD5BC,eAC4B,GADV,IAAIL,YAAJ,EACU;;;AAI5BM,MAAAA,WAJ4B,GAId,UAACC,QAAD,EAA6C;AAChE,YAAML,SAAQ,GAAGD,WAAW,CAACM,QAAD,CAA5B;AACA,YAAIL,SAAQ,KAAK,MAAKA,QAAtB,EAAgC;AAC9B,gBAAKA,QAAL,GAAgBA,SAAhB;AACA,gBAAKG,eAAL,CAAqBG,IAArB,CAA0B,QAA1B,EAAoCN,SAApC;AACD;AACF,OAVkC;;AAY5BD,MAAAA,WAZ4B,GAYd,YAAyB;AAC5C,eAAO,MAAKC,QAAZ;AACD,OAdkC;;AAgB5BO,MAAAA,yBAhB4B,GAgBA,UAACC,QAAD,EAAwE;AACzG,cAAKL,eAAL,CAAqBM,WAArB,CAAiC,QAAjC,EAA2CD,QAA3C;AACA,eAAO;AACLE,UAAAA,MAAM,EAAE,kBAAM;AACZ,kBAAKP,eAAL,CAAqBQ,cAArB,CAAoC,QAApC,EAA8CH,QAA9C;AACD,WAHI,EAAP;;AAKD,OAvBkC,cAElC,CARW,kBAAiBP,SAAjB,UACEW,mBADF,GACwBX,SAAS,CAACW,mBADlC,SAEEC,WAFF,GAEgBZ,SAAS,CAACY,WAF1B,QAAd;;;AAgCA,MAAMC,cAAc,GAAGC,MAAM,CAACC,wBAAP,CAAgChB,QAAhC,EAA0C,MAA1C,CAAvB;AACA,MAAI,CAACc,cAAD,IAAmBA,cAAc,CAACG,YAAtC,EAAoD;AAClDF,IAAAA,MAAM,CAACG,cAAP,CAAsBlB,QAAtB,EAAgC,MAAhC,EAAwC,EAAEmB,KAAK,EAAElB,SAAS,CAACmB,IAAnB,EAAxC;AACD;;AAED,SAAOpB,QAAP;AACD;;AAED,OAAO,IAAMqB,sBAAsB,GAAG,SAAzBA,sBAAyB,CAAChB,QAAD,EAAyD;AAC7F,SAAOiB,OAAO,CAACjB,QAAD,CAAP,IAAqBU,MAAM,CAACQ,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCpB,QAArC,EAA+C,aAA/C,CAA5B;AACD,CAFM","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\nimport EventEmitter from 'eventemitter3';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { getRootNode } from './getRootNode';\n\nexport type TSetRootNode = (e: Nullable<React.ReactNode>) => void;\n\nexport interface TRootNodeSubscription {\n  remove: () => void;\n}\n\nexport interface InstanceWithRootNode {\n  getRootNode: () => Nullable<Element>;\n  addRootNodeChangeListener?: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;\n}\n\ninterface ComponentWithDefaultRootNode {\n  defaultRootNode?: Element | null;\n}\ninterface ComponentWithKonturReactUI {\n  __KONTUR_REACT_UI__?: string;\n  displayName?: string;\n}\n\ninterface DecoratableClassComponent extends ComponentWithDefaultRootNode, ComponentWithKonturReactUI {\n  new (...args: any[]): React.Component;\n}\n\nexport function rootNode<T extends DecoratableClassComponent>(Component: T) {\n  const rootNode = class extends Component implements InstanceWithRootNode {\n    public static __KONTUR_REACT_UI__ = Component.__KONTUR_REACT_UI__;\n    public static displayName = Component.displayName;\n\n    public rootNode: Nullable<Element> = Component.defaultRootNode;\n    public rootNodeEmitter = new EventEmitter();\n    public constructor(...args: any[]) {\n      super(args[0]);\n    }\n\n    public setRootNode = (instance: Nullable<React.ReactInstance>) => {\n      const rootNode = getRootNode(instance);\n      if (rootNode !== this.rootNode) {\n        this.rootNode = rootNode;\n        this.rootNodeEmitter.emit('change', rootNode);\n      }\n    };\n\n    public getRootNode = (): Nullable<Element> => {\n      return this.rootNode;\n    };\n\n    public addRootNodeChangeListener = (callback: (node: Nullable<Element>) => void): TRootNodeSubscription => {\n      this.rootNodeEmitter.addListener('change', callback);\n      return {\n        remove: () => {\n          this.rootNodeEmitter.removeListener('change', callback);\n        },\n      };\n    };\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(rootNode, 'name', { value: Component.name });\n  }\n\n  return rootNode;\n}\n\nexport const isInstanceWithRootNode = (instance: unknown): instance is InstanceWithRootNode => {\n  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getRootNode');\n};\n"]}

package/lib/rootNode/rootNodeDecorator.d.ts

@@ -2,26 +2,30 @@ import React from 'react';
 import EventEmitter from 'eventemitter3';
 import { Nullable } from '../../typings/utility-types';
 export declare type TSetRootNode = (e: Nullable<React.ReactNode>) => void;
-export declare type TRootNodeSubscription = {
+export interface TRootNodeSubscription {
     remove: () => void;
-};
+}
 export interface InstanceWithRootNode {
-    getRootNode: () => Nullable<HTMLElement>;
-    addRootNodeChangeListener?: (callback: (node: Nullable<HTMLElement>) => void) => TRootNodeSubscription;
+    getRootNode: () => Nullable<Element>;
+    addRootNodeChangeListener?: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;
 }
 interface ComponentWithDefaultRootNode {
-    defaultRootNode?: HTMLElement | null;
+    defaultRootNode?: Element | null;
+}
+interface ComponentWithKonturReactUI {
+    __KONTUR_REACT_UI__?: string;
+    displayName?: string;
 }
-interface DecoratableClassComponent extends ComponentWithDefaultRootNode {
+interface DecoratableClassComponent extends ComponentWithDefaultRootNode, ComponentWithKonturReactUI {
     new (...args: any[]): React.Component;
 }
 export declare function rootNode<T extends DecoratableClassComponent>(Component: T): {
     new (...args: any[]): {
-        rootNode: Nullable<HTMLElement>;
+        rootNode: Nullable<Element>;
         rootNodeEmitter: EventEmitter<string | symbol, any>;
         setRootNode: (instance: Nullable<React.ReactInstance>) => void;
-        getRootNode: () => Nullable<HTMLElement>;
-        addRootNodeChangeListener: (callback: (node: Nullable<HTMLElement>) => void) => TRootNodeSubscription;
+        getRootNode: () => Nullable<Element>;
+        addRootNodeChangeListener: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -46,7 +50,9 @@ export declare function rootNode<T extends DecoratableClassComponent>(Component:
         componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    defaultRootNode?: HTMLElement | null | undefined;
+    __KONTUR_REACT_UI__: string | undefined;
+    displayName: string | undefined;
+    defaultRootNode?: Element | null | undefined;
 } & T;
 export declare const isInstanceWithRootNode: (instance: unknown) => instance is InstanceWithRootNode;
 export {};

package/lib/styles/ColorFactory/ColorFactory.js

@@ -2,10 +2,8 @@ import warning from 'warning';
 import { clamp, extractColorParts, hue2rgb, parseHSLParts, parseRGBParts } from "../ColorHelpers";
 import { ColorKeywords } from "../ColorKeywords";
 import { ColorObject } from "../ColorObject";
-var RGB_REGEX = /rgb\(\s*(\d{1,3}(?:(?:\.\d+)?%)?)\s*,\s*(\d{1,3}(?:(?:\.\d+)?%)?)\s*,\s*(\d{1,3}(?:(?:\.\d+)?%)?)\s*\)/;
-var RGBA_REGEX = /rgba\(\s*(\d{1,3}(?:(?:\.\d+)?%)?)\s*,\s*(\d{1,3}(?:(?:\.\d+)?%)?)\s*,\s*(\d{1,3}(?:(?:\.\d+)?%)?)\s*,\s*(0|0\.\d+|1|1\.0+|\d{1,3}(?:(?:\.\d+)?%))\s*\)/;
-var HSL_REGEX = /hsl\(\s*(\d{1,3})\s*,\s*(0|0\.\d+|1|1\.0+|\d{1,3}(?:(?:\.\d+)?%))\s*,\s*(0|0\.\d+|1|1\.0+|\d{1,3}(?:(?:\.\d+)?%))\s*\)/;
-var HSLA_REGEX = /hsla\(\s*(\d{1,3})\s*,\s*(0|0\.\d+|1|1\.0+|\d{1,3}(?:(?:\.\d+)?%))\s*,\s*(0|0\.\d+|1|1\.0+|\d{1,3}(?:(?:\.\d+)?%))\s*,\s*(0|0\.\d+|1|1\.0+|\d{1,3}(?:(?:\.\d+)?%))\s*\)/;
+var RGB_REGEX = /(?:rgba|rgb)\(\s*(\d{1,3}(?:(?:\.\d+)?%)?)\s*,?\s*(\d{1,3}(?:(?:\.\d+)?%)?)\s*,?\s*(\d{1,3}(?:(?:\.\d+)?%)?)\s*(?:\)|(?:,|\/)?\s*(0|0\.\d+|1|1\.0+|\d{1,3}(?:(?:\.\d+)?%))\s*\))/;
+var HSL_REGEX = /(?:hsla|hsl)\(\s*(\d{1,3}(?:deg)?\b)\s*,?\s*(\d{1,3}\.?\d*%|[0-1](?:\.\d*)?\b)\s*,?\s*(\d{1,3}\.?\d*%|[0-1](?:\.\d*)?\b)\s*(?:\)|(?:,|\/)?\s*(\d{1,3}\.?\d*%|\d+(?:\.\d*)?)\s*\))/;
 var HEX_REGEX = /^#([0-9a-f]{3}|[0-9a-f]{6})$/;
 export var ColorFactory = /*#__PURE__*/function () {
   function ColorFactory() {}
@@ -28,10 +26,14 @@ export var ColorFactory = /*#__PURE__*/function () {
 
     if (lowercasedTrimmedInput === 'transparent') {
       return new ColorObject([0, 0, 0], 0, 'transparent');
-    } else if (this.isKeyword(lowercasedTrimmedInput)) {
+    }
+
+    if (this.isKeyword(lowercasedTrimmedInput)) {
       return this.fromKeyword(lowercasedTrimmedInput);
-    } else if (lowercasedTrimmedInput.startsWith('rgb')) {
-      var parts = extractColorParts(lowercasedTrimmedInput, RGB_REGEX, RGBA_REGEX);
+    }
+
+    if (lowercasedTrimmedInput.startsWith('rgb')) {
+      var parts = extractColorParts(lowercasedTrimmedInput, RGB_REGEX);
 
       var _parseRGBParts = parseRGBParts(parts),
           r = _parseRGBParts.r,
@@ -44,8 +46,10 @@ export var ColorFactory = /*#__PURE__*/function () {
       b = clamp(b, 255);
       a = clamp(a, 1);
       return this.fromRGB(r, g, b, a);
-    } else if (lowercasedTrimmedInput.startsWith('hsl')) {
-      var _parts = extractColorParts(lowercasedTrimmedInput, HSL_REGEX, HSLA_REGEX);
+    }
+
+    if (lowercasedTrimmedInput.startsWith('hsl')) {
+      var _parts = extractColorParts(lowercasedTrimmedInput, HSL_REGEX);
 
       var _parseHSLParts = parseHSLParts(_parts),
           h = _parseHSLParts.h,
@@ -84,7 +88,9 @@ export var ColorFactory = /*#__PURE__*/function () {
     var rgb = [0, 0, 0];
 
     if (colorCode.length === 6) {
-      colorCode.match(/.{2}/g).forEach(function (c, i) {
+      var _colorCode$match;
+
+      (_colorCode$match = colorCode.match(/.{2}/g)) == null ? void 0 : _colorCode$match.forEach(function (c, i) {
         rgb[i] = parseInt(c, 16);
       });
     } else if (colorCode.length === 3) {