@vectara/vectara-ui
Version:
Vectara's design system, codified as a React and Sass component library
37 lines (36 loc) • 1.85 kB
JavaScript
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
};
import { jsx as _jsx } from "react/jsx-runtime";
import classNames from "classnames";
const GROW = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const SHRINK = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const BASIS = ["auto", "content", "fill", "maxContent", "minContent", "none"];
const alignItemsToClassNameMap = {
baseline: "vuiFlexItem--alignItemsBaseline",
center: "vuiFlexItem--alignItemsCenter",
end: "vuiFlexItem--alignItemsEnd",
start: "vuiFlexItem--alignItemsStart",
stretch: "vuiFlexItem--alignItemsStretch"
};
export const VuiFlexItem = (_a) => {
var { children, grow, shrink, basis = "auto", alignItems = "stretch", className, truncate } = _a, rest = __rest(_a, ["children", "grow", "shrink", "basis", "alignItems", "className", "truncate"]);
const isGrowNone = grow === false;
const isShrinkNone = shrink === false;
const classes = classNames("vuiFlexItem", `vuiFlexItem--${basis}`, alignItemsToClassNameMap[alignItems], {
[`vuiFlexItem--flexGrow${grow}`]: typeof grow === "number",
"vuiFlexItem--flexGrowNone": isGrowNone,
[`vuiFlexItem--flexShrink${shrink}`]: typeof shrink === "number",
"vuiFlexItem--flexShrinkNone": isShrinkNone,
"vuiFlexItem--truncate": truncate
}, className);
return (_jsx("div", Object.assign({ className: classes }, rest, { children: children })));
};