@patternfly/react-core
Version:
This library provides a set of common React components for use with the PatternFly reference implementation.
28 lines • 2 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Gallery = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const react_styles_1 = require("@patternfly/react-styles");
const gallery_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/layouts/Gallery/gallery"));
const l_gallery_GridTemplateColumns_min_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/l_gallery_GridTemplateColumns_min'));
const l_gallery_GridTemplateColumns_max_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/l_gallery_GridTemplateColumns_max'));
const Gallery = (_a) => {
var { children = null, className = '', component = 'div', hasGutter = false, minWidths, maxWidths } = _a, props = tslib_1.__rest(_a, ["children", "className", "component", "hasGutter", "minWidths", "maxWidths"]);
const minWidthStyles = {};
const Component = component;
if (minWidths) {
Object.entries(minWidths || {}).map(([breakpoint, value]) => (minWidthStyles[`${l_gallery_GridTemplateColumns_min_1.default.name}${breakpoint !== 'default' ? `-on-${breakpoint}` : ''}`] =
value));
}
const maxWidthStyles = {};
if (maxWidths) {
Object.entries(maxWidths || {}).map(([breakpoint, value]) => (maxWidthStyles[`${l_gallery_GridTemplateColumns_max_1.default.name}${breakpoint !== 'default' ? `-on-${breakpoint}` : ''}`] =
value));
}
const widthStyles = Object.assign(Object.assign({}, minWidthStyles), maxWidthStyles);
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: (0, react_styles_1.css)(gallery_1.default.gallery, hasGutter && gallery_1.default.modifiers.gutter, className) }, props, ((minWidths || maxWidths) && { style: Object.assign(Object.assign({}, widthStyles), props.style) }), { children: children })));
};
exports.Gallery = Gallery;
exports.Gallery.displayName = 'Gallery';
//# sourceMappingURL=Gallery.js.map