@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
52 lines (51 loc) • 2.18 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _Space = _interopRequireDefault(require("../../space/Space.js"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
function SkeletonProduct({
rows = 3,
children = null,
...rest
}) {
const rowsLength = (0, _react.useMemo)(() => {
const fill = [70, 80, 60, 40, 50, 20, 0];
return new Array(Number(rows)).fill(true).map((_, i) => {
const c = i % fill.length;
if (c === fill.length - 1) {
fill.concat(fill.reverse());
}
return fill[c];
});
}, [rows]);
return (0, _jsxRuntime.jsxs)("div", {
className: "dnb-skeleton__figure dnb-skeleton__figure--show",
"aria-busy": true,
...rest,
children: [(0, _jsxRuntime.jsx)(_Space.default, {
element: "div",
bottom: "large",
className: "dnb-h--xx-large dnb-skeleton dnb-skeleton--shape",
"aria-hidden": true,
style: {
width: '50%'
},
children: "\u200C"
}), rowsLength.map((p, i) => (0, _jsxRuntime.jsx)(_Space.default, {
element: "div",
top: "x-small",
className: "dnb-p dnb-skeleton dnb-skeleton--shape",
style: {
width: `${p}%`
},
children: "\u200C"
}, i)), typeof children === 'function' ? children() : children]
});
}
var _default = exports.default = SkeletonProduct;
//# sourceMappingURL=Product.js.map