Why Gemfury? Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Debian packages RPM packages NuGet packages

Repository URL to install this package:

Details    
@skava/ui-presets / dist / presets / Address / AddressThemed.js
Size: Mime:
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const PhysicalAddress_1 = require("@skava/ui/dist/components/molecules/PhysicalAddress");

const Address_1 = require("./Address");

const styled_1 = require("./styled");

const createRenderProps = data => {
  const renderTitle = props => {
    return react_1.default.createElement(styled_1.StyledTitle, {
      breedType: "h3",
      content: data.title
    });
  };

  const renderDetails = props => {
    return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(PhysicalAddress_1.Name, null, data.firstName, " ", data.lastName), react_1.default.createElement(PhysicalAddress_1.AddressLine1, {
      itemprop: "streetAddress1"
    }, data.addressLine1), react_1.default.createElement(PhysicalAddress_1.AddressLine2, {
      itemprop: "streetAddress2"
    }, data.addressLine2), react_1.default.createElement(PhysicalAddress_1.Country, {
      itemprop: "addressCountry"
    }, data.country), react_1.default.createElement(PhysicalAddress_1.City, {
      itemprop: "addressLocality"
    }, data.city, ","), react_1.default.createElement(PhysicalAddress_1.State, {
      itemprop: "addressRegion"
    }, data.state), react_1.default.createElement(PhysicalAddress_1.PostalCode, {
      itemprop: "postalCode"
    }, data.postalCode));
  };

  const renderAddress = props => {
    const attributes = {
      renderDetails
    };
    return react_1.default.createElement(styled_1.StyledAddress, Object.assign({}, attributes));
  };

  return {
    renderTitle,
    renderAddress
  };
};

class AddressThemed extends react_1.default.Component {
  render() {
    const {
      address,
      title
    } = this.props;
    const {
      renderTitle,
      renderAddress
    } = createRenderProps(Object.assign({
      title
    }, address));
    const attributes = {
      renderTitle,
      renderAddress
    };
    return react_1.default.createElement(Address_1.Address, Object.assign({}, attributes));
  }

}

exports.AddressThemed = AddressThemed;
exports.default = AddressThemed;