smart-react-components/dropdown/List.js

React UI library, wide variety of editable ready to use Styled and React components.

'use strict';

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var index = require('../index-6d498b59.js');
var React = require('react');
var React__default = _interopDefault(React);
var styled = require('styled-components');
var styled__default = _interopDefault(styled);
require('../index-56ba89df.js');
var Div = require('../element/Div.js');

const customKeys = {
    size$: (v, t) => `
        > div {
            margin: ${t.dropdown.margin[v].y} 0;
        }
    `
};
const ListElement = styled__default(Div).attrs({ customKeys })(({ theme, type$, shape }) => `
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: ${theme.src.dropdown.radius[shape]};
    background: ${theme.src.type[type$].dropdown.background};
    user-select: none;
`);
const List = ({ size = "default", sizeSm, sizeMd, sizeLg, sizeXl, elementProps = index.DV.JSX_ELEMENT_PROPS, children, type = "primary", shape = "default", hover = true, waveEffect = "light", setStatus }) => {
    return (React__default.createElement(ListElement, Object.assign({}, elementProps, { "size$": size, "size$Sm": sizeSm, "size$Md": sizeMd, "size$Lg": sizeLg, "size$Xl": sizeXl, "type$": type, shape: shape }),
        React__default.createElement("div", null, children.map((item, index) => React__default.cloneElement(item, { key: (item.key || index), size, sizeSm, sizeMd, sizeLg, sizeXl, type, shape, hover, waveEffect, setStatus })))));
};

module.exports = List;