ur-ui-kit-tm
Version:
unlimited robotics ui kit
37 lines (36 loc) • 2.43 kB
JavaScript
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
if (ar || !(i in from)) {
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
ar[i] = from[i];
}
}
return to.concat(ar || Array.prototype.slice.call(from));
};
import { jsx as _jsx } from "react/jsx-runtime";
import { useMemo } from "react";
import { PlacesContainer } from "./places.styled";
import SinglePlace from "./parts/singlePlace/singlePlace";
export var Places = function (_a) {
var onPlaceSelected = _a.onPlaceSelected, onPlaceEdited = _a.onPlaceEdited, onPlaceDeleted = _a.onPlaceDeleted, placesList = _a.placesList, selected = _a.selected, _b = _a.columns, columns = _b === void 0 ? 3 : _b, _c = _a.cardStyle, cardStyle = _c === void 0 ? {} : _c, _d = _a.selectedCardStyle, selectedCardStyle = _d === void 0 ? {} : _d, _e = _a.cardNameStyle, cardNameStyle = _e === void 0 ? {} : _e, _f = _a.cardFooterStyle, cardFooterStyle = _f === void 0 ? {} : _f;
var gridColumns = useMemo(function () {
var cols = Math.round(columns);
if (cols <= 1) {
return "auto";
}
var gaps = (cols + 1) * 8;
return __spreadArray([], new Array(cols), true).map(function () { return "Calc((100% - " + (gaps || 0) + "px)/" + cols + ")"; }).join(" ");
}, [columns]);
return (_jsx(PlacesContainer, __assign({ gridColumns: gridColumns }, { children: placesList === null || placesList === void 0 ? void 0 : placesList.map(function (place, index) { return (_jsx(SinglePlace, { place: place, onPlaceSelected: onPlaceSelected, onPlaceEdited: onPlaceEdited, onPlaceDeleted: onPlaceDeleted, selected: selected, cardFooterStyle: cardFooterStyle, cardNameStyle: cardNameStyle, style: __assign(__assign({}, cardStyle), (selected === (place === null || place === void 0 ? void 0 : place.id) ? selectedCardStyle : {})) }, index)); }) }), void 0));
};