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

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

@@ -27,3 +27,4 @@ export declare class Autocomplete extends BaseComponent {
     expect(): AutocompleteAssertions;
     private getSuggestions;
 }
+export declare const createAutocompleteControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Autocomplete;

package/build/src/components/Autocomplete.js

@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Autocomplete = void 0;
+exports.createAutocompleteControl = exports.Autocomplete = void 0;
 var test_1 = require("@playwright/test");
 var react_ui_1 = require("@skbkontur/react-ui");
 var BaseComponent_1 = require("./BaseComponent");
@@ -61,6 +61,7 @@ var utils_1 = require("../utils");
 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 Autocomplete = /** @class */ (function (_super) {
     __extends(Autocomplete, _super);
     function Autocomplete(rootLocator) {
@@ -256,3 +257,4 @@ var Autocomplete = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Autocomplete = Autocomplete;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createAutocompleteControl = (0, createControlFactory_1.createControlTIdFactory)(Autocomplete);

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

@@ -23,3 +23,4 @@ export declare class Button extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): ButtonAssertions;
 }
+export declare const createButtonControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Button;

package/build/src/components/Button.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
+exports.createButtonControl = exports.Button = void 0;
 var test_1 = require("@playwright/test");
 var BaseComponent_1 = require("./BaseComponent");
 var assertions_1 = require("../assertions");
 var utils_1 = require("../utils");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 /**
  * Button можно использовать как для @skbkontur/react-ui, так и для react
  * Но часть функциональности (проверка на Error / Warning) не будет работать с button из react
@@ -150,3 +151,4 @@ var Button = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Button = Button;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toTextElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createButtonControl = (0, createControlFactory_1.createControlTIdFactory)(Button);

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

@@ -25,3 +25,4 @@ export declare class Checkbox extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): CheckboxAssertions;
 }
+export declare const createCheckboxControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Checkbox;

package/build/src/components/Checkbox.js

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

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

@@ -45,3 +45,4 @@ export declare class ComboBox extends MenuComponent {
     expect(): ComboBoxAssertions;
     private getComboBoxMenuItemsLocator;
 }
+export declare const createComboBoxControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => ComboBox;

package/build/src/components/ComboBox.js

@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c, _d;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComboBox = void 0;
+exports.createComboBoxControl = exports.ComboBox = void 0;
 var test_1 = require("@playwright/test");
 var CustomComboBox_1 = require("@skbkontur/react-ui/internal/CustomComboBox");
 var react_ui_1 = require("@skbkontur/react-ui");
@@ -67,6 +67,7 @@ var MenuItem_1 = require("./MenuItem");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var MenuComponent_1 = require("./MenuComponent");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var ComboBox = /** @class */ (function (_super) {
     __extends(ComboBox, _super);
     function ComboBox(rootLocator) {
@@ -303,3 +304,4 @@ var ComboBox = /** @class */ (function (_super) {
 }(MenuComponent_1.MenuComponent));
 exports.ComboBox = ComboBox;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toItemsElementLocator, _d = LocatorSymbols_1.toFocusableElementLocator;
+exports.createComboBoxControl = (0, createControlFactory_1.createControlTIdFactory)(ComboBox);

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

@@ -23,3 +23,4 @@ export declare class CurrencyInput extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): CurrencyInputAssertions;
 }
+export declare const createCurrencyInputControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => CurrencyInput;

package/build/src/components/CurrencyInput.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CurrencyInput = void 0;
+exports.createCurrencyInputControl = exports.CurrencyInput = 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 CurrencyInput = /** @class */ (function (_super) {
     __extends(CurrencyInput, _super);
     function CurrencyInput(rootLocator) {
@@ -201,3 +202,4 @@ var CurrencyInput = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.CurrencyInput = CurrencyInput;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createCurrencyInputControl = (0, createControlFactory_1.createControlTIdFactory)(CurrencyInput);

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

@@ -20,3 +20,4 @@ export declare class DateInput extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): DateInputAssertions;
 }
+export declare const createDateInputControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => DateInput;

package/build/src/components/DateInput.js

@@ -63,12 +63,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateInput = void 0;
+exports.createDateInputControl = exports.DateInput = 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 DateInput = /** @class */ (function (_super) {
     __extends(DateInput, _super);
     function DateInput(rootLocator) {
@@ -195,3 +196,4 @@ var DateInput = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.DateInput = DateInput;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createDateInputControl = (0, createControlFactory_1.createControlTIdFactory)(DateInput);

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

@@ -22,3 +22,4 @@ export declare class DatePicker extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): DatePickerAssertions;
 }
+export declare const createDatePickerControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => DatePicker;

package/build/src/components/DatePicker.js

@@ -63,7 +63,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DatePicker = void 0;
+exports.createDatePickerControl = exports.DatePicker = void 0;
 var test_1 = require("@playwright/test");
 var react_ui_1 = require("@skbkontur/react-ui");
 var BaseComponent_1 = require("./BaseComponent");
@@ -71,6 +71,7 @@ var utils_1 = require("../utils");
 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 DatePicker = /** @class */ (function (_super) {
     __extends(DatePicker, _super);
     function DatePicker(rootLocator) {
@@ -205,3 +206,4 @@ var DatePicker = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.DatePicker = DatePicker;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createDatePickerControl = (0, createControlFactory_1.createControlTIdFactory)(DatePicker);

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

@@ -20,3 +20,4 @@ export declare class DateRangePicker extends BaseComponent {
     clear(options?: ClearOptions): Promise<void>;
     expect(): DateRangePickerAssertions;
 }
+export declare const createDateRangePickerControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => DateRangePicker;

package/build/src/components/DateRangePicker.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRangePicker = void 0;
+exports.createDateRangePickerControl = exports.DateRangePicker = void 0;
 var BaseComponent_1 = require("./BaseComponent");
 var DatePicker_1 = require("./DatePicker");
 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 DateRangePicker = /** @class */ (function (_super) {
     __extends(DateRangePicker, _super);
     function DateRangePicker(rootLocator) {
@@ -113,3 +114,4 @@ var DateRangePicker = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.DateRangePicker = DateRangePicker;
 _a = LocatorSymbols_1.toValueElementLocator;
+exports.createDateRangePickerControl = (0, createControlFactory_1.createControlTIdFactory)(DateRangePicker);

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

@@ -38,3 +38,4 @@ export declare class Dropdown extends MenuComponent {
     private getMenuItemsLocator;
     private getPortalContainer;
 }
+export declare const createDropdownControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Dropdown;

package/build/src/components/Dropdown.js

@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c, _d;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dropdown = void 0;
+exports.createDropdownControl = exports.Dropdown = void 0;
 var test_1 = require("@playwright/test");
 var react_ui_1 = require("@skbkontur/react-ui");
 var MenuFooter_1 = require("@skbkontur/react-ui/components/MenuFooter");
@@ -64,6 +64,7 @@ var MenuItem_1 = require("./MenuItem");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var MenuComponent_1 = require("./MenuComponent");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Dropdown = /** @class */ (function (_super) {
     __extends(Dropdown, _super);
     function Dropdown(rootLocator) {
@@ -323,3 +324,4 @@ var Dropdown = /** @class */ (function (_super) {
 }(MenuComponent_1.MenuComponent));
 exports.Dropdown = Dropdown;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toTextElementLocator, _c = LocatorSymbols_1.toItemsElementLocator, _d = LocatorSymbols_1.toFocusableElementLocator;
+exports.createDropdownControl = (0, createControlFactory_1.createControlTIdFactory)(Dropdown);

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

@@ -39,3 +39,4 @@ export declare class DropdownMenu extends MenuComponent {
     private getMenuItemsLocator;
     private getPortalContainer;
 }
+export declare const createDropdownMenuControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => DropdownMenu;

package/build/src/components/DropdownMenu.js

@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownMenu = void 0;
+exports.createDropdownMenuControl = exports.DropdownMenu = void 0;
 var react_ui_1 = require("@skbkontur/react-ui");
 var MenuFooter_1 = require("@skbkontur/react-ui/components/MenuFooter");
 var PopupMenu_1 = require("@skbkontur/react-ui/internal/PopupMenu");
@@ -64,6 +64,7 @@ var MenuItem_1 = require("./MenuItem");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var MenuComponent_1 = require("./MenuComponent");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var DropdownMenu = /** @class */ (function (_super) {
     __extends(DropdownMenu, _super);
     function DropdownMenu(rootLocator) {
@@ -293,3 +294,4 @@ var DropdownMenu = /** @class */ (function (_super) {
 }(MenuComponent_1.MenuComponent));
 exports.DropdownMenu = DropdownMenu;
 _a = LocatorSymbols_1.toTextElementLocator, _b = LocatorSymbols_1.toItemsElementLocator;
+exports.createDropdownMenuControl = (0, createControlFactory_1.createControlTIdFactory)(DropdownMenu);

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

@@ -53,4 +53,5 @@ declare class File extends BaseComponent {
     constructor(rootLocator: Locator);
     remove(options?: ClickOptions): Promise<void>;
 }
+export declare const createFileUploaderControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => FileUploader;
 export {};

package/build/src/components/FileUploader.js

@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileUploader = void 0;
+exports.createFileUploaderControl = exports.FileUploader = void 0;
 var BaseComponent_1 = require("./BaseComponent");
 var ComponentList_1 = require("./ComponentList");
 var Label_1 = require("./Label");
@@ -60,6 +60,7 @@ var utils_1 = require("../utils");
 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 FileUploader = /** @class */ (function (_super) {
     __extends(FileUploader, _super);
     function FileUploader(rootLocator) {
@@ -211,3 +212,4 @@ var File = /** @class */ (function (_super) {
     };
     return File;
 }(BaseComponent_1.BaseComponent));
+exports.createFileUploaderControl = (0, createControlFactory_1.createControlTIdFactory)(FileUploader);

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

@@ -25,3 +25,4 @@ export declare class FxInput extends BaseComponent {
     setAuto(options?: ClickOptions): Promise<void>;
     expect(): FxInputAssertions;
 }
+export declare const createFxInputControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => FxInput;

package/build/src/components/FxInput.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FxInput = void 0;
+exports.createFxInputControl = exports.FxInput = 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 FxInput = /** @class */ (function (_super) {
     __extends(FxInput, _super);
     function FxInput(rootLocator) {
@@ -217,3 +218,4 @@ var FxInput = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.FxInput = FxInput;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createFxInputControl = (0, createControlFactory_1.createControlTIdFactory)(FxInput);

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

@@ -23,3 +23,4 @@ export declare class Input extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): InputAssertions;
 }
+export declare const createInputControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Input;

package/build/src/components/Input.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = void 0;
+exports.createInputControl = exports.Input = 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 Input = /** @class */ (function (_super) {
     __extends(Input, _super);
     function Input(rootLocator) {
@@ -192,3 +193,4 @@ var Input = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Input = Input;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createInputControl = (0, createControlFactory_1.createControlTIdFactory)(Input);

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

@@ -28,3 +28,4 @@ export declare class Kebab extends MenuComponent {
     private getMenuItemsLocator;
     getPortalContainer(): Promise<Locator>;
 }
+export declare const createKebabControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Kebab;

package/build/src/components/Kebab.js

@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Kebab = void 0;
+exports.createKebabControl = exports.Kebab = void 0;
 var react_ui_1 = require("@skbkontur/react-ui");
 var Portal_1 = require("./Portal");
 var utils_1 = require("../utils");
@@ -62,6 +62,7 @@ var assertions_1 = require("../assertions");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var MenuComponent_1 = require("./MenuComponent");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Kebab = /** @class */ (function (_super) {
     __extends(Kebab, _super);
     function Kebab(rootLocator) {
@@ -246,3 +247,4 @@ var Kebab = /** @class */ (function (_super) {
 }(MenuComponent_1.MenuComponent));
 exports.Kebab = Kebab;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toItemsElementLocator;
+exports.createKebabControl = (0, createControlFactory_1.createControlTIdFactory)(Kebab);

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

@@ -13,3 +13,4 @@ export declare class Label extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): LabelAssertions;
 }
+export declare const createLabelControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Label;

package/build/src/components/Label.js

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

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

@@ -18,3 +18,4 @@ export declare class Link extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): LinkAssertions;
 }
+export declare const createLinkControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Link;

package/build/src/components/Link.js

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

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

@@ -15,3 +15,4 @@ export declare class Loader extends BaseComponent {
     }): Promise<void>;
     expect(): LoaderAssertions;
 }
+export declare const createLoaderControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Loader;

package/build/src/components/Loader.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loader = void 0;
+exports.createLoaderControl = exports.Loader = 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 Loader = /** @class */ (function (_super) {
     __extends(Loader, _super);
     function Loader(rootLocator) {
@@ -106,3 +107,4 @@ var Loader = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Loader = Loader;
 _a = LocatorSymbols_1.toTextElementLocator;
+exports.createLoaderControl = (0, createControlFactory_1.createControlTIdFactory)(Loader);

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

@@ -13,3 +13,4 @@ export declare class MenuItem extends BaseComponent {
     getText(options?: InnerTextOptions): Promise<string>;
     expect(): MenuItemAssertations;
 }
+export declare const createMenuItemControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => MenuItem;

package/build/src/components/MenuItem.js

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

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

@@ -24,4 +24,5 @@ declare class Page extends Label {
     isActive(): Promise<boolean>;
     getNumber(): Promise<number>;
 }
+export declare const createPagingControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Paging;
 export {};

package/build/src/components/Paging.js

@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Paging = void 0;
+exports.createPagingControl = exports.Paging = void 0;
 var react_ui_1 = require("@skbkontur/react-ui");
 var BaseComponent_1 = require("./BaseComponent");
 var Label_1 = require("./Label");
@@ -61,6 +61,7 @@ var utils_1 = require("../utils");
 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 Paging = /** @class */ (function (_super) {
     __extends(Paging, _super);
     function Paging(rootLocator) {
@@ -254,3 +255,4 @@ var Page = /** @class */ (function (_super) {
     };
     return Page;
 }(Label_1.Label));
+exports.createPagingControl = (0, createControlFactory_1.createControlTIdFactory)(Paging);

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

@@ -11,3 +11,4 @@ export declare class Portal extends BaseComponent {
     private getContainerId;
     expect(): PortalAssertions;
 }
+export declare const createPortalControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Portal;

package/build/src/components/Portal.js

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

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

@@ -23,3 +23,4 @@ export declare class Radio extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): RadioAssertions;
 }
+export declare const createRadioControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Radio;

package/build/src/components/Radio.js

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

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

@@ -21,3 +21,4 @@ export declare class RadioGroup extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): RadioGroupAssertions;
 }
+export declare const createRadioGroupControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => RadioGroup;

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,4 @@ export declare class Select extends BaseComponent {
     private openMenuIfNeeded;
     private waitEnabled;
 }
+export declare const createSelectControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Select;