@wix/design-system 1.0.0

package/dist/cjs/Dropdown/Dropdown.js

@@ -0,0 +1,280 @@
+"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 _defaultTo = _interopRequireDefault(require("lodash/defaultTo"));
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
+var _propTypes = require("../utils/propTypes");
+var _InputWithOptions = _interopRequireDefault(require("../InputWithOptions"));
+var _DropdownSt = require("./Dropdown.st.css.js");
+var _propTypes2 = _interopRequireDefault(require("prop-types"));
+var _DropdownLayout = require("../DropdownLayout/DropdownLayout");
+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 NO_SELECTED_ID = null;
+class Dropdown extends _InputWithOptions.default {
+  constructor(props) {
+    super(props);
+    this.state = _objectSpread({
+      value: '',
+      selectedId: NO_SELECTED_ID
+    }, Dropdown.getNextState(props, (0, _defaultTo.default)(props.selectedId, props.initialSelectedId)));
+  }
+  isSelectedIdControlled() {
+    return typeof this.props.selectedId !== 'undefined';
+  }
+  static isOptionsEqual(optionsA, optionsB) {
+    return (0, _isEqual.default)((0, _sortBy.default)(optionsA, 'id'), (0, _sortBy.default)(optionsB, 'id'));
+  }
+  getSelectedId() {
+    return this.isSelectedIdControlled() ? this.props.selectedId : this.state.selectedId;
+  }
+  _onInputClicked(event) {
+    if (this.props.onInputClicked) {
+      this.props.onInputClicked(event);
+    }
+    if (this.props.readOnly) {
+      return;
+    }
+    if (this.state.showOptions && Date.now() - this.state.lastOptionsShow > 200) {
+      this.hideOptions();
+    } else {
+      this.showOptions();
+    }
+  }
+
+  /**
+   * Updates the value by the selectedId.
+   * If selectedId is not found in options, then value is NOT changed.
+   */
+  static getNextState(props, selectedId) {
+    if (typeof selectedId !== 'undefined') {
+      var option = props.options.find(_option => {
+        return _option.id === selectedId;
+      });
+      if (option) {
+        var value = props.valueParser(option) || '';
+        return {
+          value,
+          selectedId
+        };
+      }
+    }
+    return {
+      value: '',
+      selectedId: NO_SELECTED_ID
+    };
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (nextProps.selectedId !== this.props.selectedId || !Dropdown.isOptionsEqual(this.props.options, nextProps.options)) {
+      this.setState(Dropdown.getNextState(nextProps, nextProps.selectedId, this.state.selectedId));
+    }
+  }
+  inputClasses() {
+    var {
+      noBorder
+    } = this.props;
+    return (0, _DropdownSt.st)(_DropdownSt.classes.showPointer, {
+      noBorder
+    });
+  }
+  dropdownAdditionalProps() {
+    return {
+      selectedId: this.getSelectedId(),
+      value: this.state.value,
+      tabIndex: -1,
+      withArrow: false
+    };
+  }
+  inputAdditionalProps() {
+    return {
+      disableEditing: true,
+      value: this.state.value
+    };
+  }
+  _onSelect(option) {
+    if (!this.isSelectedIdControlled()) {
+      this.setState({
+        value: this.props.valueParser(option),
+        selectedId: option.id
+      });
+    }
+    super._onSelect(option);
+  }
+  _onChange(event) {
+    this.setState({
+      value: event.target.value
+    });
+    super._onChange(event);
+  }
+}
+Dropdown.propTypes = {
+  /** An initial selected option id. (Implies Uncontrolled mode) */
+  initialSelectedId: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
+  /** Associate a control with the regions that it controls. */
+  ariaControls: _propTypes2.default.string,
+  /** 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. */
+  ariaDescribedby: _propTypes2.default.string,
+  /** Define a string that labels the current element in case where a text label is not visible on the screen. */
+  ariaLabel: _propTypes2.default.string,
+  /** Focus the element on mount (standard React input autoFocus). */
+  autoFocus: _propTypes2.default.bool,
+  /** Control the border style of input. */
+  border: _propTypes2.default.oneOf(['standard', 'round', 'bottomLine', 'none']),
+  /** Specifies a CSS class name to be appended to the component’s root element. */
+  className: _propTypes2.default.string,
+  /** Displays clear button (X) on a non-empty input. */
+  clearButton: _propTypes2.default.bool,
+  /** Closes DropdownLayout when option is selected. */
+  closeOnSelect: _propTypes2.default.bool,
+  /** Applies a data-hook HTML attribute that can be used in the tests. */
+  dataHook: _propTypes2.default.string,
+  /** Specifies whether input should be disabled or not. */
+  disabled: _propTypes2.default.bool,
+  /** Sets the width of the dropdown in pixels. */
+  dropdownWidth: _propTypes2.default.string,
+  /** Adds a fixed footer container at the bottom of options list in `<DropdownLayout/>`. */
+  fixedFooter: _propTypes2.default.node,
+  /** Adds a fixed header container at the top of options list in `<DropdownLayout/>`. */
+  fixedHeader: _propTypes2.default.node,
+  /** Highlights and scrolls view to the specified option when dropdown layout is opened. It does not select the specified option. */
+  focusOnOption: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
+  /** Scrolls view to the selected option when dropdown layout is opened. */
+  focusOnSelectedOption: _propTypes2.default.bool,
+  /** USED FOR TESTING. Forces focus state on the input. */
+  forceFocus: _propTypes2.default.bool,
+  /** USED FOR TESTING. Forces hover state on the input. */
+  forceHover: _propTypes2.default.bool,
+  /** Specifies whether there are more items to be loaded. */
+  hasMore: _propTypes2.default.bool,
+  /** Specifies whether status suffix should be hidden. */
+  hideStatusSuffix: _propTypes2.default.bool,
+  /** Assigns an unique identifier for the root element. */
+  id: _propTypes2.default.string,
+  /** Specifies whether lazy loading of the dropdown layout items is enabled. */
+  infiniteScroll: _propTypes2.default.bool,
+  /** Defines a callback function which is called on a request to render more list items. */
+  loadMore: _propTypes2.default.func,
+  /** Sets the default hover behavior:
+   *  - `false` - no initially hovered list item
+   *  - `true` - hover first selectable option
+   *  - any `number/string` specify the id of an option to be hovered
+   */
+  markedOption: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.string, _propTypes2.default.number]),
+  /** Sets the maximum height of the dropdownLayout in pixels. */
+  maxHeightPixels: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
+  /** Specifies whether input should have a dropdown menu arrow on the right side. */
+  menuArrow: _propTypes2.default.bool,
+  /** Sets the minimum width of dropdownLayout in pixels. */
+  minWidthPixels: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
+  /** Reference element data when a form is submitted. */
+  name: _propTypes2.default.string,
+  /** Render options list via native select element. */
+  native: _propTypes2.default.bool,
+  /** Specifies whether input shouldn’t have rounded corners on its left. */
+  noLeftBorderRadius: _propTypes2.default.bool,
+  /** Specifies whether input shouldn’t have rounded corners on its right. */
+  noRightBorderRadius: _propTypes2.default.bool,
+  /** Defines a standard input onBlur callback */
+  onBlur: _propTypes2.default.func,
+  /** Displays clear button (X) on a non-empty input and calls a callback function with no arguments. */
+  onClear: _propTypes2.default.func,
+  /** Defines a callback function which is called whenever the user presses the escape key. */
+  onClose: _propTypes2.default.func,
+  /** Defines a standard input onChange callback. */
+  onChange: _propTypes2.default.func,
+  /** Defines a callback function called on compositionstart/compositionend events. */
+  onCompositionChange: _propTypes2.default.func,
+  /** Defines a callback handler that is called when user presses -enter-. */
+  onEnterPressed: _propTypes2.default.func,
+  /** Defines a callback handler that is called when user presses -escape- */
+  onEscapePressed: _propTypes2.default.func,
+  /** Defines a standard input onFocus callback. */
+  onFocus: _propTypes2.default.func,
+  /** Defines a standard input onClick callback. */
+  onInputClicked: _propTypes2.default.func,
+  /** Defines a standard input onKeyDown callback. */
+  onKeyDown: _propTypes2.default.func,
+  /** Defines a standard input onKeyUp callback. */
+  onKeyUp: _propTypes2.default.func,
+  /** 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<string>): void - The array of strings is the result of splitting the input value by the given delimiters */
+  onManuallyInput: _propTypes2.default.func,
+  /** Defines a callback function which is called whenever the user enters dropdown layout with the mouse cursor. */
+  onMouseEnter: _propTypes2.default.func,
+  /** Defines a callback function which is called whenever the user exits from dropdown layout with a mouse cursor. */
+  onMouseLeave: _propTypes2.default.func,
+  /** 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. */
+  onOptionMarked: _propTypes2.default.func,
+  /** Defines a callback function which is called when options dropdown is hidden. */
+  onOptionsHide: _propTypes2.default.func,
+  /** Defines a callback function which is called when options dropdown is shown. */
+  onOptionsShow: _propTypes2.default.func,
+  /** Defines a callback function which is called whenever user selects a different option in the list. */
+  onSelect: _propTypes2.default.func,
+  /** Array of objects:
+   * - `id <string / number>` *required*: the id of the option, should be unique;
+   * - value `<function / string / node>` *required*: can be a string, react element or a builder function;
+   * - disabled `<bool>` *default value- false*: whether this option is disabled or not;
+   * - linkTo `<string>`: when provided the option will be an anchor to the given value;
+   * - title `<bool>`  *default value- false*  **deprecated**: please use `listItemSectionBuilder` for rendering a title;
+   * - overrideStyle `<bool>` *default value- false*  **deprecated**: please use `overrideOptionStyle` for override option styles;
+   * - 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;
+   * - label `<string>`: the string displayed within an input when the option is selected. This is used when using `<DropdownLayout/>` with an `<Input/>`.
+   */
+  options: _propTypes2.default.arrayOf(_DropdownLayout.optionValidator),
+  /** Handles container overflow. */
+  overflow: _propTypes2.default.string,
+  /** Sets a placeholder message to display. */
+  placeholder: _propTypes2.default.string,
+  /** Allows to pass all common popover props. */
+  popoverProps: _propTypes2.default.shape({
+    appendTo: _propTypes2.default.oneOf(['window', 'scrollParent', 'parent', 'viewport']),
+    maxWidth: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
+    minWidth: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
+    flip: _propTypes2.default.bool,
+    fixed: _propTypes2.default.bool,
+    placement: _propTypes2.default.oneOf(['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start']),
+    dynamicWidth: _propTypes2.default.bool
+  }),
+  /** Pass a component you want to show as the prefix of the input, e.g., text string, icon. */
+  prefix: _propTypes2.default.node,
+  /** Specifies whether input is read only. */
+  readOnly: _propTypes2.default.bool,
+  /** Specifies selected option by its id. */
+  selectedId: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
+  /** Controls whether to show options if input is empty. */
+  showOptionsIfEmptyInput: _propTypes2.default.bool,
+  /** Controls the size of the input */
+  size: _propTypes2.default.oneOf(['small', 'medium', 'large']),
+  /** Specify the status of a field. */
+  status: _propTypes2.default.oneOf(['error', 'warning', 'loading']),
+  /** Defines the message to display on status icon hover. If not given or empty there will be no tooltip. */
+  statusMessage: _propTypes2.default.node,
+  /** Pass a component you want to show as the suffix of the input, e.g., text string, icon. */
+  suffix: _propTypes2.default.node,
+  /** Indicates that element can be focused and where it participates in sequential keyboard navigation. */
+  tabIndex: _propTypes2.default.number,
+  /** Handles text overflow behavior. It can either clip (default) or display ellipsis. */
+  textOverflow: _propTypes2.default.string,
+  /** Controls placement of a status tooltip. */
+  tooltipPlacement: _propTypes2.default.string,
+  /** Defines a callback function that is triggered when one of the dropdown options are selected. This property should be used together with builders. */
+  valueParser: _propTypes2.default.func
+};
+(0, _propTypes.extendPropTypes)(Dropdown, {
+  selectedId: (0, _propTypes.allValidators)(_propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]), (props, propName) => {
+    if (props[propName] !== undefined && props['initialSelectedId'] !== undefined) {
+      return new Error("'selectedId' and 'initialSelectedId' cannot both be used at the same time.");
+    }
+  })
+});
+Dropdown.defaultProps = _InputWithOptions.default.defaultProps;
+Dropdown.displayName = 'Dropdown';
+var _default = Dropdown;
+exports.default = _default;
+//# sourceMappingURL=Dropdown.js.map

package/dist/cjs/Dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NO_SELECTED_ID","Dropdown","InputWithOptions","constructor","props","state","value","selectedId","getNextState","defaultTo","initialSelectedId","isSelectedIdControlled","isOptionsEqual","optionsA","optionsB","isEqual","sortBy","getSelectedId","_onInputClicked","event","onInputClicked","readOnly","showOptions","Date","now","lastOptionsShow","hideOptions","option","options","find","_option","id","valueParser","UNSAFE_componentWillReceiveProps","nextProps","setState","inputClasses","noBorder","st","classes","showPointer","dropdownAdditionalProps","tabIndex","withArrow","inputAdditionalProps","disableEditing","_onSelect","_onChange","target","propTypes","PropTypes","oneOfType","string","number","ariaControls","ariaDescribedby","ariaLabel","autoFocus","bool","border","oneOf","className","clearButton","closeOnSelect","dataHook","disabled","dropdownWidth","fixedFooter","node","fixedHeader","focusOnOption","focusOnSelectedOption","forceFocus","forceHover","hasMore","hideStatusSuffix","infiniteScroll","loadMore","func","markedOption","maxHeightPixels","menuArrow","minWidthPixels","name","native","noLeftBorderRadius","noRightBorderRadius","onBlur","onClear","onClose","onChange","onCompositionChange","onEnterPressed","onEscapePressed","onFocus","onKeyDown","onKeyUp","onManuallyInput","onMouseEnter","onMouseLeave","onOptionMarked","onOptionsHide","onOptionsShow","onSelect","arrayOf","optionValidator","overflow","placeholder","popoverProps","shape","appendTo","maxWidth","minWidth","flip","fixed","placement","dynamicWidth","prefix","showOptionsIfEmptyInput","size","status","statusMessage","suffix","textOverflow","tooltipPlacement","extendPropTypes","allValidators","propName","undefined","Error","defaultProps","displayName"],"sources":["../../../src/Dropdown/Dropdown.js"],"sourcesContent":["import defaultTo from 'lodash/defaultTo';\nimport isEqual from 'lodash/isEqual';\nimport sortBy from 'lodash/sortBy';\nimport { allValidators, extendPropTypes } from '../utils/propTypes';\nimport InputWithOptions from '../InputWithOptions';\nimport { st, classes } from './Dropdown.st.css';\nimport PropTypes from 'prop-types';\nimport { optionValidator } from '../DropdownLayout/DropdownLayout';\n\nconst NO_SELECTED_ID = null;\n\nclass Dropdown extends InputWithOptions {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      value: '',\n      selectedId: NO_SELECTED_ID,\n\n      ...Dropdown.getNextState(\n        props,\n        defaultTo(props.selectedId, props.initialSelectedId),\n      ),\n    };\n  }\n\n  isSelectedIdControlled() {\n    return typeof this.props.selectedId !== 'undefined';\n  }\n\n  static isOptionsEqual(optionsA, optionsB) {\n    return isEqual(sortBy(optionsA, 'id'), sortBy(optionsB, 'id'));\n  }\n\n  getSelectedId() {\n    return this.isSelectedIdControlled()\n      ? this.props.selectedId\n      : this.state.selectedId;\n  }\n\n  _onInputClicked(event) {\n    if (this.props.onInputClicked) {\n      this.props.onInputClicked(event);\n    }\n\n    if (this.props.readOnly) {\n      return;\n    }\n\n    if (\n      this.state.showOptions &&\n      Date.now() - this.state.lastOptionsShow > 200\n    ) {\n      this.hideOptions();\n    } else {\n      this.showOptions();\n    }\n  }\n\n  /**\n   * Updates the value by the selectedId.\n   * If selectedId is not found in options, then value is NOT changed.\n   */\n  static getNextState(props, selectedId) {\n    if (typeof selectedId !== 'undefined') {\n      const option = props.options.find(_option => {\n        return _option.id === selectedId;\n      });\n\n      if (option) {\n        const value = props.valueParser(option) || '';\n        return { value, selectedId };\n      }\n    }\n\n    return { value: '', selectedId: NO_SELECTED_ID };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (\n      nextProps.selectedId !== this.props.selectedId ||\n      !Dropdown.isOptionsEqual(this.props.options, nextProps.options)\n    ) {\n      this.setState(\n        Dropdown.getNextState(\n          nextProps,\n          nextProps.selectedId,\n          this.state.selectedId,\n        ),\n      );\n    }\n  }\n\n  inputClasses() {\n    const { noBorder } = this.props;\n    return st(classes.showPointer, { noBorder });\n  }\n\n  dropdownAdditionalProps() {\n    return {\n      selectedId: this.getSelectedId(),\n      value: this.state.value,\n      tabIndex: -1,\n      withArrow: false,\n    };\n  }\n\n  inputAdditionalProps() {\n    return {\n      disableEditing: true,\n      value: this.state.value,\n    };\n  }\n\n  _onSelect(option) {\n    if (!this.isSelectedIdControlled()) {\n      this.setState({\n        value: this.props.valueParser(option),\n        selectedId: option.id,\n      });\n    }\n    super._onSelect(option);\n  }\n\n  _onChange(event) {\n    this.setState({ value: event.target.value });\n    super._onChange(event);\n  }\n}\n\nDropdown.propTypes = {\n  /** An initial selected option id. (Implies Uncontrolled mode) */\n  initialSelectedId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Associate a control with the regions that it controls. */\n  ariaControls: PropTypes.string,\n\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\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\n  /** Focus the element on mount (standard React input autoFocus). */\n  autoFocus: PropTypes.bool,\n\n  /** Control the border style of input. */\n  border: PropTypes.oneOf(['standard', 'round', 'bottomLine', 'none']),\n\n  /** Specifies a CSS class name to be appended to the component’s root element. */\n  className: PropTypes.string,\n\n  /** Displays clear button (X) on a non-empty input. */\n  clearButton: PropTypes.bool,\n\n  /** Closes DropdownLayout when option is selected. */\n  closeOnSelect: PropTypes.bool,\n\n  /** Applies a data-hook HTML attribute that can be used in the tests. */\n  dataHook: PropTypes.string,\n\n  /** Specifies whether input should be disabled or not. */\n  disabled: PropTypes.bool,\n\n  /** Sets the width of the dropdown in pixels. */\n  dropdownWidth: PropTypes.string,\n\n  /** Adds a fixed footer container at the bottom of options list in `<DropdownLayout/>`. */\n  fixedFooter: PropTypes.node,\n\n  /** Adds a fixed header container at the top of options list in `<DropdownLayout/>`. */\n  fixedHeader: PropTypes.node,\n\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\n  /** Scrolls view to the selected option when dropdown layout is opened. */\n  focusOnSelectedOption: PropTypes.bool,\n\n  /** USED FOR TESTING. Forces focus state on the input. */\n  forceFocus: PropTypes.bool,\n\n  /** USED FOR TESTING. Forces hover state on the input. */\n  forceHover: PropTypes.bool,\n\n  /** Specifies whether there are more items to be loaded. */\n  hasMore: PropTypes.bool,\n\n  /** Specifies whether status suffix should be hidden. */\n  hideStatusSuffix: PropTypes.bool,\n\n  /** Assigns an unique identifier for the root element. */\n  id: PropTypes.string,\n\n  /** Specifies whether lazy loading of the dropdown layout items is enabled. */\n  infiniteScroll: PropTypes.bool,\n\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\n  /** Sets the maximum height of the dropdownLayout in pixels. */\n  maxHeightPixels: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Specifies whether input should have a dropdown menu arrow on the right side. */\n  menuArrow: PropTypes.bool,\n\n  /** Sets the minimum width of dropdownLayout in pixels. */\n  minWidthPixels: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Reference element data when a form is submitted. */\n  name: PropTypes.string,\n\n  /** Render options list via native select element. */\n  native: PropTypes.bool,\n\n  /** Specifies whether input shouldn’t have rounded corners on its left. */\n  noLeftBorderRadius: PropTypes.bool,\n\n  /** Specifies whether input shouldn’t have rounded corners on its right. */\n  noRightBorderRadius: PropTypes.bool,\n\n  /** Defines a standard input onBlur callback */\n  onBlur: PropTypes.func,\n\n  /** Displays clear button (X) on a non-empty input and calls a callback function with no arguments. */\n  onClear: PropTypes.func,\n\n  /** Defines a callback function which is called whenever the user presses the escape key. */\n  onClose: PropTypes.func,\n\n  /** Defines a standard input onChange callback. */\n  onChange: PropTypes.func,\n\n  /** Defines a callback function called on compositionstart/compositionend events. */\n  onCompositionChange: PropTypes.func,\n\n  /** Defines a callback handler that is called when user presses -enter-. */\n  onEnterPressed: PropTypes.func,\n\n  /** Defines a callback handler that is called when user presses -escape- */\n  onEscapePressed: PropTypes.func,\n\n  /** Defines a standard input onFocus callback. */\n  onFocus: PropTypes.func,\n\n  /** Defines a standard input onClick callback. */\n  onInputClicked: PropTypes.func,\n\n  /** Defines a standard input onKeyDown callback. */\n  onKeyDown: PropTypes.func,\n\n  /** Defines a standard input onKeyUp callback. */\n  onKeyUp: PropTypes.func,\n\n  /** Defines a callback function which is called when user performs a submit action. Submit action triggers are:\n   * \"Enter\", \"Tab\", [typing any defined delimiters], paste action.\n   * `onManuallyInput(values: Array<string>): void - The array of strings is the result of splitting the input value by the given delimiters */\n  onManuallyInput: PropTypes.func,\n\n  /** Defines a callback function which is called whenever the user enters dropdown layout with the mouse cursor. */\n  onMouseEnter: PropTypes.func,\n\n  /** Defines a callback function which is called whenever the user exits from dropdown layout with a mouse cursor. */\n  onMouseLeave: PropTypes.func,\n\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\n  /** Defines a callback function which is called when options dropdown is hidden. */\n  onOptionsHide: PropTypes.func,\n\n  /** Defines a callback function which is called when options dropdown is shown. */\n  onOptionsShow: PropTypes.func,\n\n  /** Defines a callback function which is called whenever user selects a different option in the list. */\n  onSelect: PropTypes.func,\n\n  /** Array of objects:\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\n  /** Handles container overflow. */\n  overflow: PropTypes.string,\n\n  /** Sets a placeholder message to display. */\n  placeholder: PropTypes.string,\n\n  /** Allows to pass all common popover props. */\n  popoverProps: PropTypes.shape({\n    appendTo: PropTypes.oneOf(['window', 'scrollParent', 'parent', 'viewport']),\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\n  /** Pass a component you want to show as the prefix of the input, e.g., text string, icon. */\n  prefix: PropTypes.node,\n\n  /** Specifies whether input is read only. */\n  readOnly: PropTypes.bool,\n\n  /** Specifies selected option by its id. */\n  selectedId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Controls whether to show options if input is empty. */\n  showOptionsIfEmptyInput: PropTypes.bool,\n\n  /** Controls the size of the input */\n  size: PropTypes.oneOf(['small', 'medium', 'large']),\n\n  /** Specify the status of a field. */\n  status: PropTypes.oneOf(['error', 'warning', 'loading']),\n\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\n  /** Pass a component you want to show as the suffix of the input, e.g., text string, icon. */\n  suffix: PropTypes.node,\n\n  /** Indicates that element can be focused and where it participates in sequential keyboard navigation. */\n  tabIndex: PropTypes.number,\n\n  /** Handles text overflow behavior. It can either clip (default) or display ellipsis. */\n  textOverflow: PropTypes.string,\n\n  /** Controls placement of a status tooltip. */\n  tooltipPlacement: PropTypes.string,\n\n  /** Defines a callback function that is triggered when one of the dropdown options are selected. This property should be used together with builders. */\n  valueParser: PropTypes.func,\n};\n\nextendPropTypes(Dropdown, {\n  selectedId: allValidators(\n    PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    (props, propName) => {\n      if (\n        props[propName] !== undefined &&\n        props['initialSelectedId'] !== undefined\n      ) {\n        return new Error(\n          `'selectedId' and 'initialSelectedId' cannot both be used at the same time.`,\n        );\n      }\n    },\n  ),\n});\n\nDropdown.defaultProps = InputWithOptions.defaultProps;\nDropdown.displayName = 'Dropdown';\n\nexport default Dropdown;\n"],"mappings":"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"}

package/dist/cjs/Dropdown/Dropdown.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=Dropdown.meta.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","sharedTests","title","props","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/Dropdown/Dropdown.meta.tsx"],"sourcesContent":["import { DropdownProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: DropdownProps = {};\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 DropdownProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAA4B,GAAG,CAAC,CAAC;;AAE9C;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/Dropdown/Dropdown.st.css

@@ -0,0 +1,16 @@
+:import {
+  -st-from: '../Input/Input.st.css';
+  -st-named: input;
+}
+
+.showPointer {
+  -st-states: noBorder;
+}
+
+.showPointer .input {
+  cursor: pointer;
+}
+
+.showPointer:noBorder {
+  border:none;
+}

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

@@ -0,0 +1,24 @@
+
+require("../Input/Input.st.css.js");
+const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_0_0_Dropdown";
+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_Dropdown__root","input":"wds_1_0_0_Input__input","showPointer":"wds_1_0_0_Dropdown__showPointer"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {}; 
+module.exports.vars = {}; 
+
+
+
+

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/Dropdown/Dropdown.uni.driver.js"],"sourcesContent":["export { inputWithOptionsUniDriverFactory as dropdownUniDriverFactory } from '../InputWithOptions/InputWithOptions.uni.driver';\n"],"mappings":";;;;AAAA;AAA+H"}

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

@@ -0,0 +1,20 @@
+# Dropdown Testkit
+
+### Import
+
+```jsx
+import { DropdownTestkit } from 'wix-style-react/dist/testkit';
+import { DropdownTestkit } from 'wix-style-react/dist/testkit/enzyme';
+import { DropdownTestkit } from 'wix-style-react/dist/testkit/puppeteer';
+```
+
+### API
+
+| method | arguments | returned value | description |
+|--------|-----------|----------------|-------------|
+| click | - | - | click on the component |
+| getInput | - | element | get the input element |
+| getDropdown | - | element | get the dropdown element |
+| getDropdownItem | number | string | get the text in item index <arg> |
+| getDropdownItemsCount | - | number | get number of options |
+| element | - | element | get the actual element |

package/dist/cjs/Dropdown/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 Dropdown extends _InputWithOptions.default {}
+exports.default = Dropdown;
+//# sourceMappingURL=index.d.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Dropdown","InputWithOptions"],"sources":["../../../src/Dropdown/index.d.ts"],"sourcesContent":["import { DropdownLayoutProps } from '../DropdownLayout';\nimport InputWithOptions, {\n  InputWithOptionsProps,\n  ManualInputFnSignature,\n  OnSelectFnSignature,\n} from '../InputWithOptions';\n\nexport interface DropdownPropsControlled extends InputWithOptionsProps {\n  selectedId?: DropdownLayoutProps['selectedId'];\n  initialSelectedId?: never;\n}\n\nexport interface DropdownPropsUncontrolled extends InputWithOptionsProps {\n  selectedId?: never;\n  initialSelectedId?: DropdownLayoutProps['selectedId'];\n}\n\nexport type DropdownProps = DropdownPropsControlled | DropdownPropsUncontrolled;\n\nexport default class Dropdown extends InputWithOptions<\n  ManualInputFnSignature,\n  OnSelectFnSignature,\n  DropdownProps\n> {}\n"],"mappings":";;;;;AACA;AAkBe,MAAMA,QAAQ,SAASC,yBAAgB,CAIpD;AAAE"}

package/dist/cjs/Dropdown/index.js

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

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

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