@wix/design-system 1.146.2 → 1.147.0

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_146_2_Accordion";
+var _namespace_ = "wds_1_147_0_Accordion";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_146_2_Accordion__root","accordion":"wds_1_146_2_Accordion__accordion","item":"wds_1_146_2_Accordion__item"};
+module.exports.classes = {"root":"wds_1_147_0_Accordion__root","accordion":"wds_1_147_0_Accordion__accordion","item":"wds_1_147_0_Accordion__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Accordion/components/AccordionItem/AccordionItem.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_146_2_AccordionItem";
+var _namespace_ = "wds_1_147_0_AccordionItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_146_2_AccordionItem__root","header":"wds_1_146_2_AccordionItem__header","iconsContainer":"wds_1_146_2_AccordionItem__iconsContainer","affix":"wds_1_146_2_AccordionItem__affix","titleWrapper":"wds_1_146_2_AccordionItem__titleWrapper","children":"wds_1_146_2_AccordionItem__children"};
+module.exports.classes = {"root":"wds_1_147_0_AccordionItem__root","header":"wds_1_147_0_AccordionItem__header","iconsContainer":"wds_1_147_0_AccordionItem__iconsContainer","affix":"wds_1_147_0_AccordionItem__affix","titleWrapper":"wds_1_147_0_AccordionItem__titleWrapper","children":"wds_1_147_0_AccordionItem__children"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Accordion/components/AccordionItemCaret/AccordionItemCaret.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_146_2_AccordionItemCaret";
+var _namespace_ = "wds_1_147_0_AccordionItemCaret";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_146_2_AccordionItemCaret__root","textButton":"wds_1_146_2_AccordionItemCaret__textButton"};
+module.exports.classes = {"root":"wds_1_147_0_AccordionItemCaret__root","textButton":"wds_1_147_0_AccordionItemCaret__textButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -10,7 +10,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_146_2_AddItem";
+var _namespace_ = "wds_1_147_0_AddItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -18,7 +18,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_146_2_AddItem__root","icon":"wds_1_146_2_AddItem__icon","illustration":"wds_1_146_2_AddItem__illustration","contentContainer":"wds_1_146_2_AddItem__contentContainer","content":"wds_1_146_2_AddItem__content","textWrapper":"wds_1_146_2_AddItem__textWrapper","textContent":"wds_1_146_2_AddItem__textContent","subtitle":"wds_1_146_2_AddItem__subtitle","tooltip":"wds_1_146_2_AddItem__tooltip"};
+module.exports.classes = {"root":"wds_1_147_0_AddItem__root","icon":"wds_1_147_0_AddItem__icon","illustration":"wds_1_147_0_AddItem__illustration","contentContainer":"wds_1_147_0_AddItem__contentContainer","content":"wds_1_147_0_AddItem__content","textWrapper":"wds_1_147_0_AddItem__textWrapper","textContent":"wds_1_147_0_AddItem__textContent","subtitle":"wds_1_147_0_AddItem__subtitle","tooltip":"wds_1_147_0_AddItem__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/AddressInput/AddressInput.constants.js

@@ -0,0 +1,26 @@
+"use strict";
+
+exports.__esModule = true;
+exports.dataHooks = exports.STATUS = exports.SIZE = exports.BORDER = void 0;
+var prefix = 'address-input';
+var dataHooks = exports.dataHooks = {
+  loader: "".concat(prefix, "-loader"),
+  noResultsText: "".concat(prefix, "-no-results-text")
+};
+var STATUS = exports.STATUS = {
+  loading: 'loading',
+  error: 'error',
+  warning: 'warning'
+};
+var BORDER = exports.BORDER = {
+  standard: 'standard',
+  round: 'round',
+  bottomLine: 'bottomLine',
+  none: 'none'
+};
+var SIZE = exports.SIZE = {
+  small: 'small',
+  medium: 'medium',
+  large: 'large'
+};
+//# sourceMappingURL=AddressInput.constants.js.map

package/dist/cjs/AddressInput/AddressInput.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["prefix","dataHooks","exports","loader","concat","noResultsText","STATUS","loading","error","warning","BORDER","standard","round","bottomLine","none","SIZE","small","medium","large"],"sources":["../../../src/AddressInput/AddressInput.constants.ts"],"sourcesContent":["const prefix = 'address-input';\n\nexport const dataHooks = {\n  loader: `${prefix}-loader`,\n  noResultsText: `${prefix}-no-results-text`,\n};\n\nexport const STATUS = {\n  loading: 'loading',\n  error: 'error',\n  warning: 'warning',\n} as const;\n\nexport const BORDER = {\n  standard: 'standard',\n  round: 'round',\n  bottomLine: 'bottomLine',\n  none: 'none',\n} as const;\n\nexport const SIZE = {\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n} as const;\n"],"mappings":";;;;AAAA,IAAMA,MAAM,GAAG,eAAe;AAEvB,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,MAAM,KAAAC,MAAA,CAAKJ,MAAM,YAAS;EAC1BK,aAAa,KAAAD,MAAA,CAAKJ,MAAM;AAC1B,CAAC;AAEM,IAAMM,MAAM,GAAAJ,OAAA,CAAAI,MAAA,GAAG;EACpBC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE,OAAO;EACdC,OAAO,EAAE;AACX,CAAU;AAEH,IAAMC,MAAM,GAAAR,OAAA,CAAAQ,MAAA,GAAG;EACpBC,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE,OAAO;EACdC,UAAU,EAAE,YAAY;EACxBC,IAAI,EAAE;AACR,CAAU;AAEH,IAAMC,IAAI,GAAAb,OAAA,CAAAa,IAAA,GAAG;EAClBC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE;AACT,CAAU","ignoreList":[]}

package/dist/cjs/AddressInput/AddressInput.js

@@ -3,299 +3,175 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
 var _InputWithOptions = _interopRequireDefault(require("../InputWithOptions"));
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _Input = _interopRequireDefault(require("../Input"));
 var _Box = _interopRequireDefault(require("../Box"));
 var _Loader = _interopRequireDefault(require("../Loader"));
 var _Text = _interopRequireDefault(require("../Text"));
-var _constants = require("./constants");
-var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/AddressInput/AddressInput.js";
-/** AddressInput */
-class AddressInput extends _react.default.PureComponent {
-  constructor(props) {
-    super(props);
-    this.innerRef = /*#__PURE__*/_react.default.createRef();
-    this._onChange = event => {
-      var {
-        onChange
-      } = this.props;
-      this.setState({
-        inputValue: event.target.value
-      });
-      if (onChange) {
-        onChange(event);
-      }
-    };
-    this._onSelect = option => {
-      var {
-        onSelect
-      } = this.props;
-      this.setState({
-        inputValue: option.label
-      });
-      onSelect && onSelect(option);
-    };
-    this._onClear = () => {
-      var {
-        onClear
-      } = this.props;
-      this.setState({
-        inputValue: ''
-      }, () => {
-        onClear && onClear();
-      });
-    };
-    this._getInputValue = () => {
-      var {
-        value: controlledValue
-      } = this.props;
-      var {
-        inputValue
-      } = this.state;
-      var value = controlledValue !== undefined ? controlledValue : inputValue;
-      return value;
-    };
-    this._getIsLoading = () => {
-      var {
-        status
-      } = this.props;
-      return status === 'loading';
-    };
-    this._getStatus = () => {
-      var {
-        status
-      } = this.props;
-      var {
-        isDropdownOpen
-      } = this.state;
-      var isLoading = this._getIsLoading();
-      /** If addresses are loading and dropdown is open,
-       * displays loader in dropdown instead of in input.
-       */
-      if (isLoading && isDropdownOpen) {
-        return undefined;
+var _AddressInput = require("./AddressInput.constants");
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/AddressInput/AddressInput.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var AddressInput = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  var {
+    dataHook,
+    className,
+    size,
+    clearButton = true,
+    placeholder,
+    disabled,
+    onFocus,
+    onBlur,
+    autoSelect,
+    statusMessage,
+    border = 'round',
+    onManuallyInput,
+    popoverProps,
+    initialValue = '',
+    onChange,
+    onSelect,
+    onClear,
+    value: controlledValue,
+    status,
+    options,
+    noResultsText
+  } = _ref;
+  var [inputValue, setInputValue] = (0, _react.useState)(initialValue);
+  var [isDropdownOpen, setIsDropdownOpen] = (0, _react.useState)(false);
+  var innerRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    focus: options => {
+      var _innerRef$current;
+      (_innerRef$current = innerRef.current) == null || _innerRef$current.focus(options);
+    }
+  }));
+  var handleChange = event => {
+    setInputValue(event.target.value);
+    onChange == null || onChange(event);
+  };
+  var handleSelect = option => {
+    setInputValue(option.label);
+    onSelect == null || onSelect(option);
+  };
+  var handleClear = () => {
+    setInputValue('');
+    onClear == null || onClear();
+  };
+  var getValue = (0, _react.useCallback)(() => {
+    return controlledValue !== undefined ? controlledValue : inputValue;
+  }, [controlledValue, inputValue]);
+  var isLoading = status === 'loading';
+  var getStatus = () => {
+    if (isLoading && isDropdownOpen) {
+      return undefined;
+    }
+    return status;
+  };
+  var loadingOption = (0, _react.useMemo)(() => ({
+    id: '',
+    disabled: true,
+    value: () => /*#__PURE__*/_react.default.createElement(_Box.default, {
+      flex: 1,
+      align: "center",
+      padding: "3px",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 93,
+        columnNumber: 11
       }
-      return status;
-    };
-    this._setDropdownOpen = () => this.setState({
-      isDropdownOpen: true
-    });
-    this._setDropdownClosed = () => this.setState({
-      isDropdownOpen: false
-    });
-    this._renderLoadingOption = () => {
-      return {
-        id: '',
-        disabled: true,
-        value: () => /*#__PURE__*/_react.default.createElement(_Box.default, {
-          flex: 1,
-          align: "center",
-          padding: "3px",
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 89,
-            columnNumber: 9
-          }
-        }, /*#__PURE__*/_react.default.createElement(_Loader.default, {
-          size: "tiny",
-          dataHook: _constants.dataHooks.loader,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 90,
-            columnNumber: 11
-          }
-        }))
-      };
-    };
-    this._renderNoResultsOption = () => {
-      var {
-        noResultsText
-      } = this.props;
-      var isString = typeof noResultsText === 'string';
-      var value = isString ? /*#__PURE__*/_react.default.createElement(_Text.default, {
-        light: true,
-        secondary: true,
-        dataHook: _constants.dataHooks.noResultsText,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 100,
-          columnNumber: 7
-        }
-      }, noResultsText) : noResultsText;
-      return {
-        id: '',
-        disabled: true,
-        overrideOptionStyle: !isString,
-        value
-      };
-    };
-    this._renderOptions = () => {
-      var {
-        options,
-        noResultsText
-      } = this.props;
-      var value = this._getInputValue();
-      var isLoading = this._getIsLoading();
-      var noResultsFound = !options || options.length === 0;
-      if (isLoading) {
-        return [this._renderLoadingOption()];
+    }, /*#__PURE__*/_react.default.createElement(_Loader.default, {
+      size: "tiny",
+      dataHook: _AddressInput.dataHooks.loader,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 94,
+        columnNumber: 13
       }
-      /** show `noResultsText` option
-       * if the input is not empty and there are no results */
-      if (value && noResultsFound && noResultsText) {
-        return [this._renderNoResultsOption()];
+    }))
+  }), []);
+  var noResultsOption = (0, _react.useMemo)(() => {
+    var isString = typeof noResultsText === 'string';
+    var value = isString ? /*#__PURE__*/_react.default.createElement(_Text.default, {
+      light: true,
+      secondary: true,
+      dataHook: _AddressInput.dataHooks.noResultsText,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 104,
+        columnNumber: 9
       }
-      return options;
+    }, noResultsText) : noResultsText;
+    return {
+      id: 'no-results',
+      disabled: true,
+      overrideOptionStyle: !isString,
+      value
     };
-    this.state = {
-      inputValue: props.initialValue || '',
-      isDropdownOpen: false
-    };
-  }
-  render() {
-    var {
-      dataHook,
-      className,
-      size,
-      clearButton,
-      placeholder,
-      disabled,
-      onFocus,
-      onBlur,
-      autoSelect,
-      statusMessage,
-      border,
-      onManuallyInput,
-      popoverProps
-    } = this.props;
-    var value = this._getInputValue();
-    var status = this._getStatus();
-    return /*#__PURE__*/_react.default.createElement(_InputWithOptions.default, {
-      dataHook: dataHook,
-      className: className,
-      clearButton: clearButton,
-      onChange: this._onChange,
-      size: size,
-      options: this._renderOptions(),
-      onSelect: this._onSelect,
-      onManuallyInput: onManuallyInput,
-      popoverProps: popoverProps,
-      value: value,
-      disabled: disabled,
-      border: border
-      /** <Input /> always shows clear button when `onClear` prop is passed,
-      so we only pass handler when clearButton is `true` */,
-      onClear: clearButton ? this._onClear : undefined,
-      onFocus: onFocus,
-      onBlur: onBlur,
-      autoSelect: autoSelect,
-      status: status,
-      statusMessage: statusMessage,
-      menuArrow: false,
-      highlight: true,
-      prefix: /*#__PURE__*/_react.default.createElement(_Input.default.IconAffix, {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 177,
-          columnNumber: 11
-        }
-      }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Search, {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 178,
-          columnNumber: 13
-        }
-      })),
-      placeholder: placeholder,
-      onOptionsShow: this._setDropdownOpen,
-      onOptionsHide: this._setDropdownClosed,
-      autocomplete: "off",
-      ref: this.innerRef,
-      __self: this,
+  }, [noResultsText]);
+  var renderedOptions = (0, _react.useMemo)(() => {
+    var value = getValue();
+    var noResultsFound = !options || options.length === 0;
+    if (isLoading) {
+      return [loadingOption];
+    }
+    if (value && noResultsFound && noResultsText) {
+      return [noResultsOption];
+    }
+    return options || [];
+  }, [isLoading, options, noResultsOption, loadingOption, noResultsText, getValue]);
+  return /*#__PURE__*/_react.default.createElement(_InputWithOptions.default, {
+    dataHook: dataHook,
+    className: className,
+    clearButton: clearButton,
+    onChange: handleChange,
+    size: size,
+    options: renderedOptions,
+    onSelect: handleSelect,
+    onManuallyInput: onManuallyInput,
+    popoverProps: popoverProps,
+    value: getValue(),
+    disabled: disabled,
+    border: border,
+    onClear: clearButton ? handleClear : undefined,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    autoSelect: autoSelect,
+    status: getStatus(),
+    statusMessage: statusMessage,
+    menuArrow: false,
+    highlight: true,
+    prefix: /*#__PURE__*/_react.default.createElement(_Input.default.IconAffix, {
+      __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 153,
-        columnNumber: 7
+        lineNumber: 164,
+        columnNumber: 11
       }
-    });
-  }
-
-  /**
-   * Sets focus on the input element
-   * @param {FocusOptions} options
-   */
-  focus() {
-    this.innerRef.current && this.innerRef.current.focus();
-  }
-}
-AddressInput.displayName = 'AddressInput';
-AddressInput.propTypes = {
-  /** Applies a data-hook HTML attribute that can be used in the tests */
-  dataHook: _propTypes.default.string,
-  /** Specifies a CSS class name to be appended to the component’s root element */
-  className: _propTypes.default.string,
-  /** Displays a clear button (X) on a non-empty input */
-  clearButton: _propTypes.default.bool,
-  /** Sets the initial input value */
-  initialValue: _propTypes.default.string,
-  /** Sets a value to display (controlled mode). */
-  value: _propTypes.default.string,
-  /** Specifies whether input is disabled */
-  disabled: _propTypes.default.bool,
-  /** Fetch predictions debounce in milliseconds */
-  debounceDuration: _propTypes.default.number,
-  /** Defines a callback function which is called whenever a user selects a different option in the list */
-  onSelect: _propTypes.default.func,
-  /** Defines a callback function which is called every time input value is changed */
-  onChange: _propTypes.default.func,
-  /** Specify an array of options to render. When the option is an {optionProps}, the <AddressInput.Option/> component will be rendered on behalf of the user. */
-  options: _propTypes.default.array,
-  /** Defines a handler for getting notified upon a clear event. When passed, it displays a clear button in the input. */
-  onClear: _propTypes.default.func,
-  /** Defines a standard input onFocus callback */
-  onFocus: _propTypes.default.func,
-  /** Defines a standard input onBlur callback */
-  onBlur: _propTypes.default.func,
-  /** Specifies whether input is auto selected on focus */
-  autoSelect: _propTypes.default.bool,
-  /** Defines a callback function which is called when user performs a submit action.
-   * Submit-Action triggers are: "Enter", "Tab" */
-  onManuallyInput: _propTypes.default.func,
-  /** Specify the status of a field. Mostly used for “loading” indication upon async request calls. */
-  status: _propTypes.default.oneOf(['loading', 'error', 'warning']),
-  /** Defines the message to display on status icon hover. If not given or empty there will be no tooltip. */
-  statusMessage: _propTypes.default.node,
-  /** Control the border style of an input */
-  border: _propTypes.default.oneOf(['standard', 'round', 'bottomLine', 'none']),
-  /** Controls the size of the input. Default value: `medium` */
-  size: _propTypes.default.oneOf(['small', 'medium', 'large']),
-  /** Sets a placeholder message to display */
-  placeholder: _propTypes.default.string,
-  /** Sets the message to show in a dropdown when no results are found */
-  noResultsText: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-  /** Allows to pass common popover props */
-  popoverProps: _propTypes.default.shape({
-    appendTo: _propTypes.default.oneOf(['window', 'scrollParent', 'parent', 'viewport']),
-    maxWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-    minWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-    flip: _propTypes.default.bool,
-    fixed: _propTypes.default.bool,
-    placement: _propTypes.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: _propTypes.default.bool
-  })
-};
-AddressInput.defaultProps = {
-  clearButton: true,
-  debounceDuration: 200,
-  border: 'round'
-};
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Search, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 165,
+        columnNumber: 13
+      }
+    })),
+    placeholder: placeholder,
+    onOptionsShow: () => setIsDropdownOpen(true),
+    onOptionsHide: () => setIsDropdownOpen(false),
+    autocomplete: "off",
+    ref: innerRef,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 142,
+      columnNumber: 7
+    }
+  });
+});
 var _default = exports.default = AddressInput;
 //# sourceMappingURL=AddressInput.js.map

package/dist/cjs/AddressInput/AddressInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_InputWithOptions","_wixUiIconsCommon","_Input","_Box","_Loader","_Text","_constants","_jsxFileName","AddressInput","React","PureComponent","constructor","props","innerRef","createRef","_onChange","event","onChange","setState","inputValue","target","value","_onSelect","option","onSelect","label","_onClear","onClear","_getInputValue","controlledValue","state","undefined","_getIsLoading","status","_getStatus","isDropdownOpen","isLoading","_setDropdownOpen","_setDropdownClosed","_renderLoadingOption","id","disabled","default","createElement","flex","align","padding","__self","__source","fileName","lineNumber","columnNumber","size","dataHook","dataHooks","loader","_renderNoResultsOption","noResultsText","isString","light","secondary","overrideOptionStyle","_renderOptions","options","noResultsFound","length","initialValue","render","className","clearButton","placeholder","onFocus","onBlur","autoSelect","statusMessage","border","onManuallyInput","popoverProps","menuArrow","highlight","prefix","IconAffix","Search","onOptionsShow","onOptionsHide","autocomplete","ref","focus","current","displayName","propTypes","PropTypes","string","bool","debounceDuration","number","func","array","oneOf","node","oneOfType","shape","appendTo","maxWidth","minWidth","flip","fixed","placement","dynamicWidth","defaultProps","_default","exports"],"sources":["../../../src/AddressInput/AddressInput.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputWithOptions from '../InputWithOptions';\nimport { Search as SearchIcon } from '@wix/wix-ui-icons-common';\nimport Input from '../Input';\nimport Box from '../Box';\nimport Loader from '../Loader';\nimport Text from '../Text';\nimport { dataHooks } from './constants';\n\n/** AddressInput */\nclass AddressInput extends React.PureComponent {\n  constructor(props) {\n    super(props);\n    this.state = {\n      inputValue: props.initialValue || '',\n      isDropdownOpen: false,\n    };\n  }\n\n  innerRef = React.createRef();\n\n  _onChange = event => {\n    const { onChange } = this.props;\n\n    this.setState({\n      inputValue: event.target.value,\n    });\n    if (onChange) {\n      onChange(event);\n    }\n  };\n\n  _onSelect = option => {\n    const { onSelect } = this.props;\n    this.setState({\n      inputValue: option.label,\n    });\n    onSelect && onSelect(option);\n  };\n\n  _onClear = () => {\n    const { onClear } = this.props;\n    this.setState(\n      {\n        inputValue: '',\n      },\n      () => {\n        onClear && onClear();\n      },\n    );\n  };\n\n  _getInputValue = () => {\n    const { value: controlledValue } = this.props;\n    const { inputValue } = this.state;\n\n    const value = controlledValue !== undefined ? controlledValue : inputValue;\n    return value;\n  };\n\n  _getIsLoading = () => {\n    const { status } = this.props;\n    return status === 'loading';\n  };\n\n  _getStatus = () => {\n    const { status } = this.props;\n    const { isDropdownOpen } = this.state;\n    const isLoading = this._getIsLoading();\n    /** If addresses are loading and dropdown is open,\n     * displays loader in dropdown instead of in input.\n     */\n    if (isLoading && isDropdownOpen) {\n      return undefined;\n    }\n    return status;\n  };\n\n  _setDropdownOpen = () => this.setState({ isDropdownOpen: true });\n\n  _setDropdownClosed = () => this.setState({ isDropdownOpen: false });\n\n  _renderLoadingOption = () => {\n    return {\n      id: '',\n      disabled: true,\n      value: () => (\n        <Box flex={1} align=\"center\" padding=\"3px\">\n          <Loader size=\"tiny\" dataHook={dataHooks.loader} />\n        </Box>\n      ),\n    };\n  };\n\n  _renderNoResultsOption = () => {\n    const { noResultsText } = this.props;\n    const isString = typeof noResultsText === 'string';\n    const value = isString ? (\n      <Text light secondary dataHook={dataHooks.noResultsText}>\n        {noResultsText}\n      </Text>\n    ) : (\n      noResultsText\n    );\n\n    return {\n      id: '',\n      disabled: true,\n      overrideOptionStyle: !isString,\n      value,\n    };\n  };\n\n  _renderOptions = () => {\n    const { options, noResultsText } = this.props;\n    const value = this._getInputValue();\n    const isLoading = this._getIsLoading();\n    const noResultsFound = !options || options.length === 0;\n\n    if (isLoading) {\n      return [this._renderLoadingOption()];\n    }\n    /** show `noResultsText` option\n     * if the input is not empty and there are no results */\n    if (value && noResultsFound && noResultsText) {\n      return [this._renderNoResultsOption()];\n    }\n\n    return options;\n  };\n\n  render() {\n    const {\n      dataHook,\n      className,\n      size,\n      clearButton,\n      placeholder,\n      disabled,\n      onFocus,\n      onBlur,\n      autoSelect,\n      statusMessage,\n      border,\n      onManuallyInput,\n      popoverProps,\n    } = this.props;\n    const value = this._getInputValue();\n    const status = this._getStatus();\n\n    return (\n      <InputWithOptions\n        dataHook={dataHook}\n        className={className}\n        clearButton={clearButton}\n        onChange={this._onChange}\n        size={size}\n        options={this._renderOptions()}\n        onSelect={this._onSelect}\n        onManuallyInput={onManuallyInput}\n        popoverProps={popoverProps}\n        value={value}\n        disabled={disabled}\n        border={border}\n        /** <Input /> always shows clear button when `onClear` prop is passed,\n        so we only pass handler when clearButton is `true` */\n        onClear={clearButton ? this._onClear : undefined}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        autoSelect={autoSelect}\n        status={status}\n        statusMessage={statusMessage}\n        menuArrow={false}\n        highlight\n        prefix={\n          <Input.IconAffix>\n            <SearchIcon />\n          </Input.IconAffix>\n        }\n        placeholder={placeholder}\n        onOptionsShow={this._setDropdownOpen}\n        onOptionsHide={this._setDropdownClosed}\n        autocomplete=\"off\"\n        ref={this.innerRef}\n      />\n    );\n  }\n\n  /**\n   * Sets focus on the input element\n   * @param {FocusOptions} options\n   */\n  focus() {\n    this.innerRef.current && this.innerRef.current.focus();\n  }\n}\n\nAddressInput.displayName = 'AddressInput';\n\nAddressInput.propTypes = {\n  /** Applies a data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element */\n  className: PropTypes.string,\n\n  /** Displays a clear button (X) on a non-empty input */\n  clearButton: PropTypes.bool,\n\n  /** Sets the initial input value */\n  initialValue: PropTypes.string,\n\n  /** Sets a value to display (controlled mode). */\n  value: PropTypes.string,\n\n  /** Specifies whether input is disabled */\n  disabled: PropTypes.bool,\n\n  /** Fetch predictions debounce in milliseconds */\n  debounceDuration: PropTypes.number,\n\n  /** Defines a callback function which is called whenever a user selects a different option in the list */\n  onSelect: PropTypes.func,\n\n  /** Defines a callback function which is called every time input value is changed */\n  onChange: PropTypes.func,\n\n  /** Specify an array of options to render. When the option is an {optionProps}, the <AddressInput.Option/> component will be rendered on behalf of the user. */\n  options: PropTypes.array,\n\n  /** Defines a handler for getting notified upon a clear event. When passed, it displays a clear button in the input. */\n  onClear: PropTypes.func,\n\n  /** Defines a standard input onFocus callback */\n  onFocus: PropTypes.func,\n\n  /** Defines a standard input onBlur callback */\n  onBlur: PropTypes.func,\n\n  /** Specifies whether input is auto selected on focus */\n  autoSelect: PropTypes.bool,\n\n  /** Defines a callback function which is called when user performs a submit action.\n   * Submit-Action triggers are: \"Enter\", \"Tab\" */\n  onManuallyInput: PropTypes.func,\n\n  /** Specify the status of a field. Mostly used for “loading” indication upon async request calls. */\n  status: PropTypes.oneOf(['loading', 'error', 'warning']),\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  /** Control the border style of an input */\n  border: PropTypes.oneOf(['standard', 'round', 'bottomLine', 'none']),\n\n  /** Controls the size of the input. Default value: `medium` */\n  size: PropTypes.oneOf(['small', 'medium', 'large']),\n\n  /** Sets a placeholder message to display */\n  placeholder: PropTypes.string,\n\n  /** Sets the message to show in a dropdown when no results are found */\n  noResultsText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n  /** Allows to pass 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\nAddressInput.defaultProps = {\n  clearButton: true,\n  debounceDuration: 200,\n  border: 'round',\n};\n\nexport default AddressInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_InputWithOptions","_interopRequireDefault","_wixUiIconsCommon","_Input","_Box","_Loader","_Text","_AddressInput","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AddressInput","forwardRef","_ref","ref","dataHook","className","size","clearButton","placeholder","disabled","onFocus","onBlur","autoSelect","statusMessage","border","onManuallyInput","popoverProps","initialValue","onChange","onSelect","onClear","value","controlledValue","status","options","noResultsText","inputValue","setInputValue","useState","isDropdownOpen","setIsDropdownOpen","innerRef","useRef","useImperativeHandle","focus","_innerRef$current","current","handleChange","event","target","handleSelect","option","label","handleClear","getValue","useCallback","undefined","isLoading","getStatus","loadingOption","useMemo","id","createElement","flex","align","padding","__self","__source","fileName","lineNumber","columnNumber","dataHooks","loader","noResultsOption","isString","light","secondary","overrideOptionStyle","renderedOptions","noResultsFound","length","menuArrow","highlight","prefix","IconAffix","Search","onOptionsShow","onOptionsHide","autocomplete","_default","exports"],"sources":["../../../src/AddressInput/AddressInput.tsx"],"sourcesContent":["import React, {\n  useRef,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useCallback,\n} from 'react';\nimport InputWithOptions from '../InputWithOptions';\nimport { Search as SearchIcon } from '@wix/wix-ui-icons-common';\nimport Input from '../Input';\nimport Box from '../Box';\nimport Loader from '../Loader';\nimport Text from '../Text';\nimport { dataHooks } from './AddressInput.constants';\nimport { AddressInputProps } from './AddressInput.types';\n\nexport interface AddressInputRef {\n  focus: (options?: FocusOptions) => void;\n}\n\nconst AddressInput = forwardRef<AddressInputRef, AddressInputProps>(\n  (\n    {\n      dataHook,\n      className,\n      size,\n      clearButton = true,\n      placeholder,\n      disabled,\n      onFocus,\n      onBlur,\n      autoSelect,\n      statusMessage,\n      border = 'round',\n      onManuallyInput,\n      popoverProps,\n      initialValue = '',\n      onChange,\n      onSelect,\n      onClear,\n      value: controlledValue,\n      status,\n      options,\n      noResultsText,\n    },\n    ref,\n  ) => {\n    const [inputValue, setInputValue] = useState(initialValue);\n    const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n\n    const innerRef = useRef<InputWithOptions>(null);\n\n    useImperativeHandle(ref, () => ({\n      focus: (options?: FocusOptions) => {\n        innerRef.current?.focus(options);\n      },\n    }));\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      setInputValue(event.target.value);\n      onChange?.(event);\n    };\n\n    const handleSelect = (option: any) => {\n      setInputValue(option.label);\n      onSelect?.(option);\n    };\n\n    const handleClear = () => {\n      setInputValue('');\n      onClear?.();\n    };\n\n    const getValue = useCallback((): string => {\n      return controlledValue !== undefined ? controlledValue : inputValue;\n    }, [controlledValue, inputValue]);\n\n    const isLoading = status === 'loading';\n\n    const getStatus = (): AddressInputProps['status'] | undefined => {\n      if (isLoading && isDropdownOpen) {\n        return undefined;\n      }\n      return status;\n    };\n\n    const loadingOption = useMemo(\n      () => ({\n        id: '',\n        disabled: true,\n        value: () => (\n          <Box flex={1} align=\"center\" padding=\"3px\">\n            <Loader size=\"tiny\" dataHook={dataHooks.loader} />\n          </Box>\n        ),\n      }),\n      [],\n    );\n\n    const noResultsOption = useMemo(() => {\n      const isString = typeof noResultsText === 'string';\n      const value = isString ? (\n        <Text light secondary dataHook={dataHooks.noResultsText}>\n          {noResultsText}\n        </Text>\n      ) : (\n        noResultsText\n      );\n\n      return {\n        id: 'no-results',\n        disabled: true,\n        overrideOptionStyle: !isString,\n        value,\n      };\n    }, [noResultsText]);\n\n    const renderedOptions = useMemo(() => {\n      const value = getValue();\n      const noResultsFound = !options || options.length === 0;\n\n      if (isLoading) {\n        return [loadingOption];\n      }\n\n      if (value && noResultsFound && noResultsText) {\n        return [noResultsOption];\n      }\n\n      return options || [];\n    }, [\n      isLoading,\n      options,\n      noResultsOption,\n      loadingOption,\n      noResultsText,\n      getValue,\n    ]);\n\n    return (\n      <InputWithOptions\n        dataHook={dataHook}\n        className={className}\n        clearButton={clearButton}\n        onChange={handleChange}\n        size={size}\n        options={renderedOptions}\n        onSelect={handleSelect}\n        onManuallyInput={onManuallyInput}\n        popoverProps={popoverProps}\n        value={getValue()}\n        disabled={disabled}\n        border={border}\n        onClear={clearButton ? handleClear : undefined}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        autoSelect={autoSelect}\n        status={getStatus()}\n        statusMessage={statusMessage}\n        menuArrow={false}\n        highlight\n        prefix={\n          <Input.IconAffix>\n            <SearchIcon />\n          </Input.IconAffix>\n        }\n        placeholder={placeholder}\n        onOptionsShow={() => setIsDropdownOpen(true)}\n        onOptionsHide={() => setIsDropdownOpen(false)}\n        autocomplete=\"off\"\n        ref={innerRef}\n      />\n    );\n  },\n);\n\nexport default AddressInput;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/AddressInput/AddressInput.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=AddressInput.types.js.map