@skbkontur/playwright-react-ui-components 1.15.0 → 1.16.0-beta.2

package/build/src/components/RadioGroup.js

@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioGroup = void 0;
+exports.createRadioGroupControl = exports.RadioGroup = void 0;
 var react_ui_1 = require("@skbkontur/react-ui");
 var assertions_1 = require("../assertions");
 var BaseComponent_1 = require("./BaseComponent");
@@ -61,6 +61,7 @@ var Radio_1 = require("./Radio");
 var utils_1 = require("../utils");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var RadioGroup = /** @class */ (function (_super) {
     __extends(RadioGroup, _super);
     function RadioGroup(rootLocator) {
@@ -234,3 +235,4 @@ var RadioGroup = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.RadioGroup = RadioGroup;
 _a = LocatorSymbols_1.toControlElementLocator;
+exports.createRadioGroupControl = (0, createControlFactory_1.createControlTIdFactory)(RadioGroup);

package/build/src/components/Select.d.ts

@@ -46,3 +46,5 @@ export declare class Select extends BaseComponent {
     private openMenuIfNeeded;
     private waitEnabled;
 }
+export declare const createSelectControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Select;
+export type SelectControl = ReturnType<typeof createSelectControl>;

package/build/src/components/Select.js

@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = void 0;
+exports.createSelectControl = exports.Select = void 0;
 var react_ui_1 = require("@skbkontur/react-ui");
 var test_1 = require("@playwright/test");
 var MenuFooter_1 = require("@skbkontur/react-ui/components/MenuFooter");
@@ -65,6 +65,7 @@ var ComponentList_1 = require("./ComponentList");
 var MenuItem_1 = require("./MenuItem");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Select = /** @class */ (function (_super) {
     __extends(Select, _super);
     function Select(rootLocator) {
@@ -398,3 +399,4 @@ var Select = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Select = Select;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createSelectControl = (0, createControlFactory_1.createControlTIdFactory)(Select);

package/build/src/components/Spinner.d.ts

@@ -16,3 +16,5 @@ export declare class Spinner extends BaseComponent {
     }): Promise<void>;
     expect(): SpinnerAssertions;
 }
+export declare const createSpinnerControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Spinner;
+export type SpinnerControl = ReturnType<typeof createSpinnerControl>;

package/build/src/components/Spinner.js

@@ -52,10 +52,11 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Spinner = void 0;
+exports.createSpinnerControl = exports.Spinner = void 0;
 var BaseComponent_1 = require("./BaseComponent");
 var assertions_1 = require("../assertions");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Spinner = /** @class */ (function (_super) {
     __extends(Spinner, _super);
     function Spinner(rootLocator) {
@@ -105,3 +106,4 @@ var Spinner = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Spinner = Spinner;
 _a = LocatorSymbols_1.toTextElementLocator;
+exports.createSpinnerControl = (0, createControlFactory_1.createControlTIdFactory)(Spinner);

package/build/src/components/Tab.d.ts

@@ -18,3 +18,5 @@ export declare class Tab extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): TabAssertions;
 }
+export declare const createTabControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Tab;
+export type TabControl = ReturnType<typeof createTabControl>;

package/build/src/components/Tab.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tab = void 0;
+exports.createTabControl = exports.Tab = void 0;
 var test_1 = require("@playwright/test");
 var BaseComponent_1 = require("./BaseComponent");
 var utils_1 = require("../utils");
 var assertions_1 = require("../assertions");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Tab = /** @class */ (function (_super) {
     __extends(Tab, _super);
     function Tab(rootLocator) {
@@ -114,3 +115,4 @@ var Tab = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Tab = Tab;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toTextElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createTabControl = (0, createControlFactory_1.createControlTIdFactory)(Tab);

package/build/src/components/Tabs.d.ts

@@ -16,3 +16,5 @@ export declare class Tabs extends BaseComponent {
     getByName(name: string | RegExp): Promise<Tab>;
     expect(): TabsAssertions;
 }
+export declare const createTabsControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Tabs;
+export type TabsControl = ReturnType<typeof createTabsControl>;

package/build/src/components/Tabs.js

@@ -51,7 +51,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tabs = void 0;
+exports.createTabsControl = exports.Tabs = void 0;
 var react_ui_1 = require("@skbkontur/react-ui");
 var BaseComponent_1 = require("./BaseComponent");
 var ComponentList_1 = require("./ComponentList");
@@ -59,6 +59,7 @@ var Tab_1 = require("./Tab");
 var utils_1 = require("../utils");
 var assertions_1 = require("../assertions");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Tabs = /** @class */ (function (_super) {
     __extends(Tabs, _super);
     function Tabs(rootLocator) {
@@ -134,3 +135,4 @@ var Tabs = /** @class */ (function (_super) {
     return Tabs;
 }(BaseComponent_1.BaseComponent));
 exports.Tabs = Tabs;
+exports.createTabsControl = (0, createControlFactory_1.createControlTIdFactory)(Tabs);

package/build/src/components/Textarea.d.ts

@@ -23,3 +23,5 @@ export declare class Textarea extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): TextareaAssertions;
 }
+export declare const createTextareaControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Textarea;
+export type TextareaControl = ReturnType<typeof createTextareaControl>;

package/build/src/components/Textarea.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Textarea = void 0;
+exports.createTextareaControl = exports.Textarea = void 0;
 var test_1 = require("@playwright/test");
 var BaseComponent_1 = require("./BaseComponent");
 var utils_1 = require("../utils");
 var assertions_1 = require("../assertions");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Textarea = /** @class */ (function (_super) {
     __extends(Textarea, _super);
     function Textarea(rootLocator) {
@@ -178,3 +179,4 @@ var Textarea = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Textarea = Textarea;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createTextareaControl = (0, createControlFactory_1.createControlTIdFactory)(Textarea);

package/build/src/components/Toast.d.ts

@@ -10,3 +10,5 @@ export declare class Toast extends BaseComponent {
     getText(options?: InnerTextOptions): Promise<string>;
     expect(): ToastAssertions;
 }
+export declare const createToastControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Toast;
+export type ToastControl = ReturnType<typeof createToastControl>;

package/build/src/components/Toast.js

@@ -52,10 +52,11 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toast = void 0;
+exports.createToastControl = exports.Toast = void 0;
 var BaseComponent_1 = require("./BaseComponent");
 var assertions_1 = require("../assertions");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Toast = /** @class */ (function (_super) {
     __extends(Toast, _super);
     function Toast(rootLocator) {
@@ -81,3 +82,4 @@ var Toast = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Toast = Toast;
 _a = LocatorSymbols_1.toTextElementLocator;
+exports.createToastControl = (0, createControlFactory_1.createControlTIdFactory)(Toast);

package/build/src/components/Toggle.d.ts

@@ -22,3 +22,5 @@ export declare class Toggle extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): ToggleAssertions;
 }
+export declare const createToggleControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Toggle;
+export type ToggleControl = ReturnType<typeof createToggleControl>;

package/build/src/components/Toggle.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c, _d;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toggle = void 0;
+exports.createToggleControl = exports.Toggle = void 0;
 var test_1 = require("@playwright/test");
 var BaseComponent_1 = require("./BaseComponent");
 var utils_1 = require("../utils");
 var assertions_1 = require("../assertions");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Toggle = /** @class */ (function (_super) {
     __extends(Toggle, _super);
     function Toggle(rootLocator) {
@@ -140,3 +141,4 @@ var Toggle = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Toggle = Toggle;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toCheckableElementLocator, _c = LocatorSymbols_1.toTextElementLocator, _d = LocatorSymbols_1.toFocusableElementLocator;
+exports.createToggleControl = (0, createControlFactory_1.createControlTIdFactory)(Toggle);

package/build/src/components/Token.d.ts

@@ -14,3 +14,5 @@ export declare class Token extends BaseComponent {
     remove(options?: ClickOptions): Promise<void>;
     expect(): TokenAssertions;
 }
+export declare const createTokenControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Token;
+export type TokenControl = ReturnType<typeof createTokenControl>;

package/build/src/components/Token.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Token = void 0;
+exports.createTokenControl = exports.Token = void 0;
 var react_ui_1 = require("@skbkontur/react-ui");
 var BaseComponent_1 = require("./BaseComponent");
 var assertions_1 = require("../assertions");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Token = /** @class */ (function (_super) {
     __extends(Token, _super);
     function Token(rootLocator) {
@@ -109,3 +110,4 @@ var Token = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Token = Token;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toTextElementLocator;
+exports.createTokenControl = (0, createControlFactory_1.createControlTIdFactory)(Token);

package/build/src/components/TokenInput.d.ts

@@ -46,3 +46,5 @@ export declare class TokenInput extends BaseComponent {
     expect(): TokenInputAssertions;
     private getMenuItemsLocator;
 }
+export declare const createTokenInputControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => TokenInput;
+export type TokenInputControl = ReturnType<typeof createTokenInputControl>;

package/build/src/components/TokenInput.js

@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TokenInput = void 0;
+exports.createTokenInputControl = exports.TokenInput = void 0;
 var test_1 = require("@playwright/test");
 var react_ui_1 = require("@skbkontur/react-ui");
 var CustomComboBox_1 = require("@skbkontur/react-ui/internal/CustomComboBox");
@@ -66,6 +66,7 @@ var assertions_1 = require("../assertions");
 var MenuItem_1 = require("./MenuItem");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var TokenInput = /** @class */ (function (_super) {
     __extends(TokenInput, _super);
     function TokenInput(rootLocator) {
@@ -319,3 +320,4 @@ var TokenInput = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.TokenInput = TokenInput;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createTokenInputControl = (0, createControlFactory_1.createControlTIdFactory)(TokenInput);

package/build/src/components/Tooltip.d.ts

@@ -14,3 +14,5 @@ export declare class Tooltip extends BaseComponent {
     close(): Promise<void>;
     expect(): TooltipAssertions;
 }
+export declare const createTooltipControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Tooltip;
+export type TooltipControl = ReturnType<typeof createTooltipControl>;

package/build/src/components/Tooltip.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = void 0;
+exports.createTooltipControl = exports.Tooltip = void 0;
 var Tooltip_1 = require("@skbkontur/react-ui/components/Tooltip");
 var BaseComponent_1 = require("./BaseComponent");
 var assertions_1 = require("../assertions");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Tooltip = /** @class */ (function (_super) {
     __extends(Tooltip, _super);
     function Tooltip(rootLocator) {
@@ -96,3 +97,4 @@ var Tooltip = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Tooltip = Tooltip;
 _a = LocatorSymbols_1.toTextElementLocator;
+exports.createTooltipControl = (0, createControlFactory_1.createControlTIdFactory)(Tooltip);

package/build/src/components/index.d.ts

@@ -1,35 +1,35 @@
 export { BaseComponent } from './BaseComponent';
-export { Button } from './Button';
-export { Tooltip } from './Tooltip';
-export { Portal } from './Portal';
-export { Checkbox } from './Checkbox';
-export { ComboBox } from './ComboBox';
-export { Label } from './Label';
-export { MenuItem } from './MenuItem';
 export { ComponentList } from './ComponentList';
-export { Radio } from './Radio';
-export { RadioGroup } from './RadioGroup';
-export { Input } from './Input';
-export { CurrencyInput } from './CurrencyInput';
-export { Token } from './Token';
-export { TokenInput } from './TokenInput';
-export { DatePicker } from './DatePicker';
-export { DateRangePicker } from './DateRangePicker';
-export { Textarea } from './Textarea';
-export { DropdownMenu } from './DropdownMenu';
-export { Dropdown } from './Dropdown';
-export { Toast } from './Toast';
-export { Select } from './Select';
-export { Toggle } from './Toggle';
-export { Link } from './Link';
-export { Tabs } from './Tabs';
-export { Tab } from './Tab';
-export { Loader } from './Loader';
-export { Spinner } from './Spinner';
-export { Autocomplete } from './Autocomplete';
-export { DateInput } from './DateInput';
-export { FileUploader } from './FileUploader';
-export { FxInput } from './FxInput';
-export { Kebab } from './Kebab';
-export { Paging } from './Paging';
 export { MenuComponent } from './MenuComponent';
+export { Button, createButtonControl, type ButtonControl } from './Button';
+export { Tooltip, createTooltipControl, type TooltipControl } from './Tooltip';
+export { Portal, createPortalControl, type PortalControl } from './Portal';
+export { Checkbox, createCheckboxControl, type CheckboxControl } from './Checkbox';
+export { ComboBox, createComboBoxControl, type ComboBoxControl } from './ComboBox';
+export { Label, createLabelControl, type LabelControl } from './Label';
+export { MenuItem, createMenuItemControl, type MenuItemControl } from './MenuItem';
+export { Radio, createRadioControl, type RadioControl } from './Radio';
+export { RadioGroup, createRadioGroupControl, type RadioGroupControl } from './RadioGroup';
+export { Input, createInputControl, type InputControl } from './Input';
+export { CurrencyInput, createCurrencyInputControl, type CurrencyInputControl } from './CurrencyInput';
+export { Token, createTokenControl, type TokenControl } from './Token';
+export { TokenInput, createTokenInputControl, type TokenInputControl } from './TokenInput';
+export { DatePicker, createDatePickerControl, type DatePickerControl } from './DatePicker';
+export { DateRangePicker, createDateRangePickerControl, type DateRangePickerControl } from './DateRangePicker';
+export { Textarea, createTextareaControl, type TextareaControl } from './Textarea';
+export { DropdownMenu, createDropdownMenuControl, type DropdownMenuControl } from './DropdownMenu';
+export { Dropdown, createDropdownControl, type DropdownControl } from './Dropdown';
+export { Toast, createToastControl, type ToastControl } from './Toast';
+export { Select, createSelectControl, type SelectControl } from './Select';
+export { Toggle, createToggleControl, type ToggleControl } from './Toggle';
+export { Link, createLinkControl, type LinkControl } from './Link';
+export { Tabs, createTabsControl, type TabsControl } from './Tabs';
+export { Tab, createTabControl, type TabControl } from './Tab';
+export { Loader, createLoaderControl, type LoaderControl } from './Loader';
+export { Spinner, createSpinnerControl, type SpinnerControl } from './Spinner';
+export { Autocomplete, createAutocompleteControl, type AutocompleteControl } from './Autocomplete';
+export { DateInput, createDateInputControl, type DateInputControl } from './DateInput';
+export { FileUploader, createFileUploaderControl, type FileUploaderControl } from './FileUploader';
+export { FxInput, createFxInputControl, type FxInputControl } from './FxInput';
+export { Kebab, createKebabControl, type KebabControl } from './Kebab';
+export { Paging, createPagingControl, type PagingControl } from './Paging';

package/build/src/components/index.js

@@ -1,73 +1,106 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuComponent = exports.Paging = exports.Kebab = exports.FxInput = exports.FileUploader = exports.DateInput = exports.Autocomplete = exports.Spinner = exports.Loader = exports.Tab = exports.Tabs = exports.Link = exports.Toggle = exports.Select = exports.Toast = exports.Dropdown = exports.DropdownMenu = exports.Textarea = exports.DateRangePicker = exports.DatePicker = exports.TokenInput = exports.Token = exports.CurrencyInput = exports.Input = exports.RadioGroup = exports.Radio = exports.ComponentList = exports.MenuItem = exports.Label = exports.ComboBox = exports.Checkbox = exports.Portal = exports.Tooltip = exports.Button = exports.BaseComponent = void 0;
+exports.Tab = exports.createTabsControl = exports.Tabs = exports.createLinkControl = exports.Link = exports.createToggleControl = exports.Toggle = exports.createSelectControl = exports.Select = exports.createToastControl = exports.Toast = exports.createDropdownControl = exports.Dropdown = exports.createDropdownMenuControl = exports.DropdownMenu = exports.createTextareaControl = exports.Textarea = exports.createDateRangePickerControl = exports.DateRangePicker = exports.createDatePickerControl = exports.DatePicker = exports.createTokenInputControl = exports.TokenInput = exports.createTokenControl = exports.Token = exports.createCurrencyInputControl = exports.CurrencyInput = exports.createInputControl = exports.Input = exports.createRadioGroupControl = exports.RadioGroup = exports.createRadioControl = exports.Radio = exports.createMenuItemControl = exports.MenuItem = exports.createLabelControl = exports.Label = exports.createComboBoxControl = exports.ComboBox = exports.createCheckboxControl = exports.Checkbox = exports.createPortalControl = exports.Portal = exports.createTooltipControl = exports.Tooltip = exports.createButtonControl = exports.Button = exports.MenuComponent = exports.ComponentList = exports.BaseComponent = void 0;
+exports.createPagingControl = exports.Paging = exports.createKebabControl = exports.Kebab = exports.createFxInputControl = exports.FxInput = exports.createFileUploaderControl = exports.FileUploader = exports.createDateInputControl = exports.DateInput = exports.createAutocompleteControl = exports.Autocomplete = exports.createSpinnerControl = exports.Spinner = exports.createLoaderControl = exports.Loader = exports.createTabControl = void 0;
 var BaseComponent_1 = require("./BaseComponent");
 Object.defineProperty(exports, "BaseComponent", { enumerable: true, get: function () { return BaseComponent_1.BaseComponent; } });
+var ComponentList_1 = require("./ComponentList");
+Object.defineProperty(exports, "ComponentList", { enumerable: true, get: function () { return ComponentList_1.ComponentList; } });
+var MenuComponent_1 = require("./MenuComponent");
+Object.defineProperty(exports, "MenuComponent", { enumerable: true, get: function () { return MenuComponent_1.MenuComponent; } });
 var Button_1 = require("./Button");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
+Object.defineProperty(exports, "createButtonControl", { enumerable: true, get: function () { return Button_1.createButtonControl; } });
 var Tooltip_1 = require("./Tooltip");
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
+Object.defineProperty(exports, "createTooltipControl", { enumerable: true, get: function () { return Tooltip_1.createTooltipControl; } });
 var Portal_1 = require("./Portal");
 Object.defineProperty(exports, "Portal", { enumerable: true, get: function () { return Portal_1.Portal; } });
+Object.defineProperty(exports, "createPortalControl", { enumerable: true, get: function () { return Portal_1.createPortalControl; } });
 var Checkbox_1 = require("./Checkbox");
 Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
+Object.defineProperty(exports, "createCheckboxControl", { enumerable: true, get: function () { return Checkbox_1.createCheckboxControl; } });
 var ComboBox_1 = require("./ComboBox");
 Object.defineProperty(exports, "ComboBox", { enumerable: true, get: function () { return ComboBox_1.ComboBox; } });
+Object.defineProperty(exports, "createComboBoxControl", { enumerable: true, get: function () { return ComboBox_1.createComboBoxControl; } });
 var Label_1 = require("./Label");
 Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return Label_1.Label; } });
+Object.defineProperty(exports, "createLabelControl", { enumerable: true, get: function () { return Label_1.createLabelControl; } });
 var MenuItem_1 = require("./MenuItem");
 Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return MenuItem_1.MenuItem; } });
-var ComponentList_1 = require("./ComponentList");
-Object.defineProperty(exports, "ComponentList", { enumerable: true, get: function () { return ComponentList_1.ComponentList; } });
+Object.defineProperty(exports, "createMenuItemControl", { enumerable: true, get: function () { return MenuItem_1.createMenuItemControl; } });
 var Radio_1 = require("./Radio");
 Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return Radio_1.Radio; } });
+Object.defineProperty(exports, "createRadioControl", { enumerable: true, get: function () { return Radio_1.createRadioControl; } });
 var RadioGroup_1 = require("./RadioGroup");
 Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return RadioGroup_1.RadioGroup; } });
+Object.defineProperty(exports, "createRadioGroupControl", { enumerable: true, get: function () { return RadioGroup_1.createRadioGroupControl; } });
 var Input_1 = require("./Input");
 Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
+Object.defineProperty(exports, "createInputControl", { enumerable: true, get: function () { return Input_1.createInputControl; } });
 var CurrencyInput_1 = require("./CurrencyInput");
 Object.defineProperty(exports, "CurrencyInput", { enumerable: true, get: function () { return CurrencyInput_1.CurrencyInput; } });
+Object.defineProperty(exports, "createCurrencyInputControl", { enumerable: true, get: function () { return CurrencyInput_1.createCurrencyInputControl; } });
 var Token_1 = require("./Token");
 Object.defineProperty(exports, "Token", { enumerable: true, get: function () { return Token_1.Token; } });
+Object.defineProperty(exports, "createTokenControl", { enumerable: true, get: function () { return Token_1.createTokenControl; } });
 var TokenInput_1 = require("./TokenInput");
 Object.defineProperty(exports, "TokenInput", { enumerable: true, get: function () { return TokenInput_1.TokenInput; } });
+Object.defineProperty(exports, "createTokenInputControl", { enumerable: true, get: function () { return TokenInput_1.createTokenInputControl; } });
 var DatePicker_1 = require("./DatePicker");
 Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return DatePicker_1.DatePicker; } });
+Object.defineProperty(exports, "createDatePickerControl", { enumerable: true, get: function () { return DatePicker_1.createDatePickerControl; } });
 var DateRangePicker_1 = require("./DateRangePicker");
 Object.defineProperty(exports, "DateRangePicker", { enumerable: true, get: function () { return DateRangePicker_1.DateRangePicker; } });
+Object.defineProperty(exports, "createDateRangePickerControl", { enumerable: true, get: function () { return DateRangePicker_1.createDateRangePickerControl; } });
 var Textarea_1 = require("./Textarea");
 Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return Textarea_1.Textarea; } });
+Object.defineProperty(exports, "createTextareaControl", { enumerable: true, get: function () { return Textarea_1.createTextareaControl; } });
 var DropdownMenu_1 = require("./DropdownMenu");
 Object.defineProperty(exports, "DropdownMenu", { enumerable: true, get: function () { return DropdownMenu_1.DropdownMenu; } });
+Object.defineProperty(exports, "createDropdownMenuControl", { enumerable: true, get: function () { return DropdownMenu_1.createDropdownMenuControl; } });
 var Dropdown_1 = require("./Dropdown");
 Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return Dropdown_1.Dropdown; } });
+Object.defineProperty(exports, "createDropdownControl", { enumerable: true, get: function () { return Dropdown_1.createDropdownControl; } });
 var Toast_1 = require("./Toast");
 Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return Toast_1.Toast; } });
+Object.defineProperty(exports, "createToastControl", { enumerable: true, get: function () { return Toast_1.createToastControl; } });
 var Select_1 = require("./Select");
 Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
+Object.defineProperty(exports, "createSelectControl", { enumerable: true, get: function () { return Select_1.createSelectControl; } });
 var Toggle_1 = require("./Toggle");
 Object.defineProperty(exports, "Toggle", { enumerable: true, get: function () { return Toggle_1.Toggle; } });
+Object.defineProperty(exports, "createToggleControl", { enumerable: true, get: function () { return Toggle_1.createToggleControl; } });
 var Link_1 = require("./Link");
 Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Link_1.Link; } });
+Object.defineProperty(exports, "createLinkControl", { enumerable: true, get: function () { return Link_1.createLinkControl; } });
 var Tabs_1 = require("./Tabs");
 Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return Tabs_1.Tabs; } });
+Object.defineProperty(exports, "createTabsControl", { enumerable: true, get: function () { return Tabs_1.createTabsControl; } });
 var Tab_1 = require("./Tab");
 Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return Tab_1.Tab; } });
+Object.defineProperty(exports, "createTabControl", { enumerable: true, get: function () { return Tab_1.createTabControl; } });
 var Loader_1 = require("./Loader");
 Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return Loader_1.Loader; } });
+Object.defineProperty(exports, "createLoaderControl", { enumerable: true, get: function () { return Loader_1.createLoaderControl; } });
 var Spinner_1 = require("./Spinner");
 Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return Spinner_1.Spinner; } });
+Object.defineProperty(exports, "createSpinnerControl", { enumerable: true, get: function () { return Spinner_1.createSpinnerControl; } });
 var Autocomplete_1 = require("./Autocomplete");
 Object.defineProperty(exports, "Autocomplete", { enumerable: true, get: function () { return Autocomplete_1.Autocomplete; } });
+Object.defineProperty(exports, "createAutocompleteControl", { enumerable: true, get: function () { return Autocomplete_1.createAutocompleteControl; } });
 var DateInput_1 = require("./DateInput");
 Object.defineProperty(exports, "DateInput", { enumerable: true, get: function () { return DateInput_1.DateInput; } });
+Object.defineProperty(exports, "createDateInputControl", { enumerable: true, get: function () { return DateInput_1.createDateInputControl; } });
 var FileUploader_1 = require("./FileUploader");
 Object.defineProperty(exports, "FileUploader", { enumerable: true, get: function () { return FileUploader_1.FileUploader; } });
+Object.defineProperty(exports, "createFileUploaderControl", { enumerable: true, get: function () { return FileUploader_1.createFileUploaderControl; } });
 var FxInput_1 = require("./FxInput");
 Object.defineProperty(exports, "FxInput", { enumerable: true, get: function () { return FxInput_1.FxInput; } });
+Object.defineProperty(exports, "createFxInputControl", { enumerable: true, get: function () { return FxInput_1.createFxInputControl; } });
 var Kebab_1 = require("./Kebab");
 Object.defineProperty(exports, "Kebab", { enumerable: true, get: function () { return Kebab_1.Kebab; } });
+Object.defineProperty(exports, "createKebabControl", { enumerable: true, get: function () { return Kebab_1.createKebabControl; } });
 var Paging_1 = require("./Paging");
 Object.defineProperty(exports, "Paging", { enumerable: true, get: function () { return Paging_1.Paging; } });
-var MenuComponent_1 = require("./MenuComponent");
-Object.defineProperty(exports, "MenuComponent", { enumerable: true, get: function () { return MenuComponent_1.MenuComponent; } });
+Object.defineProperty(exports, "createPagingControl", { enumerable: true, get: function () { return Paging_1.createPagingControl; } });

package/build/src/utils/createControlFactory.d.ts

@@ -0,0 +1,20 @@
+import type { Locator } from '@playwright/test';
+import type { BaseComponent } from '../components/BaseComponent';
+import type { DataTIdOption } from './dataTid';
+/**
+ * Тип конструктора компонента
+ */
+type ComponentConstructor<T extends BaseComponent> = new (rootLocator: Locator) => T;
+/**
+ * Фабрика для создания функций-помощников create[Component]Control
+ *
+ * @param ComponentClass - класс компонента
+ * @returns функция-помощник для создания экземпляра компонента
+ *
+ * @example
+ * ```typescript
+ * export const createLabelControl = createControlTIdFactory(Label);
+ * ```
+ */
+export declare function createControlTIdFactory<T extends BaseComponent>(ComponentClass: ComponentConstructor<T>): (context: Locator, options?: DataTIdOption) => T;
+export {};

package/build/src/utils/createControlFactory.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createControlTIdFactory = createControlTIdFactory;
+var dataTid_1 = require("./dataTid");
+var dataTidSelector_1 = require("./dataTidSelector");
+/**
+ * Фабрика для создания функций-помощников create[Component]Control
+ *
+ * @param ComponentClass - класс компонента
+ * @returns функция-помощник для создания экземпляра компонента
+ *
+ * @example
+ * ```typescript
+ * export const createLabelControl = createControlTIdFactory(Label);
+ * ```
+ */
+function createControlTIdFactory(ComponentClass) {
+    return function (context, options) {
+        if ((0, dataTid_1.isDataTIdOption)(options)) {
+            return new ComponentClass(context.locator((0, dataTidSelector_1.getDataTidSelector)(options.dataTId)));
+        }
+        else {
+            return new ComponentClass(context);
+        }
+    };
+}

package/build/src/utils/dataTid.d.ts

@@ -0,0 +1,4 @@
+export interface DataTIdOption {
+    dataTId: string;
+}
+export declare const isDataTIdOption: (value: unknown) => value is DataTIdOption;

package/build/src/utils/dataTid.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isDataTIdOption = void 0;
+var isDataTIdOption = function (value) {
+    return typeof value === 'object' && value !== null && 'dataTId' in value && typeof value.dataTId === 'string';
+};
+exports.isDataTIdOption = isDataTIdOption;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/playwright-react-ui-components",
-  "version": "1.15.0",
+  "version": "1.16.0-beta.2",
   "description": "Пакет для взаимодействия с компонентами @skbkontur/react-ui при тестировании с помощью Playwright",
   "main": "build/index.js",
   "files": [