@skbkontur/react-ui 5.6.5-cab54.0 → 5.6.5

package/lib/rootNode/index.d.ts

@@ -1,2 +1,2 @@
-export * from './getRootNode.js';
-export * from './rootNodeDecorator.js';
+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,45 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import EventEmitter from 'eventemitter3';
+import { getRootNode } from "../getRootNode";
+export 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();
+      _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;
+    }
+    _inheritsLoose(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;
+}
+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,"names":["EventEmitter","getRootNode","rootNode","Component","_Class","_Component","_this","call","arguments","length","undefined","defaultRootNode","rootNodeEmitter","setRootNode","instance","emit","addRootNodeChangeListener","callback","addListener","remove","removeListener","_inheritsLoose","__KONTUR_REACT_UI__","displayName","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","value","name","isInstanceWithRootNode","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 TGetRootNode = () => Nullable<Element>;\nexport type TSetRootNode = (e: Nullable<React.ReactInstance>) => void;\n\nexport interface TRootNodeSubscription {\n  remove: () => void;\n}\n\nexport interface InstanceWithRootNode {\n  getRootNode: TGetRootNode;\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,OAAOA,YAAY,MAAM,eAAe;;;;AAIxC,SAASC,WAAW,QAAQ,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;AA0B3C,OAAO,SAASC,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,IAAIZ,YAAY,CAAC,CAAC,CAAAM,KAAA;;;MAKpCO,WAAW,GAAG,UAACC,QAAuC,EAAK;QAChE,IAAMZ,SAAQ,GAAGD,WAAW,CAACa,QAAQ,CAAC;QACtC,IAAIZ,SAAQ,KAAKI,KAAA,CAAKJ,QAAQ,EAAE;UAC9BI,KAAA,CAAKJ,QAAQ,GAAGA,SAAQ;UACxBI,KAAA,CAAKM,eAAe,CAACG,IAAI,CAAC,QAAQ,EAAEb,SAAQ,CAAC;QAC/C;MACF,CAAC,CAAAI,KAAA;;MAEML,WAAW,GAAG,YAAyB;QAC5C,OAAOK,KAAA,CAAKJ,QAAQ;MACtB,CAAC,CAAAI,KAAA;;MAEMU,yBAAyB,GAAG,UAACC,QAA2C,EAA4B;QACzGX,KAAA,CAAKM,eAAe,CAACM,WAAW,CAAC,QAAQ,EAAED,QAAQ,CAAC;QACpD,OAAO;UACLE,MAAM,EAAE,SAAAA,OAAA,EAAM;YACZb,KAAA,CAAKM,eAAe,CAACQ,cAAc,CAAC,QAAQ,EAAEH,QAAQ,CAAC;UACzD;QACF,CAAC;MACH,CAAC,QAAAX,KAAA,CArBD,CAACe,cAAA,CAAAnB,QAAA,EAAAG,UAAA,SAAAH,QAAA,GAR4BC,SAAS,GAAAC,MAAA,CACxBkB,mBAAmB,GAAGnB,SAAS,CAACmB,mBAAmB,EAAAlB,MAAA,CACnDmB,WAAW,GAAGpB,SAAS,CAACoB,WAAW,EAAAnB,MAAA,CA4BlD;;;EAED,IAAMoB,cAAc,GAAGC,MAAM,CAACC,wBAAwB,CAACxB,QAAQ,EAAE,MAAM,CAAC;EACxE,IAAI,CAACsB,cAAc,IAAIA,cAAc,CAACG,YAAY,EAAE;IAClDF,MAAM,CAACG,cAAc,CAAC1B,QAAQ,EAAE,MAAM,EAAE,EAAE2B,KAAK,EAAE1B,SAAS,CAAC2B,IAAI,CAAC,CAAC,CAAC;EACpE;;EAEA,OAAO5B,QAAQ;AACjB;;AAEA,OAAO,IAAM6B,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIjB,QAAiB,EAAuC;EAC7F,OAAOkB,OAAO,CAAClB,QAAQ,CAAC,IAAIW,MAAM,CAACQ,SAAS,CAACC,cAAc,CAAC3B,IAAI,CAACO,QAAQ,EAAE,aAAa,CAAC;AAC3F,CAAC","ignoreList":[]}

package/lib/rootNode/rootNodeDecorator.d.ts

@@ -1,5 +1,6 @@
 import type React from 'react';
-import type { Nullable } from '../../typings/utility-types.js';
+import EventEmitter from 'eventemitter3';
+import type { Nullable } from '../../typings/utility-types';
 export type TGetRootNode = () => Nullable<Element>;
 export type TSetRootNode = (e: Nullable<React.ReactInstance>) => void;
 export interface TRootNodeSubscription {
@@ -19,6 +20,38 @@ interface ComponentWithKonturReactUI {
 interface DecoratableClassComponent extends ComponentWithDefaultRootNode, ComponentWithKonturReactUI {
     new (...args: any[]): React.Component;
 }
-export declare function rootNode<T extends DecoratableClassComponent>(Component: T): T;
+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/lib/size/SizeControlContext/SizeControlContext.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { defaultSizeValue } from "../constants";
+export var SizeControlContext = /*#__PURE__*/React.createContext({
+  size: defaultSizeValue
+});
+SizeControlContext.displayName = 'SizeContext';
+SizeControlContext.__KONTUR_REACT_UI__ = 'SizeContext';

package/lib/size/SizeControlContext/SizeControlContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","defaultSizeValue","SizeControlContext","createContext","size","displayName","__KONTUR_REACT_UI__"],"sources":["SizeControlContext.ts"],"sourcesContent":["import React from 'react';\n\nimport type { SizeProp } from '../types/props';\n\nimport { defaultSizeValue } from './constants';\n\nexport interface SizeControlContextProps {\n  size: SizeProp;\n}\n\nexport const SizeControlContext = React.createContext<SizeControlContextProps>({\n  size: defaultSizeValue,\n});\n\nSizeControlContext.displayName = 'SizeContext';\nSizeControlContext.__KONTUR_REACT_UI__ = 'SizeContext';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;;AAIzB,SAASC,gBAAgB,QAAQ,aAAa;;;;;;AAM9C,OAAO,IAAMC,kBAAkB,gBAAGF,KAAK,CAACG,aAAa,CAA0B;EAC7EC,IAAI,EAAEH;AACR,CAAC,CAAC;;AAEFC,kBAAkB,CAACG,WAAW,GAAG,aAAa;AAC9CH,kBAAkB,CAACI,mBAAmB,GAAG,aAAa","ignoreList":[]}

package/lib/size/SizeControlContext/package.json

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

package/lib/size/SizeControlContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { SizeProp } from '../types/props.js';
+import type { SizeProp } from '../types/props';
 export interface SizeControlContextProps {
     size: SizeProp;
 }

package/lib/size/SizeDecorator/SizeDecorator.js

@@ -0,0 +1,41 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import React from 'react';
+import { SizeControlContext } from "../SizeControlContext";
+import { defaultSizeValue } from "../constants";
+export function withSize(constructor) {
+  var SizeDecorator = /*#__PURE__*/function (_constructor) {
+    function SizeDecorator() {
+      var _this;
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _constructor.call.apply(_constructor, [this].concat(args)) || this;
+      _this.size = defaultSizeValue;
+      return _this;
+    }
+    _inheritsLoose(SizeDecorator, _constructor);
+    var _proto = SizeDecorator.prototype;
+    _proto.render = function render() {
+      var _this2 = this;
+      return /*#__PURE__*/(
+        React.createElement(SizeControlContext.Consumer, null, function (context) {
+          var _this2$props$size;
+          _this2.size = (_this2$props$size = _this2.props.size) != null ? _this2$props$size : context.size;
+          var originalRender = _constructor.prototype.render;
+          if (typeof originalRender === 'function') {
+            return originalRender.call(_this2);
+          }
+          return null;
+        })
+      );
+    };
+    return SizeDecorator;
+  }(constructor);
+  var nameDescriptor = Object.getOwnPropertyDescriptor(SizeDecorator, 'name');
+  if (!nameDescriptor || nameDescriptor.configurable) {
+    Object.defineProperty(SizeDecorator, 'name', {
+      value: constructor.name
+    });
+  }
+  return SizeDecorator;
+}

package/lib/size/SizeDecorator/SizeDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","SizeControlContext","defaultSizeValue","withSize","constructor","SizeDecorator","_constructor","_this","_len","arguments","length","args","Array","_key","call","apply","concat","size","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","context","_this2$props$size","props","originalRender","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","value","name"],"sources":["SizeDecorator.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SizeProp } from '../types/props';\n\nimport { SizeControlContext } from './SizeControlContext';\nimport { defaultSizeValue } from './constants';\n\ntype Constructor<T = NonNullable<unknown>> = new (...args: any[]) => T;\n\ninterface WithSizeProps {\n  size?: SizeProp;\n}\n\nexport function withSize<T extends Constructor<React.Component<WithSizeProps>>>(constructor: T) {\n  const SizeDecorator = class extends constructor {\n    public size: SizeProp = defaultSizeValue;\n\n    public render(): React.ReactNode {\n      return (\n        <SizeControlContext.Consumer>\n          {(context) => {\n            this.size = this.props.size ?? context.size;\n            const originalRender = super.render;\n            if (typeof originalRender === 'function') {\n              return originalRender.call(this);\n            }\n\n            return null;\n          }}\n        </SizeControlContext.Consumer>\n      );\n    }\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(SizeDecorator, 'name');\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(SizeDecorator, 'name', { value: constructor.name });\n  }\n\n  return SizeDecorator;\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;;;AAIzB,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,gBAAgB,QAAQ,aAAa;;;;;;;;AAQ9C,OAAO,SAASC,QAAQA,CAAwDC,WAAc,EAAE;EAC9F,IAAMC,aAAa,0BAAAC,YAAA,YAAAD,cAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,YAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,YAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;MACVU,IAAI,GAAaf,gBAAgB,QAAAK,KAAA,EAAAW,cAAA,CAAAb,aAAA,EAAAC,YAAA,MAAAa,MAAA,GAAAd,aAAA,CAAAe,SAAA,CAAAD,MAAA;;IAEjCE,MAAM,GAAb,SAAAA,OAAA,EAAiC,KAAAC,MAAA;MAC/B;QACEtB,KAAA,CAAAuB,aAAA,CAACtB,kBAAkB,CAACuB,QAAQ;QACzB,UAACC,OAAO,EAAK,KAAAC,iBAAA;UACZJ,MAAI,CAACL,IAAI,IAAAS,iBAAA,GAAGJ,MAAI,CAACK,KAAK,CAACV,IAAI,YAAAS,iBAAA,GAAID,OAAO,CAACR,IAAI;UAC3C,IAAMW,cAAc,GAAAtB,YAAA,CAAAc,SAAA,CAASC,MAAM;UACnC,IAAI,OAAOO,cAAc,KAAK,UAAU,EAAE;YACxC,OAAOA,cAAc,CAACd,IAAI,CAACQ,MAAI,CAAC;UAClC;;UAEA,OAAO,IAAI;QACb;QAC2B,CAAC;;IAElC,CAAC,QAAAjB,aAAA,GAjBiCD,WAAW,CAkB9C;;;EAED,IAAMyB,cAAc,GAAGC,MAAM,CAACC,wBAAwB,CAAC1B,aAAa,EAAE,MAAM,CAAC;EAC7E,IAAI,CAACwB,cAAc,IAAIA,cAAc,CAACG,YAAY,EAAE;IAClDF,MAAM,CAACG,cAAc,CAAC5B,aAAa,EAAE,MAAM,EAAE,EAAE6B,KAAK,EAAE9B,WAAW,CAAC+B,IAAI,CAAC,CAAC,CAAC;EAC3E;;EAEA,OAAO9B,aAAa;AACtB","ignoreList":[]}

package/lib/size/SizeDecorator/package.json

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

package/lib/size/SizeDecorator.d.ts

@@ -1,8 +1,33 @@
 import React from 'react';
-import type { SizeProp } from '../types/props.js';
+import type { SizeProp } from '../types/props';
 type Constructor<T = NonNullable<unknown>> = new (...args: any[]) => T;
 interface WithSizeProps {
     size?: SizeProp;
 }
-export declare function withSize<T extends Constructor<React.Component<WithSizeProps>>>(constructor: T): WithSizeProps & T;
+export declare function withSize<T extends Constructor<React.Component<WithSizeProps>>>(constructor: T): {
+    new (...args: any[]): {
+        size: SizeProp;
+        render(): React.ReactNode;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<WithSizeProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<WithSizeProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<WithSizeProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<WithSizeProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<WithSizeProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<WithSizeProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<WithSizeProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<WithSizeProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<WithSizeProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+} & T;
 export {};

package/lib/size/constants/constants.js

@@ -0,0 +1 @@
+export var defaultSizeValue = 'small';

package/lib/size/constants/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultSizeValue"],"sources":["constants.ts"],"sourcesContent":["import type { SizeProp } from '../types/props';\n\nexport const defaultSizeValue: SizeProp = 'small';\n"],"mappings":";;AAEA,OAAO,IAAMA,gBAA0B,GAAG,OAAO","ignoreList":[]}

package/lib/size/constants/package.json

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

package/lib/size/constants.d.ts

@@ -1,2 +1,2 @@
-import type { SizeProp } from '../types/props.js';
+import type { SizeProp } from '../types/props';
 export declare const defaultSizeValue: SizeProp;

package/lib/size/index/index.js

@@ -0,0 +1 @@
+export * from "../SizeControlContext";

package/lib/size/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './SizeControlContext';\n"],"mappings":"AAAA,cAAc,sBAAsB","ignoreList":[]}

package/lib/size/index/package.json

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

package/lib/size/index.d.ts

@@ -1 +1 @@
-export * from './SizeControlContext.js';
+export * from './SizeControlContext';

package/lib/size/package.json

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

package/lib/size/useSizeControl/package.json

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

package/lib/size/useSizeControl/useSizeControl.js

@@ -0,0 +1,7 @@
+import { useContext } from 'react';
+import { SizeControlContext } from "../SizeControlContext";
+export var useSizeControl = function useSizeControl(propValueSize) {
+  var _useContext = useContext(SizeControlContext),
+    size = _useContext.size;
+  return propValueSize != null ? propValueSize : size;
+};

package/lib/size/useSizeControl/useSizeControl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","SizeControlContext","useSizeControl","propValueSize","_useContext","size"],"sources":["useSizeControl.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport type { SizeProp } from '../types/props';\n\nimport { SizeControlContext } from './SizeControlContext';\n\nexport const useSizeControl = (propValueSize?: SizeProp): SizeProp => {\n  const { size } = useContext(SizeControlContext);\n  return propValueSize ?? size;\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;;;;AAIlC,SAASC,kBAAkB,QAAQ,sBAAsB;;AAEzD,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,aAAwB,EAAe;EACpE,IAAAC,WAAA,GAAiBJ,UAAU,CAACC,kBAAkB,CAAC,CAAvCI,IAAI,GAAAD,WAAA,CAAJC,IAAI;EACZ,OAAOF,aAAa,WAAbA,aAAa,GAAIE,IAAI;AAC9B,CAAC","ignoreList":[]}

package/lib/size/useSizeControl.d.ts

@@ -1,2 +1,2 @@
-import type { SizeProp } from '../types/props.js';
+import type { SizeProp } from '../types/props';
 export declare const useSizeControl: (propValueSize?: SizeProp) => SizeProp;

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,13 @@
+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,"names":["truncate","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":"AAAA,OAAO,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,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/lib/styles/ColorFactory/ColorFactory.js

@@ -0,0 +1,108 @@
+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 || _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,"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","_parseRGBParts","r","g","b","a","fromRGB","_parseHSLParts","h","s","l","fromHSL","fromHex","prototype","hasOwnProperty","call","keyword","hexString","type","test","Error","colorCode","substring","rgb","length","_colorCode$match","match","forEach","c","i","parseInt","split","gray","Math","round","hDeg","t1","t2"],"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/lib/styles/ColorFactory/package.json

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

package/lib/styles/ColorFactory.d.ts

@@ -1,4 +1,4 @@
-import { ColorObject } from './ColorObject.js';
+import { ColorObject } from './ColorObject';
 export declare class ColorFactory {
     static create(input: string): ColorObject;
     private static cache;

package/lib/styles/ColorFunctions/ColorFunctions.js

@@ -0,0 +1,117 @@
+import { clamp, floatFromPercent } from "../ColorHelpers";
+import { ColorFactory } from "../ColorFactory";
+var DEFAULT_DARK = ColorFactory.create('#333333');
+var DEFAULT_LIGHT = ColorFactory.create('#fff');
+var ColorFunctionsCache = Object.create(null);
+var buildCacheKey = function buildCacheKey(name) {
+  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    args[_key - 1] = arguments[_key];
+  }
+  return name + "(" + args.join() + ")";
+};
+var shiftColor = function shiftColor(colorString, a, sign, method) {
+  if (!colorString) {
+    return '';
+  }
+  if (colorString.toLowerCase() === 'transparent') {
+    return 'transparent';
+  }
+  var amount;
+  if (typeof a === 'string') {
+    amount = a.endsWith('%') ? floatFromPercent(a) : parseFloat(a);
+  } else {
+    amount = a;
+  }
+  amount = clamp(amount, 1);
+  var color = ColorFactory.create(colorString);
+  var hsl = color.toHSL();
+  if (sign === '+') {
+    hsl.l += method === 'relative' ? hsl.l * amount : amount;
+  } else {
+    hsl.l -= method === 'relative' ? hsl.l * amount : amount;
+  }
+  hsl.l = clamp(hsl.l);
+  var newColor;
+  if (color.alpha < 1) {
+    newColor = ColorFactory.create("hsla(" + hsl.h + ", " + hsl.s + ", " + hsl.l + ", " + hsl.a + ")");
+  } else {
+    newColor = ColorFactory.create("hsl(" + hsl.h + ", " + hsl.s + ", " + hsl.l + ")");
+  }
+  return newColor.toColorString(color.type);
+};
+export function lighten(colorString, amount, method) {
+  var key = buildCacheKey('lighten', colorString, amount, method);
+  if (ColorFunctionsCache[key] === undefined) {
+    ColorFunctionsCache[key] = shiftColor(colorString, amount, '+', method);
+    return ColorFunctionsCache[key];
+  }
+  return ColorFunctionsCache[key];
+}
+export function darken(colorString, amount, method) {
+  var key = buildCacheKey('darken', colorString, amount, method);
+  if (ColorFunctionsCache[key] === undefined) {
+    ColorFunctionsCache[key] = shiftColor(colorString, amount, '-', method);
+    return ColorFunctionsCache[key];
+  }
+  return ColorFunctionsCache[key];
+}
+export function contrast(colorString, darkString, lightString, threshold) {
+  if (threshold === void 0) {
+    threshold = 0.43;
+  }
+  var key = buildCacheKey('contrast', colorString, darkString, lightString, threshold);
+  if (!colorString) {
+    ColorFunctionsCache[key] = '';
+  }
+  if (ColorFunctionsCache[key] === undefined) {
+    var color = ColorFactory.create(colorString);
+    var dark = typeof darkString === 'undefined' ? DEFAULT_DARK : ColorFactory.create(darkString);
+    var light = typeof lightString === 'undefined' ? DEFAULT_LIGHT : ColorFactory.create(lightString);
+
+    // Figure out which is actually light and dark:
+    if (dark.luma() > light.luma()) {
+      var _ref = [light, dark];
+      dark = _ref[0];
+      light = _ref[1];
+    }
+    if (color.luma() < threshold) {
+      ColorFunctionsCache[key] = light.alpha < 1 ? light.toRGBString() : light.toHEXString();
+    } else {
+      ColorFunctionsCache[key] = dark.alpha < 1 ? dark.toRGBString() : dark.toHEXString();
+    }
+  }
+  return ColorFunctionsCache[key];
+}
+export var red = function red(colorString) {
+  var color = ColorFactory.create(colorString);
+  return color.rgb[0];
+};
+export var green = function green(colorString) {
+  var color = ColorFactory.create(colorString);
+  return color.rgb[1];
+};
+export var blue = function blue(colorString) {
+  var color = ColorFactory.create(colorString);
+  return color.rgb[2];
+};
+export var alpha = function alpha(colorString) {
+  var color = ColorFactory.create(colorString);
+  return color.alpha;
+};
+export var isValid = function isValid(colorString) {
+  try {
+    ColorFactory.create(colorString);
+    return true;
+  } catch (e) {
+    return false;
+  }
+};
+export var fade = function fade(colorString, alpha) {
+  var key = buildCacheKey('fade', colorString, alpha);
+  if (ColorFunctionsCache[key] === undefined) {
+    var color = ColorFactory.create(colorString).clone();
+    color.alpha = alpha;
+    ColorFunctionsCache[key] = color.toColorString(color.type === 'hex' ? 'rgba' : color.type);
+  }
+  return ColorFunctionsCache[key];
+};