@skbkontur/react-ui 0.0.0-dd8159fe6c → 0.0.0-e222cb8d2b

package/cjs/lib/mergeRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","CALLBACK_AS_KEY","callbackAsKey","cache","WeakMap","mergeRefs","_len","arguments","length","refs","Array","_key","cacheLevel","getLeafRefInCache","apply","cachedCallback","get","newRefCallback","createRefCallback","set","applyRef","value","forEach","ref","isNonNullable","current","_len2","_key2","_i","_refs","isNullable","child","leaf"],"sources":["mergeRefs.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { Nullable } from '../typings/utility-types';\n\nimport { isNonNullable, isNullable } from './utils';\n\ntype RefVariants<T> = Nullable<React.RefObject<T> | React.RefCallback<T>>;\ntype RefCallback<T> = ReturnType<typeof createRefCallback<T>>;\nconst CALLBACK_AS_KEY = { callbackAsKey: true };\n\ntype CacheKey<T> = NonNullable<RefVariants<T> | typeof CALLBACK_AS_KEY>;\ntype CacheValue<T> = RefCallback<T> | WeakMap<CacheKey<T>, CacheValue<T>>;\n\nconst cache = new WeakMap<CacheKey<any>, CacheValue<any>>();\n\n/**\n * Позволяет объединить несколько параметров ref в один вызов, в котором во все переданные параметры просетится ref.\n *\n * Кеширует результат возвращаемой функции, так что при одинаковых входных параметрах React-у будет возвращена одинаковая функция.\n * Это позволит не вызывать лишние commitAttachRef и commitDetachRef и не ловить сайдэффекты связанные со значением ref в моменте\n *\n * Не прокидывай в параметрах стрелочные функции, так результат не будет закеширован.\n *\n * @returns function that passed refs: (...refs) =>\n *\n * @example\n * const SomeComponent = forwardRef((props, ref) => {\n *  const localRef = useRef();\n *  return <div ref={mergeRefs(localRef, ref)} />;\n * });\n */\nexport function mergeRefs<T>(...refs: Array<RefVariants<T>>): RefCallback<T> {\n  const cacheLevel = getLeafRefInCache(...refs);\n\n  const cachedCallback = cacheLevel.get(CALLBACK_AS_KEY);\n  if (cachedCallback && typeof cachedCallback === 'function') {\n    return cachedCallback;\n  }\n\n  const newRefCallback = createRefCallback<T>(refs);\n  cacheLevel.set(CALLBACK_AS_KEY, newRefCallback);\n\n  return newRefCallback;\n}\n\nfunction createRefCallback<T>(refs: Array<RefVariants<T>>) {\n  function applyRef(value: T) {\n    refs.forEach((ref) => {\n      if (typeof ref === 'function') {\n        return ref(value);\n      } else if (isNonNullable(ref)) {\n        return ((ref as React.MutableRefObject<T>).current = value);\n      }\n    });\n  }\n  return applyRef;\n}\n\nfunction getLeafRefInCache<T>(...refs: Array<RefVariants<T>>) {\n  let cacheLevel = cache;\n  for (const ref of refs) {\n    if (isNullable(ref)) {\n      continue;\n    }\n    const child = cacheLevel.get(ref);\n\n    if (child && typeof child !== 'function') {\n      cacheLevel = child;\n    } else {\n      const leaf = new WeakMap();\n      cacheLevel.set(ref, leaf);\n      cacheLevel = leaf;\n    }\n  }\n  return cacheLevel;\n}\n"],"mappings":";;;;AAIA,IAAAA,MAAA,GAAAC,OAAA;;;;AAIA,IAAMC,eAAe,GAAG,EAAEC,aAAa,EAAE,IAAI,CAAC,CAAC;;;;;AAK/C,IAAMC,KAAK,GAAG,IAAIC,OAAO,CAAiC,CAAC;;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,SAASA,CAAA,EAAoD,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAA7CC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;EAClC,IAAMC,UAAU,GAAGC,iBAAiB,CAAAC,KAAA,SAAIL,IAAI,CAAC;;EAE7C,IAAMM,cAAc,GAAGH,UAAU,CAACI,GAAG,CAACf,eAAe,CAAC;EACtD,IAAIc,cAAc,IAAI,OAAOA,cAAc,KAAK,UAAU,EAAE;IAC1D,OAAOA,cAAc;EACvB;;EAEA,IAAME,cAAc,GAAGC,iBAAiB,CAAIT,IAAI,CAAC;EACjDG,UAAU,CAACO,GAAG,CAAClB,eAAe,EAAEgB,cAAc,CAAC;;EAE/C,OAAOA,cAAc;AACvB;;AAEA,SAASC,iBAAiBA,CAAIT,IAA2B,EAAE;EACzD,SAASW,QAAQA,CAACC,KAAQ,EAAE;IAC1BZ,IAAI,CAACa,OAAO,CAAC,UAACC,GAAG,EAAK;MACpB,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;QAC7B,OAAOA,GAAG,CAACF,KAAK,CAAC;MACnB,CAAC,MAAM,IAAI,IAAAG,oBAAa,EAACD,GAAG,CAAC,EAAE;QAC7B,OAASA,GAAG,CAA+BE,OAAO,GAAGJ,KAAK;MAC5D;IACF,CAAC,CAAC;EACJ;EACA,OAAOD,QAAQ;AACjB;;AAEA,SAASP,iBAAiBA,CAAA,EAAoC;EAC5D,IAAID,UAAU,GAAGT,KAAK,CAAC,SAAAuB,KAAA,GAAAnB,SAAA,CAAAC,MAAA,EADQC,IAAI,OAAAC,KAAA,CAAAgB,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA,KAAJlB,IAAI,CAAAkB,KAAA,IAAApB,SAAA,CAAAoB,KAAA;EAEnC,SAAAC,EAAA,MAAAC,KAAA,GAAkBpB,IAAI,EAAAmB,EAAA,GAAAC,KAAA,CAAArB,MAAA,EAAAoB,EAAA,IAAE,CAAnB,IAAML,GAAG,GAAAM,KAAA,CAAAD,EAAA;IACZ,IAAI,IAAAE,iBAAU,EAACP,GAAG,CAAC,EAAE;MACnB;IACF;IACA,IAAMQ,KAAK,GAAGnB,UAAU,CAACI,GAAG,CAACO,GAAG,CAAC;;IAEjC,IAAIQ,KAAK,IAAI,OAAOA,KAAK,KAAK,UAAU,EAAE;MACxCnB,UAAU,GAAGmB,KAAK;IACpB,CAAC,MAAM;MACL,IAAMC,IAAI,GAAG,IAAI5B,OAAO,CAAC,CAAC;MAC1BQ,UAAU,CAACO,GAAG,CAACI,GAAG,EAAES,IAAI,CAAC;MACzBpB,UAAU,GAAGoB,IAAI;IACnB;EACF;EACA,OAAOpB,UAAU;AACnB","ignoreList":[]}

package/cjs/lib/needsPolyfillPlaceholder.d.ts

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

package/cjs/lib/needsPolyfillPlaceholder.js

@@ -0,0 +1,21 @@
+"use strict";exports.__esModule = true;exports.needsPolyfillPlaceholder = void 0;var _globalObject = require("@skbkontur/global-object");
+
+var _client = require("./client");
+
+var needsPolyfillPlaceholderInternal = function needsPolyfillPlaceholderInternal() {
+  if (_globalObject.globalObject.document) {
+    var supportsPlaceholder = ('placeholder' in _globalObject.globalObject.document.createElement('input'));
+    if (!supportsPlaceholder || _client.isIE11) {
+      return true;
+    }
+  }
+
+  return false;
+};
+
+/**
+ * Определяет поддерживает ли браузер аттрибут `placeholder` для тега `input`
+ *
+ * Равен true, если браузеру нужен полифил для placeholder. Иначе - false
+ */
+var needsPolyfillPlaceholder = exports.needsPolyfillPlaceholder = needsPolyfillPlaceholderInternal();

package/cjs/lib/needsPolyfillPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_globalObject","require","_client","needsPolyfillPlaceholderInternal","globalObject","document","supportsPlaceholder","createElement","isIE11","needsPolyfillPlaceholder","exports"],"sources":["needsPolyfillPlaceholder.ts"],"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"],"mappings":"iFAAA,IAAAA,aAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA;;AAEA,IAAME,gCAAgC,GAAG,SAAnCA,gCAAgCA,CAAA,EAAS;EAC7C,IAAIC,0BAAY,CAACC,QAAQ,EAAE;IACzB,IAAMC,mBAAmB,IAAG,aAAa,IAAIF,0BAAY,CAACC,QAAQ,CAACE,aAAa,CAAC,OAAO,CAAC;IACzF,IAAI,CAACD,mBAAmB,IAAIE,cAAM,EAAE;MAClC,OAAO,IAAI;IACb;EACF;;EAEA,OAAO,KAAK;AACd,CAAC;;AAED;AACA;AACA;AACA;AACA;AACO,IAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAGN,gCAAgC,CAAC,CAAC","ignoreList":[]}

package/cjs/lib/net/fetch.d.ts

@@ -0,0 +1,13 @@
+interface ApiResponseType {
+    ok: boolean;
+    status: number;
+    statusText: string;
+    text: () => Promise<string>;
+    json: () => Promise<Record<string, any>>;
+}
+type Result = Promise<ApiResponseType>;
+export declare function fetch(uri: string, options?: {
+    method?: 'GET' | 'POST';
+    body?: string;
+}): Result;
+export {};

package/cjs/lib/net/fetch.js

@@ -0,0 +1,54 @@
+"use strict";exports.__esModule = true;exports.fetch = fetch;var _globalObject = require("@skbkontur/global-object");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function fetch(uri, options) {if (options === void 0) {options = {};}
+  var method = options.method || 'GET';
+  var xhr = createXHR();
+
+  var promise = new Promise(function (resolve, reject) {
+    if (xhr) {
+      xhr.onerror = reject;
+      xhr.ontimeout = reject;
+
+      xhr.onload = function () {
+        resolve({
+          ok: xhr.status >= 200 && xhr.status < 300,
+          status: xhr.status,
+          statusText: xhr.statusText,
+          text: function text() {return Promise.resolve(xhr.responseText);},
+          json: function json() {return Promise.resolve(JSON.parse(xhr.responseText));}
+        });
+      };
+    }
+  });
+
+  if (xhr) {
+    xhr.open(method, uri);
+    xhr.send(options.body);
+  }
+
+  return promise;
+}
+
+function createXHR() {
+  var globalWithXDomainRequest = _globalObject.globalObject;
+  if (globalWithXDomainRequest.XDomainRequest) {
+    return new globalWithXDomainRequest.XDomainRequest();
+  }
+  if (_globalObject.globalObject.XMLHttpRequest) {
+    return new _globalObject.globalObject.XMLHttpRequest();
+  }
+}

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

@@ -0,0 +1 @@
+{"version":3,"names":["_globalObject","require","fetch","uri","options","method","xhr","createXHR","promise","Promise","resolve","reject","onerror","ontimeout","onload","ok","status","statusText","text","responseText","json","JSON","parse","open","send","body","globalWithXDomainRequest","globalObject","XDomainRequest","XMLHttpRequest"],"sources":["fetch.ts"],"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\ninterface GlobalWithXDomainRequest {\n  XDomainRequest?: typeof XDomainRequest;\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  const globalWithXDomainRequest = globalObject as GlobalWithXDomainRequest;\n  if (globalWithXDomainRequest.XDomainRequest) {\n    return new globalWithXDomainRequest.XDomainRequest();\n  }\n  if (globalObject.XMLHttpRequest) {\n    return new globalObject.XMLHttpRequest();\n  }\n}\n"],"mappings":"6DAAA,IAAAA,aAAA,GAAAC,OAAA;;;;;;;;;;;;;;;;AAgBO,SAASC,KAAKA,CAACC,GAAW,EAAEC,OAAmD,EAAe,KAAlEA,OAAmD,cAAnDA,OAAmD,GAAG,CAAC,CAAC;EACzF,IAAMC,MAAM,GAAGD,OAAO,CAACC,MAAM,IAAI,KAAK;EACtC,IAAMC,GAAG,GAAGC,SAAS,CAAC,CAAC;;EAEvB,IAAMC,OAAO,GAAG,IAAIC,OAAO,CAAkB,UAACC,OAAO,EAAEC,MAAM,EAAK;IAChE,IAAIL,GAAG,EAAE;MACPA,GAAG,CAACM,OAAO,GAAGD,MAAM;MACpBL,GAAG,CAACO,SAAS,GAAGF,MAAM;;MAEtBL,GAAG,CAACQ,MAAM,GAAG,YAAM;QACjBJ,OAAO,CAAC;UACNK,EAAE,EAAET,GAAG,CAACU,MAAM,IAAI,GAAG,IAAIV,GAAG,CAACU,MAAM,GAAG,GAAG;UACzCA,MAAM,EAAEV,GAAG,CAACU,MAAM;UAClBC,UAAU,EAAEX,GAAG,CAACW,UAAU;UAC1BC,IAAI,EAAE,SAAAA,KAAA,UAAMT,OAAO,CAACC,OAAO,CAACJ,GAAG,CAACa,YAAY,CAAC;UAC7CC,IAAI,EAAE,SAAAA,KAAA,UAAMX,OAAO,CAACC,OAAO,CAACW,IAAI,CAACC,KAAK,CAAChB,GAAG,CAACa,YAAY,CAAC,CAAC;QAC3D,CAAC,CAAC;MACJ,CAAC;IACH;EACF,CAAC,CAAC;;EAEF,IAAIb,GAAG,EAAE;IACPA,GAAG,CAACiB,IAAI,CAAClB,MAAM,EAAEF,GAAG,CAAC;IACrBG,GAAG,CAACkB,IAAI,CAACpB,OAAO,CAACqB,IAAI,CAAC;EACxB;;EAEA,OAAOjB,OAAO;AAChB;;AAEA,SAASD,SAASA,CAAA,EAAG;EACnB,IAAMmB,wBAAwB,GAAGC,0BAAwC;EACzE,IAAID,wBAAwB,CAACE,cAAc,EAAE;IAC3C,OAAO,IAAIF,wBAAwB,CAACE,cAAc,CAAC,CAAC;EACtD;EACA,IAAID,0BAAY,CAACE,cAAc,EAAE;IAC/B,OAAO,IAAIF,0BAAY,CAACE,cAAc,CAAC,CAAC;EAC1C;AACF","ignoreList":[]}

package/cjs/lib/reactGetTextContent.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function reactGetTextContent(rootReactNode: React.ReactNode): string;

package/cjs/lib/reactGetTextContent.js

@@ -0,0 +1,21 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.reactGetTextContent = reactGetTextContent;var _react = _interopRequireDefault(require("react"));
+
+function reactGetTextContent(rootReactNode) {
+  var result = '';
+
+  var getText = function getText(reactNode) {
+    if (typeof reactNode === 'string' || typeof reactNode === 'number') {
+      result += reactNode.toString();
+    } else if (Array.isArray(reactNode)) {
+      reactNode.forEach(function (node) {return getText(node);});
+    } else if ( /*#__PURE__*/_react.default.isValidElement(reactNode) && reactNode.props) {
+      var children = reactNode.props.children;
+
+      getText(children);
+    }
+  };
+
+  getText(rootReactNode);
+
+  return result;
+}

package/cjs/lib/reactGetTextContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","reactGetTextContent","rootReactNode","result","getText","reactNode","toString","Array","isArray","forEach","node","React","isValidElement","props","children"],"sources":["reactGetTextContent.ts"],"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"],"mappings":"sLAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEO,SAASC,mBAAmBA,CAACC,aAA8B,EAAE;EAClE,IAAIC,MAAM,GAAG,EAAE;;EAEf,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAIC,SAA0B,EAAK;IAC9C,IAAI,OAAOA,SAAS,KAAK,QAAQ,IAAI,OAAOA,SAAS,KAAK,QAAQ,EAAE;MAClEF,MAAM,IAAIE,SAAS,CAACC,QAAQ,CAAC,CAAC;IAChC,CAAC,MAAM,IAAIC,KAAK,CAACC,OAAO,CAACH,SAAS,CAAC,EAAE;MACnCA,SAAS,CAACI,OAAO,CAAC,UAACC,IAAI,UAAKN,OAAO,CAACM,IAAI,CAAC,GAAC;IAC5C,CAAC,MAAM,IAAI,cAAAC,cAAK,CAACC,cAAc,CAACP,SAAS,CAAC,IAAIA,SAAS,CAACQ,KAAK,EAAE;MAC7D,IAAQC,QAAQ,GAAKT,SAAS,CAACQ,KAAK,CAA5BC,QAAQ;;MAEhBV,OAAO,CAACU,QAAQ,CAAC;IACnB;EACF,CAAC;;EAEDV,OAAO,CAACF,aAAa,CAAC;;EAEtB,OAAOC,MAAM;AACf","ignoreList":[]}

package/cjs/lib/rootNode/getRootNode.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+import type { Nullable } from '../../typings/utility-types';
+/**
+ * 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 `Element` or null
+ */
+export declare const getRootNode: (instance: Nullable<React.ReactInstance>) => Nullable<Element>;

package/cjs/lib/rootNode/getRootNode.js

@@ -0,0 +1,76 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getRootNode = void 0;var _reactDom = require("react-dom");
+
+var _warning = _interopRequireDefault(require("warning"));
+
+
+var _utils = require("../utils");
+
+var _rootNodeDecorator = require("./rootNodeDecorator");
+
+/**
+ * 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 `Element` or null
+ */
+
+var getRootNode = exports.getRootNode = function getRootNode(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 (!instance) {
+    // instance can be `null` if component was unmounted
+    // also checking undefined for convenient usage
+    return null;
+  }
+
+  if ((0, _utils.isElement)(instance)) {
+    // instance can be an Element already if its coming
+    // from Refs of intrinsic elements (<div />, <button />, etc.)
+    return instance;
+  }
+
+  var rootNode;
+
+  if ((0, _rootNodeDecorator.isInstanceWithRootNode)(instance)) {
+    rootNode = instance.getRootNode();
+  }
+
+  if (rootNode !== undefined) {
+    // 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;
+  }
+
+  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 interested in Elements, so just filter it
+  return (0, _utils.isElement)(rootNode) ? rootNode : null;
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactDom","require","_warning","_interopRequireDefault","_utils","_rootNodeDecorator","getRootNode","exports","instance","isElement","rootNode","isInstanceWithRootNode","undefined","findDOMNode","e","warning","message"],"sources":["getRootNode.ts"],"sourcesContent":["import { findDOMNode } from 'react-dom';\nimport type React from 'react';\nimport warning from 'warning';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport { isElement } from '../utils';\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 (!instance) {\n    // instance can be `null` if component was unmounted\n    // also checking undefined for convenient usage\n    return null;\n  }\n\n  if (isElement(instance)) {\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    rootNode = instance.getRootNode();\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 isElement(rootNode) ? rootNode : null;\n};\n"],"mappings":"iKAAA,IAAAA,SAAA,GAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;;;AAGA,IAAAG,MAAA,GAAAH,OAAA;;AAEA,IAAAI,kBAAA,GAAAJ,OAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,IAAMK,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,QAAuC,EAAwB;EACzF;AACF;AACA;AACA;AACA;AACA;AACA;;EAEE,IAAI,CAACA,QAAQ,EAAE;IACb;IACA;IACA,OAAO,IAAI;EACb;;EAEA,IAAI,IAAAC,gBAAS,EAACD,QAAQ,CAAC,EAAE;IACvB;IACA;IACA,OAAOA,QAAQ;EACjB;;EAEA,IAAIE,QAAQ;;EAEZ,IAAI,IAAAC,yCAAsB,EAACH,QAAQ,CAAC,EAAE;IACpCE,QAAQ,GAAGF,QAAQ,CAACF,WAAW,CAAC,CAAC;EACnC;;EAEA,IAAII,QAAQ,KAAKE,SAAS,EAAE;IAC1B;IACA;IACA,OAAOF,QAAQ;EACjB;;EAEA,IAAI;IACF;IACA;IACA;IACA;IACAA,QAAQ,GAAG,IAAAG,qBAAW,EAACL,QAAQ,CAAC;EAClC,CAAC,CAAC,OAAOM,CAAC,EAAE;IACV;IACA;IACA;IACA,IAAAC,gBAAO;MACL,KAAK;MACL,+CAA+C;MAC7C,IAAI;MACJ,+FAA+F;MAC/F,MAAM;MACND,CAAC,CAACE;IACN,CAAC;IACD,OAAO,IAAI;EACb;;EAEA;EACA,OAAO,IAAAP,gBAAS,EAACC,QAAQ,CAAC,GAAGA,QAAQ,GAAG,IAAI;AAC9C,CAAC","ignoreList":[]}

package/cjs/lib/rootNode/index.d.ts

@@ -0,0 +1,2 @@
+export * from './getRootNode';
+export * from './rootNodeDecorator';

package/cjs/lib/rootNode/index.js

@@ -0,0 +1,2 @@
+"use strict";exports.__esModule = true;var _getRootNode = require("./getRootNode");Object.keys(_getRootNode).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _getRootNode[key]) return;exports[key] = _getRootNode[key];});
+var _rootNodeDecorator = require("./rootNodeDecorator");Object.keys(_rootNodeDecorator).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _rootNodeDecorator[key]) return;exports[key] = _rootNodeDecorator[key];});

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

@@ -0,0 +1 @@
+{"version":3,"names":["_getRootNode","require","Object","keys","forEach","key","exports","_rootNodeDecorator"],"sources":["index.ts"],"sourcesContent":["export * from './getRootNode';\nexport * from './rootNodeDecorator';\n"],"mappings":"uCAAA,IAAAA,YAAA,GAAAC,OAAA,kBAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,YAAA,CAAAK,GAAA;AACA,IAAAE,kBAAA,GAAAN,OAAA,wBAAAC,MAAA,CAAAC,IAAA,CAAAI,kBAAA,EAAAH,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,kBAAA,CAAAF,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAE,kBAAA,CAAAF,GAAA","ignoreList":[]}

package/cjs/lib/rootNode/rootNodeDecorator.d.ts

@@ -0,0 +1,56 @@
+import type React from 'react';
+import EventEmitter from 'eventemitter3';
+import type { Nullable } from '../../typings/utility-types';
+export type TSetRootNode = (e: Nullable<React.ReactInstance>) => void;
+export interface TRootNodeSubscription {
+    remove: () => void;
+}
+export interface InstanceWithRootNode {
+    getRootNode: () => Nullable<Element>;
+    addRootNodeChangeListener?: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;
+}
+interface ComponentWithDefaultRootNode {
+    defaultRootNode?: Element | null;
+}
+interface ComponentWithKonturReactUI {
+    __KONTUR_REACT_UI__?: string;
+    displayName?: string;
+}
+interface DecoratableClassComponent extends ComponentWithDefaultRootNode, ComponentWithKonturReactUI {
+    new (...args: any[]): React.Component;
+}
+export declare function rootNode<T extends DecoratableClassComponent>(Component: T): {
+    new (...args: any[]): {
+        rootNode: Nullable<Element>;
+        rootNodeEmitter: EventEmitter<string | symbol, any>;
+        setRootNode: (instance: Nullable<React.ReactInstance>) => void;
+        getRootNode: () => Nullable<Element>;
+        addRootNodeChangeListener: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        render(): React.ReactNode;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    __KONTUR_REACT_UI__: string | undefined;
+    displayName: string | undefined;
+    defaultRootNode?: Element | null | undefined;
+} & T;
+export declare const isInstanceWithRootNode: (instance: unknown) => instance is InstanceWithRootNode;
+export {};

package/cjs/lib/rootNode/rootNodeDecorator.js

@@ -0,0 +1,74 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.isInstanceWithRootNode = void 0;exports.rootNode = rootNode;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+var _eventemitter = _interopRequireDefault(require("eventemitter3"));
+
+
+
+var _getRootNode = require("./getRootNode");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function rootNode(Component) {var _Class;
+  var rootNode = (_Class = /*#__PURE__*/function (_Component) {
+
+
+
+
+
+    function rootNode() {var _this;
+      _this = _Component.call(this, arguments.length <= 0 ? undefined : arguments[0]) || this;_this.rootNode = Component.defaultRootNode;_this.rootNodeEmitter = new _eventemitter.default();_this.
+
+
+      setRootNode = function (instance) {
+        var _rootNode = (0, _getRootNode.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;}(0, _inheritsLoose2.default)(rootNode, _Component);return rootNode;}(Component), _Class.__KONTUR_REACT_UI__ = Component.__KONTUR_REACT_UI__, _Class.displayName = Component.displayName, _Class);
+
+
+  var nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');
+  if (!nameDescriptor || nameDescriptor.configurable) {
+    Object.defineProperty(rootNode, 'name', { value: Component.name });
+  }
+
+  return rootNode;
+}
+
+var isInstanceWithRootNode = exports.isInstanceWithRootNode = function isInstanceWithRootNode(instance) {
+  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getRootNode');
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["_eventemitter","_interopRequireDefault","require","_getRootNode","rootNode","Component","_Class","_Component","_this","call","arguments","length","undefined","defaultRootNode","rootNodeEmitter","EventEmitter","setRootNode","instance","getRootNode","emit","addRootNodeChangeListener","callback","addListener","remove","removeListener","_inheritsLoose2","default","__KONTUR_REACT_UI__","displayName","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","value","name","isInstanceWithRootNode","exports","Boolean","prototype","hasOwnProperty"],"sources":["rootNodeDecorator.tsx"],"sourcesContent":["import type React from 'react';\nimport EventEmitter from 'eventemitter3';\n\nimport type { Nullable } from '../../typings/utility-types';\n\nimport { getRootNode } from './getRootNode';\n\nexport type TSetRootNode = (e: Nullable<React.ReactInstance>) => void;\n\nexport interface TRootNodeSubscription {\n  remove: () => void;\n}\n\nexport interface InstanceWithRootNode {\n  getRootNode: () => Nullable<Element>;\n  addRootNodeChangeListener?: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;\n}\n\ninterface ComponentWithDefaultRootNode {\n  defaultRootNode?: Element | null;\n}\ninterface ComponentWithKonturReactUI {\n  __KONTUR_REACT_UI__?: string;\n  displayName?: string;\n}\n\ninterface DecoratableClassComponent extends ComponentWithDefaultRootNode, ComponentWithKonturReactUI {\n  new (...args: any[]): React.Component;\n}\n\nexport function rootNode<T extends DecoratableClassComponent>(Component: T) {\n  const rootNode = class extends Component implements InstanceWithRootNode {\n    public static __KONTUR_REACT_UI__ = Component.__KONTUR_REACT_UI__;\n    public static displayName = Component.displayName;\n\n    public rootNode: Nullable<Element> = Component.defaultRootNode;\n    public rootNodeEmitter = new EventEmitter();\n    public constructor(...args: any[]) {\n      super(args[0]);\n    }\n\n    public setRootNode = (instance: Nullable<React.ReactInstance>) => {\n      const rootNode = getRootNode(instance);\n      if (rootNode !== this.rootNode) {\n        this.rootNode = rootNode;\n        this.rootNodeEmitter.emit('change', rootNode);\n      }\n    };\n\n    public getRootNode = (): Nullable<Element> => {\n      return this.rootNode;\n    };\n\n    public addRootNodeChangeListener = (callback: (node: Nullable<Element>) => void): TRootNodeSubscription => {\n      this.rootNodeEmitter.addListener('change', callback);\n      return {\n        remove: () => {\n          this.rootNodeEmitter.removeListener('change', callback);\n        },\n      };\n    };\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(rootNode, 'name', { value: Component.name });\n  }\n\n  return rootNode;\n}\n\nexport const isInstanceWithRootNode = (instance: unknown): instance is InstanceWithRootNode => {\n  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getRootNode');\n};\n"],"mappings":";AACA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;AAIA,IAAAC,YAAA,GAAAD,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,SAASE,QAAQA,CAAsCC,SAAY,EAAE,KAAAC,MAAA;EAC1E,IAAMF,QAAQ,IAAAE,MAAA,0BAAAC,UAAA;;;;;;IAMZ,SAAAH,SAAA,EAAmC,KAAAI,KAAA;MACjCA,KAAA,GAAAD,UAAA,CAAAE,IAAA,OAAAC,SAAA,CAAAC,MAAA,QAAAC,SAAA,GAAAF,SAAA,GAAa,CAAC,SAACF,KAAA,CAHVJ,QAAQ,GAAsBC,SAAS,CAACQ,eAAe,CAAAL,KAAA,CACvDM,eAAe,GAAG,IAAIC,qBAAY,CAAC,CAAC,CAAAP,KAAA;;;MAKpCQ,WAAW,GAAG,UAACC,QAAuC,EAAK;QAChE,IAAMb,SAAQ,GAAG,IAAAc,wBAAW,EAACD,QAAQ,CAAC;QACtC,IAAIb,SAAQ,KAAKI,KAAA,CAAKJ,QAAQ,EAAE;UAC9BI,KAAA,CAAKJ,QAAQ,GAAGA,SAAQ;UACxBI,KAAA,CAAKM,eAAe,CAACK,IAAI,CAAC,QAAQ,EAAEf,SAAQ,CAAC;QAC/C;MACF,CAAC,CAAAI,KAAA;;MAEMU,WAAW,GAAG,YAAyB;QAC5C,OAAOV,KAAA,CAAKJ,QAAQ;MACtB,CAAC,CAAAI,KAAA;;MAEMY,yBAAyB,GAAG,UAACC,QAA2C,EAA4B;QACzGb,KAAA,CAAKM,eAAe,CAACQ,WAAW,CAAC,QAAQ,EAAED,QAAQ,CAAC;QACpD,OAAO;UACLE,MAAM,EAAE,SAAAA,OAAA,EAAM;YACZf,KAAA,CAAKM,eAAe,CAACU,cAAc,CAAC,QAAQ,EAAEH,QAAQ,CAAC;UACzD;QACF,CAAC;MACH,CAAC,QAAAb,KAAA,CArBD,CAAC,IAAAiB,eAAA,CAAAC,OAAA,EAAAtB,QAAA,EAAAG,UAAA,SAAAH,QAAA,GAR4BC,SAAS,GAAAC,MAAA,CACxBqB,mBAAmB,GAAGtB,SAAS,CAACsB,mBAAmB,EAAArB,MAAA,CACnDsB,WAAW,GAAGvB,SAAS,CAACuB,WAAW,EAAAtB,MAAA,CA4BlD;;;EAED,IAAMuB,cAAc,GAAGC,MAAM,CAACC,wBAAwB,CAAC3B,QAAQ,EAAE,MAAM,CAAC;EACxE,IAAI,CAACyB,cAAc,IAAIA,cAAc,CAACG,YAAY,EAAE;IAClDF,MAAM,CAACG,cAAc,CAAC7B,QAAQ,EAAE,MAAM,EAAE,EAAE8B,KAAK,EAAE7B,SAAS,CAAC8B,IAAI,CAAC,CAAC,CAAC;EACpE;;EAEA,OAAO/B,QAAQ;AACjB;;AAEO,IAAMgC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAInB,QAAiB,EAAuC;EAC7F,OAAOqB,OAAO,CAACrB,QAAQ,CAAC,IAAIa,MAAM,CAACS,SAAS,CAACC,cAAc,CAAC/B,IAAI,CAACQ,QAAQ,EAAE,aAAa,CAAC;AAC3F,CAAC","ignoreList":[]}

package/cjs/lib/stringUtils.d.ts

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

package/cjs/lib/stringUtils.js

@@ -0,0 +1,15 @@
+"use strict";exports.__esModule = true;exports.truncate = void 0;var truncate = exports.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/cjs/lib/stringUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["truncate","exports","truncateString","maxLength","separator","length","separatorLength","charsCountToShow","frontCharsCount","Math","ceil","backCharsCount","floor","substr"],"sources":["stringUtils.ts"],"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"],"mappings":"iEAAO,IAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAIE,cAAsB,EAAEC,SAAiB,EAAEC,SAAS,EAAa,KAAtBA,SAAS,cAATA,SAAS,GAAG,KAAK;EACnF,IAAIF,cAAc,CAACG,MAAM,IAAIF,SAAS,EAAE;IACtC,OAAOD,cAAc;EACvB;;EAEA,IAAMI,eAAe,GAAGF,SAAS,CAACC,MAAM;EACxC,IAAME,gBAAgB,GAAGJ,SAAS,GAAGG,eAAe;;EAEpD,IAAME,eAAe,GAAGC,IAAI,CAACC,IAAI,CAACH,gBAAgB,GAAG,CAAC,CAAC;EACvD,IAAMI,cAAc,GAAGF,IAAI,CAACG,KAAK,CAACL,gBAAgB,GAAG,CAAC,CAAC;;EAEvD,YAAUL,cAAc,CAACW,MAAM,CAAC,CAAC,EAAEL,eAAe,CAAC,GAAGJ,SAAS,GAAGF,cAAc,CAACW,MAAM;IACrFX,cAAc,CAACG,MAAM,GAAGM;EAC1B,CAAC;AACH,CAAC","ignoreList":[]}

package/cjs/lib/styles/ColorFactory.d.ts

@@ -0,0 +1,11 @@
+import { ColorObject } from './ColorObject';
+export declare class ColorFactory {
+    static create(input: string): ColorObject;
+    private static cache;
+    private static instantiate;
+    private static isKeyword;
+    private static fromKeyword;
+    private static fromHex;
+    private static fromRGB;
+    private static fromHSL;
+}

package/cjs/lib/styles/ColorFactory.js

@@ -0,0 +1,118 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ColorFactory = void 0;var _warning = _interopRequireDefault(require("warning"));
+
+var _ColorHelpers = require("./ColorHelpers");
+var _ColorKeywords = require("./ColorKeywords");
+
+var _ColorObject = require("./ColorObject");
+
+
+
+
+
+var RGB_REGEX =
+/(?:rgba|rgb)\(\s*(\d{1,3}(?:(?:\.\d+)?%)?)\s*,?\s*(\d{1,3}(?:(?:\.\d+)?%)?)\s*,?\s*(\d{1,3}(?:(?:\.\d+)?%)?)\s*(?:\)|(?:,|\/)?\s*(0|0\.\d+|1|1\.0+|\d{1,3}(?:(?:\.\d+)?%))\s*\))/;
+var HSL_REGEX =
+/(?:hsla|hsl)\(\s*(\d{1,3}(?:deg)?\b)\s*,?\s*(\d{1,3}\.?\d*%|[0-1](?:\.\d*)?\b)\s*,?\s*(\d{1,3}\.?\d*%|[0-1](?:\.\d*)?\b)\s*(?:\)|(?:,|\/)?\s*(\d{1,3}\.?\d*%|\d+(?:\.\d*)?)\s*\))/;
+var HEX_REGEX = /^#([0-9a-f]{3}|[0-9a-f]{6})$/;var
+
+ColorFactory = exports.ColorFactory = /*#__PURE__*/function () {function ColorFactory() {}ColorFactory.
+  create = function create(input) {
+    if (!this.cache[input]) {
+      this.cache[input] = Object.freeze(this.instantiate(input));
+    }
+
+    return this.cache[input];
+  };ColorFactory.
+
+
+
+  instantiate = function instantiate(input) {
+    if (typeof input !== 'string') {
+      (0, _warning.default)(false, "Invalid type of input (" + typeof input + "), expected a string. Returning transparent color");
+      return new _ColorObject.ColorObject([0, 0, 0], 1.0, 'transparent');
+    }
+    var lowercasedTrimmedInput = input.toLowerCase().trim();
+
+    if (lowercasedTrimmedInput === 'transparent') {
+      return new _ColorObject.ColorObject([0, 0, 0], 0, 'transparent');
+    }
+
+    if (this.isKeyword(lowercasedTrimmedInput)) {
+      return this.fromKeyword(lowercasedTrimmedInput);
+    }
+
+    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);
+      g = (0, _ColorHelpers.clamp)(g, 255);
+      b = (0, _ColorHelpers.clamp)(b, 255);
+      a = (0, _ColorHelpers.clamp)(a, 1);
+
+      return this.fromRGB(r, g, b, a);
+    }
+
+    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);
+      s = (0, _ColorHelpers.clamp)(s, 1);
+      l = (0, _ColorHelpers.clamp)(l, 1);
+      _a = (0, _ColorHelpers.clamp)(_a, 1);
+
+      return this.fromHSL(h, s, l, _a);
+    }
+
+    return this.fromHex(lowercasedTrimmedInput);
+  };ColorFactory.
+
+  isKeyword = function isKeyword(input) {
+    return Object.prototype.hasOwnProperty.call(_ColorKeywords.ColorKeywords, input);
+  };ColorFactory.
+
+  fromKeyword = function fromKeyword(keyword) {
+    return this.fromHex(_ColorKeywords.ColorKeywords[keyword], keyword);
+  };ColorFactory.
+
+  fromHex = function fromHex(hexString, type) {if (type === void 0) {type = 'hex';}
+    if (!HEX_REGEX.test(hexString)) {
+      throw new Error(hexString + " is not a valid hex color string");
+    }
+
+    var colorCode = hexString.substring(1);
+    var rgb = [0, 0, 0];
+    if (colorCode.length === 6) {var _colorCode$match;
+      (_colorCode$match = colorCode.match(/.{2}/g)) == null || _colorCode$match.forEach(function (c, i) {
+        rgb[i] = parseInt(c, 16);
+      });
+    } else if (colorCode.length === 3) {
+      colorCode.split('').forEach(function (c, i) {
+        rgb[i] = parseInt(c + c, 16);
+      });
+    }
+    return new _ColorObject.ColorObject(rgb, 1.0, type);
+  };ColorFactory.
+
+  fromRGB = function fromRGB(r, g, b, a) {if (a === void 0) {a = 1.0;}
+    return new _ColorObject.ColorObject([r, g, b], a, a < 1 ? 'rgba' : 'rgb');
+  };ColorFactory.
+
+  fromHSL = function fromHSL(h, s, l, a) {if (a === void 0) {a = 1.0;}
+    if (s === 0) {
+      var gray = Math.round(l * 255);
+      return new _ColorObject.ColorObject([gray, gray, gray], a, a < 1 ? 'hsla' : 'hsl');
+    }
+
+    var hDeg = h / 360;
+    var t1 = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    var t2 = l * 2 - t1;
+
+    var r = (0, _ColorHelpers.hue2rgb)(hDeg + 1 / 3, t1, t2);
+    var g = (0, _ColorHelpers.hue2rgb)(hDeg, t1, t2);
+    var b = (0, _ColorHelpers.hue2rgb)(hDeg - 1 / 3, t1, t2);
+
+    var rgb = [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
+    return new _ColorObject.ColorObject(rgb, a, a < 1 ? 'hsla' : 'hsl');
+  };return ColorFactory;}();ColorFactory.cache = Object.create(null);

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

@@ -0,0 +1 @@
+{"version":3,"names":["_warning","_interopRequireDefault","require","_ColorHelpers","_ColorKeywords","_ColorObject","RGB_REGEX","HSL_REGEX","HEX_REGEX","ColorFactory","exports","create","input","cache","Object","freeze","instantiate","warning","ColorObject","lowercasedTrimmedInput","toLowerCase","trim","isKeyword","fromKeyword","startsWith","parts","extractColorParts","_parseRGBParts","parseRGBParts","r","g","b","a","clamp","fromRGB","_parseHSLParts","parseHSLParts","h","s","l","fromHSL","fromHex","prototype","hasOwnProperty","call","ColorKeywords","keyword","hexString","type","test","Error","colorCode","substring","rgb","length","_colorCode$match","match","forEach","c","i","parseInt","split","gray","Math","round","hDeg","t1","t2","hue2rgb"],"sources":["ColorFactory.ts"],"sourcesContent":["import warning from 'warning';\n\nimport { clamp, extractColorParts, hue2rgb, parseHSLParts, parseRGBParts } from './ColorHelpers';\nimport { ColorKeywords } from './ColorKeywords';\nimport type { ColorKeywordsType, ColorType, RGBTuple } from './ColorObject';\nimport { ColorObject } from './ColorObject';\n\ninterface ColorFactoryCacheType {\n  [key: string]: ColorObject;\n}\n\nconst RGB_REGEX =\n  /(?: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*\\))/;\nconst HSL_REGEX =\n  /(?: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*\\))/;\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    }\n\n    if (this.isKeyword(lowercasedTrimmedInput)) {\n      return this.fromKeyword(lowercasedTrimmedInput);\n    }\n\n    if (lowercasedTrimmedInput.startsWith('rgb')) {\n      const parts = extractColorParts(lowercasedTrimmedInput, RGB_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    }\n\n    if (lowercasedTrimmedInput.startsWith('hsl')) {\n      const parts = extractColorParts(lowercasedTrimmedInput, HSL_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"],"mappings":"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","ignoreList":[]}

package/cjs/lib/styles/ColorFunctions.d.ts

@@ -0,0 +1,11 @@
+type MethodType = 'absolute' | 'relative';
+export declare function lighten(colorString: string, amount: number | string, method?: MethodType): string;
+export declare function darken(colorString: string, amount: number | string, method?: MethodType): string;
+export declare function contrast(colorString: string, darkString?: string, lightString?: string, threshold?: number): string;
+export declare const red: (colorString: string) => number;
+export declare const green: (colorString: string) => number;
+export declare const blue: (colorString: string) => number;
+export declare const alpha: (colorString: string) => number;
+export declare const isValid: (colorString: string) => boolean;
+export declare const fade: (colorString: string, alpha: number) => string;
+export {};