@sima-land/ui-nucleons 45.0.0-alpha.4 → 45.0.0-alpha.41

package/switcher-row/switcher-row.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwitcherRow = SwitcherRow;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const checkbox_1 = require("../checkbox");
+const define_slots_1 = require("../helpers/define-slots");
+const radio_button_1 = require("../radio-button");
+const toggle_1 = require("../toggle");
+const bind_1 = __importDefault(require("classnames/bind"));
+const switcher_row_m_scss_1 = __importDefault(require("./switcher-row.m.scss"));
+const cx = bind_1.default.bind(switcher_row_m_scss_1.default);
+/**
+ * Блок вывода полей-переключателей (Checkbox, Toggle, RadioButton).
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function SwitcherRow({ children, className, style, textAlign = 'left', fieldPosition = 'start', 'data-testid': testId = 'switcher-row', }) {
+    const { toggle, checkbox, radio, label, comment } = (0, define_slots_1.defineSlots)(children, {
+        toggle: toggle_1.Toggle,
+        checkbox: checkbox_1.Checkbox,
+        radio: radio_button_1.RadioButton,
+        label: SwitcherLabel,
+        comment: SwitcherComment,
+    });
+    const input = toggle ?? checkbox ?? radio;
+    const failed = input?.props.failed;
+    const disabled = input?.props.disabled;
+    const fieldId = input?.props.id;
+    // @todo в Safari position: relative ломает vertical-align
+    const fieldColumn = input && ((0, jsx_runtime_1.jsx)("div", { className: cx('col', 'field-col', { 'toggle-col': toggle }), children: input }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: cx('root', `text-align-${textAlign}`, { failed, disabled }, className), style: style, "data-testid": testId, children: [fieldPosition === 'start' && fieldColumn, (0, jsx_runtime_1.jsxs)("label", { className: cx('col', 'main-col'), htmlFor: fieldId, children: [label && ((0, jsx_runtime_1.jsx)("span", { className: cx('label', { 'for-toggle': toggle }), "data-testid": 'switcher-row:label', children: label })), comment && ((0, jsx_runtime_1.jsx)("span", { className: cx('comment'), "data-testid": 'switcher-row:comment', children: comment }))] }), fieldPosition === 'end' && fieldColumn] }));
+}
+/**
+ * Слот ярлыка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function SwitcherLabel({ children }) {
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+}
+/**
+ * Слот комментария.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function SwitcherComment({ children }) {
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+}
+SwitcherRow.Label = SwitcherLabel;
+SwitcherRow.Comment = SwitcherComment;
+//# sourceMappingURL=switcher-row.js.map

package/switcher-row/switcher-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switcher-row.js","sourceRoot":"","sources":["../../src/switcher-row/switcher-row.tsx"],"names":[],"mappings":";;;;;AAgBA,kCAmDC;;AAjED,0CAAuC;AACvC,0DAAsD;AACtD,kDAA8C;AAC9C,sCAAmC;AACnC,2DAAyC;AACzC,gFAA2C;AAE3C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,6BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,KAAK,EACL,SAAS,GAAG,MAAM,EAClB,aAAa,GAAG,OAAO,EACvB,aAAa,EAAE,MAAM,GAAG,cAAc,GACrB;IACjB,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAA,0BAAW,EAAC,QAAQ,EAAE;QACxE,MAAM,EAAE,eAAM;QACd,QAAQ,EAAE,mBAAQ;QAClB,KAAK,EAAE,0BAAW;QAClB,KAAK,EAAE,aAAa;QACpB,OAAO,EAAE,eAAe;KACzB,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,MAAM,IAAI,QAAQ,IAAI,KAAK,CAAC;IAC1C,MAAM,MAAM,GAAG,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC;IACnC,MAAM,QAAQ,GAAG,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC;IACvC,MAAM,OAAO,GAAG,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;IAEhC,0DAA0D;IAC1D,MAAM,WAAW,GAAG,KAAK,IAAI,CAC3B,gCAAK,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,YAAG,KAAK,GAAO,CAChF,CAAC;IAEF,OAAO,CACL,iCACE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,cAAc,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,EACjF,KAAK,EAAE,KAAK,iBACC,MAAM,aAElB,aAAa,KAAK,OAAO,IAAI,WAAW,EAEzC,mCAAO,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,OAAO,EAAE,OAAO,aACtD,KAAK,IAAI,CACR,iCAAM,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,iBAAc,oBAAoB,YACrF,KAAK,GACD,CACR,EAEA,OAAO,IAAI,CACV,iCAAM,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,iBAAc,sBAAsB,YAC/D,OAAO,GACH,CACR,IACK,EAEP,aAAa,KAAK,KAAK,IAAI,WAAW,IACnC,CACP,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAS,aAAa,CAAC,EAAE,QAAQ,EAA4B;IAC3D,OAAO,2DAAG,QAAQ,GAAI,CAAC;AACzB,CAAC;AAED;;;;GAIG;AACH,SAAS,eAAe,CAAC,EAAE,QAAQ,EAA4B;IAC7D,OAAO,2DAAG,QAAQ,GAAI,CAAC;AACzB,CAAC;AAED,WAAW,CAAC,KAAK,GAAG,aAAa,CAAC;AAClC,WAAW,CAAC,OAAO,GAAG,eAAe,CAAC"}

package/switcher-row/types.d.ts

@@ -0,0 +1,14 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { WithTestId } from '../types';
+export interface SwitcherRowProps extends WithTestId {
+    /** Содержимое. */
+    children?: ReactNode;
+    /** Направление текста. */
+    textAlign?: 'left' | 'right';
+    /** Стили корневого элемента. */
+    style?: CSSProperties;
+    /** CSS-класс корневого элемента. */
+    className?: string;
+    /** Позиция поля. */
+    fieldPosition?: 'start' | 'end';
+}

package/switcher-row/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/switcher-row/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/switcher-row/types.ts"],"names":[],"mappings":""}

package/tabs/index.d.ts

@@ -1,36 +1,2 @@
-import React from 'react';
-export interface TabsProps {
-    /** Визуальный вариант вкладок. */
-    view?: 'clean' | 'clean-underline' | 'round';
-    /** Необходимо ли растягивать вкладки под размер контейнера. */
-    stretch?: boolean;
-    /** Размер отступа между вкладками. */
-    gapSize?: 's' | 'm';
-    /** Внешние классы. */
-    className?: string;
-    /** Вкладки. */
-    children?: React.ReactNode;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-export interface TabsItemProps {
-    /** Название вкладки. */
-    name: string;
-    /** Выбрана ли вкладка. */
-    selected?: boolean;
-    /** Отключена ли вкладка. */
-    disabled?: boolean;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-    /** Обработчик клика. */
-    onClick?: React.MouseEventHandler<HTMLLIElement>;
-}
-/**
- * Компонент строки вкладок.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const Tabs: {
-    ({ children, view, stretch, gapSize, className, "data-testid": testId, }: TabsProps): JSX.Element;
-    Item: ({ name, selected, disabled, "data-testid": testId, onClick, }: TabsItemProps) => JSX.Element;
-};
+export type { TabsStyle, TabsProps, TabProps } from './types';
+export { Tabs, Tab } from './tabs';

package/tabs/index.js

@@ -1,47 +1,7 @@
 "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.Tabs = void 0;
-const react_1 = __importStar(require("react"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const tabs_module_scss_1 = __importDefault(require("./tabs.module.scss"));
-const cx = bind_1.default.bind(tabs_module_scss_1.default);
-/**
- * Вкладка.
- * @param props Свойства.
- * @return Элемент.
- */
-const Tab = ({ name, selected, disabled, 'data-testid': testId = 'tab', onClick, }) => (react_1.default.createElement("li", { className: cx('item', { selected, disabled }), "data-testid": testId, onClick: disabled ? undefined : onClick }, String(name)));
-/**
- * Компонент строки вкладок.
- * @param props Свойства.
- * @return Элемент.
- */
-const Tabs = ({ children, view = 'clean', stretch = false, gapSize = 'm', className, 'data-testid': testId = 'tabs', }) => (react_1.default.createElement("ul", { "data-testid": testId, className: cx('root', `view-${view}`, `gap-${gapSize}`, { stretch }, className) }, react_1.Children.toArray(children).filter(child => (0, react_1.isValidElement)(child) && child.type === Tab)));
-exports.Tabs = Tabs;
-exports.Tabs.Item = Tab;
+exports.Tab = exports.Tabs = void 0;
+var tabs_1 = require("./tabs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return tabs_1.Tabs; } });
+Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return tabs_1.Tab; } });
+//# sourceMappingURL=index.js.map

package/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":";;;AACA,+BAAmC;AAA1B,4FAAA,IAAI,OAAA;AAAE,2FAAA,GAAG,OAAA"}

package/tabs/tabs.d.ts

@@ -0,0 +1,16 @@
+import type { TabProps, TabsProps } from './types';
+/**
+ * Вкладка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Tab({ name, selected, disabled, onClick, children, className, style, 'data-testid': testId, }: TabProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Блок списка вкладок.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Tabs({ children, view, stretch, gapSize, className, style, 'data-testid': testId, }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Tabs {
+    var Item: typeof Tab;
+}

package/tabs/tabs.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tab = Tab;
+exports.Tabs = Tabs;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const bind_1 = __importDefault(require("classnames/bind"));
+const tabs_m_scss_1 = __importDefault(require("./tabs.m.scss"));
+const cx = bind_1.default.bind(tabs_m_scss_1.default);
+/**
+ * Вкладка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Tab({ name, selected, disabled, onClick, children, className, style, 'data-testid': testId = 'tab', }) {
+    return ((0, jsx_runtime_1.jsx)("li", { className: cx('item', { selected, disabled }, className), style: style, onClick: disabled ? undefined : onClick, "data-testid": testId, children: typeof name !== 'undefined' ? String(name) : children }));
+}
+/**
+ * Блок списка вкладок.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Tabs({ children, view = 'clean', stretch = false, gapSize = 'm', className, style, 'data-testid': testId = 'tabs', }) {
+    const rootClassName = cx('root', `view-${view}`, gapSize && gapSize !== 'unset' && `gap-${gapSize}`, { stretch }, className);
+    return ((0, jsx_runtime_1.jsx)("ul", { "data-testid": testId, className: rootClassName, style: style, children: children }));
+}
+Tabs.Item = Tab;
+//# sourceMappingURL=tabs.js.map

package/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/tabs/tabs.tsx"],"names":[],"mappings":";;;;;AAWA,kBAoBC;AAOD,oBAsBC;;AA3DD,2DAAyC;AACzC,gEAAmC;AAEnC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,qBAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,GAAG,CAAC,EAClB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GAAG,KAAK,GACpB;IACT,OAAO,CACL,+BACE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,EACxD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,iBAC1B,MAAM,YAElB,OAAO,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,GACnD,CACN,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,GAAG,EACb,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GAAG,MAAM,GACpB;IACV,MAAM,aAAa,GAAG,EAAE,CACtB,MAAM,EACN,QAAQ,IAAI,EAAE,EACd,OAAO,IAAI,OAAO,KAAK,OAAO,IAAI,OAAO,OAAO,EAAE,EAClD,EAAE,OAAO,EAAE,EACX,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8CAAiB,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,YAC5D,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC"}

package/tabs/{tabs.module.scss → tabs.m.scss}

@@ -1,5 +1,6 @@
 @use '../colors';
 
+// @todo убрать вложенность по максимуму
 .root {
   list-style-type: none;
   user-select: none;

package/tabs/types.d.ts

@@ -0,0 +1,35 @@
+import type { CSSProperties, MouseEventHandler, ReactNode } from 'react';
+import type { WithTestId } from '../types';
+export interface TabProps extends WithTestId {
+    /** Название вкладки. */
+    name?: string;
+    /** Выбрана ли вкладка. */
+    selected?: boolean;
+    /** Отключена ли вкладка. */
+    disabled?: boolean;
+    /** Обработчик клика. */
+    onClick?: MouseEventHandler<HTMLLIElement>;
+    /** Содержимое. */
+    children?: ReactNode;
+    /** Класс корневого элемента. */
+    className?: string;
+    /** Стили. */
+    style?: CSSProperties;
+}
+export interface TabsStyle extends CSSProperties {
+    '--tabs-gap'?: string;
+}
+export interface TabsProps extends WithTestId {
+    /** Визуальный вариант вкладок. */
+    view?: 'clean' | 'clean-underline' | 'round';
+    /** Необходимо ли растягивать вкладки под размер контейнера. */
+    stretch?: boolean;
+    /** Размер отступа между вкладками. */
+    gapSize?: 's' | 'm' | 'unset';
+    /** Класс корневого элемента. */
+    className?: string;
+    /** Стили. */
+    style?: TabsStyle;
+    /** Вкладки. */
+    children?: ReactNode;
+}

package/tabs/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/tabs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/tabs/types.ts"],"names":[],"mappings":""}

package/test-utils/dom-rect-read-only-mock.d.ts

@@ -0,0 +1,23 @@
+/** */
+export declare class DOMRectReadOnlyMock implements DOMRectReadOnly {
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/bottom). */
+    readonly bottom: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/height). */
+    readonly height: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/left). */
+    readonly left: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/right). */
+    readonly right: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/top). */
+    readonly top: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/width). */
+    readonly width: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/x). */
+    readonly x: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/y). */
+    readonly y: number;
+    /** @inheritdoc */
+    constructor(x?: number | undefined, y?: number | undefined, width?: number | undefined, height?: number | undefined);
+    /** @inheritdoc */
+    toJSON(): any;
+}

package/test-utils/dom-rect-read-only-mock.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DOMRectReadOnlyMock = void 0;
+/** */
+class DOMRectReadOnlyMock {
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/bottom). */
+    bottom;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/height). */
+    height;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/left). */
+    left;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/right). */
+    right;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/top). */
+    top;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/width). */
+    width;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/x). */
+    x;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/y). */
+    y;
+    /** @inheritdoc */
+    constructor(x = 0, y = 0, width = 0, height = 0) {
+        this.x = x;
+        this.y = y;
+        this.width = width;
+        this.height = height;
+        this.top = y;
+        this.left = x;
+        this.bottom = y + height;
+        this.right = x + width;
+        Object.freeze(this);
+    }
+    /** @inheritdoc */
+    toJSON() {
+        return {
+            x: this.x,
+            y: this.y,
+            width: this.width,
+            height: this.height,
+            top: this.top,
+            left: this.left,
+            bottom: this.bottom,
+            right: this.right,
+        };
+    }
+}
+exports.DOMRectReadOnlyMock = DOMRectReadOnlyMock;
+//# sourceMappingURL=dom-rect-read-only-mock.js.map

package/test-utils/dom-rect-read-only-mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-rect-read-only-mock.js","sourceRoot":"","sources":["../../src/test-utils/dom-rect-read-only-mock.ts"],"names":[],"mappings":";;;AAAA,MAAM;AACN,MAAa,mBAAmB;IAC9B,0FAA0F;IACjF,MAAM,CAAS;IAExB,0FAA0F;IACjF,MAAM,CAAS;IAExB,wFAAwF;IAC/E,IAAI,CAAS;IAEtB,yFAAyF;IAChF,KAAK,CAAS;IAEvB,uFAAuF;IAC9E,GAAG,CAAS;IAErB,yFAAyF;IAChF,KAAK,CAAS;IAEvB,qFAAqF;IAC5E,CAAC,CAAS;IAEnB,qFAAqF;IAC5E,CAAC,CAAS;IAEnB,kBAAkB;IAClB,YACE,IAAwB,CAAC,EACzB,IAAwB,CAAC,EACzB,QAA4B,CAAC,EAC7B,SAA6B,CAAC;QAE9B,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QACX,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QACX,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC;QACb,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;QACd,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC;QACvB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAED,kBAAkB;IAClB,MAAM;QACJ,OAAO;YACL,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC;IACJ,CAAC;CACF;AAxDD,kDAwDC"}

package/test-utils/index.d.ts

@@ -0,0 +1,4 @@
+export { DOMRectReadOnlyMock } from './dom-rect-read-only-mock';
+export { IntersectionObserverMock } from './intersection-observer-mock';
+export { MatchMediaMock } from './match-media-mock';
+export { ResizeObserverMock } from './resize-observer-mock';

package/test-utils/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResizeObserverMock = exports.MatchMediaMock = exports.IntersectionObserverMock = exports.DOMRectReadOnlyMock = void 0;
+var dom_rect_read_only_mock_1 = require("./dom-rect-read-only-mock");
+Object.defineProperty(exports, "DOMRectReadOnlyMock", { enumerable: true, get: function () { return dom_rect_read_only_mock_1.DOMRectReadOnlyMock; } });
+var intersection_observer_mock_1 = require("./intersection-observer-mock");
+Object.defineProperty(exports, "IntersectionObserverMock", { enumerable: true, get: function () { return intersection_observer_mock_1.IntersectionObserverMock; } });
+var match_media_mock_1 = require("./match-media-mock");
+Object.defineProperty(exports, "MatchMediaMock", { enumerable: true, get: function () { return match_media_mock_1.MatchMediaMock; } });
+var resize_observer_mock_1 = require("./resize-observer-mock");
+Object.defineProperty(exports, "ResizeObserverMock", { enumerable: true, get: function () { return resize_observer_mock_1.ResizeObserverMock; } });
+//# sourceMappingURL=index.js.map

package/test-utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test-utils/index.ts"],"names":[],"mappings":";;;AAAA,qEAAgE;AAAvD,8HAAA,mBAAmB,OAAA;AAC5B,2EAAwE;AAA/D,sIAAA,wBAAwB,OAAA;AACjC,uDAAoD;AAA3C,kHAAA,cAAc,OAAA;AACvB,+DAA4D;AAAnD,0HAAA,kBAAkB,OAAA"}

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

@@ -0,0 +1,74 @@
+/**
+ * Имитация IntersectionObserver.
+ */
+export declare class IntersectionObserverMock implements IntersectionObserver {
+    /**
+     * Создает новый реестр экземпляров IntersectionObserverMock.
+     * @return Реестр.
+     */
+    static createRegistry(): IntersectionObserverRegistry;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/root).
+     */
+    readonly root: Element | Document | null;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/rootMargin).
+     */
+    readonly rootMargin: string;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/thresholds).
+     */
+    readonly thresholds: ReadonlyArray<number>;
+    protected readonly callback: IntersectionObserverCallback;
+    protected readonly options: IntersectionObserverInit | undefined;
+    /**
+     * @inheritdoc
+     */
+    constructor(callback: IntersectionObserverCallback, options?: IntersectionObserverInit);
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/disconnect).
+     * @inheritdoc
+     */
+    disconnect(): void;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/observe).
+     * @inheritdoc
+     */
+    observe(target: Element): void;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/takeRecords).
+     * @inheritdoc
+     */
+    takeRecords(): IntersectionObserverEntry[];
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/unobserve).
+     * @inheritdoc
+     */
+    unobserve(target: Element): void;
+    /**
+     * Имитирует изменение состояния наблюдаемого элемента.
+     * @param entry Данные состояния.
+     */
+    simulateEntryChange({ target, isIntersecting, intersectionRatio, }: Pick<IntersectionObserverEntry, 'intersectionRatio' | 'isIntersecting' | 'target'>): void;
+}
+/**
+ * Реестр экземпляров IntersectionObserverMock.
+ */
+export declare class IntersectionObserverRegistry {
+    protected readonly items: Set<IntersectionObserverMock>;
+    /**
+     * @inheritdoc
+     */
+    constructor();
+    /**
+     * Создает, регистрирует и возвращает новый экземпляр IntersectionObserverMock.
+     * @param params Аргументы IntersectionObserverMock.
+     * @return Экземпляр IntersectionObserverMock.
+     */
+    getObserver(...params: ConstructorParameters<typeof IntersectionObserverMock>): IntersectionObserverMock;
+    /**
+     * Имитирует изменение состояния наблюдаемого элемента на всех экземплярах в реестре.
+     * @param entry Данные состояния.
+     */
+    simulateEntryChange(entry: Pick<IntersectionObserverEntry, 'intersectionRatio' | 'isIntersecting' | 'target'>): void;
+}

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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"}