@wix/design-system 1.1.1 → 1.3.0

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_1_1_Accordion";
+var _namespace_ = "wds_1_3_0_Accordion";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_Accordion__root","accordion":"wds_1_1_1_Accordion__accordion","item":"wds_1_1_1_Accordion__item"};
+module.exports.classes = {"root":"wds_1_3_0_Accordion__root","accordion":"wds_1_3_0_Accordion__accordion","item":"wds_1_3_0_Accordion__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_1_1_AccordionItem";
+var _namespace_ = "wds_1_3_0_AccordionItem";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_AccordionItem__root","header":"wds_1_1_1_AccordionItem__header","icon":"wds_1_1_1_AccordionItem__icon","titleWrapper":"wds_1_1_1_AccordionItem__titleWrapper","children":"wds_1_1_1_AccordionItem__children","toggleButton":"wds_1_1_1_AccordionItem__toggleButton"};
+module.exports.classes = {"root":"wds_1_3_0_AccordionItem__root","header":"wds_1_3_0_AccordionItem__header","icon":"wds_1_3_0_AccordionItem__icon","titleWrapper":"wds_1_3_0_AccordionItem__titleWrapper","children":"wds_1_3_0_AccordionItem__children","toggleButton":"wds_1_3_0_AccordionItem__toggleButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_1_1_AccordionSectionItem";
+var _namespace_ = "wds_1_3_0_AccordionSectionItem";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_AccordionSectionItem__root"};
+module.exports.classes = {"root":"wds_1_3_0_AccordionSectionItem__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_1_1_AddItem";
+var _namespace_ = "wds_1_3_0_AddItem";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -17,7 +17,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_AddItem__root","icon":"wds_1_1_1_AddItem__icon","illustration":"wds_1_1_1_AddItem__illustration","contentContainer":"wds_1_1_1_AddItem__contentContainer","content":"wds_1_1_1_AddItem__content","textWrapper":"wds_1_1_1_AddItem__textWrapper","textContent":"wds_1_1_1_AddItem__textContent","subtitle":"wds_1_1_1_AddItem__subtitle","tooltip":"wds_1_1_1_AddItem__tooltip"};
+module.exports.classes = {"root":"wds_1_3_0_AddItem__root","icon":"wds_1_3_0_AddItem__icon","illustration":"wds_1_3_0_AddItem__illustration","contentContainer":"wds_1_3_0_AddItem__contentContainer","content":"wds_1_3_0_AddItem__content","textWrapper":"wds_1_3_0_AddItem__textWrapper","textContent":"wds_1_3_0_AddItem__textContent","subtitle":"wds_1_3_0_AddItem__subtitle","tooltip":"wds_1_3_0_AddItem__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/AddressInput/AddressInput.js

@@ -168,6 +168,7 @@ class AddressInput extends _react.default.PureComponent {
       disabled,
       onFocus,
       onBlur,
+      autoSelect,
       statusMessage,
       border,
       onManuallyInput,
@@ -193,6 +194,7 @@ class AddressInput extends _react.default.PureComponent {
       onClear: clearButton ? this._onClear : undefined,
       onFocus: onFocus,
       onBlur: onBlur,
+      autoSelect: autoSelect,
       status: status,
       statusMessage: statusMessage,
       menuArrow: false,
@@ -201,14 +203,14 @@ class AddressInput extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 175,
+          lineNumber: 177,
           columnNumber: 11
         }
       }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Search, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 176,
+          lineNumber: 178,
           columnNumber: 13
         }
       })),
@@ -222,7 +224,7 @@ class AddressInput extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 152,
+        lineNumber: 153,
         columnNumber: 7
       }
     });
@@ -264,6 +266,8 @@ AddressInput.propTypes = {
   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,

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

@@ -1 +1 @@
-{"version":3,"names":["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","dataHooks","loader","_renderNoResultsOption","noResultsText","isString","overrideOptionStyle","_renderOptions","options","noResultsFound","length","initialValue","render","dataHook","className","size","clearButton","placeholder","onFocus","onBlur","statusMessage","border","onManuallyInput","popoverProps","focus","current","displayName","propTypes","PropTypes","string","bool","debounceDuration","number","func","array","oneOf","node","oneOfType","shape","appendTo","maxWidth","minWidth","flip","fixed","placement","dynamicWidth","defaultProps"],"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      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        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        // disable browser autofill (including in chrome)\n        autocomplete=\"off,chrome-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  /** 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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"}
+{"version":3,"names":["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","dataHooks","loader","_renderNoResultsOption","noResultsText","isString","overrideOptionStyle","_renderOptions","options","noResultsFound","length","initialValue","render","dataHook","className","size","clearButton","placeholder","onFocus","onBlur","autoSelect","statusMessage","border","onManuallyInput","popoverProps","focus","current","displayName","propTypes","PropTypes","string","bool","debounceDuration","number","func","array","oneOf","node","oneOfType","shape","appendTo","maxWidth","minWidth","flip","fixed","placement","dynamicWidth","defaultProps"],"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        // disable browser autofill (including in chrome)\n        autocomplete=\"off,chrome-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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"}

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

@@ -1 +1 @@
-{"version":3,"names":["AddressInput","React","PureComponent"],"sources":["../../../src/AddressInput/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  DropdownLayoutOption,\n  DropdownLayoutValueOption,\n} from '../DropdownLayout';\nimport { ManualInputFnSignature } from '../InputWithOptions';\nimport { PopoverCommonProps } from '../common';\n\nexport interface AddressInputProps {\n  dataHook?: string;\n  className?: string;\n  clearButton?: boolean;\n  initialValue?: string;\n  value?: string;\n  disabled?: boolean;\n  onSelect?: (option: DropdownLayoutValueOption) => void;\n  onManuallyInput?: ManualInputFnSignature;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  onFocus?: (e?: React.FocusEvent<HTMLInputElement>) => void;\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  onClear?: () => void;\n  options?: DropdownLayoutOption[];\n  status?: 'loading' | 'error' | 'warning';\n  statusMessage?: React.ReactNode;\n  border?: 'standard' | 'round' | 'bottomLine' | 'none';\n  size?: 'small' | 'medium' | 'large';\n  placeholder?: string;\n  noResultsText?: React.ReactNode;\n  popoverProps?: PopoverCommonProps;\n}\n\nexport default class AddressInput extends React.PureComponent<AddressInputProps> {}\n"],"mappings":";;;;AAAA;AAA+B;AAAA;AA+BhB,MAAMA,YAAY,SAASC,KAAK,CAACC,aAAa,CAAoB;AAAE"}
+{"version":3,"names":["AddressInput","React","PureComponent"],"sources":["../../../src/AddressInput/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  DropdownLayoutOption,\n  DropdownLayoutValueOption,\n} from '../DropdownLayout';\nimport { ManualInputFnSignature } from '../InputWithOptions';\nimport { PopoverCommonProps } from '../common';\n\nexport interface AddressInputProps {\n  dataHook?: string;\n  className?: string;\n  clearButton?: boolean;\n  initialValue?: string;\n  value?: string;\n  disabled?: boolean;\n  onSelect?: (option: DropdownLayoutValueOption) => void;\n  onManuallyInput?: ManualInputFnSignature;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  onFocus?: (e?: React.FocusEvent<HTMLInputElement>) => void;\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  autoSelect?: boolean;\n  onClear?: () => void;\n  options?: DropdownLayoutOption[];\n  status?: 'loading' | 'error' | 'warning';\n  statusMessage?: React.ReactNode;\n  border?: 'standard' | 'round' | 'bottomLine' | 'none';\n  size?: 'small' | 'medium' | 'large';\n  placeholder?: string;\n  noResultsText?: React.ReactNode;\n  popoverProps?: PopoverCommonProps;\n}\n\nexport default class AddressInput extends React.PureComponent<AddressInputProps> {}\n"],"mappings":";;;;AAAA;AAA+B;AAAA;AAgChB,MAAMA,YAAY,SAASC,KAAK,CAACC,aAAa,CAAoB;AAAE"}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_1_1_AddressInputItem";
+var _namespace_ = "wds_1_3_0_AddressInputItem";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_AddressInputItem__root"};
+module.exports.classes = {"root":"wds_1_3_0_AddressInputItem__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_1_1_AnalyticsLayout";
+var _namespace_ = "wds_1_3_0_AnalyticsLayout";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_AnalyticsLayout__root","row":"wds_1_1_1_AnalyticsLayout__row"};
+module.exports.classes = {"root":"wds_1_3_0_AnalyticsLayout__root","row":"wds_1_3_0_AnalyticsLayout__row"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/AnalyticsLayout/Cell/Cell.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_1_1_AnalyticsLayoutCell";
+var _namespace_ = "wds_1_3_0_AnalyticsLayoutCell";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_AnalyticsLayoutCell__root"};
+module.exports.classes = {"root":"wds_1_3_0_AnalyticsLayoutCell__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_1_1_AnalyticsSummaryCard";
+var _namespace_ = "wds_1_3_0_AnalyticsSummaryCard";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_AnalyticsSummaryCard__root","title":"wds_1_1_1_AnalyticsSummaryCard__title","valueLineContainer":"wds_1_1_1_AnalyticsSummaryCard__valueLineContainer","valueAndTrend":"wds_1_1_1_AnalyticsSummaryCard__valueAndTrend","trend":"wds_1_1_1_AnalyticsSummaryCard__trend","loader":"wds_1_1_1_AnalyticsSummaryCard__loader","ctaButton":"wds_1_1_1_AnalyticsSummaryCard__ctaButton","footer":"wds_1_1_1_AnalyticsSummaryCard__footer","sparkline":"wds_1_1_1_AnalyticsSummaryCard__sparkline"};
+module.exports.classes = {"root":"wds_1_3_0_AnalyticsSummaryCard__root","title":"wds_1_3_0_AnalyticsSummaryCard__title","valueLineContainer":"wds_1_3_0_AnalyticsSummaryCard__valueLineContainer","valueAndTrend":"wds_1_3_0_AnalyticsSummaryCard__valueAndTrend","trend":"wds_1_3_0_AnalyticsSummaryCard__trend","loader":"wds_1_3_0_AnalyticsSummaryCard__loader","ctaButton":"wds_1_3_0_AnalyticsSummaryCard__ctaButton","footer":"wds_1_3_0_AnalyticsSummaryCard__footer","sparkline":"wds_1_3_0_AnalyticsSummaryCard__sparkline"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_1_1_AnnouncementModalLayout";
+var _namespace_ = "wds_1_3_0_AnnouncementModalLayout";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_AnnouncementModalLayout__root","announcementModalLayout":"wds_1_1_1_AnnouncementModalLayout__announcementModalLayout","link":"wds_1_1_1_AnnouncementModalLayout__link","bottomSpacing":"wds_1_1_1_AnnouncementModalLayout__bottomSpacing"};
+module.exports.classes = {"root":"wds_1_3_0_AnnouncementModalLayout__root","announcementModalLayout":"wds_1_3_0_AnnouncementModalLayout__announcementModalLayout","link":"wds_1_3_0_AnnouncementModalLayout__link","bottomSpacing":"wds_1_3_0_AnnouncementModalLayout__bottomSpacing"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_1_1_AreaChart";
+var _namespace_ = "wds_1_3_0_AreaChart";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_AreaChart__root","lineChart":"wds_1_1_1_AreaChart__lineChart","lineChartCursor":"wds_1_1_1_AreaChart__lineChartCursor","lineChartAxis":"wds_1_1_1_AreaChart__lineChartAxis"};
+module.exports.classes = {"root":"wds_1_3_0_AreaChart__root","lineChart":"wds_1_3_0_AreaChart__lineChart","lineChartCursor":"wds_1_3_0_AreaChart__lineChartCursor","lineChartAxis":"wds_1_3_0_AreaChart__lineChartAxis"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/AtlasAddressInput/AtlasAddressInput.js

@@ -154,6 +154,8 @@ AtlasAddressInput.propTypes = {
   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,
   /** Specifies whether to trigger `onSelect` handler when performing a Submit-Action (Enter or Tab key down).
    * If set to true, `onSelect` will be called with the following params:
    *

package/dist/cjs/AtlasAddressInput/AtlasAddressInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["AtlasAddressInput","React","forwardRef","ref","baseUrl","token","debounceMs","debounceFn","onChange","onClear","onSelect","onError","selectOnSubmit","optionLayout","optionPrefix","optionSuffix","status","statusProp","props","client","useAtlasClient","predictions","updatePredictions","clearPredictions","loading","usePlacesAutocomplete","options","useMemo","map","prediction","addressInputItemBuilder","id","searchId","mainLabel","textStructure","mainText","secondaryLabel","secondaryText","displayLabel","description","prefix","suffix","dataHook","dataHooks","item","innerRef","useRef","useImperativeHandle","focus","current","_onChange","useCallback","event","target","value","_onClear","_onSelect","option","getAddress","_onManualSubmit","inputValue","addresses","searchAddresses","displayName","propTypes","PropTypes","string","number","func","className","clearButton","bool","initialValue","disabled","onFocus","onBlur","oneOf","statusMessage","node","border","size","placeholder","noResultsText","oneOfType","popoverProps","shape","appendTo","maxWidth","minWidth","flip","fixed","placement","dynamicWidth"],"sources":["../../../src/AtlasAddressInput/AtlasAddressInput.js"],"sourcesContent":["import React, {\n  useCallback,\n  useMemo,\n  useRef,\n  useImperativeHandle,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport AddressInput from '../AddressInput';\nimport { addressInputItemBuilder } from '../AddressInputItem';\nimport usePlacesAutocomplete from '../providers/usePlacesAutocomplete';\nimport useAtlasClient from '../providers/useAtlasClient';\nimport { dataHooks } from './constants';\n\nconst AtlasAddressInput = React.forwardRef(\n  (\n    {\n      baseUrl,\n      token,\n      debounceMs,\n      debounceFn,\n      onChange,\n      onClear,\n      onSelect,\n      onError,\n      selectOnSubmit,\n      optionLayout,\n      optionPrefix,\n      optionSuffix,\n      status: statusProp,\n      ...props\n    },\n    ref,\n  ) => {\n    const client = useAtlasClient({ baseUrl, token });\n    const { predictions, updatePredictions, clearPredictions, loading } =\n      usePlacesAutocomplete({ client, debounceMs, debounceFn, onError });\n\n    // If not loading, show the status passed from props\n    const status = loading ? 'loading' : statusProp;\n\n    const options = useMemo(\n      () =>\n        predictions.map(prediction =>\n          addressInputItemBuilder({\n            id: prediction.searchId,\n            mainLabel: prediction.textStructure.mainText,\n            secondaryLabel: prediction.textStructure.secondaryText,\n            displayLabel: prediction.description,\n            optionLayout,\n            prefix: optionPrefix,\n            suffix: optionSuffix,\n            dataHook: dataHooks.item,\n          }),\n        ),\n      [predictions, optionLayout, optionPrefix, optionSuffix],\n    );\n\n    const innerRef = useRef();\n\n    useImperativeHandle(ref, () => ({\n      focus: () => innerRef.current && innerRef.current.focus(),\n    }));\n\n    const _onChange = useCallback(\n      event => {\n        updatePredictions(event.target.value);\n        onChange && onChange(event);\n      },\n      [updatePredictions, onChange],\n    );\n\n    const _onClear = useCallback(() => {\n      clearPredictions();\n      onClear && onClear();\n    }, [clearPredictions, onClear]);\n\n    const _onSelect = useCallback(\n      option => {\n        const getAddress = () => client.getAddress(option.id);\n        onSelect && onSelect(option, getAddress);\n      },\n      [client, onSelect],\n    );\n\n    // A callback which is called when the user performs a Submit-Action\n    const _onManualSubmit = useCallback(\n      inputValue => {\n        if (selectOnSubmit && onSelect && inputValue) {\n          const option = addressInputItemBuilder({\n            id: inputValue,\n            mainLabel: inputValue,\n            displayLabel: inputValue,\n          });\n          const getAddress = async () => {\n            // search for address matching input value\n            const addresses = await client.searchAddresses(inputValue);\n            // Return first address result\n            return addresses[0];\n          };\n\n          onSelect(option, getAddress);\n        }\n      },\n      [selectOnSubmit, onSelect, client],\n    );\n\n    return (\n      <AddressInput\n        {...props}\n        options={options}\n        onChange={_onChange}\n        onClear={_onClear}\n        onSelect={_onSelect}\n        onManuallyInput={_onManualSubmit}\n        status={status}\n        ref={innerRef}\n      />\n    );\n  },\n);\n\nAtlasAddressInput.displayName = 'AtlasAddressInput';\n\nAtlasAddressInput.propTypes = {\n  /** Accept a custom domain for WixAtlasServiceWeb to retrieve predictions from */\n  baseUrl: PropTypes.string,\n\n  /** Sets an authorization token to pass to the Atlas Service */\n  token: PropTypes.string,\n\n  /** Fetch predictions debounce in milliseconds (default: 200) */\n  debounceMs: PropTypes.number,\n\n  /** Allows passing a custom debounce function (default: lodash debounce).\n   * Usage:\n   * (callback: Function, debounceMs: number) => Function */\n  debounceFn: PropTypes.func,\n\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 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  /** Defines a callback function which is called whenever a user selects a different option in the list.\n   * @param {DropdownLayoutOption} option selected option\n   * @param {() => Promise<Address>} getAddress function for retrieving additional place details\n   */\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  /** 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 to trigger `onSelect` handler when performing a Submit-Action (Enter or Tab key down).\n   * If set to true, `onSelect` will be called with the following params:\n   *\n   * `option`: an option with a label set to the input value.\n   *\n   * `getAddress`: function for retrieving additional place details\n   *    uses Atlas's search function to return the closest result to the input value\n   *\n   * This is useful when looking for locations for which Atlas does not give suggestions - for example: Apartment/Apt.  */\n  selectOnSubmit: PropTypes.bool,\n\n  /** Defines a handler for prediction fetching errors. Returns an error object.\n   * you can read these [guidelines](https://bo.wix.com/wix-docs/rnd/platformization-guidelines/errors#platformization-guidelines_errors_errors)\n   * to learn about the meaning of each error status.\n   */\n  onError: PropTypes.func,\n\n  /** Specify the status of a field. Mostly used for a “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 */\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  /** Sets the layout of `mainLabel` and `secondaryLabel`. The possible options can be either side by side or vertically stacked. */\n  optionLayout: PropTypes.oneOf(['single-line', 'double-line']),\n\n  /** Pass any component to show as the prefix of the option, e.g., text, icon. */\n  optionPrefix: PropTypes.node,\n\n  /** Pass any component to show as the suffix of the option, e.g., text, icon, button. */\n  optionSuffix: 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\nexport default AtlasAddressInput;\n"],"mappings":"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"}
+{"version":3,"names":["AtlasAddressInput","React","forwardRef","ref","baseUrl","token","debounceMs","debounceFn","onChange","onClear","onSelect","onError","selectOnSubmit","optionLayout","optionPrefix","optionSuffix","status","statusProp","props","client","useAtlasClient","predictions","updatePredictions","clearPredictions","loading","usePlacesAutocomplete","options","useMemo","map","prediction","addressInputItemBuilder","id","searchId","mainLabel","textStructure","mainText","secondaryLabel","secondaryText","displayLabel","description","prefix","suffix","dataHook","dataHooks","item","innerRef","useRef","useImperativeHandle","focus","current","_onChange","useCallback","event","target","value","_onClear","_onSelect","option","getAddress","_onManualSubmit","inputValue","addresses","searchAddresses","displayName","propTypes","PropTypes","string","number","func","className","clearButton","bool","initialValue","disabled","onFocus","onBlur","autoSelect","oneOf","statusMessage","node","border","size","placeholder","noResultsText","oneOfType","popoverProps","shape","appendTo","maxWidth","minWidth","flip","fixed","placement","dynamicWidth"],"sources":["../../../src/AtlasAddressInput/AtlasAddressInput.js"],"sourcesContent":["import React, {\n  useCallback,\n  useMemo,\n  useRef,\n  useImperativeHandle,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport AddressInput from '../AddressInput';\nimport { addressInputItemBuilder } from '../AddressInputItem';\nimport usePlacesAutocomplete from '../providers/usePlacesAutocomplete';\nimport useAtlasClient from '../providers/useAtlasClient';\nimport { dataHooks } from './constants';\n\nconst AtlasAddressInput = React.forwardRef(\n  (\n    {\n      baseUrl,\n      token,\n      debounceMs,\n      debounceFn,\n      onChange,\n      onClear,\n      onSelect,\n      onError,\n      selectOnSubmit,\n      optionLayout,\n      optionPrefix,\n      optionSuffix,\n      status: statusProp,\n      ...props\n    },\n    ref,\n  ) => {\n    const client = useAtlasClient({ baseUrl, token });\n    const { predictions, updatePredictions, clearPredictions, loading } =\n      usePlacesAutocomplete({ client, debounceMs, debounceFn, onError });\n\n    // If not loading, show the status passed from props\n    const status = loading ? 'loading' : statusProp;\n\n    const options = useMemo(\n      () =>\n        predictions.map(prediction =>\n          addressInputItemBuilder({\n            id: prediction.searchId,\n            mainLabel: prediction.textStructure.mainText,\n            secondaryLabel: prediction.textStructure.secondaryText,\n            displayLabel: prediction.description,\n            optionLayout,\n            prefix: optionPrefix,\n            suffix: optionSuffix,\n            dataHook: dataHooks.item,\n          }),\n        ),\n      [predictions, optionLayout, optionPrefix, optionSuffix],\n    );\n\n    const innerRef = useRef();\n\n    useImperativeHandle(ref, () => ({\n      focus: () => innerRef.current && innerRef.current.focus(),\n    }));\n\n    const _onChange = useCallback(\n      event => {\n        updatePredictions(event.target.value);\n        onChange && onChange(event);\n      },\n      [updatePredictions, onChange],\n    );\n\n    const _onClear = useCallback(() => {\n      clearPredictions();\n      onClear && onClear();\n    }, [clearPredictions, onClear]);\n\n    const _onSelect = useCallback(\n      option => {\n        const getAddress = () => client.getAddress(option.id);\n        onSelect && onSelect(option, getAddress);\n      },\n      [client, onSelect],\n    );\n\n    // A callback which is called when the user performs a Submit-Action\n    const _onManualSubmit = useCallback(\n      inputValue => {\n        if (selectOnSubmit && onSelect && inputValue) {\n          const option = addressInputItemBuilder({\n            id: inputValue,\n            mainLabel: inputValue,\n            displayLabel: inputValue,\n          });\n          const getAddress = async () => {\n            // search for address matching input value\n            const addresses = await client.searchAddresses(inputValue);\n            // Return first address result\n            return addresses[0];\n          };\n\n          onSelect(option, getAddress);\n        }\n      },\n      [selectOnSubmit, onSelect, client],\n    );\n\n    return (\n      <AddressInput\n        {...props}\n        options={options}\n        onChange={_onChange}\n        onClear={_onClear}\n        onSelect={_onSelect}\n        onManuallyInput={_onManualSubmit}\n        status={status}\n        ref={innerRef}\n      />\n    );\n  },\n);\n\nAtlasAddressInput.displayName = 'AtlasAddressInput';\n\nAtlasAddressInput.propTypes = {\n  /** Accept a custom domain for WixAtlasServiceWeb to retrieve predictions from */\n  baseUrl: PropTypes.string,\n\n  /** Sets an authorization token to pass to the Atlas Service */\n  token: PropTypes.string,\n\n  /** Fetch predictions debounce in milliseconds (default: 200) */\n  debounceMs: PropTypes.number,\n\n  /** Allows passing a custom debounce function (default: lodash debounce).\n   * Usage:\n   * (callback: Function, debounceMs: number) => Function */\n  debounceFn: PropTypes.func,\n\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 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  /** Defines a callback function which is called whenever a user selects a different option in the list.\n   * @param {DropdownLayoutOption} option selected option\n   * @param {() => Promise<Address>} getAddress function for retrieving additional place details\n   */\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  /** 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  /** Specifies whether to trigger `onSelect` handler when performing a Submit-Action (Enter or Tab key down).\n   * If set to true, `onSelect` will be called with the following params:\n   *\n   * `option`: an option with a label set to the input value.\n   *\n   * `getAddress`: function for retrieving additional place details\n   *    uses Atlas's search function to return the closest result to the input value\n   *\n   * This is useful when looking for locations for which Atlas does not give suggestions - for example: Apartment/Apt.  */\n  selectOnSubmit: PropTypes.bool,\n\n  /** Defines a handler for prediction fetching errors. Returns an error object.\n   * you can read these [guidelines](https://bo.wix.com/wix-docs/rnd/platformization-guidelines/errors#platformization-guidelines_errors_errors)\n   * to learn about the meaning of each error status.\n   */\n  onError: PropTypes.func,\n\n  /** Specify the status of a field. Mostly used for a “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 */\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  /** Sets the layout of `mainLabel` and `secondaryLabel`. The possible options can be either side by side or vertically stacked. */\n  optionLayout: PropTypes.oneOf(['single-line', 'double-line']),\n\n  /** Pass any component to show as the prefix of the option, e.g., text, icon. */\n  optionPrefix: PropTypes.node,\n\n  /** Pass any component to show as the suffix of the option, e.g., text, icon, button. */\n  optionSuffix: 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\nexport default AtlasAddressInput;\n"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_1_1_AudioPlayer";
+var _namespace_ = "wds_1_3_0_AudioPlayer";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_AudioPlayer__root","playPauseButton":"wds_1_1_1_AudioPlayer__playPauseButton","slider":"wds_1_1_1_AudioPlayer__slider","track":"wds_1_1_1_AudioPlayer__track","handle":"wds_1_1_1_AudioPlayer__handle","tooltip":"wds_1_1_1_AudioPlayer__tooltip","tooltipTarget":"wds_1_1_1_AudioPlayer__tooltipTarget","timer":"wds_1_1_1_AudioPlayer__timer"};
+module.exports.classes = {"root":"wds_1_3_0_AudioPlayer__root","playPauseButton":"wds_1_3_0_AudioPlayer__playPauseButton","slider":"wds_1_3_0_AudioPlayer__slider","track":"wds_1_3_0_AudioPlayer__track","handle":"wds_1_3_0_AudioPlayer__handle","tooltip":"wds_1_3_0_AudioPlayer__tooltip","tooltipTarget":"wds_1_3_0_AudioPlayer__tooltipTarget","timer":"wds_1_3_0_AudioPlayer__timer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"audio-player-position":"--wds_1_1_1_AudioPlayer-audio-player-position"}; 
+module.exports.vars = {"audio-player-position":"--wds_1_3_0_AudioPlayer-audio-player-position"}; 
 
 
 

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_1_1_AutoCompleteWithLabel";
+var _namespace_ = "wds_1_3_0_AutoCompleteWithLabel";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_AutoCompleteWithLabel__root","statusMessage":"wds_1_1_1_AutoCompleteWithLabel__statusMessage","statusMessageIcon":"wds_1_1_1_AutoCompleteWithLabel__statusMessageIcon","errorMessageContent":"wds_1_1_1_AutoCompleteWithLabel__errorMessageContent","suffix":"wds_1_1_1_AutoCompleteWithLabel__suffix"};
+module.exports.classes = {"root":"wds_1_3_0_AutoCompleteWithLabel__root","statusMessage":"wds_1_3_0_AutoCompleteWithLabel__statusMessage","statusMessageIcon":"wds_1_3_0_AutoCompleteWithLabel__statusMessageIcon","errorMessageContent":"wds_1_3_0_AutoCompleteWithLabel__errorMessageContent","suffix":"wds_1_3_0_AutoCompleteWithLabel__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_1_1_WSRAvatar";
+var _namespace_ = "wds_1_3_0_WSRAvatar";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -17,7 +17,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_WSRAvatar__root","text-small-bold":"wds_1_1_1_StylableTypography__text-small-bold","text-tiny-normal":"wds_1_1_1_StylableTypography__text-tiny-normal","text-medium-normal":"wds_1_1_1_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_1_1_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_1_1_StylableTypography__text-tiny-bold","heading-h6":"wds_1_1_1_StylableTypography__heading-h6","placeholder":"wds_1_1_1_WSRAvatar__placeholder","avatarContainer":"wds_1_1_1_WSRAvatar__avatarContainer","coreAvatar":"wds_1_1_1_WSRAvatar__coreAvatar","avatar":"wds_1_1_1_WSRAvatar__avatar","presence":"wds_1_1_1_WSRAvatar__presence","indication":"wds_1_1_1_WSRAvatar__indication","iconButtonShadow":"wds_1_1_1_WSRAvatar__iconButtonShadow","colorA1":"wds_1_1_1_WSRAvatar__colorA1","colorA2":"wds_1_1_1_WSRAvatar__colorA2","colorA3":"wds_1_1_1_WSRAvatar__colorA3","colorA4":"wds_1_1_1_WSRAvatar__colorA4","colorA5":"wds_1_1_1_WSRAvatar__colorA5","colorA6":"wds_1_1_1_WSRAvatar__colorA6","loaderContainer":"wds_1_1_1_WSRAvatar__loaderContainer","overlay":"wds_1_1_1_WSRAvatar__overlay","loader":"wds_1_1_1_WSRAvatar__loader"};
+module.exports.classes = {"root":"wds_1_3_0_WSRAvatar__root","text-small-bold":"wds_1_3_0_StylableTypography__text-small-bold","text-tiny-normal":"wds_1_3_0_StylableTypography__text-tiny-normal","text-medium-normal":"wds_1_3_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_3_0_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_3_0_StylableTypography__text-tiny-bold","heading-h6":"wds_1_3_0_StylableTypography__heading-h6","placeholder":"wds_1_3_0_WSRAvatar__placeholder","avatarContainer":"wds_1_3_0_WSRAvatar__avatarContainer","coreAvatar":"wds_1_3_0_WSRAvatar__coreAvatar","avatar":"wds_1_3_0_WSRAvatar__avatar","presence":"wds_1_3_0_WSRAvatar__presence","indication":"wds_1_3_0_WSRAvatar__indication","iconButtonShadow":"wds_1_3_0_WSRAvatar__iconButtonShadow","colorA1":"wds_1_3_0_WSRAvatar__colorA1","colorA2":"wds_1_3_0_WSRAvatar__colorA2","colorA3":"wds_1_3_0_WSRAvatar__colorA3","colorA4":"wds_1_3_0_WSRAvatar__colorA4","colorA5":"wds_1_3_0_WSRAvatar__colorA5","colorA6":"wds_1_3_0_WSRAvatar__colorA6","loaderContainer":"wds_1_3_0_WSRAvatar__loaderContainer","overlay":"wds_1_3_0_WSRAvatar__overlay","loader":"wds_1_3_0_WSRAvatar__loader"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Avatar/AvatarCore/AvatarCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_1_1_AvatarCore";
+var _namespace_ = "wds_1_3_0_AvatarCore";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_AvatarCore__root","content":"wds_1_1_1_AvatarCore__content"};
+module.exports.classes = {"root":"wds_1_3_0_AvatarCore__root","content":"wds_1_3_0_AvatarCore__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_1_1_AvatarGroup";
+var _namespace_ = "wds_1_3_0_AvatarGroup";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_AvatarGroup__root","avatarContainer":"wds_1_1_1_AvatarGroup__avatarContainer","moreIndicatorCircle":"wds_1_1_1_AvatarGroup__moreIndicatorCircle","moreIndicatorText":"wds_1_1_1_AvatarGroup__moreIndicatorText","divider":"wds_1_1_1_AvatarGroup__divider"};
+module.exports.classes = {"root":"wds_1_3_0_AvatarGroup__root","avatarContainer":"wds_1_3_0_AvatarGroup__avatarContainer","moreIndicatorCircle":"wds_1_3_0_AvatarGroup__moreIndicatorCircle","moreIndicatorText":"wds_1_3_0_AvatarGroup__moreIndicatorText","divider":"wds_1_3_0_AvatarGroup__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_1_1_Badge";
+var _namespace_ = "wds_1_3_0_Badge";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_Badge__root","text-tiny-bold":"wds_1_1_1_StylableTypography__text-tiny-bold","prefix":"wds_1_1_1_Badge__prefix","suffix":"wds_1_1_1_Badge__suffix","BadgeStyle":"wds_1_1_1_Badge__BadgeStyle","text":"wds_1_1_1_Badge__text"};
+module.exports.classes = {"root":"wds_1_3_0_Badge__root","text-tiny-bold":"wds_1_3_0_StylableTypography__text-tiny-bold","prefix":"wds_1_3_0_Badge__prefix","suffix":"wds_1_3_0_Badge__suffix","BadgeStyle":"wds_1_3_0_Badge__BadgeStyle","text":"wds_1_3_0_Badge__text"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_1_1_BadgeSelect";
+var _namespace_ = "wds_1_3_0_BadgeSelect";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_BadgeSelect__root"};
+module.exports.classes = {"root":"wds_1_3_0_BadgeSelect__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_1_1_BadgeSelectItem";
+var _namespace_ = "wds_1_3_0_BadgeSelectItem";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_BadgeSelectItem__root","marker":"wds_1_1_1_BadgeSelectItem__marker"};
+module.exports.classes = {"root":"wds_1_3_0_BadgeSelectItem__root","marker":"wds_1_3_0_BadgeSelectItem__marker"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_1_1_BarChart";
+var _namespace_ = "wds_1_3_0_BarChart";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_BarChart__root","wrapper":"wds_1_1_1_BarChart__wrapper","item":"wds_1_1_1_BarChart__item","value":"wds_1_1_1_BarChart__value","description":"wds_1_1_1_BarChart__description"};
+module.exports.classes = {"root":"wds_1_3_0_BarChart__root","wrapper":"wds_1_3_0_BarChart__wrapper","item":"wds_1_3_0_BarChart__item","value":"wds_1_3_0_BarChart__value","description":"wds_1_3_0_BarChart__description"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"height":"72px"}; 
-module.exports.vars = {"barValue":"--wds_1_1_1_BarChart-barValue"}; 
+module.exports.vars = {"barValue":"--wds_1_3_0_BarChart-barValue"};