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 / dist / components / abstractions / Footer / renderProps.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 Placeholder_1 = require("../../atoms/Placeholder");

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

function defaultRenderLogo(props) {
  return react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 200,
    height: 44
  });
}

exports.defaultRenderLogo = defaultRenderLogo;

function defaultRenderMobilePoweredBy(props) {
  return react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 200,
    height: 14
  });
}

exports.defaultRenderMobilePoweredBy = defaultRenderMobilePoweredBy;

function defaultRenderPoweredByLabel(props) {
  return react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 75,
    height: 12
  });
}

exports.defaultRenderPoweredByLabel = defaultRenderPoweredByLabel;

function defaultRenderPoweredByValue(props) {
  return react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 125,
    height: 14
  });
}

exports.defaultRenderPoweredByValue = defaultRenderPoweredByValue;

function defaultRenderList(item, index) {
  const heading = react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    height: 16,
    className: "header-text"
  });
  const children = react_1.default.createElement(Placeholder_1.ListPlaceholder, Object.assign({}, item));
  return react_1.default.createElement(styled_1.ListWrapper, null, heading, children);
}

function defaultRenderLinkList(props) {
  const {
    listOfLinks
  } = props;
  const children = listOfLinks.map((item, index) => defaultRenderList(item, index));
  return children;
}

exports.defaultRenderLinkList = defaultRenderLinkList;

function defaultRenderCopyright(props) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 150,
    height: 16
  }), react_1.default.createElement(styled_1.Divider, null, react_1.default.createElement(Placeholder_1.RectanglePlaceholder, {
    width: 2,
    height: 16
  })), react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 150,
    height: 16
  }));
}

exports.defaultRenderCopyright = defaultRenderCopyright;

function defaultRenderSocialIconLabel(props) {
  return react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 100,
    height: 16
  });
}

exports.defaultRenderSocialIconLabel = defaultRenderSocialIconLabel;

function defaultRenderSocialIcons(props) {
  const {
    socialIconData
  } = props;
  const children = socialIconData.map((item, index) => react_1.default.createElement(styled_1.StyledSquarePlaceholder, {
    width: 40,
    height: 40
  }));
  return children;
}

exports.defaultRenderSocialIcons = defaultRenderSocialIcons;

function defaultRenderContainer(props) {
  const {
    renderLogo,
    renderMobilePoweredBy,
    renderPoweredByLabel,
    renderPoweredByValue,
    renderLinkList,
    renderCopyright,
    renderSocialIconLabel,
    renderSocialIcons
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderLogo", "renderMobilePoweredBy", "renderPoweredByLabel", "renderPoweredByValue", "renderLinkList", "renderCopyright", "renderSocialIconLabel", "renderSocialIcons"]);

  return react_1.default.createElement(styled_1.FooterContainer, null, react_1.default.createElement(styled_1.FooterTopWrapper, null, react_1.default.createElement(styled_1.FooterLogoWrapper, null, react_1.default.createElement(styled_1.FooterLogo, null, renderLogo(remainingProps)), react_1.default.createElement(styled_1.FooterPoweredByLabel, null, renderPoweredByLabel(remainingProps)), react_1.default.createElement(styled_1.FooterPoweredByValue, null, renderPoweredByValue(remainingProps))), react_1.default.createElement(styled_1.ListOfLinks, null, renderLinkList(remainingProps))), react_1.default.createElement(styled_1.FooterBottomWrapper, null, react_1.default.createElement(styled_1.FooterCopyright, null, renderCopyright(remainingProps)), react_1.default.createElement(styled_1.FooterSocialIconWrapper, null, renderSocialIconLabel(remainingProps), react_1.default.createElement(styled_1.FooterSocialIcons, null, renderSocialIcons(remainingProps))), react_1.default.createElement(styled_1.FooterMobilePoweredBy, null, renderMobilePoweredBy(remainingProps))));
}

exports.defaultRenderContainer = defaultRenderContainer;

function defaultRenderWrapper(props) {
  const {
    className,
    children
  } = props;
  return react_1.default.createElement(styled_1.FooterWrapper, {
    className: className
  }, children);
}

exports.defaultRenderWrapper = defaultRenderWrapper; //# sourceMappingURL=renderProps.js.map