@wix/design-system/dist/cjs/AddressInputItem/AddressInputItem.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = exports.addressInputItemBuilder = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _ListItemSelect = _interopRequireDefault(require("../ListItemSelect"));
var _Text = _interopRequireDefault(require("../Text"));
var _Box = _interopRequireDefault(require("../Box"));
var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
var _AddressInputItemSt = require("./AddressInputItem.st.css.js");
var _IconThemeContext = require("../WixDesignSystemIconThemeProvider/IconThemeContext");
var _excluded = ["selected", "hovered"];
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/AddressInputItem/AddressInputItem.tsx";
/** This component is used to display an address item mainly in <AddressInput/> component. */
class AddressInputItem extends _react.default.PureComponent {
  render() {
    var _this$props = this.props,
      dataHook = _this$props.dataHook,
      className = _this$props.className,
      secondaryLabel = _this$props.secondaryLabel,
      optionLayout = _this$props.optionLayout,
      mainLabel = _this$props.mainLabel,
      suffix = _this$props.suffix,
      prefix = _this$props.prefix,
      disabled = _this$props.disabled,
      selected = _this$props.selected,
      highlighted = _this$props.highlighted,
      onClick = _this$props.onClick;
    var textProps = {
      tagName: 'div',
      ellipsis: true,
      skin: disabled ? 'disabled' : 'standard',
      light: selected
    };
    return /*#__PURE__*/_react.default.createElement(_IconThemeContext.IconThemeContext.Consumer, {
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 44,
        columnNumber: 7
      }
    }, _ref => {
      var _icons$AddressInputIt;
      var _ref$icons = _ref.icons,
        icons = _ref$icons === void 0 ? {} : _ref$icons;
      var LocationIcon = ((_icons$AddressInputIt = icons.AddressInputItem) == null ? void 0 : _icons$AddressInputIt.Location) || _wixUiIconsCommon.Location;
      var defaultPrefix = prefix !== undefined ? prefix : /*#__PURE__*/_react.default.createElement(LocationIcon, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 48,
          columnNumber: 45
        }
      });
      return /*#__PURE__*/_react.default.createElement(_ListItemSelect.default, {
        dataHook: dataHook,
        className: (0, _AddressInputItemSt.st)(_AddressInputItemSt.classes.root, {
          optionLayout
        }, className),
        subtitle: secondaryLabel,
        title: /*#__PURE__*/_react.default.createElement(_Text.default, (0, _extends2.default)({}, textProps, {
          __self: this,
          __source: {
            fileName: _jsxFileName,
            lineNumber: 55,
            columnNumber: 22
          }
        }), mainLabel),
        suffix: /*#__PURE__*/_react.default.createElement(_Box.default, {
          __self: this,
          __source: {
            fileName: _jsxFileName,
            lineNumber: 56,
            columnNumber: 23
          }
        }, suffix),
        prefix: /*#__PURE__*/_react.default.createElement(_Box.default, {
          __self: this,
          __source: {
            fileName: _jsxFileName,
            lineNumber: 57,
            columnNumber: 23
          }
        }, defaultPrefix),
        ellipsis: true,
        disabled: disabled,
        selected: selected,
        highlighted: highlighted,
        onClick: onClick,
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 51,
          columnNumber: 13
        }
      });
    });
  }
}
AddressInputItem.displayName = 'AddressInputItem';
AddressInputItem.defaultProps = {
  optionLayout: 'single-line'
};
var addressInputItemBuilder = _ref2 => {
  var id = _ref2.id,
    className = _ref2.className,
    prefix = _ref2.prefix,
    mainLabel = _ref2.mainLabel,
    secondaryLabel = _ref2.secondaryLabel,
    suffix = _ref2.suffix,
    disabled = _ref2.disabled,
    dataHook = _ref2.dataHook,
    optionLayout = _ref2.optionLayout,
    onClick = _ref2.onClick,
    displayLabel = _ref2.displayLabel;
  return {
    id,
    disabled,
    overrideOptionStyle: true,
    label: displayLabel,
    value: _ref3 => {
      var selected = _ref3.selected,
        hovered = _ref3.hovered,
        rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
      return /*#__PURE__*/_react.default.createElement(AddressInputItem, (0, _extends2.default)({
        optionLayout: optionLayout,
        dataHook: dataHook,
        className: className,
        prefix: prefix,
        mainLabel: mainLabel,
        secondaryLabel: secondaryLabel,
        suffix: suffix,
        selected: selected,
        highlighted: hovered,
        onClick: onClick
      }, rest, {
        __self: void 0,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 89,
          columnNumber: 5
        }
      }));
    }
  };
};
exports.addressInputItemBuilder = addressInputItemBuilder;
var _default = exports.default = AddressInputItem;
//# sourceMappingURL=AddressInputItem.js.map