UNPKG

@awsui/components-react

Version:

AWS UI is a collection of [React](https://reactjs.org/) components that help create intuitive, responsive, and accessible user experiences for web applications. It is developed by Amazon Web Services (AWS). This work is available under the terms of the [A

329 lines (328 loc) • 18.3 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.WizardWrapper = exports.TokenGroupWrapper = exports.ToggleWrapper = exports.TimeInputWrapper = exports.TilesWrapper = exports.TextareaWrapper = exports.TextFilterWrapper = exports.TextContentWrapper = exports.TagEditorWrapper = exports.TabsWrapper = exports.TableWrapper = exports.StatusIndicatorWrapper = exports.SpinnerWrapper = exports.SpaceBetweenWrapper = exports.SideNavigationWrapper = exports.SelectWrapper = exports.SegmentedControlWrapper = exports.RadioGroupWrapper = exports.ProgressBarWrapper = exports.PopoverWrapper = exports.PieChartWrapper = exports.PaginationWrapper = exports.OnboardingPanelWrapper = exports.MultiselectWrapper = exports.ModalWrapper = exports.LinkWrapper = exports.InputWrapper = exports.IconWrapper = exports.HotspotWrapper = exports.HelpPanelWrapper = exports.HeaderWrapper = exports.GridWrapper = exports.FormFieldWrapper = exports.FormWrapper = exports.FlashbarWrapper = exports.ExpandableSectionWrapper = exports.DatePickerWrapper = exports.ContainerWrapper = exports.ColumnLayoutWrapper = exports.CollectionPreferencesWrapper = exports.CodeEditorWrapper = exports.CheckboxWrapper = exports.CardsWrapper = exports.ButtonDropdownWrapper = exports.ButtonWrapper = exports.BreadcrumbGroupWrapper = exports.BoxWrapper = exports.BadgeWrapper = exports.AutosuggestWrapper = exports.AttributeEditorWrapper = exports.AppLayoutWrapper = exports.AnnotationWrapper = exports.AlertWrapper = exports.ElementWrapper = void 0; var dom_1 = require("@awsui/test-utils-core/dom"); Object.defineProperty(exports, "ElementWrapper", { enumerable: true, get: function () { return dom_1.ElementWrapper; } }); var alert_1 = require("./alert"); exports.AlertWrapper = alert_1.default; var annotation_1 = require("./annotation"); exports.AnnotationWrapper = annotation_1.default; var app_layout_1 = require("./app-layout"); exports.AppLayoutWrapper = app_layout_1.default; var attribute_editor_1 = require("./attribute-editor"); exports.AttributeEditorWrapper = attribute_editor_1.default; var autosuggest_1 = require("./autosuggest"); exports.AutosuggestWrapper = autosuggest_1.default; var badge_1 = require("./badge"); exports.BadgeWrapper = badge_1.default; var box_1 = require("./box"); exports.BoxWrapper = box_1.default; var breadcrumb_group_1 = require("./breadcrumb-group"); exports.BreadcrumbGroupWrapper = breadcrumb_group_1.default; var button_1 = require("./button"); exports.ButtonWrapper = button_1.default; var button_dropdown_1 = require("./button-dropdown"); exports.ButtonDropdownWrapper = button_dropdown_1.default; var cards_1 = require("./cards"); exports.CardsWrapper = cards_1.default; var checkbox_1 = require("./checkbox"); exports.CheckboxWrapper = checkbox_1.default; var code_editor_1 = require("./code-editor"); exports.CodeEditorWrapper = code_editor_1.default; var collection_preferences_1 = require("./collection-preferences"); exports.CollectionPreferencesWrapper = collection_preferences_1.default; var column_layout_1 = require("./column-layout"); exports.ColumnLayoutWrapper = column_layout_1.default; var container_1 = require("./container"); exports.ContainerWrapper = container_1.default; var date_picker_1 = require("./date-picker"); exports.DatePickerWrapper = date_picker_1.default; var expandable_section_1 = require("./expandable-section"); exports.ExpandableSectionWrapper = expandable_section_1.default; var flashbar_1 = require("./flashbar"); exports.FlashbarWrapper = flashbar_1.default; var form_1 = require("./form"); exports.FormWrapper = form_1.default; var form_field_1 = require("./form-field"); exports.FormFieldWrapper = form_field_1.default; var grid_1 = require("./grid"); exports.GridWrapper = grid_1.default; var header_1 = require("./header"); exports.HeaderWrapper = header_1.default; var help_panel_1 = require("./help-panel"); exports.HelpPanelWrapper = help_panel_1.default; var hotspot_1 = require("./hotspot"); exports.HotspotWrapper = hotspot_1.default; var icon_1 = require("./icon"); exports.IconWrapper = icon_1.default; var input_1 = require("./input"); exports.InputWrapper = input_1.default; var link_1 = require("./link"); exports.LinkWrapper = link_1.default; var modal_1 = require("./modal"); exports.ModalWrapper = modal_1.default; var multiselect_1 = require("./multiselect"); exports.MultiselectWrapper = multiselect_1.default; var onboarding_panel_1 = require("./onboarding-panel"); exports.OnboardingPanelWrapper = onboarding_panel_1.default; var pagination_1 = require("./pagination"); exports.PaginationWrapper = pagination_1.default; var pie_chart_1 = require("./pie-chart"); exports.PieChartWrapper = pie_chart_1.default; var popover_1 = require("./popover"); exports.PopoverWrapper = popover_1.default; var progress_bar_1 = require("./progress-bar"); exports.ProgressBarWrapper = progress_bar_1.default; var radio_group_1 = require("./radio-group"); exports.RadioGroupWrapper = radio_group_1.default; var segmented_control_1 = require("./segmented-control"); exports.SegmentedControlWrapper = segmented_control_1.default; var select_1 = require("./select"); exports.SelectWrapper = select_1.default; var side_navigation_1 = require("./side-navigation"); exports.SideNavigationWrapper = side_navigation_1.default; var space_between_1 = require("./space-between"); exports.SpaceBetweenWrapper = space_between_1.default; var spinner_1 = require("./spinner"); exports.SpinnerWrapper = spinner_1.default; var status_indicator_1 = require("./status-indicator"); exports.StatusIndicatorWrapper = status_indicator_1.default; var table_1 = require("./table"); exports.TableWrapper = table_1.default; var tabs_1 = require("./tabs"); exports.TabsWrapper = tabs_1.default; var tag_editor_1 = require("./tag-editor"); exports.TagEditorWrapper = tag_editor_1.default; var text_content_1 = require("./text-content"); exports.TextContentWrapper = text_content_1.default; var text_filter_1 = require("./text-filter"); exports.TextFilterWrapper = text_filter_1.default; var textarea_1 = require("./textarea"); exports.TextareaWrapper = textarea_1.default; var tiles_1 = require("./tiles"); exports.TilesWrapper = tiles_1.default; var time_input_1 = require("./time-input"); exports.TimeInputWrapper = time_input_1.default; var toggle_1 = require("./toggle"); exports.ToggleWrapper = toggle_1.default; var token_group_1 = require("./token-group"); exports.TokenGroupWrapper = token_group_1.default; var wizard_1 = require("./wizard"); exports.WizardWrapper = wizard_1.default; dom_1.ElementWrapper.prototype.findAlert = function (selector) { if (selector === void 0) { selector = "." + alert_1.default.rootSelector; } return this.findComponent(selector, alert_1.default); }; dom_1.ElementWrapper.prototype.findAnnotation = function (selector) { if (selector === void 0) { selector = "." + annotation_1.default.rootSelector; } return this.findComponent(selector, annotation_1.default); }; dom_1.ElementWrapper.prototype.findAppLayout = function (selector) { if (selector === void 0) { selector = "." + app_layout_1.default.rootSelector; } return this.findComponent(selector, app_layout_1.default); }; dom_1.ElementWrapper.prototype.findAttributeEditor = function (selector) { if (selector === void 0) { selector = "." + attribute_editor_1.default.rootSelector; } return this.findComponent(selector, attribute_editor_1.default); }; dom_1.ElementWrapper.prototype.findAutosuggest = function (selector) { if (selector === void 0) { selector = "." + autosuggest_1.default.rootSelector; } return this.findComponent(selector, autosuggest_1.default); }; dom_1.ElementWrapper.prototype.findBadge = function (selector) { if (selector === void 0) { selector = "." + badge_1.default.rootSelector; } return this.findComponent(selector, badge_1.default); }; dom_1.ElementWrapper.prototype.findBox = function (selector) { if (selector === void 0) { selector = "." + box_1.default.rootSelector; } return this.findComponent(selector, box_1.default); }; dom_1.ElementWrapper.prototype.findBreadcrumbGroup = function (selector) { if (selector === void 0) { selector = "." + breadcrumb_group_1.default.rootSelector; } return this.findComponent(selector, breadcrumb_group_1.default); }; dom_1.ElementWrapper.prototype.findButton = function (selector) { if (selector === void 0) { selector = "." + button_1.default.rootSelector; } return this.findComponent(selector, button_1.default); }; dom_1.ElementWrapper.prototype.findButtonDropdown = function (selector) { if (selector === void 0) { selector = "." + button_dropdown_1.default.rootSelector; } return this.findComponent(selector, button_dropdown_1.default); }; dom_1.ElementWrapper.prototype.findCards = function (selector) { if (selector === void 0) { selector = "." + cards_1.default.rootSelector; } return this.findComponent(selector, cards_1.default); }; dom_1.ElementWrapper.prototype.findCheckbox = function (selector) { if (selector === void 0) { selector = "." + checkbox_1.default.rootSelector; } return this.findComponent(selector, checkbox_1.default); }; dom_1.ElementWrapper.prototype.findCodeEditor = function (selector) { if (selector === void 0) { selector = "." + code_editor_1.default.rootSelector; } return this.findComponent(selector, code_editor_1.default); }; dom_1.ElementWrapper.prototype.findCollectionPreferences = function (selector) { if (selector === void 0) { selector = "." + collection_preferences_1.default.rootSelector; } return this.findComponent(selector, collection_preferences_1.default); }; dom_1.ElementWrapper.prototype.findColumnLayout = function (selector) { if (selector === void 0) { selector = "." + column_layout_1.default.rootSelector; } return this.findComponent(selector, column_layout_1.default); }; dom_1.ElementWrapper.prototype.findContainer = function (selector) { if (selector === void 0) { selector = "." + container_1.default.rootSelector; } return this.findComponent(selector, container_1.default); }; dom_1.ElementWrapper.prototype.findDatePicker = function (selector) { if (selector === void 0) { selector = "." + date_picker_1.default.rootSelector; } return this.findComponent(selector, date_picker_1.default); }; dom_1.ElementWrapper.prototype.findExpandableSection = function (selector) { if (selector === void 0) { selector = "." + expandable_section_1.default.rootSelector; } return this.findComponent(selector, expandable_section_1.default); }; dom_1.ElementWrapper.prototype.findFlashbar = function (selector) { if (selector === void 0) { selector = "." + flashbar_1.default.rootSelector; } return this.findComponent(selector, flashbar_1.default); }; dom_1.ElementWrapper.prototype.findForm = function (selector) { if (selector === void 0) { selector = "." + form_1.default.rootSelector; } return this.findComponent(selector, form_1.default); }; dom_1.ElementWrapper.prototype.findFormField = function (selector) { if (selector === void 0) { selector = "." + form_field_1.default.rootSelector; } return this.findComponent(selector, form_field_1.default); }; dom_1.ElementWrapper.prototype.findGrid = function (selector) { if (selector === void 0) { selector = "." + grid_1.default.rootSelector; } return this.findComponent(selector, grid_1.default); }; dom_1.ElementWrapper.prototype.findHeader = function (selector) { if (selector === void 0) { selector = "." + header_1.default.rootSelector; } return this.findComponent(selector, header_1.default); }; dom_1.ElementWrapper.prototype.findHelpPanel = function (selector) { if (selector === void 0) { selector = "." + help_panel_1.default.rootSelector; } return this.findComponent(selector, help_panel_1.default); }; dom_1.ElementWrapper.prototype.findHotspot = function (selector) { if (selector === void 0) { selector = "." + hotspot_1.default.rootSelector; } return this.findComponent(selector, hotspot_1.default); }; dom_1.ElementWrapper.prototype.findIcon = function (selector) { if (selector === void 0) { selector = "." + icon_1.default.rootSelector; } return this.findComponent(selector, icon_1.default); }; dom_1.ElementWrapper.prototype.findInput = function (selector) { if (selector === void 0) { selector = "." + input_1.default.rootSelector; } return this.findComponent(selector, input_1.default); }; dom_1.ElementWrapper.prototype.findLink = function (selector) { if (selector === void 0) { selector = "." + link_1.default.rootSelector; } return this.findComponent(selector, link_1.default); }; dom_1.ElementWrapper.prototype.findModal = function (selector) { if (selector === void 0) { selector = "." + modal_1.default.rootSelector; } return this.findComponent(selector, modal_1.default); }; dom_1.ElementWrapper.prototype.findMultiselect = function (selector) { if (selector === void 0) { selector = "." + multiselect_1.default.rootSelector; } return this.findComponent(selector, multiselect_1.default); }; dom_1.ElementWrapper.prototype.findOnboardingPanel = function (selector) { if (selector === void 0) { selector = "." + onboarding_panel_1.default.rootSelector; } return this.findComponent(selector, onboarding_panel_1.default); }; dom_1.ElementWrapper.prototype.findPagination = function (selector) { if (selector === void 0) { selector = "." + pagination_1.default.rootSelector; } return this.findComponent(selector, pagination_1.default); }; dom_1.ElementWrapper.prototype.findPieChart = function (selector) { if (selector === void 0) { selector = "." + pie_chart_1.default.rootSelector; } return this.findComponent(selector, pie_chart_1.default); }; dom_1.ElementWrapper.prototype.findPopover = function (selector) { if (selector === void 0) { selector = "." + popover_1.default.rootSelector; } return this.findComponent(selector, popover_1.default); }; dom_1.ElementWrapper.prototype.findProgressBar = function (selector) { if (selector === void 0) { selector = "." + progress_bar_1.default.rootSelector; } return this.findComponent(selector, progress_bar_1.default); }; dom_1.ElementWrapper.prototype.findRadioGroup = function (selector) { if (selector === void 0) { selector = "." + radio_group_1.default.rootSelector; } return this.findComponent(selector, radio_group_1.default); }; dom_1.ElementWrapper.prototype.findSegmentedControl = function (selector) { if (selector === void 0) { selector = "." + segmented_control_1.default.rootSelector; } return this.findComponent(selector, segmented_control_1.default); }; dom_1.ElementWrapper.prototype.findSelect = function (selector) { if (selector === void 0) { selector = "." + select_1.default.rootSelector; } return this.findComponent(selector, select_1.default); }; dom_1.ElementWrapper.prototype.findSideNavigation = function (selector) { if (selector === void 0) { selector = "." + side_navigation_1.default.rootSelector; } return this.findComponent(selector, side_navigation_1.default); }; dom_1.ElementWrapper.prototype.findSpaceBetween = function (selector) { if (selector === void 0) { selector = "." + space_between_1.default.rootSelector; } return this.findComponent(selector, space_between_1.default); }; dom_1.ElementWrapper.prototype.findSpinner = function (selector) { if (selector === void 0) { selector = "." + spinner_1.default.rootSelector; } return this.findComponent(selector, spinner_1.default); }; dom_1.ElementWrapper.prototype.findStatusIndicator = function (selector) { if (selector === void 0) { selector = "." + status_indicator_1.default.rootSelector; } return this.findComponent(selector, status_indicator_1.default); }; dom_1.ElementWrapper.prototype.findTable = function (selector) { if (selector === void 0) { selector = "." + table_1.default.rootSelector; } return this.findComponent(selector, table_1.default); }; dom_1.ElementWrapper.prototype.findTabs = function (selector) { if (selector === void 0) { selector = "." + tabs_1.default.rootSelector; } return this.findComponent(selector, tabs_1.default); }; dom_1.ElementWrapper.prototype.findTagEditor = function (selector) { if (selector === void 0) { selector = "." + tag_editor_1.default.rootSelector; } return this.findComponent(selector, tag_editor_1.default); }; dom_1.ElementWrapper.prototype.findTextContent = function (selector) { if (selector === void 0) { selector = "." + text_content_1.default.rootSelector; } return this.findComponent(selector, text_content_1.default); }; dom_1.ElementWrapper.prototype.findTextFilter = function (selector) { if (selector === void 0) { selector = "." + text_filter_1.default.rootSelector; } return this.findComponent(selector, text_filter_1.default); }; dom_1.ElementWrapper.prototype.findTextarea = function (selector) { if (selector === void 0) { selector = "." + textarea_1.default.rootSelector; } return this.findComponent(selector, textarea_1.default); }; dom_1.ElementWrapper.prototype.findTiles = function (selector) { if (selector === void 0) { selector = "." + tiles_1.default.rootSelector; } return this.findComponent(selector, tiles_1.default); }; dom_1.ElementWrapper.prototype.findTimeInput = function (selector) { if (selector === void 0) { selector = "." + time_input_1.default.rootSelector; } return this.findComponent(selector, time_input_1.default); }; dom_1.ElementWrapper.prototype.findToggle = function (selector) { if (selector === void 0) { selector = "." + toggle_1.default.rootSelector; } return this.findComponent(selector, toggle_1.default); }; dom_1.ElementWrapper.prototype.findTokenGroup = function (selector) { if (selector === void 0) { selector = "." + token_group_1.default.rootSelector; } return this.findComponent(selector, token_group_1.default); }; dom_1.ElementWrapper.prototype.findWizard = function (selector) { if (selector === void 0) { selector = "." + wizard_1.default.rootSelector; } return this.findComponent(selector, wizard_1.default); }; function wrapper(root) { if (root === void 0) { root = document.body; } return new dom_1.ElementWrapper(root); } exports.default = wrapper;