@skbkontur/react-ui 0.0.0-f50cd2db6e → 0.0.0-fed57d84fb

package/lib/listenFocusOutside/listenFocusOutside.js.map

@@ -1 +1 @@
-{"version":3,"sources":["listenFocusOutside.ts"],"names":["ReactDOM","debounce","isBrowser","isFirefox","handlers","addHandleEvent","document","body","addEventListener","handleNativeFocus","leading","trailing","capture","readyState","window","event","target","srcElement","forEach","handler","elements","some","containsTargetOrRenderContainer","unstable_batchedUpdates","callback","element","contains","container","findRenderContainer","node","rootNode","currentNode","parentNode","documentElement","Element","newContainerId","getAttribute","nextNode","querySelector","Error","listen","push","remove","index","indexOf","splice"],"mappings":"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","sourcesContent":["import ReactDOM from 'react-dom';\nimport debounce from 'lodash.debounce';\n\nimport { isBrowser, isFirefox } from './client';\n\ninterface FocusOutsideEventHandler {\n  elements: HTMLElement[] | (() => HTMLElement[]);\n  callback: (event: Event) => void;\n}\n\nconst handlers: FocusOutsideEventHandler[] = [];\n\nfunction addHandleEvent() {\n  /**\n   * Firefox do not supports 'focusin' event.\n   * Focus events bubbles multiple time\n   * without possibilty to cancell bubbling.\n   * Using debounce to capture only first focus event\n   * Mozilla Firefix\n   *   ¯\\_(ツ)_/¯\n   */\n  document.body.addEventListener(\n    isFirefox ? 'focus' : ('focusin' as 'focus'),\n    isFirefox ? debounce(handleNativeFocus, 0, { leading: true, trailing: false }) : handleNativeFocus,\n    { capture: true },\n  );\n}\n\nif (isBrowser) {\n  if (document.readyState === 'complete') {\n    addHandleEvent();\n  } else {\n    window.addEventListener('load', addHandleEvent);\n  }\n}\n\nfunction handleNativeFocus(event: UIEvent) {\n  // FIXME: not safe casting\n  const target: HTMLElement = (event.target || event.srcElement) as HTMLElement;\n\n  handlers.forEach((handler) => {\n    let elements = handler.elements;\n    if (typeof elements === 'function') {\n      elements = elements();\n    }\n\n    if (elements.some(containsTargetOrRenderContainer(target))) {\n      return;\n    }\n    ReactDOM.unstable_batchedUpdates(() => handler.callback(event));\n  });\n}\n\nexport function containsTargetOrRenderContainer(target: Element) {\n  return (element: Element) => {\n    if (!element) {\n      return false;\n    }\n    if (element.contains(target)) {\n      return true;\n    }\n    const container = findRenderContainer(target, element);\n    return !!container && element.contains(container);\n  };\n}\n\n/**\n * Searches RenderContainer placed in \"rootNode\" for \"node\"\n */\nexport function findRenderContainer(node: Element, rootNode: Element, container?: Element): Element | null {\n  const currentNode = node.parentNode;\n  if (\n    !currentNode ||\n    node === rootNode ||\n    currentNode === rootNode ||\n    currentNode === document.body ||\n    currentNode === document.documentElement ||\n    !(currentNode instanceof Element)\n  ) {\n    return container ? container : null;\n  }\n\n  const newContainerId = currentNode.getAttribute('data-rendered-container-id');\n  if (newContainerId) {\n    const nextNode = document.querySelector(`[data-render-container-id~=\"${newContainerId}\"]`);\n\n    if (!nextNode) {\n      throw Error(`Origin node for container with id ${newContainerId} was not found`);\n    }\n\n    return findRenderContainer(nextNode, rootNode, nextNode);\n  }\n\n  return findRenderContainer(currentNode, rootNode, container);\n}\n\nexport function listen(elements: HTMLElement[] | (() => HTMLElement[]), callback: (event: Event) => void) {\n  const handler = {\n    elements,\n    callback,\n  };\n  handlers.push(handler);\n\n  return {\n    remove() {\n      const index = handlers.indexOf(handler);\n      if (index > -1) {\n        handlers.splice(index, 1);\n      }\n    },\n  };\n}\n"]}
+{"version":3,"sources":["listenFocusOutside.ts"],"names":["ReactDOM","debounce","isBrowser","isFirefox","handlers","addHandleEvent","document","body","addEventListener","handleNativeFocus","leading","trailing","capture","readyState","window","event","target","srcElement","forEach","handler","elements","some","containsTargetOrRenderContainer","unstable_batchedUpdates","callback","element","contains","container","findRenderContainer","node","rootNode","currentNode","parentNode","documentElement","Element","newContainerId","getAttribute","nextNode","querySelector","Error","listen","push","remove","index","indexOf","splice"],"mappings":"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","sourcesContent":["import ReactDOM from 'react-dom';\nimport debounce from 'lodash.debounce';\n\nimport { isBrowser, isFirefox } from './client';\n\ninterface FocusOutsideEventHandler {\n  elements: HTMLElement[] | (() => HTMLElement[]);\n  callback: (event: Event) => void;\n}\n\nconst handlers: FocusOutsideEventHandler[] = [];\n\nfunction addHandleEvent() {\n  /**\n   * Firefox do not supports 'focusin' event.\n   * Focus events bubbles multiple time\n   * without possibilty to cancell bubbling.\n   * Using debounce to capture only first focus event\n   * Mozilla Firefix\n   *   ¯\\_(ツ)_/¯\n   */\n  document.body.addEventListener(\n    isFirefox ? 'focus' : ('focusin' as 'focus'),\n    isFirefox ? debounce(handleNativeFocus, 0, { leading: true, trailing: false }) : handleNativeFocus,\n    { capture: true },\n  );\n}\n\nif (isBrowser) {\n  if (document.readyState === 'complete') {\n    addHandleEvent();\n  } else {\n    window.addEventListener('load', addHandleEvent);\n  }\n}\n\nfunction handleNativeFocus(event: UIEvent) {\n  // FIXME: not safe casting\n  const target: HTMLElement = (event.target || event.srcElement) as HTMLElement;\n\n  handlers.forEach((handler) => {\n    let elements = handler.elements;\n    if (typeof elements === 'function') {\n      elements = elements();\n    }\n\n    if (elements.some(containsTargetOrRenderContainer(target))) {\n      return;\n    }\n    ReactDOM.unstable_batchedUpdates(() => handler.callback(event));\n  });\n}\n\nexport function containsTargetOrRenderContainer(target: Element) {\n  return (element: Element) => {\n    if (!element) {\n      return false;\n    }\n    if (element.contains(target)) {\n      return true;\n    }\n    const container = findRenderContainer(target, element);\n    return !!container && element.contains(container);\n  };\n}\n\n/**\n * Searches RenderContainer placed in \"rootNode\" for \"node\"\n */\nexport function findRenderContainer(node: Element, rootNode: Element, container?: Element): Element | null {\n  const currentNode = node.parentNode;\n  if (\n    !currentNode ||\n    node === rootNode ||\n    currentNode === rootNode ||\n    currentNode === document.body ||\n    currentNode === document.documentElement ||\n    !(currentNode instanceof Element)\n  ) {\n    return container ? container : null;\n  }\n\n  const newContainerId = currentNode.getAttribute('data-rendered-container-id');\n  if (newContainerId) {\n    const nextNode = document.querySelector(`[data-render-container-id~=\"${newContainerId}\"]`);\n\n    if (!nextNode) {\n      throw Error(`Origin node for render container was not found`);\n    }\n\n    return findRenderContainer(nextNode, rootNode, nextNode);\n  }\n\n  return findRenderContainer(currentNode, rootNode, container);\n}\n\nexport function listen(elements: HTMLElement[] | (() => HTMLElement[]), callback: (event: Event) => void) {\n  const handler = {\n    elements,\n    callback,\n  };\n  handlers.push(handler);\n\n  return {\n    remove() {\n      const index = handlers.indexOf(handler);\n      if (index > -1) {\n        handlers.splice(index, 1);\n      }\n    },\n  };\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["types.ts"],"names":["LangCodes"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,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';\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}\n\nexport enum LangCodes {\n  ru_RU = 'ru_RU',\n  en_GB = 'en_GB',\n}\n"]}
+{"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"]}

package/lib/locale/types.d.ts

@@ -4,6 +4,7 @@ import { PagingLocale } from '../../components/Paging/locale';
 import { SelectLocale } from '../../components/Select/locale';
 import { SpinnerLocale } from '../../components/Spinner/locale';
 import { TokenInputLocale } from '../../components/TokenInput/locale';
+import { FileUploaderLocale } from '../../components/FileUploader/locale';
 export interface LocaleControls {
     [key: string]: any;
     Spinner?: Partial<SpinnerLocale>;
@@ -12,6 +13,7 @@ export interface LocaleControls {
     Select?: Partial<SelectLocale>;
     Paging?: Partial<PagingLocale>;
     DatePicker?: Partial<DatePickerLocale>;
+    FileUploader?: Partial<FileUploaderLocale>;
 }
 export declare enum LangCodes {
     ru_RU = "ru_RU",

package/lib/locale/useLocaleForControl/package.json

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

package/lib/locale/useLocaleForControl/useLocaleForControl.js

@@ -0,0 +1,12 @@
+import { useContext, useMemo } from 'react';
+import { LocaleContext } from "../LocaleContext";
+export var useLocaleForControl = function useLocaleForControl(controlName, localeHelper) {
+  var _useContext = useContext(LocaleContext),
+      locale = _useContext.locale,
+      langCode = _useContext.langCode;
+
+  var localeFromContext = locale == null ? void 0 : locale[controlName];
+  return useMemo(function () {
+    return Object.assign({}, localeHelper.get(langCode), localeFromContext);
+  }, [langCode, localeFromContext]);
+};

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

@@ -0,0 +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"]}

package/lib/locale/useLocaleForControl.d.ts

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

package/lib/needsPolyfillPlaceholder/needsPolyfillPlaceholder.js

@@ -0,0 +1,21 @@
+import { canUseDOM, isIE11 } from "../client";
+
+var needsPolyfillPlaceholderInternal = function needsPolyfillPlaceholderInternal() {
+  if (canUseDOM) {
+    var supportsPlaceholder = ('placeholder' in document.createElement('input'));
+
+    if (!supportsPlaceholder || isIE11) {
+      return true;
+    }
+  }
+
+  return false;
+};
+/**
+ * Определяет поддерживает ли браузер аттрибут `placeholder` для тега `input`
+ *
+ * Равен true, если браузеру нужен полифил для placeholder. Иначе - false
+ */
+
+
+export var needsPolyfillPlaceholder = needsPolyfillPlaceholderInternal();

package/lib/needsPolyfillPlaceholder/needsPolyfillPlaceholder.js.map

@@ -0,0 +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"]}

package/lib/needsPolyfillPlaceholder/package.json

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

package/lib/needsPolyfillPlaceholder.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Определяет поддерживает ли браузер аттрибут `placeholder` для тега `input`
+ *
+ * Равен true, если браузеру нужен полифил для placeholder. Иначе - false
+ */
+export declare const needsPolyfillPlaceholder: boolean;

package/lib/rootNode/getRootNode/getRootNode.js

@@ -1,25 +1,53 @@
+/* eslint-disable react/no-find-dom-node */
 import { findDOMNode } from 'react-dom';
-import { isHTMLElement } from "../../SSRSafe";
+import { isHTMLElement, isNode } from "../../SSRSafe";
 import { canUseDOM } from "../../client";
-import { isFunction } from "../../utils";
+import { isInstanceWithRootNode } from "../rootNodeDecorator";
+/**
+ * Extracts component's root HTMLElement 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
+ */
+
 export var getRootNode = function getRootNode(instance) {
-  if (!canUseDOM) return null;
+  if (!canUseDOM || !instance) {
+    // instance can be `null` if component was unmounted
+    // also checking undefined for convinient usage
+    return null;
+  }
 
-  if (isHTMLElement(instance) || instance === null) {
+  if (isHTMLElement(instance)) {
+    // instance can be a HTMLElement already if comming
+    // from Refs of intrinsic elements (<div />, <button />, etc.)
     return instance;
   }
 
-  var instanceAsAny = instance;
-  var node;
+  var rootNode;
 
-  if (instanceAsAny && isFunction(instanceAsAny.getRootNode)) {
-    node = instanceAsAny.getRootNode();
+  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
+    // which is a subclass of Node, so, just fixing types here
+    if (!isNode(instance)) {
+      rootNode = instance.getRootNode();
+    }
   }
 
-  if (node !== undefined) {
-    return node;
-  }
+  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
+    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 = findDOMNode(instance); // the findDOMNode can also return Text, but we are only intrested in HTMLElements, so just filter it
 
-  node = findDOMNode(instance);
-  return node instanceof HTMLElement ? node : null;
+  return isHTMLElement(rootNode) ? rootNode : null;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["getRootNode.ts"],"names":["findDOMNode","isHTMLElement","canUseDOM","isFunction","getRootNode","instance","instanceAsAny","node","undefined","HTMLElement"],"mappings":"AAAA,SAASA,WAAT,QAA4B,WAA5B;;;;AAIA,SAASC,aAAT,QAA8B,YAA9B;AACA,SAASC,SAAT,QAA0B,WAA1B;AACA,SAASC,UAAT,QAA2B,UAA3B;;AAEA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,QAAD,EAAoE;AAC7F,MAAI,CAACH,SAAL,EAAgB,OAAO,IAAP;AAChB,MAAID,aAAa,CAACI,QAAD,CAAb,IAA2BA,QAAQ,KAAK,IAA5C,EAAkD;AAChD,WAAOA,QAAP;AACD;;AAED,MAAMC,aAAa,GAAGD,QAAtB;AACA,MAAIE,IAAJ;AACA,MAAID,aAAa,IAAIH,UAAU,CAACG,aAAa,CAACF,WAAf,CAA/B,EAA4D;AAC1DG,IAAAA,IAAI,GAAGD,aAAa,CAACF,WAAd,EAAP;AACD;;AAED,MAAIG,IAAI,KAAKC,SAAb,EAAwB;AACtB,WAAOD,IAAP;AACD;;AAEDA,EAAAA,IAAI,GAAGP,WAAW,CAACK,QAAD,CAAlB;AACA,SAAOE,IAAI,YAAYE,WAAhB,GAA8BF,IAA9B,GAAqC,IAA5C;AACD,CAlBM","sourcesContent":["import { findDOMNode } from 'react-dom';\nimport React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isHTMLElement } from '../SSRSafe';\nimport { canUseDOM } from '../client';\nimport { isFunction } from '../utils';\n\nexport const getRootNode = (instance: Nullable<React.ReactInstance>): Nullable<HTMLElement> => {\n  if (!canUseDOM) return null;\n  if (isHTMLElement(instance) || instance === null) {\n    return instance;\n  }\n\n  const instanceAsAny = instance as any;\n  let node;\n  if (instanceAsAny && isFunction(instanceAsAny.getRootNode)) {\n    node = instanceAsAny.getRootNode();\n  }\n\n  if (node !== undefined) {\n    return node;\n  }\n\n  node = findDOMNode(instance);\n  return node instanceof HTMLElement ? node : null;\n};\n"]}
+{"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"]}

package/lib/rootNode/getRootNode.d.ts

@@ -1,3 +1,12 @@
 import React from 'react';
 import { Nullable } from '../../typings/utility-types';
+/**
+ * Extracts component's root HTMLElement 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
+ */
 export declare const getRootNode: (instance: Nullable<React.ReactInstance>) => Nullable<HTMLElement>;

package/lib/rootNode/rootNodeDecorator/rootNodeDecorator.js

@@ -1,4 +1,7 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+/* eslint-disable react/display-name */
+
+import EventEmitter from 'eventemitter3';
 import { getRootNode } from "../getRootNode";
 export function rootNode(Component) {
   var rootNode = /*#__PURE__*/function (_Component) {
@@ -8,15 +11,33 @@ export function rootNode(Component) {
       var _this;
 
       _this = _Component.call(this, arguments.length <= 0 ? undefined : arguments[0]) || this;
+      _this.rootNode = Component.defaultRootNode;
+      _this.rootNodeEmitter = new EventEmitter();
 
       _this.setRootNode = function (instance) {
-        _this.rootNode = getRootNode(instance);
+        var _rootNode = getRootNode(instance);
+
+        if (_rootNode !== _this.rootNode) {
+          _this.rootNode = _rootNode;
+
+          _this.rootNodeEmitter.emit('change', _rootNode);
+        }
       };
 
       _this.getRootNode = function () {
         return _this.rootNode;
       };
 
+      _this.addRootNodeChangeListener = function (callback) {
+        _this.rootNodeEmitter.addListener('change', callback);
+
+        return {
+          remove: function remove() {
+            _this.rootNodeEmitter.removeListener('change', callback);
+          }
+        };
+      };
+
       return _this;
     }
 
@@ -32,4 +53,7 @@ export function rootNode(Component) {
   }
 
   return rootNode;
-}
+}
+export var isInstanceWithRootNode = function isInstanceWithRootNode(instance) {
+  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getRootNode');
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["rootNodeDecorator.tsx"],"names":["getRootNode","rootNode","Component","setRootNode","instance","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","value","name"],"mappings":";;;;AAIA,SAASA,WAAT,QAA4B,eAA5B;;;;AAIA,OAAO,SAASC,QAAT,CAAqEC,SAArE,EAAmF;AACxF,MAAMD,QAAQ;;AAEZ,wBAAmC;AACjC,8FADiC;;;AAI5BE,MAAAA,WAJ4B,GAId,UAACC,QAAD,EAA6C;AAChE,cAAKH,QAAL,GAAgBD,WAAW,CAACI,QAAD,CAA3B;AACD,OANkC;;AAQ5BJ,MAAAA,WAR4B,GAQd,YAA6B;AAChD,eAAO,MAAKC,QAAZ;AACD,OAVkC,cAElC,CAJW,kBAAiBC,SAAjB,CAAd;;;AAeA,MAAMG,cAAc,GAAGC,MAAM,CAACC,wBAAP,CAAgCN,QAAhC,EAA0C,MAA1C,CAAvB;AACA,MAAI,CAACI,cAAD,IAAmBA,cAAc,CAACG,YAAtC,EAAoD;AAClDF,IAAAA,MAAM,CAACG,cAAP,CAAsBR,QAAtB,EAAgC,MAAhC,EAAwC,EAAES,KAAK,EAAER,SAAS,CAACS,IAAnB,EAAxC;AACD;;AAED,SAAOV,QAAP;AACD","sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { getRootNode } from './getRootNode';\n\nexport type TSetRootNode = (e: Nullable<React.ReactNode>) => void;\n\nexport function rootNode<T extends new (...args: any[]) => React.Component>(Component: T) {\n  const rootNode = class extends Component {\n    public rootNode: Nullable<HTMLElement>;\n    public constructor(...args: any[]) {\n      super(args[0]);\n    }\n\n    public setRootNode = (instance: Nullable<React.ReactInstance>) => {\n      this.rootNode = getRootNode(instance);\n    };\n\n    public getRootNode = (): Nullable<HTMLElement> => {\n      return this.rootNode;\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"]}
+{"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"]}

package/lib/rootNode/rootNodeDecorator.d.ts

@@ -1,11 +1,27 @@
 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 function rootNode<T extends new (...args: any[]) => React.Component>(Component: T): {
+export declare type TRootNodeSubscription = {
+    remove: () => void;
+};
+export interface InstanceWithRootNode {
+    getRootNode: () => Nullable<HTMLElement>;
+    addRootNodeChangeListener?: (callback: (node: Nullable<HTMLElement>) => void) => TRootNodeSubscription;
+}
+interface ComponentWithDefaultRootNode {
+    defaultRootNode?: HTMLElement | null;
+}
+interface DecoratableClassComponent extends ComponentWithDefaultRootNode {
+    new (...args: any[]): React.Component;
+}
+export declare function rootNode<T extends DecoratableClassComponent>(Component: T): {
     new (...args: any[]): {
         rootNode: Nullable<HTMLElement>;
+        rootNodeEmitter: EventEmitter<string | symbol, any>;
         setRootNode: (instance: Nullable<React.ReactInstance>) => void;
         getRootNode: () => Nullable<HTMLElement>;
+        addRootNodeChangeListener: (callback: (node: Nullable<HTMLElement>) => 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;
@@ -30,4 +46,7 @@ export declare function rootNode<T extends new (...args: any[]) => React.Compone
         componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
     };
+    defaultRootNode?: HTMLElement | null | undefined;
 } & T;
+export declare const isInstanceWithRootNode: (instance: unknown) => instance is InstanceWithRootNode;
+export {};

package/lib/stringUtils/package.json

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

package/lib/stringUtils/stringUtils.js

@@ -0,0 +1,15 @@
+export var truncate = function truncate(truncateString, maxLength, separator) {
+  if (separator === void 0) {
+    separator = '...';
+  }
+
+  if (truncateString.length <= maxLength) {
+    return truncateString;
+  }
+
+  var separatorLength = separator.length;
+  var charsCountToShow = maxLength - separatorLength;
+  var frontCharsCount = Math.ceil(charsCountToShow / 2);
+  var backCharsCount = Math.floor(charsCountToShow / 2);
+  return "" + truncateString.substr(0, frontCharsCount) + separator + truncateString.substr(truncateString.length - backCharsCount);
+};

package/lib/stringUtils/stringUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["stringUtils.ts"],"names":["truncate","truncateString","maxLength","separator","length","separatorLength","charsCountToShow","frontCharsCount","Math","ceil","backCharsCount","floor","substr"],"mappings":"AAAA,OAAO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,cAAD,EAAyBC,SAAzB,EAA4CC,SAA5C,EAAkE,KAAtBA,SAAsB,cAAtBA,SAAsB,GAAV,KAAU;AACxF,MAAIF,cAAc,CAACG,MAAf,IAAyBF,SAA7B,EAAwC;AACtC,WAAOD,cAAP;AACD;;AAED,MAAMI,eAAe,GAAGF,SAAS,CAACC,MAAlC;AACA,MAAME,gBAAgB,GAAGJ,SAAS,GAAGG,eAArC;;AAEA,MAAME,eAAe,GAAGC,IAAI,CAACC,IAAL,CAAUH,gBAAgB,GAAG,CAA7B,CAAxB;AACA,MAAMI,cAAc,GAAGF,IAAI,CAACG,KAAL,CAAWL,gBAAgB,GAAG,CAA9B,CAAvB;;AAEA,cAAUL,cAAc,CAACW,MAAf,CAAsB,CAAtB,EAAyBL,eAAzB,CAAV,GAAsDJ,SAAtD,GAAkEF,cAAc,CAACW,MAAf;AAChEX,EAAAA,cAAc,CAACG,MAAf,GAAwBM,cADwC,CAAlE;;AAGD,CAdM","sourcesContent":["export const truncate = (truncateString: string, maxLength: number, separator = '...') => {\n  if (truncateString.length <= maxLength) {\n    return truncateString;\n  }\n\n  const separatorLength = separator.length;\n  const charsCountToShow = maxLength - separatorLength;\n\n  const frontCharsCount = Math.ceil(charsCountToShow / 2);\n  const backCharsCount = Math.floor(charsCountToShow / 2);\n\n  return `${truncateString.substr(0, frontCharsCount)}${separator}${truncateString.substr(\n    truncateString.length - backCharsCount,\n  )}`;\n};\n"]}

package/lib/stringUtils.d.ts

@@ -0,0 +1 @@
+export declare const truncate: (truncateString: string, maxLength: number, separator?: string) => string;

package/lib/styles/ColorFactory/ColorFactory.js

@@ -24,14 +24,14 @@ export var ColorFactory = /*#__PURE__*/function () {
       return new ColorObject([0, 0, 0], 1.0, 'transparent');
     }
 
-    input = input.toLowerCase().trim();
+    var lowercasedTrimmedInput = input.toLowerCase().trim();
 
-    if (input === 'transparent') {
+    if (lowercasedTrimmedInput === 'transparent') {
       return new ColorObject([0, 0, 0], 0, 'transparent');
-    } else if (this.isKeyword(input)) {
-      return this.fromKeyword(input);
-    } else if (input.startsWith('rgb')) {
-      var parts = extractColorParts(input, RGB_REGEX, RGBA_REGEX);
+    } else if (this.isKeyword(lowercasedTrimmedInput)) {
+      return this.fromKeyword(lowercasedTrimmedInput);
+    } else if (lowercasedTrimmedInput.startsWith('rgb')) {
+      var parts = extractColorParts(lowercasedTrimmedInput, RGB_REGEX, RGBA_REGEX);
 
       var _parseRGBParts = parseRGBParts(parts),
           r = _parseRGBParts.r,
@@ -44,8 +44,8 @@ export var ColorFactory = /*#__PURE__*/function () {
       b = clamp(b, 255);
       a = clamp(a, 1);
       return this.fromRGB(r, g, b, a);
-    } else if (input.startsWith('hsl')) {
-      var _parts = extractColorParts(input, HSL_REGEX, HSLA_REGEX);
+    } else if (lowercasedTrimmedInput.startsWith('hsl')) {
+      var _parts = extractColorParts(lowercasedTrimmedInput, HSL_REGEX, HSLA_REGEX);
 
       var _parseHSLParts = parseHSLParts(_parts),
           h = _parseHSLParts.h,
@@ -60,7 +60,7 @@ export var ColorFactory = /*#__PURE__*/function () {
       return this.fromHSL(h, s, l, _a);
     }
 
-    return this.fromHex(input);
+    return this.fromHex(lowercasedTrimmedInput);
   };
 
   ColorFactory.isKeyword = function isKeyword(input) {

package/lib/styles/ColorFactory/ColorFactory.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ColorFactory.ts"],"names":["warning","clamp","extractColorParts","hue2rgb","parseHSLParts","parseRGBParts","ColorKeywords","ColorObject","RGB_REGEX","RGBA_REGEX","HSL_REGEX","HSLA_REGEX","HEX_REGEX","ColorFactory","create","input","cache","Object","freeze","instantiate","toLowerCase","trim","isKeyword","fromKeyword","startsWith","parts","r","g","b","a","fromRGB","h","s","l","fromHSL","fromHex","prototype","hasOwnProperty","call","keyword","hexString","type","test","Error","colorCode","substring","rgb","length","match","forEach","c","i","parseInt","split","gray","Math","round","hDeg","t1","t2"],"mappings":"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","sourcesContent":["import warning from 'warning';\n\nimport { clamp, extractColorParts, hue2rgb, parseHSLParts, parseRGBParts } from './ColorHelpers';\nimport { ColorKeywords } from './ColorKeywords';\nimport { ColorKeywordsType, ColorObject, ColorType, RGBTuple } from './ColorObject';\n\ninterface ColorFactoryCacheType {\n  [key: string]: ColorObject;\n}\n\nconst RGB_REGEX =\n  /rgb\\(\\s*(\\d{1,3}(?:(?:\\.\\d+)?%)?)\\s*,\\s*(\\d{1,3}(?:(?:\\.\\d+)?%)?)\\s*,\\s*(\\d{1,3}(?:(?:\\.\\d+)?%)?)\\s*\\)/;\nconst RGBA_REGEX =\n  /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*\\)/;\nconst HSL_REGEX =\n  /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*\\)/;\nconst HSLA_REGEX =\n  /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*\\)/;\nconst HEX_REGEX = /^#([0-9a-f]{3}|[0-9a-f]{6})$/;\n\nexport class ColorFactory {\n  public static create(input: string) {\n    if (!this.cache[input]) {\n      this.cache[input] = Object.freeze(this.instantiate(input));\n    }\n\n    return this.cache[input];\n  }\n\n  private static cache: ColorFactoryCacheType = Object.create(null);\n\n  private static instantiate(input: string) {\n    if (typeof input !== 'string') {\n      warning(false, `Invalid type of input (${typeof input}), expected a string. Returning transparent color`);\n      return new ColorObject([0, 0, 0], 1.0, 'transparent');\n    }\n    input = input.toLowerCase().trim();\n\n    if (input === 'transparent') {\n      return new ColorObject([0, 0, 0], 0, 'transparent');\n    } else if (this.isKeyword(input)) {\n      return this.fromKeyword(input);\n    } else if (input.startsWith('rgb')) {\n      const parts = extractColorParts(input, RGB_REGEX, RGBA_REGEX);\n      let { r, g, b, a } = parseRGBParts(parts);\n\n      r = clamp(r, 255);\n      g = clamp(g, 255);\n      b = clamp(b, 255);\n      a = clamp(a, 1);\n\n      return this.fromRGB(r, g, b, a);\n    } else if (input.startsWith('hsl')) {\n      const parts = extractColorParts(input, HSL_REGEX, HSLA_REGEX);\n      let { h, s, l, a } = parseHSLParts(parts);\n\n      h = clamp(h, 360);\n      s = clamp(s, 1);\n      l = clamp(l, 1);\n      a = clamp(a, 1);\n\n      return this.fromHSL(h, s, l, a);\n    }\n\n    return this.fromHex(input);\n  }\n\n  private static isKeyword(input: string): input is ColorKeywordsType {\n    return Object.prototype.hasOwnProperty.call(ColorKeywords, input);\n  }\n\n  private static fromKeyword(keyword: ColorKeywordsType) {\n    return this.fromHex(ColorKeywords[keyword], keyword);\n  }\n\n  private static fromHex(hexString: string, type: ColorType = 'hex') {\n    if (!HEX_REGEX.test(hexString)) {\n      throw new Error(`${hexString} is not a valid hex color string`);\n    }\n\n    const colorCode = hexString.substring(1);\n    const rgb: RGBTuple = [0, 0, 0];\n    if (colorCode.length === 6) {\n      colorCode.match(/.{2}/g)!.forEach((c, i) => {\n        rgb[i] = parseInt(c, 16);\n      });\n    } else if (colorCode.length === 3) {\n      colorCode.split('').forEach((c, i) => {\n        rgb[i] = parseInt(c + c, 16);\n      });\n    }\n    return new ColorObject(rgb, 1.0, type);\n  }\n\n  private static fromRGB(r: number, g: number, b: number, a = 1.0) {\n    return new ColorObject([r, g, b], a, a < 1 ? 'rgba' : 'rgb');\n  }\n\n  private static fromHSL(h: number, s: number, l: number, a = 1.0) {\n    if (s === 0) {\n      const gray = Math.round(l * 255);\n      return new ColorObject([gray, gray, gray], a, a < 1 ? 'hsla' : 'hsl');\n    }\n\n    const hDeg = h / 360;\n    const t1 = l < 0.5 ? l * (1 + s) : l + s - l * s;\n    const t2 = l * 2 - t1;\n\n    const r = hue2rgb(hDeg + 1 / 3, t1, t2);\n    const g = hue2rgb(hDeg, t1, t2);\n    const b = hue2rgb(hDeg - 1 / 3, t1, t2);\n\n    const rgb: RGBTuple = [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];\n    return new ColorObject(rgb, a, a < 1 ? 'hsla' : 'hsl');\n  }\n}\n"]}
+{"version":3,"sources":["ColorFactory.ts"],"names":["warning","clamp","extractColorParts","hue2rgb","parseHSLParts","parseRGBParts","ColorKeywords","ColorObject","RGB_REGEX","RGBA_REGEX","HSL_REGEX","HSLA_REGEX","HEX_REGEX","ColorFactory","create","input","cache","Object","freeze","instantiate","lowercasedTrimmedInput","toLowerCase","trim","isKeyword","fromKeyword","startsWith","parts","r","g","b","a","fromRGB","h","s","l","fromHSL","fromHex","prototype","hasOwnProperty","call","keyword","hexString","type","test","Error","colorCode","substring","rgb","length","match","forEach","c","i","parseInt","split","gray","Math","round","hDeg","t1","t2"],"mappings":"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","sourcesContent":["import warning from 'warning';\n\nimport { clamp, extractColorParts, hue2rgb, parseHSLParts, parseRGBParts } from './ColorHelpers';\nimport { ColorKeywords } from './ColorKeywords';\nimport { ColorKeywordsType, ColorObject, ColorType, RGBTuple } from './ColorObject';\n\ninterface ColorFactoryCacheType {\n  [key: string]: ColorObject;\n}\n\nconst RGB_REGEX =\n  /rgb\\(\\s*(\\d{1,3}(?:(?:\\.\\d+)?%)?)\\s*,\\s*(\\d{1,3}(?:(?:\\.\\d+)?%)?)\\s*,\\s*(\\d{1,3}(?:(?:\\.\\d+)?%)?)\\s*\\)/;\nconst RGBA_REGEX =\n  /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*\\)/;\nconst HSL_REGEX =\n  /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*\\)/;\nconst HSLA_REGEX =\n  /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*\\)/;\nconst HEX_REGEX = /^#([0-9a-f]{3}|[0-9a-f]{6})$/;\n\nexport class ColorFactory {\n  public static create(input: string) {\n    if (!this.cache[input]) {\n      this.cache[input] = Object.freeze(this.instantiate(input));\n    }\n\n    return this.cache[input];\n  }\n\n  private static cache: ColorFactoryCacheType = Object.create(null);\n\n  private static instantiate(input: string) {\n    if (typeof input !== 'string') {\n      warning(false, `Invalid type of input (${typeof input}), expected a string. Returning transparent color`);\n      return new ColorObject([0, 0, 0], 1.0, 'transparent');\n    }\n    const lowercasedTrimmedInput = input.toLowerCase().trim();\n\n    if (lowercasedTrimmedInput === 'transparent') {\n      return new ColorObject([0, 0, 0], 0, 'transparent');\n    } else if (this.isKeyword(lowercasedTrimmedInput)) {\n      return this.fromKeyword(lowercasedTrimmedInput);\n    } else if (lowercasedTrimmedInput.startsWith('rgb')) {\n      const parts = extractColorParts(lowercasedTrimmedInput, RGB_REGEX, RGBA_REGEX);\n      let { r, g, b, a } = parseRGBParts(parts);\n\n      r = clamp(r, 255);\n      g = clamp(g, 255);\n      b = clamp(b, 255);\n      a = clamp(a, 1);\n\n      return this.fromRGB(r, g, b, a);\n    } else if (lowercasedTrimmedInput.startsWith('hsl')) {\n      const parts = extractColorParts(lowercasedTrimmedInput, HSL_REGEX, HSLA_REGEX);\n      let { h, s, l, a } = parseHSLParts(parts);\n\n      h = clamp(h, 360);\n      s = clamp(s, 1);\n      l = clamp(l, 1);\n      a = clamp(a, 1);\n\n      return this.fromHSL(h, s, l, a);\n    }\n\n    return this.fromHex(lowercasedTrimmedInput);\n  }\n\n  private static isKeyword(input: string): input is ColorKeywordsType {\n    return Object.prototype.hasOwnProperty.call(ColorKeywords, input);\n  }\n\n  private static fromKeyword(keyword: ColorKeywordsType) {\n    return this.fromHex(ColorKeywords[keyword], keyword);\n  }\n\n  private static fromHex(hexString: string, type: ColorType = 'hex') {\n    if (!HEX_REGEX.test(hexString)) {\n      throw new Error(`${hexString} is not a valid hex color string`);\n    }\n\n    const colorCode = hexString.substring(1);\n    const rgb: RGBTuple = [0, 0, 0];\n    if (colorCode.length === 6) {\n      colorCode.match(/.{2}/g)!.forEach((c, i) => {\n        rgb[i] = parseInt(c, 16);\n      });\n    } else if (colorCode.length === 3) {\n      colorCode.split('').forEach((c, i) => {\n        rgb[i] = parseInt(c + c, 16);\n      });\n    }\n    return new ColorObject(rgb, 1.0, type);\n  }\n\n  private static fromRGB(r: number, g: number, b: number, a = 1.0) {\n    return new ColorObject([r, g, b], a, a < 1 ? 'rgba' : 'rgb');\n  }\n\n  private static fromHSL(h: number, s: number, l: number, a = 1.0) {\n    if (s === 0) {\n      const gray = Math.round(l * 255);\n      return new ColorObject([gray, gray, gray], a, a < 1 ? 'hsla' : 'hsl');\n    }\n\n    const hDeg = h / 360;\n    const t1 = l < 0.5 ? l * (1 + s) : l + s - l * s;\n    const t2 = l * 2 - t1;\n\n    const r = hue2rgb(hDeg + 1 / 3, t1, t2);\n    const g = hue2rgb(hDeg, t1, t2);\n    const b = hue2rgb(hDeg - 1 / 3, t1, t2);\n\n    const rgb: RGBTuple = [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];\n    return new ColorObject(rgb, a, a < 1 ? 'hsla' : 'hsl');\n  }\n}\n"]}

package/lib/styles/ColorHelpers/ColorHelpers.js

@@ -1,3 +1,4 @@
+import { startsWithOneOf } from "../../utils";
 export function clamp(val, max) {
   if (max === void 0) {
     max = 1;
@@ -89,26 +90,42 @@ export function parseToInteger(part, size) {
 export function parseToFloat(part) {
   return part.endsWith('%') ? floatFromPercent(part) : parseFloat(part);
 }
-export function hue2rgb(hue, t1, t2) {
+
+var calculateHue = function calculateHue(hue) {
   if (hue < 0) {
-    hue += 1;
+    return hue + 1;
   }
 
   if (hue > 1) {
-    hue -= 1;
+    return hue - 1;
   }
 
-  if (hue < 1 / 6) {
-    return t2 + (t1 - t2) * 6 * hue;
+  return hue;
+};
+
+export function hue2rgb(hue, t1, t2) {
+  var calculatedHue = calculateHue(hue);
+
+  if (calculatedHue < 1 / 6) {
+    return t2 + (t1 - t2) * 6 * calculatedHue;
   }
 
-  if (hue < 1 / 2) {
+  if (calculatedHue < 1 / 2) {
     return t1;
   }
 
-  if (hue < 2 / 3) {
-    return t2 + (t1 - t2) * (2 / 3 - hue) * 6;
+  if (calculatedHue < 2 / 3) {
+    return t2 + (t1 - t2) * (2 / 3 - calculatedHue) * 6;
   }
 
   return t2;
-}
+}
+export var isColor = function isColor(input) {
+  var colorStarters = ['#', 'rgb', 'hsl'];
+
+  if (input) {
+    return startsWithOneOf(colorStarters, input);
+  }
+
+  return false;
+};

package/lib/styles/ColorHelpers/ColorHelpers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ColorHelpers.ts"],"names":["clamp","val","max","Math","min","integerFromPercent","n","size","round","parseFloat","floatFromPercent","toFixed","roundToPrecision","precision","extractColorParts","input","solidRegex","alphaRegex","parts","exec","Error","parseRGBParts","r","parseToInteger","g","b","a","parseToFloat","isNaN","parseHSLParts","h","parseInt","s","l","part","endsWith","hue2rgb","hue","t1","t2"],"mappings":"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","sourcesContent":["export function clamp(val: number, max = 1) {\n  return Math.min(max, Math.max(0, val));\n}\n\nexport function integerFromPercent(n: string, size: number) {\n  return Math.round((parseFloat(n) * size) / 100);\n}\n\nexport function floatFromPercent(n: string) {\n  return parseFloat((parseFloat(n) / 100).toFixed(5));\n}\n\nexport function roundToPrecision(n: number, precision = 2) {\n  return parseFloat(n.toFixed(precision));\n}\n\nexport function extractColorParts(input: string, solidRegex: RegExp, alphaRegex?: RegExp) {\n  let parts = solidRegex.exec(input);\n  if (!parts && alphaRegex) {\n    parts = alphaRegex.exec(input);\n  }\n\n  if (!parts) {\n    throw new Error(`${input} does not match color patterns: [\n      ${solidRegex}\n      ${alphaRegex}\n    ]`);\n  }\n\n  return parts;\n}\n\nexport function parseRGBParts(parts: string[]) {\n  const r = parseToInteger(parts[1], 255);\n  const g = parseToInteger(parts[2], 255);\n  const b = parseToInteger(parts[3], 255);\n  const a = parts[4] ? parseToFloat(parts[4]) : 1.0;\n\n  if (isNaN(r)) {\n    throw new Error(`Could not parse red=${parts[1]} to number`);\n  }\n  if (isNaN(g)) {\n    throw new Error(`Could not parse green=${parts[2]} to number`);\n  }\n  if (isNaN(b)) {\n    throw new Error(`Could not parse blue=${parts[3]} to number`);\n  }\n  if (isNaN(a)) {\n    throw new Error(`Could not parse alpha=${parts[4]} to number`);\n  }\n  return { r, g, b, a };\n}\n\nexport function parseHSLParts(parts: string[]) {\n  const h = parseInt(parts[1], 10);\n  const s = parseToFloat(parts[2]);\n  const l = parseToFloat(parts[3]);\n  const a = parts[4] ? parseToFloat(parts[4]) : 1.0;\n\n  if (isNaN(h)) {\n    throw new Error(`Could not parse hue=${parts[1]} to number`);\n  } else if (isNaN(s)) {\n    throw new Error(`Could not parse saturation=${parts[2]} to number`);\n  } else if (isNaN(l)) {\n    throw new Error(`Could not parse lightness=${parts[3]} to number`);\n  } else if (isNaN(a)) {\n    throw new Error(`Could not parse alpha=${parts[4]} to number`);\n  }\n\n  return { h, s, l, a };\n}\n\nexport function parseToInteger(part: string, size: number) {\n  return part.endsWith('%') ? integerFromPercent(part, size) : parseInt(part, 10);\n}\n\nexport function parseToFloat(part: string) {\n  return part.endsWith('%') ? floatFromPercent(part) : parseFloat(part);\n}\n\nexport function hue2rgb(hue: number, t1: number, t2: number) {\n  if (hue < 0) {\n    hue += 1;\n  }\n  if (hue > 1) {\n    hue -= 1;\n  }\n  if (hue < 1 / 6) {\n    return t2 + (t1 - t2) * 6 * hue;\n  }\n  if (hue < 1 / 2) {\n    return t1;\n  }\n  if (hue < 2 / 3) {\n    return t2 + (t1 - t2) * (2 / 3 - hue) * 6;\n  }\n  return t2;\n}\n"]}
+{"version":3,"sources":["ColorHelpers.ts"],"names":["startsWithOneOf","clamp","val","max","Math","min","integerFromPercent","n","size","round","parseFloat","floatFromPercent","toFixed","roundToPrecision","precision","extractColorParts","input","solidRegex","alphaRegex","parts","exec","Error","parseRGBParts","r","parseToInteger","g","b","a","parseToFloat","isNaN","parseHSLParts","h","parseInt","s","l","part","endsWith","calculateHue","hue","hue2rgb","t1","t2","calculatedHue","isColor","colorStarters"],"mappings":"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","sourcesContent":["import { startsWithOneOf } from '../utils';\n\nexport function clamp(val: number, max = 1) {\n  return Math.min(max, Math.max(0, val));\n}\n\nexport function integerFromPercent(n: string, size: number) {\n  return Math.round((parseFloat(n) * size) / 100);\n}\n\nexport function floatFromPercent(n: string) {\n  return parseFloat((parseFloat(n) / 100).toFixed(5));\n}\n\nexport function roundToPrecision(n: number, precision = 2) {\n  return parseFloat(n.toFixed(precision));\n}\n\nexport function extractColorParts(input: string, solidRegex: RegExp, alphaRegex?: RegExp) {\n  let parts = solidRegex.exec(input);\n  if (!parts && alphaRegex) {\n    parts = alphaRegex.exec(input);\n  }\n\n  if (!parts) {\n    throw new Error(`${input} does not match color patterns: [\n      ${solidRegex}\n      ${alphaRegex}\n    ]`);\n  }\n\n  return parts;\n}\n\nexport function parseRGBParts(parts: string[]) {\n  const r = parseToInteger(parts[1], 255);\n  const g = parseToInteger(parts[2], 255);\n  const b = parseToInteger(parts[3], 255);\n  const a = parts[4] ? parseToFloat(parts[4]) : 1.0;\n\n  if (isNaN(r)) {\n    throw new Error(`Could not parse red=${parts[1]} to number`);\n  }\n  if (isNaN(g)) {\n    throw new Error(`Could not parse green=${parts[2]} to number`);\n  }\n  if (isNaN(b)) {\n    throw new Error(`Could not parse blue=${parts[3]} to number`);\n  }\n  if (isNaN(a)) {\n    throw new Error(`Could not parse alpha=${parts[4]} to number`);\n  }\n  return { r, g, b, a };\n}\n\nexport function parseHSLParts(parts: string[]) {\n  const h = parseInt(parts[1], 10);\n  const s = parseToFloat(parts[2]);\n  const l = parseToFloat(parts[3]);\n  const a = parts[4] ? parseToFloat(parts[4]) : 1.0;\n\n  if (isNaN(h)) {\n    throw new Error(`Could not parse hue=${parts[1]} to number`);\n  } else if (isNaN(s)) {\n    throw new Error(`Could not parse saturation=${parts[2]} to number`);\n  } else if (isNaN(l)) {\n    throw new Error(`Could not parse lightness=${parts[3]} to number`);\n  } else if (isNaN(a)) {\n    throw new Error(`Could not parse alpha=${parts[4]} to number`);\n  }\n\n  return { h, s, l, a };\n}\n\nexport function parseToInteger(part: string, size: number) {\n  return part.endsWith('%') ? integerFromPercent(part, size) : parseInt(part, 10);\n}\n\nexport function parseToFloat(part: string) {\n  return part.endsWith('%') ? floatFromPercent(part) : parseFloat(part);\n}\n\nconst calculateHue = (hue: number) => {\n  if (hue < 0) {\n    return hue + 1;\n  }\n\n  if (hue > 1) {\n    return hue - 1;\n  }\n\n  return hue;\n};\n\nexport function hue2rgb(hue: number, t1: number, t2: number) {\n  const calculatedHue = calculateHue(hue);\n\n  if (calculatedHue < 1 / 6) {\n    return t2 + (t1 - t2) * 6 * calculatedHue;\n  }\n\n  if (calculatedHue < 1 / 2) {\n    return t1;\n  }\n\n  if (calculatedHue < 2 / 3) {\n    return t2 + (t1 - t2) * (2 / 3 - calculatedHue) * 6;\n  }\n\n  return t2;\n}\n\nexport const isColor = (input: string) => {\n  const colorStarters = ['#', 'rgb', 'hsl'];\n\n  if (input) {\n    return startsWithOneOf(colorStarters, input);\n  }\n\n  return false;\n};\n"]}

package/lib/styles/ColorHelpers.d.ts

@@ -18,3 +18,4 @@ export declare function parseHSLParts(parts: string[]): {
 export declare function parseToInteger(part: string, size: number): number;
 export declare function parseToFloat(part: string): number;
 export declare function hue2rgb(hue: number, t1: number, t2: number): number;
+export declare const isColor: (input: string) => boolean;

package/lib/styles/ColorObject/ColorObject.js

@@ -22,8 +22,8 @@ export var ColorObject = /*#__PURE__*/function () {
   _proto.toHEXString = function toHEXString() {
     warning(this.alpha === 1, "There is an alpha channel=" + this.alpha + ", converting to HEX will discard opacity");
     return '#' + this.rgb.map(function (c) {
-      c = clamp(Math.round(c), 255);
-      return (c < 16 ? '0' : '') + c.toString(16);
+      var clamped = clamp(Math.round(c), 255);
+      return (clamped < 16 ? '0' : '') + clamped.toString(16);
     }).join('');
   };