@skbkontur/react-ui 0.0.0-38b6d1ada0 → 0.0.0-444dd4e7b3

package/lib/net/fetch/fetch.js

@@ -0,0 +1,46 @@
+import { globalObject } from '@skbkontur/global-object';
+export 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() {
+  if (globalObject.XDomainRequest) {
+    return new globalObject.XDomainRequest();
+  }
+
+  if (globalObject.XMLHttpRequest) {
+    return new globalObject.XMLHttpRequest();
+  }
+}

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

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

package/lib/net/fetch/package.json

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

package/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>>;
+}
+declare type Result = Promise<ApiResponseType>;
+export declare function fetch(uri: string, options?: {
+    method?: 'GET' | 'POST';
+    body?: string;
+}): Result;
+export {};

package/lib/reactGetTextContent/package.json

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

package/lib/reactGetTextContent/reactGetTextContent.js

@@ -1,23 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-function reactGetTextContent(rootReactNode) {
+import React from 'react';
+export 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 (React.isValidElement(reactNode) && reactNode.props) {
-      // @ts-ignore
+    } else if (Array.isArray(reactNode)) {
+      reactNode.forEach(function (node) {
+        return getText(node);
+      });
+    } else if ( /*#__PURE__*/React.isValidElement(reactNode) && reactNode.props) {
       var children = reactNode.props.children;
       getText(children);
     }
   };
+
   getText(rootReactNode);
   return result;
-}
-exports["default"] = reactGetTextContent;
+}

package/lib/reactGetTextContent/reactGetTextContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"reactGetTextContent.js","sourceRoot":"","sources":["reactGetTextContent.ts"],"names":[],"mappings":";;;AAAA,mDAA+B;AAE/B,SAAwB,mBAAmB,CAAC,aAA8B;IACxE,IAAI,MAAM,GAAG,EAAE,CAAC;IAEhB,IAAM,OAAO,GAAG,UAAC,SAA0B;QACzC,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;YAClE,MAAM,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC;SAChC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YACnC,SAAS,CAAC,OAAO,CAAC,UAAA,IAAI,IAAI,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa,CAAC,CAAC;SAC1C;aAAM,IAAI,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,KAAK,EAAE;YAC7D,aAAa;YACL,IAAA,mCAAQ,CAAqB;YAErC,OAAO,CAAC,QAAQ,CAAC,CAAC;SACnB;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,aAAa,CAAC,CAAC;IAEvB,OAAO,MAAM,CAAC;AAChB,CAAC;AAnBD,sCAmBC"}
+{"version":3,"sources":["reactGetTextContent.ts"],"names":["React","reactGetTextContent","rootReactNode","result","getText","reactNode","toString","Array","isArray","forEach","node","isValidElement","props","children"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,OAAO,SAASC,mBAAT,CAA6BC,aAA7B,EAA6D;AAClE,MAAIC,MAAM,GAAG,EAAb;;AAEA,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,SAAD,EAAgC;AAC9C,QAAI,OAAOA,SAAP,KAAqB,QAArB,IAAiC,OAAOA,SAAP,KAAqB,QAA1D,EAAoE;AAClEF,MAAAA,MAAM,IAAIE,SAAS,CAACC,QAAV,EAAV;AACD,KAFD,MAEO,IAAIC,KAAK,CAACC,OAAN,CAAcH,SAAd,CAAJ,EAA8B;AACnCA,MAAAA,SAAS,CAACI,OAAV,CAAkB,UAACC,IAAD,UAAUN,OAAO,CAACM,IAAD,CAAjB,EAAlB;AACD,KAFM,MAEA,IAAI,cAAAV,KAAK,CAACW,cAAN,CAAqBN,SAArB,KAAmCA,SAAS,CAACO,KAAjD,EAAwD;AAC7D,UAAQC,QAAR,GAAqBR,SAAS,CAACO,KAA/B,CAAQC,QAAR;;AAEAT,MAAAA,OAAO,CAACS,QAAD,CAAP;AACD;AACF,GAVD;;AAYAT,EAAAA,OAAO,CAACF,aAAD,CAAP;;AAEA,SAAOC,MAAP;AACD","sourcesContent":["import React from 'react';\n\nexport function reactGetTextContent(rootReactNode: React.ReactNode) {\n  let result = '';\n\n  const getText = (reactNode: React.ReactNode) => {\n    if (typeof reactNode === 'string' || typeof reactNode === 'number') {\n      result += reactNode.toString();\n    } else if (Array.isArray(reactNode)) {\n      reactNode.forEach((node) => getText(node));\n    } else if (React.isValidElement(reactNode) && reactNode.props) {\n      const { children } = reactNode.props;\n\n      getText(children);\n    }\n  };\n\n  getText(rootReactNode);\n\n  return result;\n}\n"]}

package/lib/reactGetTextContent.d.ts

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

package/lib/rootNode/getRootNode/getRootNode.js

@@ -0,0 +1,71 @@
+/* eslint-disable react/no-find-dom-node */
+import { findDOMNode } from 'react-dom';
+import warning from 'warning';
+import { globalObject } from '@skbkontur/global-object';
+import { isInstanceOf } from "../../../lib/isInstanceOf";
+import { isInstanceWithRootNode } from "../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
+ */
+
+export var 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 (!globalObject.document || !instance) {
+    // instance can be `null` if component was unmounted
+    // also checking undefined for convenient usage
+    return null;
+  }
+
+  if (isInstanceOf(instance, globalObject.Element)) {
+    // instance can be an Element already if its coming
+    // from Refs of intrinsic elements (<div />, <button />, etc.)
+    return instance;
+  }
+
+  var rootNode;
+
+  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 Element
+    // which is a subclass of Node, so, just fixing types here
+    if (!isInstanceOf(instance, globalObject.Node)) {
+      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 = findDOMNode(instance);
+  } catch (e) {
+    // but findDOMNode doesn`t accept everything that instance can be at this point,
+    // so we have to handle exceptions
+    // see https://github.com/facebook/react/blob/cae63505/packages/react-dom/src/__tests__/findDOMNode-test.js#L66-L86
+    warning(false, '[getRootNode]: can`t fallback to findDOMNode.' + '\n' + 'See https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/README.md#strictmode' + '\n\n' + e.message);
+    return null;
+  } // the findDOMNode can also return Text, but we are only interested in Elements, so just filter it
+
+
+  return isInstanceOf(rootNode, globalObject.Element) ? rootNode : null;
+};

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

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

package/lib/rootNode/getRootNode/package.json

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

package/lib/rootNode/getRootNode.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { 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/lib/rootNode/index/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAd;AACA,cAAc,qBAAd","sourcesContent":["export * from './getRootNode';\nexport * from './rootNodeDecorator';\n"]}

package/lib/rootNode/index/package.json

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

package/lib/rootNode/index.d.ts

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

package/lib/rootNode/package.json

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

package/lib/rootNode/rootNodeDecorator/package.json

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

package/lib/rootNode/rootNodeDecorator/rootNodeDecorator.js

@@ -0,0 +1,60 @@
+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 _class, _temp;
+
+  var rootNode = (_temp = _class = /*#__PURE__*/function (_Component) {
+    _inheritsLoose(rootNode, _Component);
+
+    function rootNode() {
+      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) {
+        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;
+    }
+
+    return rootNode;
+  }(Component), _class.__KONTUR_REACT_UI__ = Component.__KONTUR_REACT_UI__, _temp);
+  var nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');
+
+  if (!nameDescriptor || nameDescriptor.configurable) {
+    Object.defineProperty(rootNode, 'name', {
+      value: Component.name
+    });
+  }
+
+  return rootNode;
+}
+export var isInstanceWithRootNode = function isInstanceWithRootNode(instance) {
+  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getRootNode');
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["rootNodeDecorator.tsx"],"names":["EventEmitter","getRootNode","rootNode","Component","defaultRootNode","rootNodeEmitter","setRootNode","instance","emit","addRootNodeChangeListener","callback","addListener","remove","removeListener","__KONTUR_REACT_UI__","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","value","name","isInstanceWithRootNode","Boolean","prototype","hasOwnProperty","call"],"mappings":"uEAAA;;AAEA,OAAOA,YAAP,MAAyB,eAAzB;;;;AAIA,SAASC,WAAT,QAA4B,eAA5B;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,OAAO,SAASC,QAAT,CAAuDC,SAAvD,EAAqE;AAC1E,MAAMD,QAAQ;;;;AAIZ,wBAAmC;AACjC,8FADiC,MAH5BA,QAG4B,GAHEC,SAAS,CAACC,eAGZ,OAD5BC,eAC4B,GADV,IAAIL,YAAJ,EACU;;;AAI5BM,MAAAA,WAJ4B,GAId,UAACC,QAAD,EAA6C;AAChE,YAAML,SAAQ,GAAGD,WAAW,CAACM,QAAD,CAA5B;AACA,YAAIL,SAAQ,KAAK,MAAKA,QAAtB,EAAgC;AAC9B,gBAAKA,QAAL,GAAgBA,SAAhB;AACA,gBAAKG,eAAL,CAAqBG,IAArB,CAA0B,QAA1B,EAAoCN,SAApC;AACD;AACF,OAVkC;;AAY5BD,MAAAA,WAZ4B,GAYd,YAAyB;AAC5C,eAAO,MAAKC,QAAZ;AACD,OAdkC;;AAgB5BO,MAAAA,yBAhB4B,GAgBA,UAACC,QAAD,EAAwE;AACzG,cAAKL,eAAL,CAAqBM,WAArB,CAAiC,QAAjC,EAA2CD,QAA3C;AACA,eAAO;AACLE,UAAAA,MAAM,EAAE,kBAAM;AACZ,kBAAKP,eAAL,CAAqBQ,cAArB,CAAoC,QAApC,EAA8CH,QAA9C;AACD,WAHI,EAAP;;AAKD,OAvBkC,cAElC,CANW,kBAAiBP,SAAjB,UAEEW,mBAFF,GAEwBX,SAAS,CAACW,mBAFlC,QAAd;;;AA8BA,MAAMC,cAAc,GAAGC,MAAM,CAACC,wBAAP,CAAgCf,QAAhC,EAA0C,MAA1C,CAAvB;AACA,MAAI,CAACa,cAAD,IAAmBA,cAAc,CAACG,YAAtC,EAAoD;AAClDF,IAAAA,MAAM,CAACG,cAAP,CAAsBjB,QAAtB,EAAgC,MAAhC,EAAwC,EAAEkB,KAAK,EAAEjB,SAAS,CAACkB,IAAnB,EAAxC;AACD;;AAED,SAAOnB,QAAP;AACD;;AAED,OAAO,IAAMoB,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACf,QAAD,EAAyD;AAC7F,SAAOgB,OAAO,CAAChB,QAAD,CAAP,IAAqBS,MAAM,CAACQ,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCnB,QAArC,EAA+C,aAA/C,CAA5B;AACD,CAFM","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\nimport EventEmitter from 'eventemitter3';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { getRootNode } from './getRootNode';\n\nexport type TSetRootNode = (e: Nullable<React.ReactNode>) => void;\n\nexport interface TRootNodeSubscription {\n  remove: () => void;\n}\n\nexport interface InstanceWithRootNode {\n  getRootNode: () => Nullable<Element>;\n  addRootNodeChangeListener?: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;\n}\n\ninterface ComponentWithDefaultRootNode {\n  defaultRootNode?: Element | null;\n}\ninterface ComponentWithKonturReactUI {\n  __KONTUR_REACT_UI__?: string;\n}\n\ninterface DecoratableClassComponent extends ComponentWithDefaultRootNode, ComponentWithKonturReactUI {\n  new (...args: any[]): React.Component;\n}\n\nexport function rootNode<T extends DecoratableClassComponent>(Component: T) {\n  const rootNode = class extends Component implements InstanceWithRootNode {\n    public rootNode: Nullable<Element> = Component.defaultRootNode;\n    public static __KONTUR_REACT_UI__ = Component.__KONTUR_REACT_UI__;\n    public rootNodeEmitter = new EventEmitter();\n    public constructor(...args: any[]) {\n      super(args[0]);\n    }\n\n    public setRootNode = (instance: Nullable<React.ReactInstance>) => {\n      const rootNode = getRootNode(instance);\n      if (rootNode !== this.rootNode) {\n        this.rootNode = rootNode;\n        this.rootNodeEmitter.emit('change', rootNode);\n      }\n    };\n\n    public getRootNode = (): Nullable<Element> => {\n      return this.rootNode;\n    };\n\n    public addRootNodeChangeListener = (callback: (node: Nullable<Element>) => void): TRootNodeSubscription => {\n      this.rootNodeEmitter.addListener('change', callback);\n      return {\n        remove: () => {\n          this.rootNodeEmitter.removeListener('change', callback);\n        },\n      };\n    };\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(rootNode, 'name', { value: Component.name });\n  }\n\n  return rootNode;\n}\n\nexport const isInstanceWithRootNode = (instance: unknown): instance is InstanceWithRootNode => {\n  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getRootNode');\n};\n"]}

package/lib/rootNode/rootNodeDecorator.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import EventEmitter from 'eventemitter3';
+import { Nullable } from '../../typings/utility-types';
+export declare type TSetRootNode = (e: Nullable<React.ReactNode>) => 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;
+}
+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: 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;
+        render(): React.ReactNode;
+        readonly props: Readonly<{}> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        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;
+    defaultRootNode?: Element | 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

@@ -0,0 +1,135 @@
+import warning from 'warning';
+import { clamp, extractColorParts, hue2rgb, parseHSLParts, parseRGBParts } from "../ColorHelpers";
+import { ColorKeywords } from "../ColorKeywords";
+import { ColorObject } from "../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})$/;
+export var 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') {
+      warning(false, "Invalid type of input (" + typeof input + "), expected a string. Returning transparent color");
+      return new ColorObject([0, 0, 0], 1.0, 'transparent');
+    }
+
+    var lowercasedTrimmedInput = input.toLowerCase().trim();
+
+    if (lowercasedTrimmedInput === 'transparent') {
+      return new ColorObject([0, 0, 0], 0, 'transparent');
+    }
+
+    if (this.isKeyword(lowercasedTrimmedInput)) {
+      return this.fromKeyword(lowercasedTrimmedInput);
+    }
+
+    if (lowercasedTrimmedInput.startsWith('rgb')) {
+      var parts = extractColorParts(lowercasedTrimmedInput, RGB_REGEX);
+
+      var _parseRGBParts = parseRGBParts(parts),
+          r = _parseRGBParts.r,
+          g = _parseRGBParts.g,
+          b = _parseRGBParts.b,
+          a = _parseRGBParts.a;
+
+      r = clamp(r, 255);
+      g = clamp(g, 255);
+      b = clamp(b, 255);
+      a = clamp(a, 1);
+      return this.fromRGB(r, g, b, a);
+    }
+
+    if (lowercasedTrimmedInput.startsWith('hsl')) {
+      var _parts = extractColorParts(lowercasedTrimmedInput, HSL_REGEX);
+
+      var _parseHSLParts = parseHSLParts(_parts),
+          h = _parseHSLParts.h,
+          s = _parseHSLParts.s,
+          l = _parseHSLParts.l,
+          _a = _parseHSLParts.a;
+
+      h = clamp(h, 360);
+      s = clamp(s, 1);
+      l = clamp(l, 1);
+      _a = 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, input);
+  };
+
+  ColorFactory.fromKeyword = function fromKeyword(keyword) {
+    return this.fromHex(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 ? void 0 : _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(rgb, 1.0, type);
+  };
+
+  ColorFactory.fromRGB = function fromRGB(r, g, b, a) {
+    if (a === void 0) {
+      a = 1.0;
+    }
+
+    return new 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([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 = hue2rgb(hDeg + 1 / 3, t1, t2);
+    var g = hue2rgb(hDeg, t1, t2);
+    var b = hue2rgb(hDeg - 1 / 3, t1, t2);
+    var rgb = [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
+    return new ColorObject(rgb, a, a < 1 ? 'hsla' : 'hsl');
+  };
+
+  return ColorFactory;
+}();
+ColorFactory.cache = Object.create(null);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ColorFactory.ts"],"names":["warning","clamp","extractColorParts","hue2rgb","parseHSLParts","parseRGBParts","ColorKeywords","ColorObject","RGB_REGEX","HSL_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  /(?: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"]}

package/lib/styles/ColorFactory/package.json

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