@sima-land/ui-nucleons 45.0.0-alpha.2 → 45.0.0-alpha.21

package/test-utils/intersection-observer-mock.js

@@ -0,0 +1,152 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IntersectionObserverRegistry = exports.IntersectionObserverMock = void 0;
+const dom_rect_read_only_mock_1 = require("./dom-rect-read-only-mock");
+const privates = new Map();
+/**
+ * Имитация IntersectionObserver.
+ */
+class IntersectionObserverMock {
+    /**
+     * Создает новый реестр экземпляров IntersectionObserverMock.
+     * @return Реестр.
+     */
+    static createRegistry() {
+        return new IntersectionObserverRegistry();
+    }
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/root).
+     */
+    root;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/rootMargin).
+     */
+    rootMargin;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/thresholds).
+     */
+    thresholds;
+    callback;
+    options;
+    /**
+     * @inheritdoc
+     */
+    constructor(callback, options) {
+        // ВАЖНО: имитируем поведение согласно реализации в браузере
+        if (typeof callback !== 'function') {
+            throw new TypeError('IntersectionObserverMock constructor: Argument 1 is not callable.');
+        }
+        // root
+        this.root = options?.root ?? null;
+        // rootMargin
+        this.rootMargin = options?.rootMargin ?? '0px';
+        // thresholds
+        if (typeof options?.threshold === 'number') {
+            this.thresholds = [options.threshold];
+        }
+        else if (Array.isArray(options?.threshold)) {
+            this.thresholds = options.threshold;
+        }
+        else {
+            this.thresholds = [0];
+        }
+        // specific for mock
+        this.callback = callback;
+        this.options = options;
+    }
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/disconnect).
+     * @inheritdoc
+     */
+    disconnect() {
+        if (!privates.has(this)) {
+            privates.set(this, { targets: new Set() });
+        }
+        privates.get(this)?.targets.clear();
+    }
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/observe).
+     * @inheritdoc
+     */
+    observe(target) {
+        if (!privates.has(this)) {
+            privates.set(this, { targets: new Set() });
+        }
+        privates.get(this)?.targets.add(target);
+    }
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/takeRecords).
+     * @inheritdoc
+     */
+    takeRecords() {
+        // not implemented
+        return [];
+    }
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/unobserve).
+     * @inheritdoc
+     */
+    unobserve(target) {
+        if (!privates.has(this)) {
+            privates.set(this, { targets: new Set() });
+        }
+        privates.get(this)?.targets.delete(target);
+    }
+    /**
+     * Имитирует изменение состояния наблюдаемого элемента.
+     * @param entry Данные состояния.
+     */
+    simulateEntryChange({ target, isIntersecting, intersectionRatio, }) {
+        if (!privates.has(this)) {
+            privates.set(this, { targets: new Set() });
+        }
+        if (privates.get(this)?.targets.has(target) && this.thresholds.includes(intersectionRatio)) {
+            this.callback([
+                {
+                    target,
+                    isIntersecting,
+                    intersectionRatio,
+                    // not implemented
+                    time: Date.now(),
+                    boundingClientRect: new dom_rect_read_only_mock_1.DOMRectReadOnlyMock(),
+                    intersectionRect: new dom_rect_read_only_mock_1.DOMRectReadOnlyMock(),
+                    rootBounds: null,
+                },
+            ], this);
+        }
+    }
+}
+exports.IntersectionObserverMock = IntersectionObserverMock;
+/**
+ * Реестр экземпляров IntersectionObserverMock.
+ */
+class IntersectionObserverRegistry {
+    items;
+    /**
+     * @inheritdoc
+     */
+    constructor() {
+        this.items = new Set();
+        this.getObserver = this.getObserver.bind(this);
+        this.simulateEntryChange = this.simulateEntryChange.bind(this);
+    }
+    /**
+     * Создает, регистрирует и возвращает новый экземпляр IntersectionObserverMock.
+     * @param params Аргументы IntersectionObserverMock.
+     * @return Экземпляр IntersectionObserverMock.
+     */
+    getObserver(...params) {
+        const item = new IntersectionObserverMock(...params);
+        this.items.add(item);
+        return item;
+    }
+    /**
+     * Имитирует изменение состояния наблюдаемого элемента на всех экземплярах в реестре.
+     * @param entry Данные состояния.
+     */
+    simulateEntryChange(entry) {
+        this.items.forEach(item => item.simulateEntryChange(entry));
+    }
+}
+exports.IntersectionObserverRegistry = IntersectionObserverRegistry;
+//# sourceMappingURL=intersection-observer-mock.js.map

package/test-utils/intersection-observer-mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"intersection-observer-mock.js","sourceRoot":"","sources":["../../src/test-utils/intersection-observer-mock.ts"],"names":[],"mappings":"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"}

package/test-utils/match-media-mock.d.ts

@@ -0,0 +1,90 @@
+/**
+ * Имитация window.matchMedia.
+ */
+export declare class MatchMediaMock {
+    protected readonly registry: Set<MediaQueryListMock>;
+    /**
+     * @inheritdoc
+     */
+    constructor();
+    /**
+     * Имитация window.matchMedia.
+     * @inheritdoc
+     */
+    matchMedia(query: string): MediaQueryListMock;
+    /**
+     * Меняет состояние созданных MediaQueryListEventMock и вызывает на них событие MediaQueryListEventMock с типом change.
+     * @inheritdoc
+     */
+    simulateChange({ query, matches }: {
+        query: string;
+        matches: boolean;
+    }): void;
+}
+/**
+ * Имитация MediaQueryList.
+ */
+export declare class MediaQueryListMock extends EventTarget implements MediaQueryList {
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MediaQueryList/media).
+     */
+    readonly media: string;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MediaQueryList/matches).
+     * @inheritdoc
+     */
+    get matches(): boolean;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MediaQueryList/change_event).
+     */
+    onchange: ((this: MediaQueryList, ev: MediaQueryListEvent) => any) | null;
+    /**
+     * @inheritdoc
+     */
+    constructor(media: string, matches: boolean);
+    /**
+     * @inheritdoc
+     */
+    addEventListener<K extends keyof MediaQueryListEventMap>(type: K, listener: (this: MediaQueryList, ev: MediaQueryListEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    /**
+     * @inheritdoc
+     */
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    /**
+     * @inheritdoc
+     */
+    removeEventListener<K extends keyof MediaQueryListEventMap>(type: K, listener: (this: MediaQueryList, ev: MediaQueryListEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+    /**
+     * @inheritdoc
+     */
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MediaQueryList/addListener).
+     * @deprecated
+     * @inheritdoc
+     */
+    addListener(callback: ((this: MediaQueryList, ev: MediaQueryListEvent) => any) | null): void;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MediaQueryList/removeListener).
+     * @deprecated
+     * @inheritdoc
+     */
+    removeListener(callback: ((this: MediaQueryList, ev: MediaQueryListEvent) => any) | null): void;
+}
+/**
+ * Имитация MediaQueryListEvent.
+ */
+export declare class MediaQueryListEventMock extends Event implements MediaQueryListEvent {
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MediaQueryListEvent/matches).
+     */
+    readonly matches: boolean;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MediaQueryListEvent/media).
+     */
+    readonly media: string;
+    /**
+     * @inheritdoc
+     */
+    constructor(type: string, eventInitDict?: MediaQueryListEventInit);
+}

package/test-utils/match-media-mock.js

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaQueryListEventMock = exports.MediaQueryListMock = exports.MatchMediaMock = void 0;
+const privates = new Map();
+/**
+ * Имитация window.matchMedia.
+ */
+class MatchMediaMock {
+    registry;
+    /**
+     * @inheritdoc
+     */
+    constructor() {
+        this.registry = new Set();
+        this.matchMedia = this.matchMedia.bind(this);
+    }
+    /**
+     * Имитация window.matchMedia.
+     * @inheritdoc
+     */
+    matchMedia(query) {
+        const mql = new MediaQueryListMock(query, false);
+        this.registry.add(mql);
+        return mql;
+    }
+    /**
+     * Меняет состояние созданных MediaQueryListEventMock и вызывает на них событие MediaQueryListEventMock с типом change.
+     * @inheritdoc
+     */
+    simulateChange({ query, matches }) {
+        this.registry.forEach(mql => {
+            if (mql.media === query) {
+                privates.set(mql, { matches });
+                mql.dispatchEvent(new MediaQueryListEventMock('change', { media: query, matches }));
+            }
+        });
+    }
+}
+exports.MatchMediaMock = MatchMediaMock;
+/**
+ * Имитация MediaQueryList.
+ */
+class MediaQueryListMock extends EventTarget {
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MediaQueryList/media).
+     */
+    media;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MediaQueryList/matches).
+     * @inheritdoc
+     */
+    get matches() {
+        return Boolean(privates.get(this)?.matches);
+    }
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MediaQueryList/change_event).
+     */
+    onchange;
+    /**
+     * @inheritdoc
+     */
+    constructor(media, matches) {
+        let validMedia = media;
+        if (typeof media !== 'string') {
+            validMedia = 'not all';
+        }
+        super();
+        this.media = validMedia;
+        this.onchange = null;
+        privates.set(this, { matches });
+    }
+    /**
+     * @inheritdoc
+     */
+    addEventListener(type, listener, options) {
+        super.addEventListener(type, listener, options);
+    }
+    /**
+     * @inheritdoc
+     */
+    removeEventListener(type, listener, options) {
+        super.removeEventListener(type, listener, options);
+    }
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MediaQueryList/addListener).
+     * @deprecated
+     * @inheritdoc
+     */
+    addListener(callback) {
+        if (callback) {
+            this.addEventListener('change', callback);
+        }
+    }
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MediaQueryList/removeListener).
+     * @deprecated
+     * @inheritdoc
+     */
+    removeListener(callback) {
+        if (callback) {
+            this.removeEventListener('change', callback);
+        }
+    }
+}
+exports.MediaQueryListMock = MediaQueryListMock;
+/**
+ * Имитация MediaQueryListEvent.
+ */
+class MediaQueryListEventMock extends Event {
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MediaQueryListEvent/matches).
+     */
+    matches;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MediaQueryListEvent/media).
+     */
+    media;
+    /**
+     * @inheritdoc
+     */
+    constructor(type, eventInitDict) {
+        super(type, eventInitDict);
+        this.media = eventInitDict?.media ?? '';
+        this.matches = eventInitDict?.matches ?? false;
+    }
+}
+exports.MediaQueryListEventMock = MediaQueryListEventMock;
+//# sourceMappingURL=match-media-mock.js.map

package/test-utils/match-media-mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-media-mock.js","sourceRoot":"","sources":["../../src/test-utils/match-media-mock.ts"],"names":[],"mappings":";;;AAAA,MAAM,QAAQ,GAAG,IAAI,GAAG,EAA4C,CAAC;AAErE;;GAEG;AACH,MAAa,cAAc;IACN,QAAQ,CAA0B;IAErD;;OAEG;IACH;QACE,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IAED;;;OAGG;IACH,UAAU,CAAC,KAAa;QACtB,MAAM,GAAG,GAAG,IAAI,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAEjD,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAEvB,OAAO,GAAG,CAAC;IACb,CAAC;IAED;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,EAAE,OAAO,EAAuC;QACpE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC1B,IAAI,GAAG,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;gBACxB,QAAQ,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;gBAC/B,GAAG,CAAC,aAAa,CAAC,IAAI,uBAAuB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;YACtF,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AAnCD,wCAmCC;AAED;;GAEG;AACH,MAAa,kBAAmB,SAAQ,WAAW;IACjD;;OAEG;IACM,KAAK,CAAS;IAEvB;;;OAGG;IACH,IAAI,OAAO;QACT,OAAO,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;IAC9C,CAAC;IAED;;OAEG;IACH,QAAQ,CAAkE;IAE1E;;OAEG;IACH,YAAY,KAAa,EAAE,OAAgB;QACzC,IAAI,UAAU,GAAG,KAAK,CAAC;QAEvB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,UAAU,GAAG,SAAS,CAAC;QACzB,CAAC;QAED,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC;QACxB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QAErB,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;IAClC,CAAC;IAoBD;;OAEG;IACH,gBAAgB,CACd,IAAY,EACZ,QAA4C,EAC5C,OAA2C;QAE3C,KAAK,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IAClD,CAAC;IAoBD;;OAEG;IACH,mBAAmB,CACjB,IAAY,EACZ,QAA4C,EAC5C,OAA2C;QAE3C,KAAK,CAAC,mBAAmB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IACrD,CAAC;IAED;;;;OAIG;IACH,WAAW,CAAC,QAAyE;QACnF,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IAED;;;;OAIG;IACH,cAAc,CAAC,QAAyE;QACtF,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;CACF;AAnHD,gDAmHC;AAED;;GAEG;AACH,MAAa,uBAAwB,SAAQ,KAAK;IAChD;;OAEG;IACM,OAAO,CAAU;IAE1B;;OAEG;IACM,KAAK,CAAS;IAEvB;;OAEG;IACH,YAAY,IAAY,EAAE,aAAuC;QAC/D,KAAK,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;QAE3B,IAAI,CAAC,KAAK,GAAG,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC;QACxC,IAAI,CAAC,OAAO,GAAG,aAAa,EAAE,OAAO,IAAI,KAAK,CAAC;IACjD,CAAC;CACF;AApBD,0DAoBC"}

package/test-utils/resize-observer-mock.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Имитация ResizeObserver.
+ */
+export declare class ResizeObserverMock implements ResizeObserver {
+    /**
+     * Создает новый реестр экземпляров ResizeObserverMock.
+     * @return Реестр.
+     */
+    static createRegistry(): ResizeObserverRegistry;
+    protected readonly callback: ResizeObserverCallback;
+    /**
+     * @inheritdoc
+     */
+    constructor(callback: ResizeObserverCallback);
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ResizeObserver/disconnect).
+     * @inheritdoc
+     */
+    disconnect(): void;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ResizeObserver/observe).
+     * @inheritdoc
+     */
+    observe(target: Element): void;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ResizeObserver/unobserve).
+     * @inheritdoc
+     */
+    unobserve(target: Element): void;
+    /**
+     * Имитирует изменение состояния наблюдаемого элемента.
+     * @param entry Данные состояния.
+     */
+    simulateEntryChange({ target }: Pick<ResizeObserverEntry, 'target'>): void;
+}
+/**
+ * Реестр экземпляров ResizeObserverMock.
+ */
+export declare class ResizeObserverRegistry {
+    protected readonly items: Set<ResizeObserverMock>;
+    /**
+     * @inheritdoc
+     */
+    constructor();
+    /**
+     * Создает, регистрирует и возвращает новый экземпляр ResizeObserverMock.
+     * @param params Аргументы ResizeObserverMock.
+     * @return Экземпляр ResizeObserverMock.
+     */
+    getObserver(...params: ConstructorParameters<typeof ResizeObserverMock>): ResizeObserverMock;
+    /**
+     * Имитирует изменение состояния наблюдаемого элемента на всех экземплярах в реестре.
+     * @param entry Данные состояния.
+     */
+    simulateEntryChange(entry: Pick<ResizeObserverEntry, 'target'>): void;
+}

package/test-utils/resize-observer-mock.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResizeObserverRegistry = exports.ResizeObserverMock = void 0;
+const dom_rect_read_only_mock_1 = require("./dom-rect-read-only-mock");
+const privates = new Map();
+/**
+ * Имитация ResizeObserver.
+ */
+class ResizeObserverMock {
+    /**
+     * Создает новый реестр экземпляров ResizeObserverMock.
+     * @return Реестр.
+     */
+    static createRegistry() {
+        return new ResizeObserverRegistry();
+    }
+    callback;
+    /**
+     * @inheritdoc
+     */
+    constructor(callback) {
+        // ВАЖНО: имитируем поведение согласно реализации в браузере
+        if (typeof callback !== 'function') {
+            throw new TypeError('ResizeObserverMock constructor: Argument 1 is not callable.');
+        }
+        // specific for mock
+        this.callback = callback;
+    }
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ResizeObserver/disconnect).
+     * @inheritdoc
+     */
+    disconnect() {
+        if (!privates.has(this)) {
+            privates.set(this, { targets: new Set() });
+        }
+        privates.get(this)?.targets.clear();
+    }
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ResizeObserver/observe).
+     * @inheritdoc
+     */
+    observe(target) {
+        if (!privates.has(this)) {
+            privates.set(this, { targets: new Set() });
+        }
+        privates.get(this)?.targets.add(target);
+    }
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ResizeObserver/unobserve).
+     * @inheritdoc
+     */
+    unobserve(target) {
+        if (!privates.has(this)) {
+            privates.set(this, { targets: new Set() });
+        }
+        privates.get(this)?.targets.delete(target);
+    }
+    /**
+     * Имитирует изменение состояния наблюдаемого элемента.
+     * @param entry Данные состояния.
+     */
+    simulateEntryChange({ target }) {
+        if (!privates.has(this)) {
+            privates.set(this, { targets: new Set() });
+        }
+        if (privates.get(this)?.targets.has(target)) {
+            this.callback([
+                {
+                    target,
+                    // not implemented
+                    borderBoxSize: [],
+                    contentBoxSize: [],
+                    contentRect: new dom_rect_read_only_mock_1.DOMRectReadOnlyMock(),
+                    devicePixelContentBoxSize: [],
+                },
+            ], this);
+        }
+    }
+}
+exports.ResizeObserverMock = ResizeObserverMock;
+/**
+ * Реестр экземпляров ResizeObserverMock.
+ */
+class ResizeObserverRegistry {
+    items;
+    /**
+     * @inheritdoc
+     */
+    constructor() {
+        this.items = new Set();
+        this.getObserver = this.getObserver.bind(this);
+        this.simulateEntryChange = this.simulateEntryChange.bind(this);
+    }
+    /**
+     * Создает, регистрирует и возвращает новый экземпляр ResizeObserverMock.
+     * @param params Аргументы ResizeObserverMock.
+     * @return Экземпляр ResizeObserverMock.
+     */
+    getObserver(...params) {
+        const item = new ResizeObserverMock(...params);
+        this.items.add(item);
+        return item;
+    }
+    /**
+     * Имитирует изменение состояния наблюдаемого элемента на всех экземплярах в реестре.
+     * @param entry Данные состояния.
+     */
+    simulateEntryChange(entry) {
+        this.items.forEach(item => item.simulateEntryChange(entry));
+    }
+}
+exports.ResizeObserverRegistry = ResizeObserverRegistry;
+//# sourceMappingURL=resize-observer-mock.js.map

package/test-utils/resize-observer-mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-observer-mock.js","sourceRoot":"","sources":["../../src/test-utils/resize-observer-mock.ts"],"names":[],"mappings":"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"}

package/text/index.d.ts

@@ -1,37 +1,2 @@
-import React from 'react';
-import { Size, LineHeight, Weight } from '../styling/fonts';
-import { Token } from '../colors';
-type Align = 'left' | 'center' | 'right' | 'justify';
-export interface TextProps {
-    /** Направление. */
-    align?: Align;
-    /** Содержимое. */
-    children?: React.ReactNode;
-    /** Ключ цвета из дизайн системы. */
-    color?: Token;
-    /** Элемент, который будет использован как обертка. */
-    element?: string | React.ComponentType<{
-        className: string;
-        style: React.CSSProperties;
-        children?: React.ReactNode;
-    } & React.RefAttributes<any>>;
-    /** Межстрочный интервал. */
-    lineHeight?: LineHeight;
-    /** Нужно ли добавить стиль "white-space: nowrap". */
-    nowrap?: boolean;
-    /** Размер. */
-    size?: Size;
-    /** Нужно ли обрезать текст многоточием в одну строку. */
-    truncate?: boolean | number;
-    /** Начертание. */
-    weight?: Weight;
-}
-export declare const defaultHeights: Readonly<Record<Size, LineHeight>>;
-export declare const ALIGNS: Set<Align>;
-/**
- * Компонент для стилизации текста.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const Text: React.MemoExoticComponent<React.ForwardRefExoticComponent<TextProps & React.RefAttributes<any>>>;
-export {};
+export type { TextProps } from './types';
+export { Text, defaultHeights, ALIGNS } from './text';

package/text/index.js

@@ -1,70 +1,8 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = exports.ALIGNS = exports.defaultHeights = void 0;
-const react_1 = __importStar(require("react"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const text_module_scss_1 = __importDefault(require("./text.module.scss"));
-const colors_1 = require("../styling/colors");
-const fonts_1 = require("../styling/fonts");
-const cx = bind_1.default.bind(text_module_scss_1.default);
-exports.defaultHeights = {
-    12: 16,
-    14: 20,
-    16: 24,
-    20: 28,
-    24: 32,
-    32: 40,
-    48: 60,
-    64: 80,
-};
-exports.ALIGNS = new Set(['left', 'center', 'right', 'justify']);
-/**
- * Компонент для стилизации текста.
- * @param props Свойства.
- * @return Элемент.
- */
-exports.Text = (0, react_1.memo)((0, react_1.forwardRef)(function Text({ children, element: Container = 'span', size, 
-// по гайдам дизайн-системы устанавливаем высоту по умолчанию
-lineHeight = size ? exports.defaultHeights[size] : undefined, 
-// не устанавливаем значения по умолчанию, чтобы компонент вел себя предсказуемо
-align, color, nowrap, truncate, weight, }, ref) {
-    const needLineClamp = typeof truncate === 'number' && truncate > 0;
-    return (react_1.default.createElement(Container, { ref: ref, className: cx([
-            // styling
-            size && (0, fonts_1.size)(size),
-            lineHeight && (0, fonts_1.lineHeight)(lineHeight),
-            color && (0, colors_1.color)(color),
-            weight && (0, fonts_1.weight)(weight),
-            // text
-            align && exports.ALIGNS.has(align) && `align-${align}`,
-            nowrap && 'nowrap',
-            truncate === true && 'truncate',
-            needLineClamp && 'line-clamp',
-        ]), style: needLineClamp ? { WebkitLineClamp: truncate } : {}, children: children }));
-}));
+exports.ALIGNS = exports.defaultHeights = exports.Text = void 0;
+var text_1 = require("./text");
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return text_1.Text; } });
+Object.defineProperty(exports, "defaultHeights", { enumerable: true, get: function () { return text_1.defaultHeights; } });
+Object.defineProperty(exports, "ALIGNS", { enumerable: true, get: function () { return text_1.ALIGNS; } });
+//# sourceMappingURL=index.js.map