@wix/design-system 1.0.0

package/dist/cjs/AutoComplete/AutoComplete.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AutoComplete","InputWithOptions","dropdownAdditionalProps","options","predicate","emptyStateMessage","props","filterFunc","state","isEditing","filtered","filter","length","id","value","disabled","displayName","propTypes","ariaControls","PropTypes","string","ariaDescribedby","ariaLabel","autoFocus","bool","border","oneOf","className","clearButton","closeOnSelect","dataHook","defaultValue","disableEditing","dropdownWidth","node","fixedFooter","fixedHeader","focusOnOption","oneOfType","number","focusOnSelectedOption","forceFocus","forceHover","hasMore","hideStatusSuffix","highlight","infiniteScroll","loadMore","func","markedOption","maxHeightPixels","maxLength","menuArrow","minWidthPixels","name","noLeftBorderRadius","noRightBorderRadius","onBlur","onChange","onClear","onClose","onCompositionChange","onEnterPressed","onEscapePressed","onFocus","onInputClicked","onKeyDown","onManuallyInput","onMouseEnter","onMouseLeave","onOptionMarked","onOptionsHide","onOptionsShow","onPaste","onSelect","arrayOf","optionValidator","overflow","pattern","placeholder","popoverProps","shape","appendTo","maxWidth","minWidth","flip","fixed","placement","dynamicWidth","prefix","readOnly","required","selectedId","showOptionsIfEmptyInput","size","status","statusMessage","suffix","tabIndex","textOverflow","tooltipPlacement","type","defaultProps","autoSelect","dropdownOffsetLeft","inContainer","selectedHighlight","inputElement","DEFAULT_POPOVER_PROPS","autocomplete"],"sources":["../../../src/AutoComplete/AutoComplete.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { optionValidator } from '../DropdownLayout/DropdownLayout';\nimport Input from '../Input';\nimport InputWithOptions, {\n  DEFAULT_POPOVER_PROPS,\n} from '../InputWithOptions/InputWithOptions';\n\nclass AutoComplete extends InputWithOptions {\n  static displayName = 'AutoComplete';\n\n  static propTypes = {\n    /** Associate a control with the regions that it controls.*/\n    ariaControls: PropTypes.string,\n    /** Associate a region with its descriptions. Similar to aria-controls but instead associating descriptions to the region and description identifiers are separated with a space.*/\n    ariaDescribedby: PropTypes.string,\n    /** Define a string that labels the current element in case where a text label is not visible on the screen. */\n    ariaLabel: PropTypes.string,\n    /** Focus the element on mount (standard React input autoFocus). */\n    autoFocus: PropTypes.bool,\n    /** Control the border style of input. */\n    border: PropTypes.oneOf(['standard', 'round', 'bottomLine', 'none']),\n    /** Specifies a CSS class name to be appended to the component’s root element.*/\n    className: PropTypes.string,\n    /** Displays clear button (X) on a non-empty input. */\n    clearButton: PropTypes.bool,\n    /** Closes DropdownLayout when option is selected.*/\n    closeOnSelect: PropTypes.bool,\n    /** Applies a data-hook HTML attribute that can be used in the tests. */\n    dataHook: PropTypes.string,\n    /** Sets a default value for those who want to use this component un-controlled. */\n    defaultValue: PropTypes.string,\n    /** Specifies whether input should be disabled or not. */\n    disabled: PropTypes.bool,\n    /** Restricts input editing.*/\n    disableEditing: PropTypes.bool,\n    /** Sets the width of the dropdown in pixels.*/\n    dropdownWidth: PropTypes.string,\n    /** Defines a message to be displayed instead of options when no options exist or no options pass the predicate filter function. */\n    emptyStateMessage: PropTypes.node,\n    /** Adds a fixed footer container at the bottom of options list in `<DropdownLayout/>`.*/\n    fixedFooter: PropTypes.node,\n    /** Adds a fixed header container at the top of options list in `<DropdownLayout/>`.*/\n    fixedHeader: PropTypes.node,\n    /** Highlights and scrolls view to the specified option when dropdown layout is opened. It does not select the specified option. */\n    focusOnOption: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    /** Scrolls view to the selected option when dropdown layout is opened. */\n    focusOnSelectedOption: PropTypes.bool,\n    /** USED FOR TESTING. Forces focus state on the input. */\n    forceFocus: PropTypes.bool,\n    /** USED FOR TESTING. Forces hover state on the input.*/\n    forceHover: PropTypes.bool,\n    /** Specifies whether there are more items to be loaded. */\n    hasMore: PropTypes.bool,\n    /** Specifies whether status suffix should be hidden.*/\n    hideStatusSuffix: PropTypes.bool,\n    /** Highlight word parts that match search criteria in bold.  */\n    highlight: PropTypes.bool,\n    /** Assigns an unique identifier for the root element. */\n    id: PropTypes.string,\n    /** Specifies whether lazy loading of the dropdown layout items is enabled. */\n    infiniteScroll: PropTypes.bool,\n    /** Defines a callback function which is called on a request to render more list items. */\n    loadMore: PropTypes.func,\n    /**\n     * ##### Sets the default hover behavior:\n     *  * `false` - no initially hovered list item\n     *  * `true` - hover first selectable option\n     *  *  any `number/string` - specify the id of an option to be hovered\n     */\n    markedOption: PropTypes.oneOfType([\n      PropTypes.bool,\n      PropTypes.string,\n      PropTypes.number,\n    ]),\n    /** Sets the maximum height of the dropdownLayout in pixels. */\n    maxHeightPixels: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    /** Sets the maximum number of characters that can be entered into a field.*/\n    maxLength: PropTypes.number,\n    /** Specifies whether input should have a dropdown menu arrow on the right side. */\n    menuArrow: PropTypes.bool,\n    /** Sets the minimum width of dropdownLayout in pixels. */\n    minWidthPixels: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    /** Reference element data when a form is submitted. */\n    name: PropTypes.string,\n    /** Specifies whether input shouldn’t have rounded corners on its left. */\n    noLeftBorderRadius: PropTypes.bool,\n    /** Specifies whether input shouldn’t have rounded corners on its right.*/\n    noRightBorderRadius: PropTypes.bool,\n    /** Defines a standard input onBlur callback */\n    onBlur: PropTypes.func,\n    /** Defines a standard input onChange callback.*/\n    onChange: PropTypes.func,\n    /** Displays clear button (X) on a non-empty input and calls a callback function with no arguments.*/\n    onClear: PropTypes.func,\n    /** Defines a callback function which is called whenever the user presses the escape key. */\n    onClose: PropTypes.func,\n    /** Defines a callback function called on compositionstart/compositionend events.*/\n    onCompositionChange: PropTypes.func,\n    /** Defines a callback handler that is called when user presses `enter`.*/\n    onEnterPressed: PropTypes.func,\n    /** Defines a callback handler that is called when user presses `escape`.*/\n    onEscapePressed: PropTypes.func,\n    /** Defines a standard input onFocus callback. */\n    onFocus: PropTypes.func,\n    /** Defines a standard input onClick callback.*/\n    onInputClicked: PropTypes.func,\n    /** Defines a standard input onKeyUp callback. */\n    onKeyDown: PropTypes.func,\n    /** Defines a callback function which is called when user performs a submit action. Submit action triggers are: \"Enter\", \"Tab\", [typing any defined delimiters], paste action. `onManuallyInput(values: Array): void - The array of strings is the result of splitting the input value by the given delimiters.*/\n    onManuallyInput: PropTypes.func,\n    /** Defines a callback function which is called whenever the user enters dropdown layout with the mouse cursor. */\n    onMouseEnter: PropTypes.func,\n    /** Defines a callback function which is called whenever the user exits from dropdown layout with a mouse cursor.*/\n    onMouseLeave: PropTypes.func,\n    /** Defines a callback function which is called whenever an option becomes focused (hovered/active). Receives the relevant option object from the original props.options array.*/\n    onOptionMarked: PropTypes.func,\n    /** Defines a callback function which is called when options dropdown is hidden.*/\n    onOptionsHide: PropTypes.func,\n    /** Defines a callback function which is called when options dropdown is shown.*/\n    onOptionsShow: PropTypes.func,\n    /** Defines a callback handler that is called when user pastes text from a clipboard (using mouse or keyboard shortcut).*/\n    onPaste: PropTypes.func,\n    /** Defines a callback function which is called whenever user selects a different option in the list.*/\n    onSelect: PropTypes.func,\n    /** Specify an array of options:\n     * - id `<string / number>` *required*: the id of the option, should be unique.\n     * - value `<function / string / node>` *required*: can be a string, react element or a builder function.\n     * - disabled `<bool>` *default value- false*: whether this option is disabled or not\n     * - linkTo `<string>`: when provided the option will be an anchor to the given value\n     * - title `<bool>`  *default value- false*  **deprecated**: please use `listItemSectionBuilder` for rendering a title.\n     * - overrideStyle `<bool>` *default value- false*  **deprecated**: please use `overrideOptionStyle` for override option styles.\n     * - overrideOptionStyle `<bool>` *default value- false* - when set to `true`, the option will be responsible to its own styles. No styles will be applied from the DropdownLayout itself.\n     * - label `<string>`: the string displayed within an input when the option is selected. This is used when using `<DropdownLayout/>` with an `<Input/>`.\n     */\n    options: PropTypes.arrayOf(optionValidator),\n    /** Handles container overflow. */\n    overflow: PropTypes.string,\n    /** Sets a pattern that typed value must match to be valid (regex). */\n    pattern: PropTypes.string,\n    /** Sets a placeholder message to display. */\n    placeholder: PropTypes.string,\n    /** Allows to pass all common popover props. */\n    popoverProps: PropTypes.shape({\n      appendTo: PropTypes.oneOf([\n        'window',\n        'scrollParent',\n        'parent',\n        'viewport',\n      ]),\n      maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      flip: PropTypes.bool,\n      fixed: PropTypes.bool,\n      placement: PropTypes.oneOf([\n        'auto-start',\n        'auto',\n        'auto-end',\n        'top-start',\n        'top',\n        'top-end',\n        'right-start',\n        'right',\n        'right-end',\n        'bottom-end',\n        'bottom',\n        'bottom-start',\n        'left-end',\n        'left',\n        'left-start',\n      ]),\n      dynamicWidth: PropTypes.bool,\n    }),\n    /** Defines a callback predicate for the filtering options function. */\n    predicate: PropTypes.func,\n    /** Pass a component you want to show as the prefix of the input, e.g., text string, icon. */\n    prefix: PropTypes.node,\n    /** Specifies whether input is read only. */\n    readOnly: PropTypes.bool,\n    /** Specifies whether input is mandatory. */\n    required: PropTypes.bool,\n    /** Specifies selected option by its id. */\n    selectedId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    /** Controls whether to show options if input is empty. */\n    showOptionsIfEmptyInput: PropTypes.bool,\n    /** Controls the size of the input. Default value: `medium` */\n    size: PropTypes.oneOf(['small', 'medium', 'large']),\n    /** Specify the status of a field. */\n    status: PropTypes.oneOf(['error', 'warning', 'loading']),\n    /** Defines the message to display on status icon hover. If not given or empty there will be no tooltip. */\n    statusMessage: PropTypes.node,\n    /** Pass a component you want to show as the suffix of the input, e.g., text string, icon. */\n    suffix: PropTypes.node,\n    /**  Indicates that element can be focused and where it participates in sequential keyboard navigation.*/\n    tabIndex: PropTypes.number,\n    /** Handles text overflow behavior. It can either clip (default) or display ellipsis. */\n    textOverflow: PropTypes.string,\n    /** Controls placement of a status tooltip. */\n    tooltipPlacement: PropTypes.string,\n    /** Specifies the type of `<input/>` element to display. Default is text string. */\n    type: PropTypes.string,\n  };\n\n  static defaultProps = {\n    predicate: () => true,\n    autoSelect: true,\n    border: 'standard',\n    clearButton: false,\n    closeOnSelect: true,\n    dropdownOffsetLeft: '0',\n    dropdownWidth: null,\n    hasMore: false,\n    hideStatusSuffix: false,\n    inContainer: false,\n    infiniteScroll: false,\n    loadMore: null,\n    markedOption: false,\n    maxHeightPixels: 260,\n    maxLength: 524288,\n    options: [],\n    overflow: 'auto',\n    selectedHighlight: true,\n    showOptionsIfEmptyInput: true,\n    textOverflow: 'clip',\n    onSelect: () => {},\n    inputElement: <Input />,\n    popoverProps: DEFAULT_POPOVER_PROPS,\n    tabIndex: 0,\n    autocomplete: 'off,chrome-off',\n  };\n\n  dropdownAdditionalProps() {\n    const { options, predicate, emptyStateMessage } = this.props;\n    const filterFunc = this.state.isEditing ? predicate : () => true;\n    const filtered = options.filter(filterFunc);\n\n    if (emptyStateMessage && filtered.length === 0) {\n      return {\n        options: [\n          {\n            id: 'empty-state-message',\n            value: emptyStateMessage,\n            disabled: true,\n          },\n        ],\n      };\n    } else {\n      return { options: filtered };\n    }\n  }\n}\n\nexport default AutoComplete;\n"],"mappings":"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"}

package/dist/cjs/AutoComplete/AutoComplete.meta.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.testkitTests = exports.ssrTests = exports.requiredProps = exports.a11yTests = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+// This object should contain a mock value for each required prop of this component
+var requiredProps = {};
+
+// This array should contain an object only for tests you wish to run on all compliance tests
+exports.requiredProps = requiredProps;
+var sharedTests = [{
+  title: 'render',
+  props: _objectSpread({}, requiredProps)
+}];
+var testkitTests = [...sharedTests];
+exports.testkitTests = testkitTests;
+var ssrTests = [...sharedTests];
+exports.ssrTests = ssrTests;
+var a11yTests = [...sharedTests];
+exports.a11yTests = a11yTests;
+//# sourceMappingURL=AutoComplete.meta.js.map

package/dist/cjs/AutoComplete/AutoComplete.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","sharedTests","title","props","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/AutoComplete/AutoComplete.meta.tsx"],"sourcesContent":["import { AutoCompleteProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: AutoCompleteProps = {};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as AutoCompleteProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAAgC,GAAG,CAAC,CAAC;;AAElD;AAAA;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,oBACAH,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMI,YAAY,GAAG,CAAC,GAAGH,WAAW,CAAC;AAAC;AAEtC,IAAMI,QAAQ,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAAC;AAElC,IAAMK,SAAS,GAAG,CAAC,GAAGL,WAAW,CAAC;AAAC"}

package/dist/cjs/AutoComplete/AutoComplete.uni.driver.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=AutoComplete.uni.driver.d.js.map

package/dist/cjs/AutoComplete/AutoComplete.uni.driver.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/AutoComplete/AutoComplete.uni.driver.d.ts"],"sourcesContent":["import { InputWithOptionsUniDriver } from '../InputWithOptions/InputWithOptions.uni.driver';\n\nexport interface AutoCompleteUniDriver extends InputWithOptionsUniDriver {}\n"],"mappings":""}

package/dist/cjs/AutoComplete/AutoComplete.uni.driver.js

@@ -0,0 +1,8 @@
+"use strict";
+
+exports.__esModule = true;
+exports.autoCompleteUniDriverFactory = void 0;
+var _InputWithOptionsUni = require("../InputWithOptions/InputWithOptions.uni.driver");
+var autoCompleteUniDriverFactory = _InputWithOptionsUni.inputWithOptionsUniDriverFactory;
+exports.autoCompleteUniDriverFactory = autoCompleteUniDriverFactory;
+//# sourceMappingURL=AutoComplete.uni.driver.js.map

package/dist/cjs/AutoComplete/AutoComplete.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["autoCompleteUniDriverFactory","inputWithOptionsUniDriverFactory"],"sources":["../../../src/AutoComplete/AutoComplete.uni.driver.js"],"sourcesContent":["import { inputWithOptionsUniDriverFactory } from '../InputWithOptions/InputWithOptions.uni.driver';\n\nexport const autoCompleteUniDriverFactory = inputWithOptionsUniDriverFactory;\n"],"mappings":";;;;AAAA;AAEO,IAAMA,4BAA4B,GAAGC,qDAAgC;AAAC"}

package/dist/cjs/AutoComplete/docs/testkit.md

@@ -0,0 +1,3 @@
+# AutoComplete Testkit
+
+AutoComplete testkit is identical to [InputWithOptions](/?activeTab=Testkit&path=%2Fstory%2Fcomponents-api-components--popovermenu) testkit

package/dist/cjs/AutoComplete/index.d.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _InputWithOptions = _interopRequireDefault(require("../InputWithOptions"));
+class AutoComplete extends _InputWithOptions.default {}
+exports.default = AutoComplete;
+//# sourceMappingURL=index.d.js.map

package/dist/cjs/AutoComplete/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AutoComplete","InputWithOptions"],"sources":["../../../src/AutoComplete/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport InputWithOptions, {\n  ManualInputFnSignature,\n  OnSelectFnSignature,\n  InputWithOptionsProps,\n} from '../InputWithOptions';\nimport { DropdownLayoutValueOption } from '../DropdownLayout';\n\nexport interface AutoCompleteProps extends InputWithOptionsProps {\n  predicate?: (option: DropdownLayoutValueOption) => boolean;\n  emptyStateMessage?: React.ReactNode;\n}\n\nexport default class AutoComplete extends InputWithOptions<\n  ManualInputFnSignature,\n  OnSelectFnSignature,\n  AutoCompleteProps\n> {}\n"],"mappings":";;;;;AACA;AAYe,MAAMA,YAAY,SAASC,yBAAgB,CAIxD;AAAE"}

package/dist/cjs/AutoComplete/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _AutoComplete = _interopRequireDefault(require("./AutoComplete.js"));
+exports.default = _AutoComplete.default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/AutoComplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/AutoComplete/index.js"],"sourcesContent":["export { default } from './AutoComplete.js';\n"],"mappings":";;;;;AAAA;AAA4C"}

package/dist/cjs/AutoCompleteWithLabel/AutoCompleteWithLabel.js

@@ -0,0 +1,239 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _Input = _interopRequireDefault(require("../Input"));
+var _LabelledElement = _interopRequireDefault(require("../LabelledElement/LabelledElement"));
+var _Text = _interopRequireDefault(require("../Text"));
+var _InputWithOptions = _interopRequireDefault(require("../InputWithOptions"));
+var _AutoCompleteWithLabelSt = require("./AutoCompleteWithLabel.st.css.js");
+var _dataHooks = _interopRequireDefault(require("./dataHooks"));
+var _DropdownLayout = require("../DropdownLayout/DropdownLayout");
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/AutoCompleteWithLabel/AutoCompleteWithLabel.js";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+class AutoCompleteWithLabel extends _react.default.PureComponent {
+  constructor(props) {
+    super(props);
+    this.onSelect = option => {
+      var {
+        value
+      } = option;
+      this.setState({
+        value
+      });
+      this.props.onSelect(option);
+      this.setState({
+        isEditing: false
+      });
+    };
+    this.onChange = event => {
+      var {
+        value
+      } = event.target;
+      this.setState({
+        value,
+        isEditing: true
+      });
+      this.props.onChange && this.props.onChange(event);
+    };
+    this._isInputControlled = () => typeof this.props.value !== 'undefined';
+    this.state = {
+      value: props.value || '',
+      isEditing: false
+    };
+  }
+  render() {
+    var {
+      label,
+      dataHook,
+      options,
+      status,
+      suffix,
+      statusMessage,
+      onFocus,
+      name,
+      type,
+      ariaLabel,
+      autoFocus,
+      autocomplete,
+      disabled,
+      className,
+      maxLength,
+      placeholder,
+      native,
+      onBlur,
+      maxHeightPixels
+    } = this.props;
+    var {
+      value
+    } = this._isInputControlled() ? this.props : this.state;
+    var predicate = this.state.isEditing ? option => option.value.toLowerCase().includes(value.toLowerCase()) : () => true;
+    var filteredOptions = options.filter(predicate);
+    var suffixContainer = suffix ? suffix.map((item, index) => {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: _AutoCompleteWithLabelSt.classes.suffix,
+        key: "".concat(dataHook, "-").concat(index),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 130,
+          columnNumber: 13
+        }
+      }, item);
+    }) : [];
+    return /*#__PURE__*/_react.default.createElement("div", {
+      "data-hook": dataHook,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 138,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_LabelledElement.default, {
+      label: label,
+      dataHook: _dataHooks.default.labelledElement,
+      value: value,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 139,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_InputWithOptions.default, {
+      onChange: this.onChange,
+      onSelect: this.onSelect,
+      dataHook: _dataHooks.default.inputWithOptions,
+      hideStatusSuffix: true,
+      onFocus: onFocus,
+      onBlur: onBlur,
+      size: "large",
+      autocomplete: autocomplete,
+      inputElement: /*#__PURE__*/_react.default.createElement(_Input.default, {
+        name: name,
+        type: type,
+        ariaLabel: ariaLabel,
+        autoFocus: autoFocus,
+        disabled: disabled,
+        maxLength: maxLength,
+        placeholder: placeholder,
+        dataHook: _dataHooks.default.inputWithLabel,
+        value: value,
+        className: className,
+        suffix: suffixContainer,
+        status: status,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 154,
+          columnNumber: 15
+        }
+      }),
+      options: filteredOptions,
+      native: native,
+      maxHeightPixels: maxHeightPixels,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 144,
+        columnNumber: 11
+      }
+    })), status === _Input.default.StatusError && statusMessage && /*#__PURE__*/_react.default.createElement(_Text.default, {
+      skin: "error",
+      weight: "normal",
+      size: "small",
+      className: _AutoCompleteWithLabelSt.classes.statusMessage,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 175,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: _AutoCompleteWithLabelSt.classes.statusMessageIcon,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 181,
+        columnNumber: 13
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusAlertSmall, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 182,
+        columnNumber: 15
+      }
+    })), /*#__PURE__*/_react.default.createElement("span", {
+      "data-hook": _dataHooks.default.errorMessage,
+      className: _AutoCompleteWithLabelSt.classes.errorMessageContent,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 184,
+        columnNumber: 13
+      }
+    }, statusMessage)));
+  }
+}
+AutoCompleteWithLabel.displayName = 'AutoCompleteWithLabel';
+AutoCompleteWithLabel.propTypes = {
+  /** Sets a default value for those who want to use this component un-controlled. */
+  dataHook: _propTypes.default.string,
+  /** Defines a value label to show inside of a field. */
+  label: _propTypes.default.string.isRequired,
+  /** Specify an array of options to display in the dropdown list. */
+  options: _propTypes.default.arrayOf(_DropdownLayout.optionValidator).isRequired,
+  /** Pass a component you want to show as the suffix of the input, e.g., text string, icon. */
+  suffix: _propTypes.default.arrayOf(_propTypes.default.element),
+  /** Specify the status of a field. */
+  status: _propTypes.default.oneOf(['error']),
+  /** Defines the message to display on status icon hover. If not given or empty there will be no tooltip. */
+  statusMessage: _propTypes.default.node,
+  /** Defines a standard input onFocus callback. */
+  onFocus: _propTypes.default.func,
+  /** Defines a standard input onBlur callback */
+  onBlur: _propTypes.default.func,
+  /** Defines a standard input onChange callback. */
+  onChange: _propTypes.default.func,
+  /** Reference element data when a form is submitted. */
+  name: _propTypes.default.string,
+  /** Specifies the type of `<input/>` element to display. Default is text string. */
+  type: _propTypes.default.string,
+  /** Define a string that labels the current element in case where a text label is not visible on the screen. */
+  ariaLabel: _propTypes.default.string,
+  /** Focus the element on mount (standard React input autoFocus). */
+  autoFocus: _propTypes.default.bool,
+  /** Sets the value of native autocomplete attribute (check the [HTML spec](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fe-autocomplete) for possible values  */
+  autocomplete: _propTypes.default.string,
+  /** Specifies whether input should be disabled or not. */
+  disabled: _propTypes.default.bool,
+  /** Specifies a CSS class name to be appended to the component’s root element. */
+  className: _propTypes.default.string,
+  /** Sets the maximum number of characters that can be entered into a field. */
+  maxLength: _propTypes.default.number,
+  /** Sets a placeholder message to display. */
+  placeholder: _propTypes.default.string,
+  /** Defines a callback function which is called whenever user selects a different option in the list. */
+  onSelect: _propTypes.default.func,
+  /** Indicates whether to render using the native select element */
+  native: _propTypes.default.bool,
+  /** Value of rendered child input */
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  /** Sets the maximum height of the dropdownLayout in pixels. */
+  maxHeightPixels: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
+};
+AutoCompleteWithLabel.defaultProps = _objectSpread(_objectSpread({}, _Input.default.defaultProps), {}, {
+  autocomplete: 'on',
+  label: '',
+  options: [],
+  onSelect: () => {}
+});
+var _default = AutoCompleteWithLabel;
+exports.default = _default;
+//# sourceMappingURL=AutoCompleteWithLabel.js.map

package/dist/cjs/AutoCompleteWithLabel/AutoCompleteWithLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AutoCompleteWithLabel","React","PureComponent","constructor","props","onSelect","option","value","setState","isEditing","onChange","event","target","_isInputControlled","state","render","label","dataHook","options","status","suffix","statusMessage","onFocus","name","type","ariaLabel","autoFocus","autocomplete","disabled","className","maxLength","placeholder","native","onBlur","maxHeightPixels","predicate","toLowerCase","includes","filteredOptions","filter","suffixContainer","map","item","index","classes","dataHooks","labelledElement","inputWithOptions","inputWithLabel","Input","StatusError","statusMessageIcon","errorMessage","errorMessageContent","displayName","propTypes","PropTypes","string","isRequired","arrayOf","optionValidator","element","oneOf","node","func","bool","number","oneOfType","defaultProps"],"sources":["../../../src/AutoCompleteWithLabel/AutoCompleteWithLabel.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { StatusAlertSmall } from '@wix/wix-ui-icons-common';\n\nimport Input from '../Input';\nimport LabelledElement from '../LabelledElement/LabelledElement';\nimport Text from '../Text';\n\nimport InputWithOptions from '../InputWithOptions';\nimport { classes } from './AutoCompleteWithLabel.st.css';\n\nimport dataHooks from './dataHooks';\nimport { optionValidator } from '../DropdownLayout/DropdownLayout';\n\nclass AutoCompleteWithLabel extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      value: props.value || '',\n      isEditing: false,\n    };\n  }\n\n  static displayName = 'AutoCompleteWithLabel';\n\n  static propTypes = {\n    /** Sets a default value for those who want to use this component un-controlled. */\n    dataHook: PropTypes.string,\n    /** Defines a value label to show inside of a field. */\n    label: PropTypes.string.isRequired,\n    /** Specify an array of options to display in the dropdown list. */\n    options: PropTypes.arrayOf(optionValidator).isRequired,\n    /** Pass a component you want to show as the suffix of the input, e.g., text string, icon. */\n    suffix: PropTypes.arrayOf(PropTypes.element),\n    /** Specify the status of a field. */\n    status: PropTypes.oneOf(['error']),\n    /** Defines the message to display on status icon hover. If not given or empty there will be no tooltip. */\n    statusMessage: PropTypes.node,\n    /** Defines a standard input onFocus callback. */\n    onFocus: PropTypes.func,\n    /** Defines a standard input onBlur callback */\n    onBlur: PropTypes.func,\n    /** Defines a standard input onChange callback. */\n    onChange: PropTypes.func,\n    /** Reference element data when a form is submitted. */\n    name: PropTypes.string,\n    /** Specifies the type of `<input/>` element to display. Default is text string. */\n    type: PropTypes.string,\n    /** Define a string that labels the current element in case where a text label is not visible on the screen. */\n    ariaLabel: PropTypes.string,\n    /** Focus the element on mount (standard React input autoFocus). */\n    autoFocus: PropTypes.bool,\n    /** Sets the value of native autocomplete attribute (check the [HTML spec](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fe-autocomplete) for possible values  */\n    autocomplete: PropTypes.string,\n    /** Specifies whether input should be disabled or not. */\n    disabled: PropTypes.bool,\n    /** Specifies a CSS class name to be appended to the component’s root element. */\n    className: PropTypes.string,\n    /** Sets the maximum number of characters that can be entered into a field. */\n    maxLength: PropTypes.number,\n    /** Sets a placeholder message to display. */\n    placeholder: PropTypes.string,\n    /** Defines a callback function which is called whenever user selects a different option in the list. */\n    onSelect: PropTypes.func,\n    /** Indicates whether to render using the native select element */\n    native: PropTypes.bool,\n    /** Value of rendered child input */\n    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    /** Sets the maximum height of the dropdownLayout in pixels. */\n    maxHeightPixels: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  };\n\n  static defaultProps = {\n    ...Input.defaultProps,\n    autocomplete: 'on',\n    label: '',\n    options: [],\n    onSelect: () => {},\n  };\n\n  onSelect = option => {\n    const { value } = option;\n    this.setState({\n      value,\n    });\n    this.props.onSelect(option);\n    this.setState({ isEditing: false });\n  };\n\n  onChange = event => {\n    const { value } = event.target;\n    this.setState({ value, isEditing: true });\n    this.props.onChange && this.props.onChange(event);\n  };\n\n  _isInputControlled = () => typeof this.props.value !== 'undefined';\n\n  render() {\n    const {\n      label,\n      dataHook,\n      options,\n      status,\n      suffix,\n      statusMessage,\n      onFocus,\n      name,\n      type,\n      ariaLabel,\n      autoFocus,\n      autocomplete,\n      disabled,\n      className,\n      maxLength,\n      placeholder,\n      native,\n      onBlur,\n      maxHeightPixels,\n    } = this.props;\n    const { value } = this._isInputControlled() ? this.props : this.state;\n    const predicate = this.state.isEditing\n      ? option => option.value.toLowerCase().includes(value.toLowerCase())\n      : () => true;\n    const filteredOptions = options.filter(predicate);\n\n    const suffixContainer = suffix\n      ? suffix.map((item, index) => {\n          return (\n            <div className={classes.suffix} key={`${dataHook}-${index}`}>\n              {item}\n            </div>\n          );\n        })\n      : [];\n\n    return (\n      <div data-hook={dataHook}>\n        <LabelledElement\n          label={label}\n          dataHook={dataHooks.labelledElement}\n          value={value}\n        >\n          <InputWithOptions\n            onChange={this.onChange}\n            onSelect={this.onSelect}\n            dataHook={dataHooks.inputWithOptions}\n            hideStatusSuffix\n            onFocus={onFocus}\n            onBlur={onBlur}\n            size=\"large\"\n            autocomplete={autocomplete}\n            inputElement={\n              <Input\n                name={name}\n                type={type}\n                ariaLabel={ariaLabel}\n                autoFocus={autoFocus}\n                disabled={disabled}\n                maxLength={maxLength}\n                placeholder={placeholder}\n                dataHook={dataHooks.inputWithLabel}\n                value={value}\n                className={className}\n                suffix={suffixContainer}\n                status={status}\n              />\n            }\n            options={filteredOptions}\n            native={native}\n            maxHeightPixels={maxHeightPixels}\n          />\n        </LabelledElement>\n        {status === Input.StatusError && statusMessage && (\n          <Text\n            skin=\"error\"\n            weight=\"normal\"\n            size=\"small\"\n            className={classes.statusMessage}\n          >\n            <span className={classes.statusMessageIcon}>\n              <StatusAlertSmall />\n            </span>\n            <span\n              data-hook={dataHooks.errorMessage}\n              className={classes.errorMessageContent}\n            >\n              {statusMessage}\n            </span>\n          </Text>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default AutoCompleteWithLabel;\n"],"mappings":"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"}

package/dist/cjs/AutoCompleteWithLabel/AutoCompleteWithLabel.meta.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.testkitTests = exports.ssrTests = exports.requiredProps = exports.a11yTests = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+// This object should contain a mock value for each required prop of this component
+var requiredProps = {
+  label: 'title',
+  options: [{
+    id: 0,
+    value: 'aaa'
+  }, {
+    id: 1,
+    value: 'abb'
+  }, {
+    id: 2,
+    value: 'bbb'
+  }, {
+    id: 3,
+    value: 'bcc'
+  }]
+};
+
+// This array should contain an object only for tests you wish to run on all compliance tests
+exports.requiredProps = requiredProps;
+var sharedTests = [{
+  title: 'render',
+  props: _objectSpread({}, requiredProps)
+}];
+var testkitTests = [...sharedTests];
+exports.testkitTests = testkitTests;
+var ssrTests = [...sharedTests];
+exports.ssrTests = ssrTests;
+var a11yTests = [...sharedTests];
+exports.a11yTests = a11yTests;
+//# sourceMappingURL=AutoCompleteWithLabel.meta.js.map

package/dist/cjs/AutoCompleteWithLabel/AutoCompleteWithLabel.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","label","options","id","value","sharedTests","title","props","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/AutoCompleteWithLabel/AutoCompleteWithLabel.meta.tsx"],"sourcesContent":["import { AutoCompleteWithLabelProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: AutoCompleteWithLabelProps = {\n  label: 'title',\n  options: [\n    { id: 0, value: 'aaa' },\n    { id: 1, value: 'abb' },\n    { id: 2, value: 'bbb' },\n    { id: 3, value: 'bcc' },\n  ],\n};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as AutoCompleteWithLabelProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAAyC,GAAG;EACvDC,KAAK,EAAE,OAAO;EACdC,OAAO,EAAE,CACP;IAAEC,EAAE,EAAE,CAAC;IAAEC,KAAK,EAAE;EAAM,CAAC,EACvB;IAAED,EAAE,EAAE,CAAC;IAAEC,KAAK,EAAE;EAAM,CAAC,EACvB;IAAED,EAAE,EAAE,CAAC;IAAEC,KAAK,EAAE;EAAM,CAAC,EACvB;IAAED,EAAE,EAAE,CAAC;IAAEC,KAAK,EAAE;EAAM,CAAC;AAE3B,CAAC;;AAED;AAAA;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,oBACAP,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMQ,YAAY,GAAG,CAAC,GAAGH,WAAW,CAAC;AAAC;AAEtC,IAAMI,QAAQ,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAAC;AAElC,IAAMK,SAAS,GAAG,CAAC,GAAGL,WAAW,CAAC;AAAC"}

package/dist/cjs/AutoCompleteWithLabel/AutoCompleteWithLabel.st.css

@@ -0,0 +1,21 @@
+.statusMessage {
+  display: flex;
+  line-height: 24px !important;
+  align-items: flex-start;
+  margin-top: 2px;
+}
+
+.statusMessageIcon {
+  margin-right: 5px;
+  display: flex;
+  margin-left: -2px;
+}
+
+.errorMessageContent {
+  line-height: 18px;
+}
+
+.suffix {
+  display: flex;
+  align-items: center;
+}

package/dist/cjs/AutoCompleteWithLabel/AutoCompleteWithLabel.st.css.js

@@ -0,0 +1,24 @@
+
+
+const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_0_0_AutoCompleteWithLabel";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+module.exports.style = /*#__PURE__*/ _style_;
+module.exports.st = /*#__PURE__*/ _style_;
+
+module.exports.namespace = _namespace_;
+module.exports.classes = {"root":"wds_1_0_0_AutoCompleteWithLabel__root","statusMessage":"wds_1_0_0_AutoCompleteWithLabel__statusMessage","statusMessageIcon":"wds_1_0_0_AutoCompleteWithLabel__statusMessageIcon","errorMessageContent":"wds_1_0_0_AutoCompleteWithLabel__errorMessageContent","suffix":"wds_1_0_0_AutoCompleteWithLabel__suffix"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {}; 
+module.exports.vars = {}; 
+
+
+
+

package/dist/cjs/AutoCompleteWithLabel/AutoCompleteWithLabel.uni.driver.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=AutoCompleteWithLabel.uni.driver.d.js.map

package/dist/cjs/AutoCompleteWithLabel/AutoCompleteWithLabel.uni.driver.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/AutoCompleteWithLabel/AutoCompleteWithLabel.uni.driver.d.ts"],"sourcesContent":["import { BaseUniDriver } from 'wix-ui-test-utils/base-driver';\n\nexport interface AutoCompleteWithLabelUniDriver extends BaseUniDriver {\n  getLabelText: () => Promise<string>;\n  getValue: () => Promise<string>;\n  enterText: (value: string) => Promise<void>;\n  clickAtOption: (optionIndex: number) => Promise<void>;\n  clickAtOptionWithValue: (value: string) => Promise<void>;\n  clickMenuArrow: () => Promise<void>;\n  isDisabled: () => Promise<boolean>;\n  blur: () => Promise<void>;\n  hasError: () => Promise<boolean>;\n}\n"],"mappings":""}

package/dist/cjs/AutoCompleteWithLabel/AutoCompleteWithLabel.uni.driver.js

@@ -0,0 +1,107 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.autoCompleteWithLabelDriverFactory = void 0;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _unidriver = require("../test-utils/utils/unidriver");
+var _InputUni = require("../Input/Input.uni.driver");
+var _LabelledElementUni = require("../LabelledElement/LabelledElement.uni.driver");
+var _dataHooks = _interopRequireDefault(require("./dataHooks"));
+var _DropdownLayoutUni = require("../DropdownLayout/DropdownLayout.uni.driver");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var autoCompleteWithLabelDriverFactory = base => {
+  var labelledElementSelector = "[data-hook=\"".concat(_dataHooks.default.labelledElement, "\"]");
+  var labelledElementDriver = (0, _LabelledElementUni.labelledElementDriverFactory)(base.$(labelledElementSelector));
+  var inputWrapperSelector = "[data-hook=\"".concat(_dataHooks.default.inputWithLabel, "\"]");
+  var inputDriver = (0, _InputUni.testkit)(base.$(inputWrapperSelector));
+  var dropdownLayoutDriver = (0, _DropdownLayoutUni.dropdownLayoutDriverFactory)(base.$("[data-hook=\"".concat(_dataHooks.default.inputDropdownLayout, "\"]")));
+  return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base)), {}, {
+    /**
+     * Gets label text
+     * @return {Promise<string>}
+     */
+    getLabelText: () => labelledElementDriver.getLabelText(),
+    /**
+     * Gets input value
+     * @return {Promise<string>}
+     */
+    getValue: () => inputDriver.getValue(),
+    /**
+     * Enters given text to input
+     * @param {string} text Text to input
+     * @returns {Promise<void>}
+     */
+    enterText: function () {
+      var _enterText = (0, _asyncToGenerator2.default)(function* (text) {
+        return inputDriver.enterText(text);
+      });
+      function enterText(_x) {
+        return _enterText.apply(this, arguments);
+      }
+      return enterText;
+    }(),
+    /**
+     * Clicks an option at given index
+     * @param {number} index Position of the option
+     * @returns {Promise<void>}
+     */
+    clickAtOption: function () {
+      var _clickAtOption = (0, _asyncToGenerator2.default)(function* (index) {
+        yield inputDriver.click();
+        return dropdownLayoutDriver.clickAtOption(index);
+      });
+      function clickAtOption(_x2) {
+        return _clickAtOption.apply(this, arguments);
+      }
+      return clickAtOption;
+    }(),
+    /**
+     * Clicks an option with a given value
+     * @param {string} value The option value
+     * @returns {Promise<void>}
+     */
+    clickAtOptionWithValue: function () {
+      var _clickAtOptionWithValue = (0, _asyncToGenerator2.default)(function* (value) {
+        yield inputDriver.click();
+        return dropdownLayoutDriver.clickAtOptionWithValue(value);
+      });
+      function clickAtOptionWithValue(_x3) {
+        return _clickAtOptionWithValue.apply(this, arguments);
+      }
+      return clickAtOptionWithValue;
+    }(),
+    /**
+     * Clicks the menu arrow
+     * @returns {Promise<void>}
+     */
+    clickMenuArrow: () => inputDriver.clickMenuArrow(),
+    /**
+     * Checks if input is disabled
+     * @returns {Promise<boolean>}
+     */
+    isDisabled: function () {
+      var _isDisabled = (0, _asyncToGenerator2.default)(function* () {
+        return inputDriver.isDisabled();
+      });
+      function isDisabled() {
+        return _isDisabled.apply(this, arguments);
+      }
+      return isDisabled;
+    }(),
+    /**
+     * Triggers blur event on the input element
+     * @returns {Promise<void>}
+     */
+    blur: () => inputDriver.blur(),
+    /**
+     * Checks whether there's a visible error icon
+     * @return {Promise<boolean>}
+     */
+    hasError: () => inputDriver.hasStatus('error')
+  });
+};
+exports.autoCompleteWithLabelDriverFactory = autoCompleteWithLabelDriverFactory;
+//# sourceMappingURL=AutoCompleteWithLabel.uni.driver.js.map

package/dist/cjs/AutoCompleteWithLabel/AutoCompleteWithLabel.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["autoCompleteWithLabelDriverFactory","base","labelledElementSelector","dataHooks","labelledElement","labelledElementDriver","labelledElementUniDriverFactory","$","inputWrapperSelector","inputWithLabel","inputDriver","inputUniDriverFactory","dropdownLayoutDriver","dropdownLayoutDriverFactory","inputDropdownLayout","baseUniDriverFactory","getLabelText","getValue","enterText","text","clickAtOption","index","click","clickAtOptionWithValue","value","clickMenuArrow","isDisabled","blur","hasError","hasStatus"],"sources":["../../../src/AutoCompleteWithLabel/AutoCompleteWithLabel.uni.driver.js"],"sourcesContent":["import { baseUniDriverFactory } from '../test-utils/utils/unidriver';\nimport { testkit as inputUniDriverFactory } from '../Input/Input.uni.driver';\nimport { labelledElementDriverFactory as labelledElementUniDriverFactory } from '../LabelledElement/LabelledElement.uni.driver';\nimport dataHooks from './dataHooks';\nimport { dropdownLayoutDriverFactory } from '../DropdownLayout/DropdownLayout.uni.driver';\n\nexport const autoCompleteWithLabelDriverFactory = base => {\n  const labelledElementSelector = `[data-hook=\"${dataHooks.labelledElement}\"]`;\n  const labelledElementDriver = labelledElementUniDriverFactory(\n    base.$(labelledElementSelector),\n  );\n  const inputWrapperSelector = `[data-hook=\"${dataHooks.inputWithLabel}\"]`;\n  const inputDriver = inputUniDriverFactory(base.$(inputWrapperSelector));\n\n  const dropdownLayoutDriver = dropdownLayoutDriverFactory(\n    base.$(`[data-hook=\"${dataHooks.inputDropdownLayout}\"]`),\n  );\n  return {\n    ...baseUniDriverFactory(base),\n\n    /**\n     * Gets label text\n     * @return {Promise<string>}\n     */\n    getLabelText: () => labelledElementDriver.getLabelText(),\n\n    /**\n     * Gets input value\n     * @return {Promise<string>}\n     */\n    getValue: () => inputDriver.getValue(),\n\n    /**\n     * Enters given text to input\n     * @param {string} text Text to input\n     * @returns {Promise<void>}\n     */\n    enterText: async text => inputDriver.enterText(text),\n\n    /**\n     * Clicks an option at given index\n     * @param {number} index Position of the option\n     * @returns {Promise<void>}\n     */\n    clickAtOption: async index => {\n      await inputDriver.click();\n      return dropdownLayoutDriver.clickAtOption(index);\n    },\n\n    /**\n     * Clicks an option with a given value\n     * @param {string} value The option value\n     * @returns {Promise<void>}\n     */\n    clickAtOptionWithValue: async value => {\n      await inputDriver.click();\n      return dropdownLayoutDriver.clickAtOptionWithValue(value);\n    },\n\n    /**\n     * Clicks the menu arrow\n     * @returns {Promise<void>}\n     */\n    clickMenuArrow: () => inputDriver.clickMenuArrow(),\n\n    /**\n     * Checks if input is disabled\n     * @returns {Promise<boolean>}\n     */\n    isDisabled: async () => inputDriver.isDisabled(),\n\n    /**\n     * Triggers blur event on the input element\n     * @returns {Promise<void>}\n     */\n    blur: () => inputDriver.blur(),\n\n    /**\n     * Checks whether there's a visible error icon\n     * @return {Promise<boolean>}\n     */\n    hasError: () => inputDriver.hasStatus('error'),\n  };\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAA0F;AAAA;AAEnF,IAAMA,kCAAkC,GAAGC,IAAI,IAAI;EACxD,IAAMC,uBAAuB,0BAAkBC,kBAAS,CAACC,eAAe,QAAI;EAC5E,IAAMC,qBAAqB,GAAG,IAAAC,gDAA+B,EAC3DL,IAAI,CAACM,CAAC,CAACL,uBAAuB,CAAC,CAChC;EACD,IAAMM,oBAAoB,0BAAkBL,kBAAS,CAACM,cAAc,QAAI;EACxE,IAAMC,WAAW,GAAG,IAAAC,iBAAqB,EAACV,IAAI,CAACM,CAAC,CAACC,oBAAoB,CAAC,CAAC;EAEvE,IAAMI,oBAAoB,GAAG,IAAAC,8CAA2B,EACtDZ,IAAI,CAACM,CAAC,wBAAgBJ,kBAAS,CAACW,mBAAmB,SAAK,CACzD;EACD,uCACK,IAAAC,+BAAoB,EAACd,IAAI,CAAC;IAE7B;AACJ;AACA;AACA;IACIe,YAAY,EAAE,MAAMX,qBAAqB,CAACW,YAAY,EAAE;IAExD;AACJ;AACA;AACA;IACIC,QAAQ,EAAE,MAAMP,WAAW,CAACO,QAAQ,EAAE;IAEtC;AACJ;AACA;AACA;AACA;IACIC,SAAS;MAAA,iDAAE,WAAMC,IAAI;QAAA,OAAIT,WAAW,CAACQ,SAAS,CAACC,IAAI,CAAC;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAEpD;AACJ;AACA;AACA;AACA;IACIC,aAAa;MAAA,qDAAE,WAAMC,KAAK,EAAI;QAC5B,MAAMX,WAAW,CAACY,KAAK,EAAE;QACzB,OAAOV,oBAAoB,CAACQ,aAAa,CAACC,KAAK,CAAC;MAClD,CAAC;MAAA;QAAA;MAAA;MAAA;IAAA;IAED;AACJ;AACA;AACA;AACA;IACIE,sBAAsB;MAAA,8DAAE,WAAMC,KAAK,EAAI;QACrC,MAAMd,WAAW,CAACY,KAAK,EAAE;QACzB,OAAOV,oBAAoB,CAACW,sBAAsB,CAACC,KAAK,CAAC;MAC3D,CAAC;MAAA;QAAA;MAAA;MAAA;IAAA;IAED;AACJ;AACA;AACA;IACIC,cAAc,EAAE,MAAMf,WAAW,CAACe,cAAc,EAAE;IAElD;AACJ;AACA;AACA;IACIC,UAAU;MAAA,kDAAE;QAAA,OAAYhB,WAAW,CAACgB,UAAU,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAEhD;AACJ;AACA;AACA;IACIC,IAAI,EAAE,MAAMjB,WAAW,CAACiB,IAAI,EAAE;IAE9B;AACJ;AACA;AACA;IACIC,QAAQ,EAAE,MAAMlB,WAAW,CAACmB,SAAS,CAAC,OAAO;EAAC;AAElD,CAAC;AAAC"}