@roo-ui/components/dist/cjs/List/List.js

"use strict";

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

var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _core = require("@emotion/core");

var _styledSystem = require("styled-system");

var _ListItem = _interopRequireDefault(require("../ListItem"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

var columns = (0, _styledSystem.style)({
  prop: 'columns',
  cssProperty: 'flexBasis',
  transformValue: function transformValue(n) {
    return "".concat(100 / n, "%");
  }
});

var _ref = process.env.NODE_ENV === "production" ? {
  name: "1gxt7r8-ListBase",
  styles: "list-style-position:inside;padding-left:0;label:ListBase;"
} : {
  name: "1gxt7r8-ListBase",
  styles: "list-style-position:inside;padding-left:0;label:ListBase;",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9MaXN0L0xpc3QuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JrRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvTGlzdC9MaXN0LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCB7IHRoZW1lR2V0LCBzdHlsZSB9IGZyb20gJ3N0eWxlZC1zeXN0ZW0nO1xuXG5pbXBvcnQgTGlzdEl0ZW0gZnJvbSAnLi4vTGlzdEl0ZW0nO1xuXG5jb25zdCBjb2x1bW5zID0gc3R5bGUoe1xuICBwcm9wOiAnY29sdW1ucycsXG4gIGNzc1Byb3BlcnR5OiAnZmxleEJhc2lzJyxcbiAgdHJhbnNmb3JtVmFsdWU6IG4gPT4gYCR7MTAwIC8gbn0lYCxcbn0pO1xuXG5jb25zdCBMaXN0QmFzZSA9IHN0eWxlZCgnZGl2JylgXG4gIG1hcmdpbjogJHt0aGVtZUdldCgnc3BhY2UuNCcpfSAwO1xuICBwYWRkaW5nLWxlZnQ6ICR7dGhlbWVHZXQoJ3NwYWNlLjgnKX07XG5cbiAgJHtwcm9wcyA9PiAocHJvcHMuZmx1c2ggfHwgcHJvcHMuY29sdW1ucykgJiYgY3NzYFxuICAgIGxpc3Qtc3R5bGUtcG9zaXRpb246IGluc2lkZTtcbiAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gIGB9XG5cbiAgJHtwcm9wcyA9PiBwcm9wcy5jb2x1bW5zICYmIGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICBtYXJnaW4tbGVmdDogLSR7dGhlbWVHZXQoJ3NwYWNlLjInKShwcm9wcyl9O1xuICAgIG1hcmdpbi1yaWdodDogLSR7dGhlbWVHZXQoJ3NwYWNlLjInKShwcm9wcyl9O1xuXG4gICAgJHtMaXN0SXRlbX0ge1xuICAgICAgZmxleDogMSAxO1xuICAgICAgcGFkZGluZzogMCAke3RoZW1lR2V0KCdzcGFjZS4yJykocHJvcHMpfTtcblxuICAgICAgJHtjb2x1bW5zKHByb3BzKX07XG4gICAgfVxuICBgfTtcbmA7XG5cbmNvbnN0IExpc3QgPSBwcm9wcyA9PiA8TGlzdEJhc2Ugey4uLnByb3BzfSBhcz17cHJvcHMub3JkZXJlZCA/ICdvbCcgOiAndWwnfSAvPjtcblxuTGlzdC5kaXNwbGF5TmFtZSA9ICdMaXN0JztcblxuTGlzdC5wcm9wVHlwZXMgPSB7XG4gIC4uLmNvbHVtbnMucHJvcFR5cGVzLFxuICBmbHVzaDogUHJvcFR5cGVzLmJvb2wsXG4gIG9yZGVyZWQ6IFByb3BUeXBlcy5ib29sLFxufTtcblxuTGlzdC5kZWZhdWx0UHJvcHMgPSB7XG4gIG9yZGVyZWQ6IGZhbHNlLFxuICBmbHVzaDogZmFsc2UsXG4gIGNvbHVtbnM6IG51bGwsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBMaXN0O1xuIl19 */"
};

var ListBase = (
/*#__PURE__*/
0, _styledBase.default)('div', {
  target: "em8fnr30",
  label: "ListBase"
})("margin:", (0, _styledSystem.themeGet)('space.4'), " 0;padding-left:", (0, _styledSystem.themeGet)('space.8'), ";", function (props) {
  return (props.flush || props.columns) && _ref;
}, " ", function (props) {
  return props.columns &&
  /*#__PURE__*/
  (0, _core.css)("display:flex;flex-wrap:wrap;margin-left:-", (0, _styledSystem.themeGet)('space.2')(props), ";margin-right:-", (0, _styledSystem.themeGet)('space.2')(props), ";", _ListItem.default, "{flex:1 1;padding:0 ", (0, _styledSystem.themeGet)('space.2')(props), ";", columns(props), ";}label:ListBase;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9MaXN0L0xpc3QuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJpQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvTGlzdC9MaXN0LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCB7IHRoZW1lR2V0LCBzdHlsZSB9IGZyb20gJ3N0eWxlZC1zeXN0ZW0nO1xuXG5pbXBvcnQgTGlzdEl0ZW0gZnJvbSAnLi4vTGlzdEl0ZW0nO1xuXG5jb25zdCBjb2x1bW5zID0gc3R5bGUoe1xuICBwcm9wOiAnY29sdW1ucycsXG4gIGNzc1Byb3BlcnR5OiAnZmxleEJhc2lzJyxcbiAgdHJhbnNmb3JtVmFsdWU6IG4gPT4gYCR7MTAwIC8gbn0lYCxcbn0pO1xuXG5jb25zdCBMaXN0QmFzZSA9IHN0eWxlZCgnZGl2JylgXG4gIG1hcmdpbjogJHt0aGVtZUdldCgnc3BhY2UuNCcpfSAwO1xuICBwYWRkaW5nLWxlZnQ6ICR7dGhlbWVHZXQoJ3NwYWNlLjgnKX07XG5cbiAgJHtwcm9wcyA9PiAocHJvcHMuZmx1c2ggfHwgcHJvcHMuY29sdW1ucykgJiYgY3NzYFxuICAgIGxpc3Qtc3R5bGUtcG9zaXRpb246IGluc2lkZTtcbiAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gIGB9XG5cbiAgJHtwcm9wcyA9PiBwcm9wcy5jb2x1bW5zICYmIGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICBtYXJnaW4tbGVmdDogLSR7dGhlbWVHZXQoJ3NwYWNlLjInKShwcm9wcyl9O1xuICAgIG1hcmdpbi1yaWdodDogLSR7dGhlbWVHZXQoJ3NwYWNlLjInKShwcm9wcyl9O1xuXG4gICAgJHtMaXN0SXRlbX0ge1xuICAgICAgZmxleDogMSAxO1xuICAgICAgcGFkZGluZzogMCAke3RoZW1lR2V0KCdzcGFjZS4yJykocHJvcHMpfTtcblxuICAgICAgJHtjb2x1bW5zKHByb3BzKX07XG4gICAgfVxuICBgfTtcbmA7XG5cbmNvbnN0IExpc3QgPSBwcm9wcyA9PiA8TGlzdEJhc2Ugey4uLnByb3BzfSBhcz17cHJvcHMub3JkZXJlZCA/ICdvbCcgOiAndWwnfSAvPjtcblxuTGlzdC5kaXNwbGF5TmFtZSA9ICdMaXN0JztcblxuTGlzdC5wcm9wVHlwZXMgPSB7XG4gIC4uLmNvbHVtbnMucHJvcFR5cGVzLFxuICBmbHVzaDogUHJvcFR5cGVzLmJvb2wsXG4gIG9yZGVyZWQ6IFByb3BUeXBlcy5ib29sLFxufTtcblxuTGlzdC5kZWZhdWx0UHJvcHMgPSB7XG4gIG9yZGVyZWQ6IGZhbHNlLFxuICBmbHVzaDogZmFsc2UsXG4gIGNvbHVtbnM6IG51bGwsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBMaXN0O1xuIl19 */"));
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9MaXN0L0xpc3QuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzhCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9MaXN0L0xpc3QuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IHsgdGhlbWVHZXQsIHN0eWxlIH0gZnJvbSAnc3R5bGVkLXN5c3RlbSc7XG5cbmltcG9ydCBMaXN0SXRlbSBmcm9tICcuLi9MaXN0SXRlbSc7XG5cbmNvbnN0IGNvbHVtbnMgPSBzdHlsZSh7XG4gIHByb3A6ICdjb2x1bW5zJyxcbiAgY3NzUHJvcGVydHk6ICdmbGV4QmFzaXMnLFxuICB0cmFuc2Zvcm1WYWx1ZTogbiA9PiBgJHsxMDAgLyBufSVgLFxufSk7XG5cbmNvbnN0IExpc3RCYXNlID0gc3R5bGVkKCdkaXYnKWBcbiAgbWFyZ2luOiAke3RoZW1lR2V0KCdzcGFjZS40Jyl9IDA7XG4gIHBhZGRpbmctbGVmdDogJHt0aGVtZUdldCgnc3BhY2UuOCcpfTtcblxuICAke3Byb3BzID0+IChwcm9wcy5mbHVzaCB8fCBwcm9wcy5jb2x1bW5zKSAmJiBjc3NgXG4gICAgbGlzdC1zdHlsZS1wb3NpdGlvbjogaW5zaWRlO1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgYH1cblxuICAke3Byb3BzID0+IHByb3BzLmNvbHVtbnMgJiYgY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIG1hcmdpbi1sZWZ0OiAtJHt0aGVtZUdldCgnc3BhY2UuMicpKHByb3BzKX07XG4gICAgbWFyZ2luLXJpZ2h0OiAtJHt0aGVtZUdldCgnc3BhY2UuMicpKHByb3BzKX07XG5cbiAgICAke0xpc3RJdGVtfSB7XG4gICAgICBmbGV4OiAxIDE7XG4gICAgICBwYWRkaW5nOiAwICR7dGhlbWVHZXQoJ3NwYWNlLjInKShwcm9wcyl9O1xuXG4gICAgICAke2NvbHVtbnMocHJvcHMpfTtcbiAgICB9XG4gIGB9O1xuYDtcblxuY29uc3QgTGlzdCA9IHByb3BzID0+IDxMaXN0QmFzZSB7Li4ucHJvcHN9IGFzPXtwcm9wcy5vcmRlcmVkID8gJ29sJyA6ICd1bCd9IC8+O1xuXG5MaXN0LmRpc3BsYXlOYW1lID0gJ0xpc3QnO1xuXG5MaXN0LnByb3BUeXBlcyA9IHtcbiAgLi4uY29sdW1ucy5wcm9wVHlwZXMsXG4gIGZsdXNoOiBQcm9wVHlwZXMuYm9vbCxcbiAgb3JkZXJlZDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5MaXN0LmRlZmF1bHRQcm9wcyA9IHtcbiAgb3JkZXJlZDogZmFsc2UsXG4gIGZsdXNoOiBmYWxzZSxcbiAgY29sdW1uczogbnVsbCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExpc3Q7XG4iXX0= */"));

var List = function List(props) {
  return _react.default.createElement(ListBase, _extends({}, props, {
    as: props.ordered ? 'ol' : 'ul'
  }));
};

List.displayName = 'List';
List.propTypes = _objectSpread({}, columns.propTypes, {
  flush: _propTypes.default.bool,
  ordered: _propTypes.default.bool
});
List.defaultProps = {
  ordered: false,
  flush: false,
  columns: null
};
var _default = List;
exports.default = _default;