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

package/build/src/components/Portal.js

@@ -57,7 +57,7 @@ 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 createComponentFactory_1 = require("../utils/createComponentFactory");
 var Portal = /** @class */ (function (_super) {
     __extends(Portal, _super);
     function Portal(rootLocator) {
@@ -115,4 +115,8 @@ var Portal = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Portal = Portal;
 _a = LocatorSymbols_1.toVisibleElementLocator;
-exports.createPortalControl = (0, createControlFactory_1.createControlTIdFactory)(Portal);
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+exports.createPortalControl = (0, createComponentFactory_1.createComponentTIdFactory)(Portal);

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

@@ -23,4 +23,9 @@ 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;
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+export declare const createRadioControl: (context: Locator, options?: import("../utils").DataTIdOption) => Radio;
+export type RadioControl = Radio;

package/build/src/components/Radio.js

@@ -58,7 +58,7 @@ 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 createComponentFactory_1 = require("../utils/createComponentFactory");
 var Radio = /** @class */ (function (_super) {
     __extends(Radio, _super);
     function Radio(rootLocator) {
@@ -159,4 +159,8 @@ 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);
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+exports.createRadioControl = (0, createComponentFactory_1.createComponentTIdFactory)(Radio);

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

@@ -21,4 +21,9 @@ 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;
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+export declare const createRadioGroupControl: (context: Locator, options?: import("../utils").DataTIdOption) => RadioGroup;
+export type RadioGroupControl = RadioGroup;

package/build/src/components/RadioGroup.js

@@ -61,7 +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 createComponentFactory_1 = require("../utils/createComponentFactory");
 var RadioGroup = /** @class */ (function (_super) {
     __extends(RadioGroup, _super);
     function RadioGroup(rootLocator) {
@@ -235,4 +235,8 @@ var RadioGroup = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.RadioGroup = RadioGroup;
 _a = LocatorSymbols_1.toControlElementLocator;
-exports.createRadioGroupControl = (0, createControlFactory_1.createControlTIdFactory)(RadioGroup);
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+exports.createRadioGroupControl = (0, createComponentFactory_1.createComponentTIdFactory)(RadioGroup);

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

@@ -46,4 +46,9 @@ export declare class Select extends BaseComponent {
     private openMenuIfNeeded;
     private waitEnabled;
 }
-export declare const createSelectControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Select;
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+export declare const createSelectControl: (context: Locator, options?: import("../utils").DataTIdOption) => Select;
+export type SelectControl = Select;

package/build/src/components/Select.js

@@ -65,7 +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 createComponentFactory_1 = require("../utils/createComponentFactory");
 var Select = /** @class */ (function (_super) {
     __extends(Select, _super);
     function Select(rootLocator) {
@@ -399,4 +399,8 @@ 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);
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+exports.createSelectControl = (0, createComponentFactory_1.createComponentTIdFactory)(Select);

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

@@ -16,4 +16,9 @@ export declare class Spinner extends BaseComponent {
     }): Promise<void>;
     expect(): SpinnerAssertions;
 }
-export declare const createSpinnerControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Spinner;
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+export declare const createSpinnerControl: (context: Locator, options?: import("..").DataTIdOption) => Spinner;
+export type SpinnerControl = Spinner;

package/build/src/components/Spinner.js

@@ -56,7 +56,7 @@ 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 createComponentFactory_1 = require("../utils/createComponentFactory");
 var Spinner = /** @class */ (function (_super) {
     __extends(Spinner, _super);
     function Spinner(rootLocator) {
@@ -106,4 +106,8 @@ var Spinner = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Spinner = Spinner;
 _a = LocatorSymbols_1.toTextElementLocator;
-exports.createSpinnerControl = (0, createControlFactory_1.createControlTIdFactory)(Spinner);
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+exports.createSpinnerControl = (0, createComponentFactory_1.createComponentTIdFactory)(Spinner);

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

@@ -18,4 +18,9 @@ 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;
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+export declare const createTabControl: (context: Locator, options?: import("../utils").DataTIdOption) => Tab;
+export type TabControl = Tab;

package/build/src/components/Tab.js

@@ -58,7 +58,7 @@ 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 createComponentFactory_1 = require("../utils/createComponentFactory");
 var Tab = /** @class */ (function (_super) {
     __extends(Tab, _super);
     function Tab(rootLocator) {
@@ -115,4 +115,8 @@ 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);
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+exports.createTabControl = (0, createComponentFactory_1.createComponentTIdFactory)(Tab);

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

@@ -16,4 +16,9 @@ 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;
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+export declare const createTabsControl: (context: Locator, options?: import("../utils").DataTIdOption) => Tabs;
+export type TabsControl = Tabs;

package/build/src/components/Tabs.js

@@ -59,7 +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 createComponentFactory_1 = require("../utils/createComponentFactory");
 var Tabs = /** @class */ (function (_super) {
     __extends(Tabs, _super);
     function Tabs(rootLocator) {
@@ -135,4 +135,8 @@ var Tabs = /** @class */ (function (_super) {
     return Tabs;
 }(BaseComponent_1.BaseComponent));
 exports.Tabs = Tabs;
-exports.createTabsControl = (0, createControlFactory_1.createControlTIdFactory)(Tabs);
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+exports.createTabsControl = (0, createComponentFactory_1.createComponentTIdFactory)(Tabs);

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

@@ -23,4 +23,9 @@ 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;
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+export declare const createTextareaControl: (context: Locator, options?: import("../utils").DataTIdOption) => Textarea;
+export type TextareaControl = Textarea;

package/build/src/components/Textarea.js

@@ -58,7 +58,7 @@ 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 createComponentFactory_1 = require("../utils/createComponentFactory");
 var Textarea = /** @class */ (function (_super) {
     __extends(Textarea, _super);
     function Textarea(rootLocator) {
@@ -179,4 +179,8 @@ 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);
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+exports.createTextareaControl = (0, createComponentFactory_1.createComponentTIdFactory)(Textarea);

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

@@ -10,4 +10,9 @@ 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;
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+export declare const createToastControl: (context: Locator, options?: import("..").DataTIdOption) => Toast;
+export type ToastControl = Toast;

package/build/src/components/Toast.js

@@ -56,7 +56,7 @@ 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 createComponentFactory_1 = require("../utils/createComponentFactory");
 var Toast = /** @class */ (function (_super) {
     __extends(Toast, _super);
     function Toast(rootLocator) {
@@ -82,4 +82,8 @@ var Toast = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Toast = Toast;
 _a = LocatorSymbols_1.toTextElementLocator;
-exports.createToastControl = (0, createControlFactory_1.createControlTIdFactory)(Toast);
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+exports.createToastControl = (0, createComponentFactory_1.createComponentTIdFactory)(Toast);

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

@@ -22,4 +22,9 @@ 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;
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+export declare const createToggleControl: (context: Locator, options?: import("../utils").DataTIdOption) => Toggle;
+export type ToggleControl = Toggle;

package/build/src/components/Toggle.js

@@ -58,7 +58,7 @@ 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 createComponentFactory_1 = require("../utils/createComponentFactory");
 var Toggle = /** @class */ (function (_super) {
     __extends(Toggle, _super);
     function Toggle(rootLocator) {
@@ -141,4 +141,8 @@ 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);
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+exports.createToggleControl = (0, createComponentFactory_1.createComponentTIdFactory)(Toggle);

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

@@ -14,4 +14,9 @@ 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;
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+export declare const createTokenControl: (context: Locator, options?: import("..").DataTIdOption) => Token;
+export type TokenControl = Token;

package/build/src/components/Token.js

@@ -58,7 +58,7 @@ 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 createComponentFactory_1 = require("../utils/createComponentFactory");
 var Token = /** @class */ (function (_super) {
     __extends(Token, _super);
     function Token(rootLocator) {
@@ -110,4 +110,8 @@ 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);
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+exports.createTokenControl = (0, createComponentFactory_1.createComponentTIdFactory)(Token);

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

@@ -46,4 +46,9 @@ export declare class TokenInput extends BaseComponent {
     expect(): TokenInputAssertions;
     private getMenuItemsLocator;
 }
-export declare const createTokenInputControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => TokenInput;
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+export declare const createTokenInputControl: (context: Locator, options?: import("../utils").DataTIdOption) => TokenInput;
+export type TokenInputControl = TokenInput;

package/build/src/components/TokenInput.js

@@ -66,7 +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 createComponentFactory_1 = require("../utils/createComponentFactory");
 var TokenInput = /** @class */ (function (_super) {
     __extends(TokenInput, _super);
     function TokenInput(rootLocator) {
@@ -320,4 +320,8 @@ 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);
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+exports.createTokenInputControl = (0, createComponentFactory_1.createComponentTIdFactory)(TokenInput);

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

@@ -14,4 +14,9 @@ export declare class Tooltip extends BaseComponent {
     close(): Promise<void>;
     expect(): TooltipAssertions;
 }
-export declare const createTooltipControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Tooltip;
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+export declare const createTooltipControl: (context: Locator, options?: import("..").DataTIdOption) => Tooltip;
+export type TooltipControl = Tooltip;

package/build/src/components/Tooltip.js

@@ -58,7 +58,7 @@ 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 createComponentFactory_1 = require("../utils/createComponentFactory");
 var Tooltip = /** @class */ (function (_super) {
     __extends(Tooltip, _super);
     function Tooltip(rootLocator) {
@@ -97,4 +97,8 @@ var Tooltip = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Tooltip = Tooltip;
 _a = LocatorSymbols_1.toTextElementLocator;
-exports.createTooltipControl = (0, createControlFactory_1.createControlTIdFactory)(Tooltip);
+/**
+ * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
+ * Task: IF-2498
+ */
+exports.createTooltipControl = (0, createComponentFactory_1.createComponentTIdFactory)(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 → createComponentFactory.d.ts}

@@ -13,8 +13,8 @@ type ComponentConstructor<T extends BaseComponent> = new (rootLocator: Locator)
  *
  * @example
  * ```typescript
- * export const createLabelControl = createControlTIdFactory(Label);
+ * export const createLabelControl = createComponentTIdFactory(Label);
  * ```
  */
-export declare function createControlTIdFactory<T extends BaseComponent>(ComponentClass: ComponentConstructor<T>): (context: Locator, options?: DataTIdOption) => T;
+export declare function createComponentTIdFactory<T extends BaseComponent>(ComponentClass: ComponentConstructor<T>): (context: Locator, options?: DataTIdOption) => T;
 export {};