UNPKG

@roo-ui/components

Version:

60 lines (46 loc) 4.65 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _styledBase = _interopRequireDefault(require("@emotion/styled-base")); var _propTypes = _interopRequireDefault(require("prop-types")); var _styledSystem = require("styled-system"); 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; } var gutter = function gutter(props) { var gutterValue = (0, _styledSystem.themeGet)("gutters.".concat(props.gutter), props.gutter)(props); var gutterStyles = function gutterStyles(unit) { return { paddingLeft: (0, _styledSystem.themeGet)("space.".concat(unit))(props), paddingRight: (0, _styledSystem.themeGet)("space.".concat(unit))(props) }; }; if (!gutterValue) { return null; } if (!Array.isArray(gutterValue)) { return gutterStyles(gutterValue); } return gutterValue.map(function (value, index) { if (index === 0) { return gutterStyles(value); } return _defineProperty({}, (0, _styledSystem.themeGet)("mediaQueries.".concat(index - 1))(props), gutterStyles(value)); }); }; var Container = (0, _styledBase.default)("div", { target: "e188lj6g0", label: "Container" })("margin-left:auto;margin-right:auto;width:100%;", _styledSystem.maxWidth, " ", gutter, " ", _styledSystem.space, " ", _styledSystem.display, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Db250YWluZXIvQ29udGFpbmVyLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDNEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NvbnRhaW5lci9Db250YWluZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgbWF4V2lkdGgsIHNwYWNlLCBkaXNwbGF5LCB0aGVtZUdldCB9IGZyb20gJ3N0eWxlZC1zeXN0ZW0nO1xuXG5jb25zdCBndXR0ZXIgPSAocHJvcHMpID0+IHtcbiAgY29uc3QgZ3V0dGVyVmFsdWUgPSB0aGVtZUdldChgZ3V0dGVycy4ke3Byb3BzLmd1dHRlcn1gLCBwcm9wcy5ndXR0ZXIpKHByb3BzKTtcblxuICBjb25zdCBndXR0ZXJTdHlsZXMgPSB1bml0ID0+ICh7XG4gICAgcGFkZGluZ0xlZnQ6IHRoZW1lR2V0KGBzcGFjZS4ke3VuaXR9YCkocHJvcHMpLFxuICAgIHBhZGRpbmdSaWdodDogdGhlbWVHZXQoYHNwYWNlLiR7dW5pdH1gKShwcm9wcyksXG4gIH0pO1xuXG4gIGlmICghZ3V0dGVyVmFsdWUpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGlmICghQXJyYXkuaXNBcnJheShndXR0ZXJWYWx1ZSkpIHtcbiAgICByZXR1cm4gZ3V0dGVyU3R5bGVzKGd1dHRlclZhbHVlKTtcbiAgfVxuXG4gIHJldHVybiBndXR0ZXJWYWx1ZS5tYXAoKHZhbHVlLCBpbmRleCkgPT4ge1xuICAgIGlmIChpbmRleCA9PT0gMCkge1xuICAgICAgcmV0dXJuIGd1dHRlclN0eWxlcyh2YWx1ZSk7XG4gICAgfVxuXG4gICAgcmV0dXJuIHtcbiAgICAgIFt0aGVtZUdldChgbWVkaWFRdWVyaWVzLiR7aW5kZXggLSAxfWApKHByb3BzKV06XG4gICAgICAgIGd1dHRlclN0eWxlcyh2YWx1ZSksXG4gICAgfTtcbiAgfSk7XG59O1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogYXV0bztcbiAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICB3aWR0aDogMTAwJTtcblxuICAke21heFdpZHRofVxuICAke2d1dHRlcn1cbiAgJHtzcGFjZX1cbiAgJHtkaXNwbGF5fVxuYDtcblxuQ29udGFpbmVyLnByb3BUeXBlcyA9IHtcbiAgZ3V0dGVyOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtcbiAgICBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIFByb3BUeXBlcy5udW1iZXIsXG4gICAgUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm51bWJlcl0pKSxcbiAgXSksXG4gIC4uLm1heFdpZHRoLnByb3BUeXBlcyxcbiAgLi4uc3BhY2UucHJvcFR5cGVzLFxufTtcblxuQ29udGFpbmVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgbWF4V2lkdGg6ICdkZWZhdWx0JyxcbiAgZ3V0dGVyOiAnZGVmYXVsdCcsXG59O1xuXG5Db250YWluZXIuZGlzcGxheU5hbWUgPSAnQ29udGFpbmVyJztcblxuZXhwb3J0IGRlZmF1bHQgQ29udGFpbmVyO1xuIl19 */"); Container.propTypes = _objectSpread({ gutter: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]))]) }, _styledSystem.maxWidth.propTypes, _styledSystem.space.propTypes); Container.defaultProps = { maxWidth: 'default', gutter: 'default' }; Container.displayName = 'Container'; var _default = Container; exports.default = _default;