@kiwicom/orbit-components/lib/LinkList/index.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var React = _interopRequireWildcard(require("react"));

var _styledComponents = _interopRequireWildcard(require("styled-components"));

var _rtl = require("../utils/rtl");

var _Stack = _interopRequireDefault(require("../Stack"));

var _mediaQuery = _interopRequireDefault(require("../utils/mediaQuery"));

var _TextLink = require("../TextLink");

var _defaultTheme = _interopRequireDefault(require("../defaultTheme"));

var StyledLinkList = _styledComponents.default.ul.withConfig({
  displayName: "LinkList__StyledLinkList",
  componentId: "wz7xd9-0"
})(["display:block;width:100%;margin:0;padding:0;padding-", ":", ";list-style:none;font-size:", ";"], _rtl.left, function (_ref) {
  var indent = _ref.indent,
      theme = _ref.theme;
  return indent && theme.orbit.spaceXXSmall;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.orbit.fontSizeTextNormal;
});

StyledLinkList.defaultProps = {
  theme: _defaultTheme.default
};
var StyledNavigationLinkListChild = (0, _styledComponents.default)(function (_ref3) {
  var theme = _ref3.theme,
      direction = _ref3.direction,
      props = (0, _objectWithoutProperties2.default)(_ref3, ["theme", "direction"]);
  return /*#__PURE__*/React.createElement("li", props);
}).withConfig({
  displayName: "LinkList__StyledNavigationLinkListChild",
  componentId: "wz7xd9-1"
})(["", "{text-decoration:none;}", ";"], _TextLink.StyledTextLink, function (_ref4) {
  var direction = _ref4.direction;
  return direction === "column" && (0, _styledComponents.css)(["width:100%;", "{width:100%;", ";}"], _TextLink.StyledTextLink, _mediaQuery.default.tablet((0, _styledComponents.css)(["width:auto;"])));
});
StyledNavigationLinkListChild.defaultProps = {
  theme: _defaultTheme.default
};

var LinkList = function LinkList(_ref5) {
  var _ref5$direction = _ref5.direction,
      direction = _ref5$direction === void 0 ? "column" : _ref5$direction,
      indent = _ref5.indent,
      _ref5$spacing = _ref5.spacing,
      spacing = _ref5$spacing === void 0 ? "natural" : _ref5$spacing,
      children = _ref5.children,
      dataTest = _ref5.dataTest;
  return /*#__PURE__*/React.createElement(StyledLinkList, {
    indent: indent,
    "data-test": dataTest
  }, /*#__PURE__*/React.createElement(_Stack.default, {
    direction: direction,
    spacing: spacing
  }, React.Children.map(children, function (item) {
    if ( /*#__PURE__*/React.isValidElement(item)) {
      return /*#__PURE__*/React.createElement(StyledNavigationLinkListChild, {
        direction: direction
      }, item);
    }

    return null;
  })));
};

var _default = LinkList;
exports.default = _default;