@skbkontur/react-ui 0.0.0-7dc91ef93e → 0.0.0-7f260475fb

package/lib/rootNode/rootNodeDecorator.d.ts

@@ -1,56 +1,57 @@
-import React from 'react';
-import EventEmitter from 'eventemitter3';
-import { 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 {};
+import type React from 'react';
+import { EventEmitter } from 'eventemitter3';
+import type { Nullable } from '../../typings/utility-types.js';
+export type TGetRootNode = () => Nullable<Element>;
+export type TSetRootNode = (e: Nullable<React.ReactInstance>) => void;
+export interface TRootNodeSubscription {
+    remove: () => void;
+}
+export interface InstanceWithRootNode {
+    getRootNode: TGetRootNode;
+    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;
+} & T;
+export declare const isInstanceWithRootNode: (instance: unknown) => instance is InstanceWithRootNode;
+export {};

package/lib/rootNode/rootNodeDecorator.js

@@ -0,0 +1,69 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __setFunctionName = (this && this.__setFunctionName) || function (f, name, prefix) {
+    if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
+    return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+};
+import { EventEmitter } from 'eventemitter3';
+import { getRootNode } from './getRootNode.js';
+export function rootNode(Component) {
+    var _a;
+    var rootNode = (_a = /** @class */ (function (_super) {
+            __extends(class_1, _super);
+            function class_1() {
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                var _this = _super.call(this, args[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 () {
+                            _this.rootNodeEmitter.removeListener('change', callback);
+                        },
+                    };
+                };
+                return _this;
+            }
+            return class_1;
+        }(Component)),
+        __setFunctionName(_a, "rootNode"),
+        _a.__KONTUR_REACT_UI__ = Component.__KONTUR_REACT_UI__,
+        _a.displayName = Component.displayName,
+        _a);
+    var nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');
+    if (!nameDescriptor || nameDescriptor.configurable) {
+        Object.defineProperty(rootNode, 'name', { value: Component.name });
+    }
+    return rootNode;
+}
+export var isInstanceWithRootNode = function (instance) {
+    return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getRootNode');
+};
+//# sourceMappingURL=rootNodeDecorator.js.map

package/lib/rootNode/rootNodeDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rootNodeDecorator.js","sourceRoot":"","sources":["../../../lib/rootNode/rootNodeDecorator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAI7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AA0B/C,MAAM,UAAU,QAAQ,CAAsC,SAAY;;IACxE,IAAM,QAAQ;YAAiB,2BAAS;YAMtC;gBAAmB,cAAc;qBAAd,UAAc,EAAd,qBAAc,EAAd,IAAc;oBAAd,yBAAc;;gBAC/B,YAAA,MAAK,YAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAC;gBAHV,cAAQ,GAAsB,SAAS,CAAC,eAAe,CAAC;gBACxD,qBAAe,GAAG,IAAI,YAAY,EAAE,CAAC;gBAKrC,iBAAW,GAAG,UAAC,QAAuC;oBAC3D,IAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;oBACvC,IAAI,QAAQ,KAAK,KAAI,CAAC,QAAQ,EAAE,CAAC;wBAC/B,KAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;wBACzB,KAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;oBAChD,CAAC;gBACH,CAAC,CAAC;gBAEK,iBAAW,GAAG;oBACnB,OAAO,KAAI,CAAC,QAAQ,CAAC;gBACvB,CAAC,CAAC;gBAEK,+BAAyB,GAAG,UAAC,QAA2C;oBAC7E,KAAI,CAAC,eAAe,CAAC,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;oBACrD,OAAO;wBACL,MAAM,EAAE;4BACN,KAAI,CAAC,eAAe,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;wBAC1D,CAAC;qBACF,CAAC;gBACJ,CAAC,CAAC;;YArBF,CAAC;YAsBH,cAAC;QAAD,CAAC,AA9BgB,CAAc,SAAS;;QACxB,sBAAmB,GAAG,SAAS,CAAC,mBAAoB;QACpD,cAAW,GAAG,SAAS,CAAC,WAAY;WA4BnD,CAAC;IAEF,IAAM,cAAc,GAAG,MAAM,CAAC,wBAAwB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACzE,IAAI,CAAC,cAAc,IAAI,cAAc,CAAC,YAAY,EAAE,CAAC;QACnD,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;IACrE,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,QAAiB;IACtD,OAAO,OAAO,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;AAC5F,CAAC,CAAC","sourcesContent":["import type React from 'react';\nimport { EventEmitter } from 'eventemitter3';\n\nimport type { Nullable } from '../../typings/utility-types.js';\n\nimport { getRootNode } from './getRootNode.js';\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"]}

package/lib/size/SizeControlContext.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { SizeProp } from '../types/props.js';
+export interface SizeControlContextProps {
+    size: SizeProp;
+}
+export declare const SizeControlContext: React.Context<SizeControlContextProps>;

package/lib/size/SizeControlContext.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { defaultSizeValue } from './constants.js';
+export var SizeControlContext = React.createContext({
+    size: defaultSizeValue,
+});
+SizeControlContext.displayName = 'SizeContext';
+SizeControlContext.__KONTUR_REACT_UI__ = 'SizeContext';
+//# sourceMappingURL=SizeControlContext.js.map

package/lib/size/SizeControlContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SizeControlContext.js","sourceRoot":"","sources":["../../../lib/size/SizeControlContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAMlD,MAAM,CAAC,IAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAA0B;IAC7E,IAAI,EAAE,gBAAgB;CACvB,CAAC,CAAC;AAEH,kBAAkB,CAAC,WAAW,GAAG,aAAa,CAAC;AAC/C,kBAAkB,CAAC,mBAAmB,GAAG,aAAa,CAAC","sourcesContent":["import React from 'react';\n\nimport type { SizeProp } from '../types/props.js';\n\nimport { defaultSizeValue } from './constants.js';\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"]}

package/lib/size/SizeDecorator.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import type { SizeProp } from '../types/props.js';
+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): {
+    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/SizeDecorator.js

@@ -0,0 +1,47 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import React from 'react';
+import { SizeControlContext } from './SizeControlContext.js';
+import { defaultSizeValue } from './constants.js';
+export function withSize(constructor) {
+    var SizeDecorator = /** @class */ (function (_super) {
+        __extends(class_1, _super);
+        function class_1() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.size = defaultSizeValue;
+            return _this;
+        }
+        class_1.prototype.render = function () {
+            var _this = this;
+            return (React.createElement(SizeControlContext.Consumer, null, function (context) {
+                var _a;
+                _this.size = (_a = _this.props.size) !== null && _a !== void 0 ? _a : context.size;
+                var originalRender = _super.prototype.render;
+                if (typeof originalRender === 'function') {
+                    return originalRender.call(_this);
+                }
+                return null;
+            }));
+        };
+        return class_1;
+    }(constructor));
+    var nameDescriptor = Object.getOwnPropertyDescriptor(SizeDecorator, 'name');
+    if (!nameDescriptor || nameDescriptor.configurable) {
+        Object.defineProperty(SizeDecorator, 'name', { value: constructor.name });
+    }
+    return SizeDecorator;
+}
+//# sourceMappingURL=SizeDecorator.js.map

package/lib/size/SizeDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SizeDecorator.js","sourceRoot":"","sources":["../../../lib/size/SizeDecorator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAQlD,MAAM,UAAU,QAAQ,CAAwD,WAAc;IAC5F,IAAM,aAAa;QAAiB,2BAAW;QAAzB;;YACb,UAAI,GAAa,gBAAgB,CAAC;;QAiB3C,CAAC;QAfQ,wBAAM,GAAb;YAAA,iBAcC;YAbC,OAAO,CACL,oBAAC,kBAAkB,CAAC,QAAQ,QACzB,UAAC,OAAO;;gBACP,KAAI,CAAC,IAAI,GAAG,MAAA,KAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,OAAO,CAAC,IAAI,CAAC;gBAC5C,IAAM,cAAc,GAAG,gBAAK,CAAC,MAAM,CAAC;gBACpC,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE,CAAC;oBACzC,OAAO,cAAc,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;gBACnC,CAAC;gBAED,OAAO,IAAI,CAAC;YACd,CAAC,CAC2B,CAC/B,CAAC;QACJ,CAAC;QACH,cAAC;IAAD,CAAC,AAlBqB,CAAc,WAAW,EAkB9C,CAAC;IAEF,IAAM,cAAc,GAAG,MAAM,CAAC,wBAAwB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAC9E,IAAI,CAAC,cAAc,IAAI,cAAc,CAAC,YAAY,EAAE,CAAC;QACnD,MAAM,CAAC,cAAc,CAAC,aAAa,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;IAC5E,CAAC;IAED,OAAO,aAAa,CAAC;AACvB,CAAC","sourcesContent":["import React from 'react';\n\nimport type { SizeProp } from '../types/props.js';\n\nimport { SizeControlContext } from './SizeControlContext.js';\nimport { defaultSizeValue } from './constants.js';\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"]}

package/lib/size/__stories__/SizeControlContext.stories.d.ts

@@ -0,0 +1,7 @@
+import { type ReactElement } from 'react';
+import type { Meta, Story } from '../../../typings/stories.js';
+declare const _default: Meta;
+export default _default;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: () => ReactElement;

package/lib/size/__stories__/SizeControlContext.stories.js

@@ -0,0 +1,97 @@
+import React from 'react';
+import { Gapped } from '../../../components/Gapped/index.js';
+import { Select } from '../../../components/Select/index.js';
+import { SizeControlContext } from '../index.js';
+import { ComboBox } from '../../../components/ComboBox/index.js';
+import { TokenInput, TokenInputType } from '../../../components/TokenInput/index.js';
+import { Autocomplete } from '../../../components/Autocomplete/index.js';
+import { Button } from '../../../components/Button/index.js';
+import { Checkbox } from '../../../components/Checkbox/index.js';
+import { DateInput } from '../../../components/DateInput/index.js';
+import { FxInput } from '../../../components/FxInput/index.js';
+import { Input } from '../../../components/Input/index.js';
+import { Kebab } from '../../../components/Kebab/index.js';
+import { PasswordInput } from '../../../components/PasswordInput/index.js';
+import { Radio } from '../../../components/Radio/index.js';
+import { Textarea } from '../../../components/Textarea/index.js';
+import { Toggle } from '../../../components/Toggle/index.js';
+import { Tooltip } from '../../../components/Tooltip/index.js';
+export default {
+    title: 'SizeControlContext',
+    parameters: {
+        creevey: { skip: { 'only default chrome': { in: /^(?!\b(chrome2022)\b)/ } } },
+    },
+};
+var ControlNames = {
+    Autocomplete: 'Autocomplete',
+    Button: 'Button',
+    ComboBox: 'ComboBox',
+    Checkbox: 'Checkbox',
+    DateInput: 'DateInput',
+    FxInput: 'FxInput',
+    Input: 'Input',
+    Kebab: 'Kebab',
+    PasswordInput: 'PasswordInput',
+    Radio: 'Radio',
+    Select: 'Select',
+    Textarea: 'Textarea',
+    Toggle: 'Toggle',
+    Tooltip: 'Tooltip',
+    TokenInput: 'TokenInput',
+};
+var items = [
+    { label: 'aaa', value: 1 },
+    { label: 'bbb', value: 2 },
+    { label: 'ccc', value: 3 },
+];
+function getControl(controlName) {
+    switch (controlName) {
+        case ControlNames.ComboBox:
+            return React.createElement(ComboBox, { getItems: function (str) { return Promise.resolve(items.filter(function (_a) {
+                    var label = _a.label;
+                    return label.includes(str);
+                })).then(); } });
+        case ControlNames.TokenInput:
+            return React.createElement(TokenInput, { type: TokenInputType.Combined, getItems: function () { return Promise.resolve([]).then(); } });
+        case ControlNames.Autocomplete:
+            return React.createElement(Autocomplete, { value: '', onValueChange: function () { } });
+        case ControlNames.Button:
+            return React.createElement(Button, null, "\u042F \u043A\u043D\u043E\u043F\u043A\u0430");
+        case ControlNames.Checkbox:
+            return React.createElement(Checkbox, null);
+        case ControlNames.DateInput:
+            return React.createElement(DateInput, { value: "30.12.2012" });
+        case ControlNames.Select:
+            return React.createElement(Select, null);
+        case ControlNames.FxInput:
+            return React.createElement(FxInput, { onValueChange: function () { } });
+        case ControlNames.Input:
+            return React.createElement(Input, null);
+        case ControlNames.Kebab:
+            return React.createElement(Kebab, null);
+        case ControlNames.PasswordInput:
+            return React.createElement(PasswordInput, null);
+        case ControlNames.Radio:
+            return React.createElement(Radio, { value: '' });
+        case ControlNames.Textarea:
+            return React.createElement(Textarea, null);
+        case ControlNames.Toggle:
+            return React.createElement(Toggle, null);
+        case ControlNames.Tooltip:
+            return (React.createElement(Tooltip, { trigger: "opened", render: function () { return 'Lorem Ipsum'; }, pos: 'right', closeButton: false }, "Tooltip small"));
+    }
+    return null;
+}
+export var Small = function () {
+    return (React.createElement(SizeControlContext.Provider, { value: { size: 'small' } },
+        React.createElement(Gapped, { gap: 24, vertical: true }, Object.values(ControlNames).map(function (controlName) { return getControl(controlName); }))));
+};
+export var Medium = function () {
+    return (React.createElement(SizeControlContext.Provider, { value: { size: 'medium' } },
+        React.createElement(Gapped, { gap: 24, vertical: true }, Object.values(ControlNames).map(function (controlName) { return getControl(controlName); }))));
+};
+export var Large = function () {
+    return (React.createElement(SizeControlContext.Provider, { value: { size: 'large' } },
+        React.createElement(Gapped, { gap: 16, vertical: true }, Object.values(ControlNames).map(function (controlName) { return getControl(controlName); }))));
+};
+//# sourceMappingURL=SizeControlContext.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SizeControlContext.stories.js","sourceRoot":"","sources":["../../../../lib/size/__stories__/SizeControlContext.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type ReactElement } from 'react';\n\nimport type { Meta, Story } from '../../../typings/stories.js';\nimport { Gapped } from '../../../components/Gapped/index.js';\nimport { Select } from '../../../components/Select/index.js';\nimport { SizeControlContext } from '../index.js';\nimport { ComboBox } from '../../../components/ComboBox/index.js';\nimport { TokenInput, TokenInputType } from '../../../components/TokenInput/index.js';\nimport { Autocomplete } from '../../../components/Autocomplete/index.js';\nimport { Button } from '../../../components/Button/index.js';\nimport { Checkbox } from '../../../components/Checkbox/index.js';\nimport { DateInput } from '../../../components/DateInput/index.js';\nimport { FxInput } from '../../../components/FxInput/index.js';\nimport { Input } from '../../../components/Input/index.js';\nimport { Kebab } from '../../../components/Kebab/index.js';\nimport { PasswordInput } from '../../../components/PasswordInput/index.js';\nimport { Radio } from '../../../components/Radio/index.js';\nimport { Textarea } from '../../../components/Textarea/index.js';\nimport { Toggle } from '../../../components/Toggle/index.js';\nimport { Tooltip } from '../../../components/Tooltip/index.js';\n\nexport default {\n  title: 'SizeControlContext',\n  parameters: {\n    creevey: { skip: { 'only default chrome': { in: /^(?!\\b(chrome2022)\\b)/ } } },\n  },\n} as Meta;\n\nconst ControlNames = {\n  Autocomplete: 'Autocomplete',\n  Button: 'Button',\n  ComboBox: 'ComboBox',\n  Checkbox: 'Checkbox',\n  DateInput: 'DateInput',\n  FxInput: 'FxInput',\n  Input: 'Input',\n  Kebab: 'Kebab',\n  PasswordInput: 'PasswordInput',\n  Radio: 'Radio',\n  Select: 'Select',\n  Textarea: 'Textarea',\n  Toggle: 'Toggle',\n  Tooltip: 'Tooltip',\n  TokenInput: 'TokenInput',\n};\n\nconst items = [\n  { label: 'aaa', value: 1 },\n  { label: 'bbb', value: 2 },\n  { label: 'ccc', value: 3 },\n];\n\nfunction getControl(controlName: string | null): React.ReactNode {\n  switch (controlName) {\n    case ControlNames.ComboBox:\n      return <ComboBox getItems={(str) => Promise.resolve(items.filter(({ label }) => label.includes(str))).then()} />;\n\n    case ControlNames.TokenInput:\n      return <TokenInput type={TokenInputType.Combined} getItems={() => Promise.resolve([]).then()} />;\n\n    case ControlNames.Autocomplete:\n      return <Autocomplete value={''} onValueChange={() => {}} />;\n\n    case ControlNames.Button:\n      return <Button>Я кнопка</Button>;\n\n    case ControlNames.Checkbox:\n      return <Checkbox />;\n\n    case ControlNames.DateInput:\n      return <DateInput value=\"30.12.2012\" />;\n\n    case ControlNames.Select:\n      return <Select />;\n\n    case ControlNames.FxInput:\n      return <FxInput onValueChange={() => {}} />;\n\n    case ControlNames.Input:\n      return <Input />;\n\n    case ControlNames.Kebab:\n      return <Kebab />;\n\n    case ControlNames.PasswordInput:\n      return <PasswordInput />;\n\n    case ControlNames.Radio:\n      return <Radio value={''} />;\n\n    case ControlNames.Textarea:\n      return <Textarea />;\n\n    case ControlNames.Toggle:\n      return <Toggle />;\n    case ControlNames.Tooltip:\n      return (\n        <Tooltip trigger=\"opened\" render={() => 'Lorem Ipsum'} pos={'right'} closeButton={false}>\n          Tooltip small\n        </Tooltip>\n      );\n  }\n\n  return null;\n}\n\nexport const Small: Story = () => {\n  return (\n    <SizeControlContext.Provider value={{ size: 'small' }}>\n      <Gapped gap={24} vertical>\n        {Object.values(ControlNames).map((controlName) => getControl(controlName))}\n      </Gapped>\n    </SizeControlContext.Provider>\n  );\n};\n\nexport const Medium: Story = () => {\n  return (\n    <SizeControlContext.Provider value={{ size: 'medium' }}>\n      <Gapped gap={24} vertical>\n        {Object.values(ControlNames).map((controlName) => getControl(controlName))}\n      </Gapped>\n    </SizeControlContext.Provider>\n  );\n};\n\nexport const Large = (): ReactElement => {\n  return (\n    <SizeControlContext.Provider value={{ size: 'large' }}>\n      <Gapped gap={16} vertical>\n        {Object.values(ControlNames).map((controlName) => getControl(controlName))}\n      </Gapped>\n    </SizeControlContext.Provider>\n  );\n};\n"]}

package/lib/size/__tests__/size-test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/size/__tests__/size-test.js

@@ -0,0 +1,74 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { SizeControlContext } from '../SizeControlContext.js';
+import { Button } from '../../../components/Button/Button.js';
+import { Input } from '../../../components/Input/Input.js';
+import { Checkbox } from '../../../components/Checkbox/Checkbox.js';
+import { Radio } from '../../../components/Radio/Radio.js';
+import { Textarea } from '../../../components/Textarea/Textarea.js';
+import { Toggle } from '../../../components/Toggle/Toggle.js';
+import { PasswordInput } from '../../../components/PasswordInput/PasswordInput.js';
+import { DateInput } from '../../../components/DateInput/DateInput.js';
+var sizes = ['small', 'medium', 'large'];
+describe('size context and overrides', function () {
+    sizes.forEach(function (size) {
+        describe("when size is ".concat(size), function () {
+            var refs = {
+                Button: React.createRef(),
+                Input: React.createRef(),
+                Checkbox: React.createRef(),
+                Radio: React.createRef(),
+                Textarea: React.createRef(),
+                Toggle: React.createRef(),
+                PasswordInput: React.createRef(),
+                DateInput: React.createRef(),
+            };
+            beforeEach(function () {
+                render(React.createElement(SizeControlContext.Provider, { value: { size: size } },
+                    React.createElement("div", null,
+                        React.createElement(Button, { ref: refs.Button }, "Btn"),
+                        React.createElement(Input, { ref: refs.Input }),
+                        React.createElement(Checkbox, { ref: refs.Checkbox }),
+                        React.createElement(Radio, { ref: refs.Radio, value: "test" }),
+                        React.createElement(Textarea, { ref: refs.Textarea }),
+                        React.createElement(Toggle, { ref: refs.Toggle }),
+                        React.createElement(PasswordInput, { ref: refs.PasswordInput }),
+                        React.createElement(DateInput, { ref: refs.DateInput }))));
+            });
+            test.each(Object.entries(refs))("applies ".concat(size, " size from context to %s"), function (componentName, componentRef) {
+                var _a;
+                //@ts-expect-error: size is not public
+                expect((_a = componentRef.current) === null || _a === void 0 ? void 0 : _a.size).toBe(size);
+            });
+        });
+    });
+    describe('when no context provided', function () {
+        var refs = {
+            Button: React.createRef(),
+            Input: React.createRef(),
+            Checkbox: React.createRef(),
+            Radio: React.createRef(),
+            Textarea: React.createRef(),
+            Toggle: React.createRef(),
+            PasswordInput: React.createRef(),
+            DateInput: React.createRef(),
+        };
+        beforeEach(function () {
+            render(React.createElement("div", null,
+                React.createElement(Button, { ref: refs.Button }, "Btn"),
+                React.createElement(Input, { ref: refs.Input }),
+                React.createElement(Checkbox, { ref: refs.Checkbox }),
+                React.createElement(Radio, { ref: refs.Radio, value: "test" }),
+                React.createElement(Textarea, { ref: refs.Textarea }),
+                React.createElement(Toggle, { ref: refs.Toggle }),
+                React.createElement(PasswordInput, { ref: refs.PasswordInput }),
+                React.createElement(DateInput, { ref: refs.DateInput })));
+        });
+        test.each(Object.entries(refs))("applies default size to small", function (componentName, componentRef) {
+            var _a;
+            //@ts-expect-error: size is not public
+            expect((_a = componentRef.current) === null || _a === void 0 ? void 0 : _a.size).toBe('small');
+        });
+    });
+});
+//# sourceMappingURL=size-test.js.map

package/lib/size/__tests__/size-test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size-test.js","sourceRoot":"","sources":["../../../../lib/size/__tests__/size-test.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\n\nimport { SizeControlContext } from '../SizeControlContext.js';\nimport { Button } from '../../../components/Button/Button.js';\nimport { Input } from '../../../components/Input/Input.js';\nimport { Checkbox } from '../../../components/Checkbox/Checkbox.js';\nimport { Radio } from '../../../components/Radio/Radio.js';\nimport { Textarea } from '../../../components/Textarea/Textarea.js';\nimport { Toggle } from '../../../components/Toggle/Toggle.js';\nimport { PasswordInput } from '../../../components/PasswordInput/PasswordInput.js';\nimport { DateInput } from '../../../components/DateInput/DateInput.js';\nimport type { SizeProp } from '../../types/props.js';\n\nconst sizes: SizeProp[] = ['small', 'medium', 'large'];\n\ndescribe('size context and overrides', () => {\n  sizes.forEach((size) => {\n    describe(`when size is ${size}`, () => {\n      const refs = {\n        Button: React.createRef<Button>(),\n        Input: React.createRef<Input>(),\n        Checkbox: React.createRef<Checkbox>(),\n        Radio: React.createRef<Radio<string>>(),\n        Textarea: React.createRef<Textarea>(),\n        Toggle: React.createRef<Toggle>(),\n        PasswordInput: React.createRef<PasswordInput>(),\n        DateInput: React.createRef<DateInput>(),\n      };\n\n      beforeEach(() => {\n        render(\n          <SizeControlContext.Provider value={{ size }}>\n            <div>\n              <Button ref={refs.Button}>Btn</Button>\n              <Input ref={refs.Input} />\n              <Checkbox ref={refs.Checkbox} />\n              <Radio ref={refs.Radio} value=\"test\" />\n              <Textarea ref={refs.Textarea} />\n              <Toggle ref={refs.Toggle} />\n              <PasswordInput ref={refs.PasswordInput} />\n              <DateInput ref={refs.DateInput} />\n            </div>\n          </SizeControlContext.Provider>,\n        );\n      });\n\n      test.each(Object.entries(refs))(`applies ${size} size from context to %s`, (componentName, componentRef) => {\n        //@ts-expect-error: size is not public\n        expect(componentRef.current?.size).toBe(size);\n      });\n    });\n  });\n\n  describe('when no context provided', () => {\n    const refs = {\n      Button: React.createRef<Button>(),\n      Input: React.createRef<Input>(),\n      Checkbox: React.createRef<Checkbox>(),\n      Radio: React.createRef<Radio<string>>(),\n      Textarea: React.createRef<Textarea>(),\n      Toggle: React.createRef<Toggle>(),\n      PasswordInput: React.createRef<PasswordInput>(),\n      DateInput: React.createRef<DateInput>(),\n    };\n\n    beforeEach(() => {\n      render(\n        <div>\n          <Button ref={refs.Button}>Btn</Button>\n          <Input ref={refs.Input} />\n          <Checkbox ref={refs.Checkbox} />\n          <Radio ref={refs.Radio} value=\"test\" />\n          <Textarea ref={refs.Textarea} />\n          <Toggle ref={refs.Toggle} />\n          <PasswordInput ref={refs.PasswordInput} />\n          <DateInput ref={refs.DateInput} />\n        </div>,\n      );\n    });\n\n    test.each(Object.entries(refs))(`applies default size to small`, (componentName, componentRef) => {\n      //@ts-expect-error: size is not public\n      expect(componentRef.current?.size).toBe('small');\n    });\n  });\n});\n"]}

package/lib/size/constants.d.ts

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

package/lib/size/constants.js

@@ -0,0 +1,2 @@
+export var defaultSizeValue = 'small';
+//# sourceMappingURL=constants.js.map

package/lib/size/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../lib/size/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,gBAAgB,GAAa,OAAO,CAAC","sourcesContent":["import type { SizeProp } from '../types/props.js';\n\nexport const defaultSizeValue: SizeProp = 'small';\n"]}

package/lib/size/index.d.ts

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

package/lib/size/index.js

@@ -0,0 +1,2 @@
+export * from './SizeControlContext.js';
+//# sourceMappingURL=index.js.map

package/lib/size/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/size/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './SizeControlContext.js';\n"]}

package/lib/size/useSizeControl.d.ts

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

package/lib/size/useSizeControl.js

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

package/lib/size/useSizeControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSizeControl.js","sourceRoot":"","sources":["../../../lib/size/useSizeControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAInC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,aAAwB;IAC7C,IAAA,IAAI,GAAK,UAAU,CAAC,kBAAkB,CAAC,KAAnC,CAAoC;IAChD,OAAO,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,IAAI,CAAC;AAC/B,CAAC,CAAC","sourcesContent":["import { useContext } from 'react';\n\nimport type { SizeProp } from '../types/props.js';\n\nimport { SizeControlContext } from './SizeControlContext.js';\n\nexport const useSizeControl = (propValueSize?: SizeProp): SizeProp => {\n  const { size } = useContext(SizeControlContext);\n  return propValueSize ?? size;\n};\n"]}

package/lib/stringUtils.d.ts

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

package/lib/stringUtils.js

@@ -0,0 +1,12 @@
+export var truncate = function (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 "".concat(truncateString.substr(0, frontCharsCount)).concat(separator).concat(truncateString.substr(truncateString.length - backCharsCount));
+};
+//# sourceMappingURL=stringUtils.js.map

package/lib/stringUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stringUtils.js","sourceRoot":"","sources":["../../lib/stringUtils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,cAAsB,EAAE,SAAiB,EAAE,SAAiB;IAAjB,0BAAA,EAAA,iBAAiB;IACnF,IAAI,cAAc,CAAC,MAAM,IAAI,SAAS,EAAE,CAAC;QACvC,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,IAAM,eAAe,GAAG,SAAS,CAAC,MAAM,CAAC;IACzC,IAAM,gBAAgB,GAAG,SAAS,GAAG,eAAe,CAAC;IAErD,IAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC;IACxD,IAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC;IAExD,OAAO,UAAG,cAAc,CAAC,MAAM,CAAC,CAAC,EAAE,eAAe,CAAC,SAAG,SAAS,SAAG,cAAc,CAAC,MAAM,CACrF,cAAc,CAAC,MAAM,GAAG,cAAc,CACvC,CAAE,CAAC;AACN,CAAC,CAAC","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/styles/ColorFactory.d.ts

@@ -1,11 +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;
-}
+import { ColorObject } from './ColorObject.js';
+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;
+}