@fremtind/jkl-loader-react
Version:
Jøkul react loader component
74 lines (73 loc) • 2.42 kB
JavaScript
var __defProp = Object.defineProperty;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
for (var prop in b || (b = {}))
if (__hasOwnProp.call(b, prop))
__defNormalProp(a, prop, b[prop]);
if (__getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(b)) {
if (__propIsEnum.call(b, prop))
__defNormalProp(a, prop, b[prop]);
}
return a;
};
var __objRest = (source, exclude) => {
var target = {};
for (var prop in source)
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
target[prop] = source[prop];
if (source != null && __getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(source)) {
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
target[prop] = source[prop];
}
return target;
};
import cn from "classnames";
import React from "react";
import { SkeletonElement } from "./SkeletonElement";
import { SkeletonLabel } from "./SkeletonLabel";
const SkeletonCheckboxGroup = (_a) => {
var _b = _a, {
className,
checkboxes,
density,
labelProps,
inputProps
} = _b, rest = __objRest(_b, [
"className",
"checkboxes",
"density",
"labelProps",
"inputProps"
]);
const compact = density === "compact";
return /* @__PURE__ */ React.createElement("div", __spreadValues({ className: cn("jkl-skeleton-input", className) }, rest), /* @__PURE__ */ React.createElement(SkeletonLabel, __spreadValues({ density }, labelProps)), Array.from(Array(checkboxes)).map((_, index) => /* @__PURE__ */ React.createElement(
"div",
{
key: "jkl-skeleton-checkbox-".concat(index),
className: "jkl-skeleton-input__checkbox"
},
/* @__PURE__ */ React.createElement(
SkeletonElement,
{
width: compact ? 22 : 24,
height: compact ? 22 : 24
}
),
/* @__PURE__ */ React.createElement(
SkeletonElement,
__spreadValues({
width: compact ? 201 : 216,
height: compact ? 22 : 24
}, inputProps)
)
)));
};
export {
SkeletonCheckboxGroup
};
//# sourceMappingURL=SkeletonCheckboxGroup.js.map