@skbkontur/react-ui 0.0.0-2ac4c133dd → 0.0.0-2d059f9369

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

@@ -1 +1 @@
-{"version":3,"sources":["decorators.tsx"],"names":["locale","controlName","localeHelper","constructor","LocaleDecorator","localeFromContext","context","Object","assign","get","langCode","l","defaultLangCode","contextType","LocaleContext","nameDescriptor","getOwnPropertyDescriptor","configurable","defineProperty","value","name"],"mappings":";;AAEA;AACA;;;;AAIO,SAASA,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,oCAAgCE,0BAAhC;AACD,SAjBkB,8BAAiBT,WAAjB,UACLU,WADK,GACSC,4BADT,QAArB;;;AAoBA,QAAMC,cAAc,GAAGR,MAAM,CAACS,wBAAP,CAAgCZ,eAAhC,EAAiD,MAAjD,CAAvB;AACA,QAAI,CAACW,cAAD,IAAmBA,cAAc,CAACE,YAAtC,EAAoD;AAClDV,MAAAA,MAAM,CAACW,cAAP,CAAsBd,eAAtB,EAAuC,MAAvC,EAA+C,EAAEe,KAAK,EAAEhB,WAAW,CAACiB,IAArB,EAA/C;AACD;;AAED,WAAOhB,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":["locale","controlName","localeHelper","constructor","LocaleDecorator","localeFromContext","context","Object","assign","get","langCode","l","defaultLangCode","contextType","LocaleContext","nameDescriptor","getOwnPropertyDescriptor","configurable","defineProperty","value","name"],"mappings":";;AAEA;AACA;;;;AAIO,SAASA,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,oCAAgCE,0BAAhC;AACD,SAhBkB,8BAAiBT,WAAjB,UACLU,WADK,GACSC,4BADT,QAArB;;AAkBA,QAAMC,cAAc,GAAGR,MAAM,CAACS,wBAAP,CAAgCZ,eAAhC,EAAiD,MAAjD,CAAvB;AACA,QAAI,CAACW,cAAD,IAAmBA,cAAc,CAACE,YAAtC,EAAoD;AAClDV,MAAAA,MAAM,CAACW,cAAP,CAAsBd,eAAtB,EAAuC,MAAvC,EAA+C,EAAEe,KAAK,EAAEhB,WAAW,CAACiB,IAArB,EAA/C;AACD;AACD,WAAOhB,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/cjs/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/cjs/lib/locale/types.js

@@ -11,6 +11,14 @@
 
 
 
+
+
+
+
+
+
+
+
 
 
 

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

@@ -1 +1 @@
-{"version":3,"sources":["types.ts"],"names":["LangCodes"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBYA,S,0CAAAA,S,GAAAA,S,oBAAAA,S,uBAAAA,S,yBAAAA,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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BYA,S,0CAAAA,S,GAAAA,S,oBAAAA,S,uBAAAA,S,yBAAAA,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/cjs/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/cjs/lib/locale/useLocaleForControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useLocaleForControl.ts"],"names":["useLocaleForControl","controlName","localeHelper","LocaleContext","locale","langCode","localeFromContext","Object","assign","get"],"mappings":"4EAAA;;;;AAIA;;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB;AACjCC,WADiC;AAEjCC,YAFiC;AAGN;AAC3B,oBAA6B,uBAAWC,4BAAX,CAA7B,CAAQC,MAAR,eAAQA,MAAR,CAAgBC,QAAhB,eAAgBA,QAAhB;AACA,MAAMC,iBAAiB,GAAGF,MAAH,oBAAGA,MAAM,CAAGH,WAAH,CAAhC;AACA,SAAO,oBAAQ,oBAAMM,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkBN,YAAY,CAACO,GAAb,CAAiBJ,QAAjB,CAAlB,EAA8CC,iBAA9C,CAAN,EAAR,EAAgF,CAACD,QAAD,EAAWC,iBAAX,CAAhF,CAAP;AACD,CAPM,C","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":["useLocaleForControl","controlName","localeHelper","LocaleContext","locale","langCode","localeFromContext","Object","assign","get"],"mappings":"4EAAA;;;;AAIA;;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB;AACjCC,WADiC;AAEjCC,YAFiC;AAGN;AAC3B,oBAA6B,uBAAWC,4BAAX,CAA7B,CAAQC,MAAR,eAAQA,MAAR,CAAgBC,QAAhB,eAAgBA,QAAhB;AACA,MAAMC,iBAAiB,GAAGF,MAAH,oBAAGA,MAAM,CAAGH,WAAH,CAAhC;AACA,SAAO,oBAAQ,oBAAMM,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkBN,YAAY,CAACO,GAAb,CAAiBJ,QAAjB,CAAlB,EAA8CC,iBAA9C,CAAN,EAAR,EAAgF,CAACD,QAAD,EAAWC,iBAAX,CAAhF,CAAP;AACD,CAPM,C","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/cjs/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/cjs/lib/memo.js

@@ -1,10 +1,11 @@
-"use strict";exports.__esModule = true;exports.memo = memo;function memo(fn) {
+"use strict";exports.__esModule = true;exports.memo = memo;
+
+function memo(fn) {
   var cache = {};
   var getHash = function getHash(args) {return args.reduce(function (acc, x) {return acc + x;}, '');};
   var keysCount = 0;
   var limit = 1e4;
 
-  // @ts-ignore
   return function () {
     try {for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}
       var hash = getHash(args);
@@ -12,7 +13,6 @@
       if (fromCache) {
         return fromCache;
       }
-      // @ts-ignore
       var result = fn.apply(void 0, args);
       cache[hash] = result;
       keysCount++;

package/cjs/lib/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":"2DAAO,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":";;AAEO,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/cjs/lib/needsPolyfillPlaceholder.js

@@ -1,8 +1,10 @@
-"use strict";exports.__esModule = true;exports.needsPolyfillPlaceholder = void 0;var _client = require("./client");
+"use strict";exports.__esModule = true;exports.needsPolyfillPlaceholder = void 0;var _globalObject = require("@skbkontur/global-object");
+
+var _client = require("./client");
 
 var needsPolyfillPlaceholderInternal = function needsPolyfillPlaceholderInternal() {
-  if (_client.canUseDOM) {
-    var supportsPlaceholder = ('placeholder' in document.createElement('input'));
+  if (_globalObject.globalObject.document) {
+    var supportsPlaceholder = ('placeholder' in _globalObject.globalObject.document.createElement('input'));
     if (!supportsPlaceholder || _client.isIE11) {
       return true;
     }

package/cjs/lib/needsPolyfillPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["needsPolyfillPlaceholder.ts"],"names":["needsPolyfillPlaceholderInternal","canUseDOM","supportsPlaceholder","document","createElement","isIE11","needsPolyfillPlaceholder"],"mappings":"iFAAA;;AAEA,IAAMA,gCAAgC,GAAG,SAAnCA,gCAAmC,GAAM;AAC7C,MAAIC,iBAAJ,EAAe;AACb,QAAMC,mBAAmB,IAAG,iBAAiBC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAApB,CAAzB;AACA,QAAI,CAACF,mBAAD,IAAwBG,cAA5B,EAAoC;AAClC,aAAO,IAAP;AACD;AACF;;AAED,SAAO,KAAP;AACD,CATD;;AAWA;AACA;AACA;AACA;AACA;AACO,IAAMC,wBAAwB,GAAGN,gCAAgC,EAAjE,C","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":["needsPolyfillPlaceholderInternal","globalObject","document","supportsPlaceholder","createElement","isIE11","needsPolyfillPlaceholder"],"mappings":"iFAAA;;AAEA;;AAEA,IAAMA,gCAAgC,GAAG,SAAnCA,gCAAmC,GAAM;AAC7C,MAAIC,2BAAaC,QAAjB,EAA2B;AACzB,QAAMC,mBAAmB,IAAG,iBAAiBF,2BAAaC,QAAb,CAAsBE,aAAtB,CAAoC,OAApC,CAApB,CAAzB;AACA,QAAI,CAACD,mBAAD,IAAwBE,cAA5B,EAAoC;AAClC,aAAO,IAAP;AACD;AACF;;AAED,SAAO,KAAP;AACD,CATD;;AAWA;AACA;AACA;AACA;AACA;AACO,IAAMC,wBAAwB,GAAGN,gCAAgC,EAAjE,C","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/cjs/lib/net/fetch.js

@@ -1,4 +1,6 @@
-"use strict";exports.__esModule = true;exports.fetch = fetch;
+"use strict";exports.__esModule = true;exports.fetch = fetch;var _globalObject = require("@skbkontur/global-object");
+
+
 
 
 
@@ -13,31 +15,35 @@ function fetch(uri, options) {if (options === void 0) {options = {};}
   var xhr = createXHR();
 
   var promise = new Promise(function (resolve, reject) {
-    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));} });
-
-    };
+    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.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.globalObject.XDomainRequest) {
+    return new _globalObject.globalObject.XDomainRequest();
+  }
+  if (_globalObject.globalObject.XMLHttpRequest) {
+    return new _globalObject.globalObject.XMLHttpRequest();
   }
-  return new XMLHttpRequest();
 }

package/cjs/lib/net/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":";;;;;;;;;;AAUO,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":["fetch","uri","options","method","xhr","createXHR","promise","Promise","resolve","reject","onerror","ontimeout","onload","ok","status","statusText","text","responseText","json","JSON","parse","open","send","body","globalObject","XDomainRequest","XMLHttpRequest"],"mappings":"6DAAA;;;;;;;;;;;;AAYO,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;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,MAAImB,2BAAaC,cAAjB,EAAiC;AAC/B,WAAO,IAAID,2BAAaC,cAAjB,EAAP;AACD;AACD,MAAID,2BAAaE,cAAjB,EAAiC;AAC/B,WAAO,IAAIF,2BAAaE,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/cjs/lib/reactGetTextContent.js

@@ -9,7 +9,6 @@ function reactGetTextContent(rootReactNode) {
     } else if (Array.isArray(reactNode)) {
       reactNode.forEach(function (node) {return getText(node);});
     } else if ( /*#__PURE__*/_react.default.isValidElement(reactNode) && reactNode.props) {
-      // @ts-ignore
       var children = reactNode.props.children;
 
       getText(children);

package/cjs/lib/reactGetTextContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["reactGetTextContent.ts"],"names":["reactGetTextContent","rootReactNode","result","getText","reactNode","toString","Array","isArray","forEach","node","isValidElement","props","children"],"mappings":"8KAAA;;AAEO,SAASA,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,6BAAMC,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":["reactGetTextContent","rootReactNode","result","getText","reactNode","toString","Array","isArray","forEach","node","isValidElement","props","children"],"mappings":"8KAAA;;AAEO,SAASA,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,6BAAMC,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/cjs/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/cjs/lib/rootNode/getRootNode.js

@@ -1,32 +1,41 @@
-"use strict";exports.__esModule = true;exports.getRootNode = void 0;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.getRootNode = void 0;
 var _reactDom = require("react-dom");
 
+var _warning = _interopRequireDefault(require("warning"));
+var _globalObject = require("@skbkontur/global-object");
 
+var _isInstanceOf = require("../../lib/isInstanceOf");
 
-var _SSRSafe = require("../SSRSafe");
-var _client = require("../client");
 
 var _rootNodeDecorator = require("./rootNodeDecorator"); /* eslint-disable react/no-find-dom-node */
 
 /**
- * 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
  */
 
 var getRootNode = function getRootNode(instance) {
-  if (!_client.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.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 ((0, _SSRSafe.isHTMLElement)(instance)) {
-    // instance can be a HTMLElement already if comming
+  if ((0, _isInstanceOf.isInstanceOf)(instance, _globalObject.globalObject.Element)) {
+    // instance can be an Element already if its coming
     // from Refs of intrinsic elements (<div />, <button />, etc.)
     return instance;
   }
@@ -36,24 +45,40 @@ var getRootNode = function getRootNode(instance) {
   if ((0, _rootNodeDecorator.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 (!(0, _SSRSafe.isNode)(instance)) {
+    if (!(0, _isInstanceOf.isInstanceOf)(instance, _globalObject.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
-  rootNode = (0, _reactDom.findDOMNode)(instance);
+  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 = (0, _reactDom.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
+    (0, _warning.default)(
+    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 intrested in HTMLElements, so just filter it
-  return (0, _SSRSafe.isHTMLElement)(rootNode) ? rootNode : null;
+  // the findDOMNode can also return Text, but we are only interested in Elements, so just filter it
+  return (0, _isInstanceOf.isInstanceOf)(rootNode, _globalObject.globalObject.Element) ? rootNode : null;
 };exports.getRootNode = getRootNode;

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

@@ -1 +1 @@
-{"version":3,"sources":["getRootNode.ts"],"names":["getRootNode","instance","canUseDOM","rootNode","undefined"],"mappings":";AACA;;;;AAIA;AACA;;AAEA,wD,CARA;;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,QAAD,EAAoE;AAC7F,MAAI,CAACC,iBAAD,IAAc,CAACD,QAAnB,EAA6B;AAC3B;AACA;AACA,WAAO,IAAP;AACD;;AAED,MAAI,4BAAcA,QAAd,CAAJ,EAA6B;AAC3B;AACA;AACA,WAAOA,QAAP;AACD;;AAED,MAAIE,QAAJ;;AAEA,MAAI,+CAAuBF,QAAvB,CAAJ,EAAsC;AACpC;AACA;AACA;AACA;AACA,QAAI,CAAC,qBAAOA,QAAP,CAAL,EAAuB;AACrBE,MAAAA,QAAQ,GAAGF,QAAQ,CAACD,WAAT,EAAX;AACD;AACF;;AAED,MAAIG,QAAQ,KAAKC,SAAjB,EAA4B;AAC1B;AACA;AACA,WAAOD,QAAP;AACD;;AAED;AACA;AACA;AACAA,EAAAA,QAAQ,GAAG,2BAAYF,QAAZ,CAAX;;AAEA;AACA,SAAO,4BAAcE,QAAd,IAA0BA,QAA1B,GAAqC,IAA5C;AACD,CAtCM,C","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":["getRootNode","instance","globalObject","document","Element","rootNode","Node","undefined","e","message"],"mappings":";AACA;;AAEA;AACA;;AAEA;;;AAGA,wD,CATA;;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,QAAD,EAAgE;AACzF;AACF;AACA;AACA;AACA;AACA;AACA;;AAEE,MAAI,CAACC,2BAAaC,QAAd,IAA0B,CAACF,QAA/B,EAAyC;AACvC;AACA;AACA,WAAO,IAAP;AACD;;AAED,MAAI,gCAAaA,QAAb,EAAuBC,2BAAaE,OAApC,CAAJ,EAAkD;AAChD;AACA;AACA,WAAOH,QAAP;AACD;;AAED,MAAII,QAAJ;;AAEA,MAAI,+CAAuBJ,QAAvB,CAAJ,EAAsC;AACpC;AACA;AACA;AACA;AACA,QAAI,CAAC,gCAAaA,QAAb,EAAuBC,2BAAaI,IAApC,CAAL,EAAgD;AAC9CD,MAAAA,QAAQ,GAAGJ,QAAQ,CAACD,WAAT,EAAX;AACD;AACF;;AAED,MAAIK,QAAQ,KAAKE,SAAjB,EAA4B;AAC1B;AACA;AACA,WAAOF,QAAP;AACD;;AAED,MAAI;AACF;AACA;AACA;AACA;AACAA,IAAAA,QAAQ,GAAG,2BAAYJ,QAAZ,CAAX;AACD,GAND,CAME,OAAOO,CAAP,EAAU;AACV;AACA;AACA;AACA;AACE,SADF;AAEE;AACE,QADF;AAEE,mGAFF;AAGE,UAHF;AAIEA,IAAAA,CAAC,CAACC,OANN;;AAQA,WAAO,IAAP;AACD;;AAED;AACA,SAAO,gCAAaJ,QAAb,EAAuBH,2BAAaE,OAApC,IAA+CC,QAA/C,GAA0D,IAAjE;AACD,CA9DM,C","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/cjs/lib/rootNode/rootNodeDecorator.d.ts

@@ -2,26 +2,29 @@ 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;
 }
-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 +49,8 @@ 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;
+    defaultRootNode?: Element | null | undefined;
 } & T;
 export declare const isInstanceWithRootNode: (instance: unknown) => instance is InstanceWithRootNode;
 export {};

package/cjs/lib/rootNode/rootNodeDecorator.js

@@ -25,8 +25,12 @@ var _getRootNode = require("./getRootNode"); /* eslint-disable react/display-nam
 
 
 
-function rootNode(Component) {
-  var rootNode = /*#__PURE__*/function (_Component) {(0, _inheritsLoose2.default)(rootNode, _Component);
+
+
+
+function rootNode(Component) {var _class, _temp;
+  var rootNode = (_temp = _class = /*#__PURE__*/function (_Component) {(0, _inheritsLoose2.default)(rootNode, _Component);
+
 
 
     function rootNode() {var _this;
@@ -52,7 +56,7 @@ function rootNode(Component) {
             _this.rootNodeEmitter.removeListener('change', callback);
           } };
 
-      };return _this;}return rootNode;}(Component);
+      };return _this;}return rootNode;}(Component), _class.__KONTUR_REACT_UI__ = Component.__KONTUR_REACT_UI__, _temp);
 
 
   var nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');

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

@@ -1 +1 @@
-{"version":3,"sources":["rootNodeDecorator.tsx"],"names":["rootNode","Component","defaultRootNode","rootNodeEmitter","EventEmitter","setRootNode","instance","emit","getRootNode","addRootNodeChangeListener","callback","addListener","remove","removeListener","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","value","name","isInstanceWithRootNode","Boolean","prototype","hasOwnProperty","call"],"mappings":";;AAEA;;;;AAIA,4C,CANA;;;;;;;;;;;;;;;;;;;;;AA2BO,SAASA,QAAT,CAAuDC,SAAvD,EAAqE;AAC1E,MAAMD,QAAQ;;;AAGZ,wBAAmC;AACjC,8FADiC,MAF5BA,QAE4B,GAFMC,SAAS,CAACC,eAEhB,OAD5BC,eAC4B,GADV,IAAIC,qBAAJ,EACU;;;AAI5BC,MAAAA,WAJ4B,GAId,UAACC,QAAD,EAA6C;AAChE,YAAMN,SAAQ,GAAG,8BAAYM,QAAZ,CAAjB;AACA,YAAIN,SAAQ,KAAK,MAAKA,QAAtB,EAAgC;AAC9B,gBAAKA,QAAL,GAAgBA,SAAhB;AACA,gBAAKG,eAAL,CAAqBI,IAArB,CAA0B,QAA1B,EAAoCP,SAApC;AACD;AACF,OAVkC;;AAY5BQ,MAAAA,WAZ4B,GAYd,YAA6B;AAChD,eAAO,MAAKR,QAAZ;AACD,OAdkC;;AAgB5BS,MAAAA,yBAhB4B,GAgBA,UAACC,QAAD,EAA4E;AAC7G,cAAKP,eAAL,CAAqBQ,WAArB,CAAiC,QAAjC,EAA2CD,QAA3C;AACA,eAAO;AACLE,UAAAA,MAAM,EAAE,kBAAM;AACZ,kBAAKT,eAAL,CAAqBU,cAArB,CAAoC,QAApC,EAA8CH,QAA9C;AACD,WAHI,EAAP;;AAKD,OAvBkC,cAElC,CALW,kBAAiBT,SAAjB,CAAd;;;AA6BA,MAAMa,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;;AAEM,IAAMqB,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACf,QAAD,EAAyD;AAC7F,SAAOgB,OAAO,CAAChB,QAAD,CAAP,IAAqBS,MAAM,CAACQ,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCnB,QAArC,EAA+C,aAA/C,CAA5B;AACD,CAFM,C","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":["rootNode","Component","defaultRootNode","rootNodeEmitter","EventEmitter","setRootNode","instance","emit","getRootNode","addRootNodeChangeListener","callback","addListener","remove","removeListener","__KONTUR_REACT_UI__","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","value","name","isInstanceWithRootNode","Boolean","prototype","hasOwnProperty","call"],"mappings":";;AAEA;;;;AAIA,4C,CANA;;;;;;;;;;;;;;;;;;;;;;;;AA8BO,SAASA,QAAT,CAAuDC,SAAvD,EAAqE;AAC1E,MAAMD,QAAQ;;;;AAIZ,wBAAmC;AACjC,8FADiC,MAH5BA,QAG4B,GAHEC,SAAS,CAACC,eAGZ,OAD5BC,eAC4B,GADV,IAAIC,qBAAJ,EACU;;;AAI5BC,MAAAA,WAJ4B,GAId,UAACC,QAAD,EAA6C;AAChE,YAAMN,SAAQ,GAAG,8BAAYM,QAAZ,CAAjB;AACA,YAAIN,SAAQ,KAAK,MAAKA,QAAtB,EAAgC;AAC9B,gBAAKA,QAAL,GAAgBA,SAAhB;AACA,gBAAKG,eAAL,CAAqBI,IAArB,CAA0B,QAA1B,EAAoCP,SAApC;AACD;AACF,OAVkC;;AAY5BQ,MAAAA,WAZ4B,GAYd,YAAyB;AAC5C,eAAO,MAAKR,QAAZ;AACD,OAdkC;;AAgB5BS,MAAAA,yBAhB4B,GAgBA,UAACC,QAAD,EAAwE;AACzG,cAAKP,eAAL,CAAqBQ,WAArB,CAAiC,QAAjC,EAA2CD,QAA3C;AACA,eAAO;AACLE,UAAAA,MAAM,EAAE,kBAAM;AACZ,kBAAKT,eAAL,CAAqBU,cAArB,CAAoC,QAApC,EAA8CH,QAA9C;AACD,WAHI,EAAP;;AAKD,OAvBkC,cAElC,CANW,kBAAiBT,SAAjB,UAEEa,mBAFF,GAEwBb,SAAS,CAACa,mBAFlC,QAAd;;;AA8BA,MAAMC,cAAc,GAAGC,MAAM,CAACC,wBAAP,CAAgCjB,QAAhC,EAA0C,MAA1C,CAAvB;AACA,MAAI,CAACe,cAAD,IAAmBA,cAAc,CAACG,YAAtC,EAAoD;AAClDF,IAAAA,MAAM,CAACG,cAAP,CAAsBnB,QAAtB,EAAgC,MAAhC,EAAwC,EAAEoB,KAAK,EAAEnB,SAAS,CAACoB,IAAnB,EAAxC;AACD;;AAED,SAAOrB,QAAP;AACD;;AAEM,IAAMsB,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,C","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}\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 rootNode: Nullable<Element> = Component.defaultRootNode;\n    public static __KONTUR_REACT_UI__ = Component.__KONTUR_REACT_UI__;\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/cjs/lib/styles/ColorFactory.js

@@ -9,13 +9,9 @@ var _ColorObject = require("./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*\)/;
+/(?: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 =
-/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*\)/;
+/(?: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})$/;var
 
 ColorFactory = /*#__PURE__*/function () {function ColorFactory() {}ColorFactory.
@@ -38,10 +34,14 @@ ColorFactory = /*#__PURE__*/function () {function ColorFactory() {}ColorFactory.
 
     if (lowercasedTrimmedInput === 'transparent') {
       return new _ColorObject.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 = (0, _ColorHelpers.extractColorParts)(lowercasedTrimmedInput, RGB_REGEX, RGBA_REGEX);
+    }
+
+    if (lowercasedTrimmedInput.startsWith('rgb')) {
+      var parts = (0, _ColorHelpers.extractColorParts)(lowercasedTrimmedInput, RGB_REGEX);
       var _parseRGBParts = (0, _ColorHelpers.parseRGBParts)(parts),r = _parseRGBParts.r,g = _parseRGBParts.g,b = _parseRGBParts.b,a = _parseRGBParts.a;
 
       r = (0, _ColorHelpers.clamp)(r, 255);
@@ -50,8 +50,10 @@ ColorFactory = /*#__PURE__*/function () {function ColorFactory() {}ColorFactory.
       a = (0, _ColorHelpers.clamp)(a, 1);
 
       return this.fromRGB(r, g, b, a);
-    } else if (lowercasedTrimmedInput.startsWith('hsl')) {
-      var _parts = (0, _ColorHelpers.extractColorParts)(lowercasedTrimmedInput, HSL_REGEX, HSLA_REGEX);
+    }
+
+    if (lowercasedTrimmedInput.startsWith('hsl')) {
+      var _parts = (0, _ColorHelpers.extractColorParts)(lowercasedTrimmedInput, HSL_REGEX);
       var _parseHSLParts = (0, _ColorHelpers.parseHSLParts)(_parts),h = _parseHSLParts.h,s = _parseHSLParts.s,l = _parseHSLParts.l,_a = _parseHSLParts.a;
 
       h = (0, _ColorHelpers.clamp)(h, 360);
@@ -80,8 +82,8 @@ ColorFactory = /*#__PURE__*/function () {function ColorFactory() {}ColorFactory.
 
     var colorCode = hexString.substring(1);
     var rgb = [0, 0, 0];
-    if (colorCode.length === 6) {
-      colorCode.match(/.{2}/g).forEach(function (c, i) {
+    if (colorCode.length === 6) {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) {