@roo-ui/components
Version:
60 lines (46 loc) • 4.65 kB
JavaScript
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;
;