@fremtind/jkl-loader-react
Advanced tools
Comparing version 12.0.31 to 12.0.32
@@ -6,4 +6,30 @@ "use strict"; | ||
var __getOwnPropNames = Object.getOwnPropertyNames; | ||
var __getOwnPropSymbols = Object.getOwnPropertySymbols; | ||
var __getProtoOf = Object.getPrototypeOf; | ||
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; | ||
}; | ||
var __export = (target, all) => { | ||
@@ -38,11 +64,18 @@ for (var name in all) | ||
var import_useDelayedRender = require("./useDelayedRender"); | ||
const Loader = ({ | ||
delay = 0, | ||
variant = "large", | ||
textDescription, | ||
className, | ||
dataTestAutoId = "jkl-loader", | ||
inline = false, | ||
...rest | ||
}) => { | ||
const Loader = (_a) => { | ||
var _b = _a, { | ||
delay = 0, | ||
variant = "large", | ||
textDescription, | ||
className, | ||
dataTestAutoId = "jkl-loader", | ||
inline = false | ||
} = _b, rest = __objRest(_b, [ | ||
"delay", | ||
"variant", | ||
"textDescription", | ||
"className", | ||
"dataTestAutoId", | ||
"inline" | ||
]); | ||
const renderComponent = (0, import_useDelayedRender.useDelayedRender)(delay); | ||
@@ -59,3 +92,3 @@ if (delay && !renderComponent) { | ||
"span", | ||
{ | ||
__spreadValues({ | ||
"aria-busy": "true", | ||
@@ -65,5 +98,4 @@ className: componentClassName, | ||
"data-testid": "jkl-loader", | ||
title: textDescription, | ||
...rest | ||
}, | ||
title: textDescription | ||
}, rest), | ||
/* @__PURE__ */ import_react.default.createElement("span", { className: "jkl-loader__dot jkl-loader__dot--left" }), | ||
@@ -70,0 +102,0 @@ /* @__PURE__ */ import_react.default.createElement("span", { className: "jkl-loader__dot jkl-loader__dot--middle" }), |
"use strict"; | ||
var __create = Object.create; | ||
var __defProp = Object.defineProperty; | ||
var __defProps = Object.defineProperties; | ||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor; | ||
var __getOwnPropDescs = Object.getOwnPropertyDescriptors; | ||
var __getOwnPropNames = Object.getOwnPropertyNames; | ||
var __getOwnPropSymbols = Object.getOwnPropertySymbols; | ||
var __getProtoOf = Object.getPrototypeOf; | ||
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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)); | ||
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; | ||
}; | ||
var __export = (target, all) => { | ||
@@ -37,9 +66,14 @@ for (var name in all) | ||
var import_useDelayedRender = require("../useDelayedRender"); | ||
const SkeletonAnimation = ({ | ||
className, | ||
delay = 0, | ||
density, | ||
textDescription = "Vennligst vent", | ||
...rest | ||
}) => { | ||
const SkeletonAnimation = (_a) => { | ||
var _b = _a, { | ||
className, | ||
delay = 0, | ||
density, | ||
textDescription = "Vennligst vent" | ||
} = _b, rest = __objRest(_b, [ | ||
"className", | ||
"delay", | ||
"density", | ||
"textDescription" | ||
]); | ||
const renderComponent = (0, import_useDelayedRender.useDelayedRender)(delay); | ||
@@ -51,11 +85,11 @@ if (delay && !renderComponent) { | ||
"div", | ||
{ | ||
__spreadProps(__spreadValues({ | ||
className: (0, import_classnames.default)("jkl-skeleton-animation", className), | ||
"aria-busy": "true", | ||
"aria-label": textDescription, | ||
...rest, | ||
"aria-label": textDescription | ||
}, rest), { | ||
"data-density": density | ||
} | ||
}) | ||
); | ||
}; | ||
//# sourceMappingURL=SkeletonAnimation.js.map |
"use strict"; | ||
var __create = Object.create; | ||
var __defProp = Object.defineProperty; | ||
var __defProps = Object.defineProperties; | ||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor; | ||
var __getOwnPropDescs = Object.getOwnPropertyDescriptors; | ||
var __getOwnPropNames = Object.getOwnPropertyNames; | ||
var __getOwnPropSymbols = Object.getOwnPropertySymbols; | ||
var __getProtoOf = Object.getPrototypeOf; | ||
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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)); | ||
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; | ||
}; | ||
var __export = (target, all) => { | ||
@@ -36,16 +65,18 @@ for (var name in all) | ||
var import_SkeletonElement = require("./SkeletonElement"); | ||
const SkeletonButton = ({ | ||
style, | ||
density, | ||
...rest | ||
}) => { | ||
const SkeletonButton = (_a) => { | ||
var _b = _a, { | ||
style, | ||
density | ||
} = _b, rest = __objRest(_b, [ | ||
"style", | ||
"density" | ||
]); | ||
return /* @__PURE__ */ import_react.default.createElement( | ||
import_SkeletonElement.SkeletonElement, | ||
{ | ||
...rest, | ||
__spreadProps(__spreadValues({}, rest), { | ||
height: density === "compact" ? 24 : 40, | ||
style: { borderRadius: "999px", ...style } | ||
} | ||
style: __spreadValues({ borderRadius: "999px" }, style) | ||
}) | ||
); | ||
}; | ||
//# sourceMappingURL=SkeletonButton.js.map |
@@ -6,4 +6,30 @@ "use strict"; | ||
var __getOwnPropNames = Object.getOwnPropertyNames; | ||
var __getOwnPropSymbols = Object.getOwnPropertySymbols; | ||
var __getProtoOf = Object.getPrototypeOf; | ||
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; | ||
}; | ||
var __export = (target, all) => { | ||
@@ -39,12 +65,18 @@ for (var name in all) | ||
var import_SkeletonLabel = require("./SkeletonLabel"); | ||
const SkeletonCheckboxGroup = ({ | ||
className, | ||
checkboxes, | ||
density, | ||
labelProps, | ||
inputProps, | ||
...rest | ||
}) => { | ||
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__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("jkl-skeleton-input", className), ...rest }, /* @__PURE__ */ import_react.default.createElement(import_SkeletonLabel.SkeletonLabel, { density, ...labelProps }), Array.from(Array(checkboxes)).map((_, index) => /* @__PURE__ */ import_react.default.createElement( | ||
return /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({ className: (0, import_classnames.default)("jkl-skeleton-input", className) }, rest), /* @__PURE__ */ import_react.default.createElement(import_SkeletonLabel.SkeletonLabel, __spreadValues({ density }, labelProps)), Array.from(Array(checkboxes)).map((_, index) => /* @__PURE__ */ import_react.default.createElement( | ||
"div", | ||
@@ -64,7 +96,6 @@ { | ||
import_SkeletonElement.SkeletonElement, | ||
{ | ||
__spreadValues({ | ||
width: compact ? 201 : 216, | ||
height: compact ? 22 : 24, | ||
...inputProps | ||
} | ||
height: compact ? 22 : 24 | ||
}, inputProps) | ||
) | ||
@@ -71,0 +102,0 @@ ))); |
@@ -6,4 +6,30 @@ "use strict"; | ||
var __getOwnPropNames = Object.getOwnPropertyNames; | ||
var __getOwnPropSymbols = Object.getOwnPropertySymbols; | ||
var __getProtoOf = Object.getPrototypeOf; | ||
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; | ||
}; | ||
var __export = (target, all) => { | ||
@@ -37,13 +63,19 @@ for (var name in all) | ||
var import_react = __toESM(require("react")); | ||
const SkeletonElement = ({ | ||
shape = "rect", | ||
width, | ||
height, | ||
style, | ||
className, | ||
...rest | ||
}) => { | ||
const SkeletonElement = (_a) => { | ||
var _b = _a, { | ||
shape = "rect", | ||
width, | ||
height, | ||
style, | ||
className | ||
} = _b, rest = __objRest(_b, [ | ||
"shape", | ||
"width", | ||
"height", | ||
"style", | ||
"className" | ||
]); | ||
return /* @__PURE__ */ import_react.default.createElement( | ||
"div", | ||
{ | ||
__spreadValues({ | ||
className: (0, import_classnames.default)( | ||
@@ -54,7 +86,6 @@ "jkl-skeleton-element", | ||
), | ||
style: { width, height, ...style }, | ||
...rest | ||
} | ||
style: __spreadValues({ width, height }, style) | ||
}, rest) | ||
); | ||
}; | ||
//# sourceMappingURL=SkeletonElement.js.map |
@@ -6,4 +6,30 @@ "use strict"; | ||
var __getOwnPropNames = Object.getOwnPropertyNames; | ||
var __getOwnPropSymbols = Object.getOwnPropertySymbols; | ||
var __getProtoOf = Object.getPrototypeOf; | ||
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; | ||
}; | ||
var __export = (target, all) => { | ||
@@ -39,19 +65,23 @@ for (var name in all) | ||
var import_SkeletonLabel = require("./SkeletonLabel"); | ||
const SkeletonInput = ({ | ||
className, | ||
density, | ||
labelProps, | ||
inputProps, | ||
...rest | ||
}) => { | ||
const SkeletonInput = (_a) => { | ||
var _b = _a, { | ||
className, | ||
density, | ||
labelProps, | ||
inputProps | ||
} = _b, rest = __objRest(_b, [ | ||
"className", | ||
"density", | ||
"labelProps", | ||
"inputProps" | ||
]); | ||
const compact = density === "compact"; | ||
return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("jkl-skeleton-input", className), ...rest }, /* @__PURE__ */ import_react.default.createElement(import_SkeletonLabel.SkeletonLabel, { density, ...labelProps }), /* @__PURE__ */ import_react.default.createElement( | ||
return /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({ className: (0, import_classnames.default)("jkl-skeleton-input", className) }, rest), /* @__PURE__ */ import_react.default.createElement(import_SkeletonLabel.SkeletonLabel, __spreadValues({ density }, labelProps)), /* @__PURE__ */ import_react.default.createElement( | ||
import_SkeletonElement.SkeletonElement, | ||
{ | ||
__spreadValues({ | ||
width: compact ? 301 : 316, | ||
height: compact ? 32 : 48, | ||
...inputProps | ||
} | ||
height: compact ? 32 : 48 | ||
}, inputProps) | ||
)); | ||
}; | ||
//# sourceMappingURL=SkeletonInput.js.map |
"use strict"; | ||
var __create = Object.create; | ||
var __defProp = Object.defineProperty; | ||
var __defProps = Object.defineProperties; | ||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor; | ||
var __getOwnPropDescs = Object.getOwnPropertyDescriptors; | ||
var __getOwnPropNames = Object.getOwnPropertyNames; | ||
var __getOwnPropSymbols = Object.getOwnPropertySymbols; | ||
var __getProtoOf = Object.getPrototypeOf; | ||
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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)); | ||
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; | ||
}; | ||
var __export = (target, all) => { | ||
@@ -36,13 +65,13 @@ for (var name in all) | ||
var import_SkeletonElement = require("./SkeletonElement"); | ||
const SkeletonLabel = ({ density, ...rest }) => { | ||
const SkeletonLabel = (_a) => { | ||
var _b = _a, { density } = _b, rest = __objRest(_b, ["density"]); | ||
const compact = density === "compact"; | ||
return /* @__PURE__ */ import_react.default.createElement( | ||
import_SkeletonElement.SkeletonElement, | ||
{ | ||
...rest, | ||
__spreadProps(__spreadValues({}, rest), { | ||
width: compact ? 100 : 115, | ||
height: compact ? 12 : 16 | ||
} | ||
}) | ||
); | ||
}; | ||
//# sourceMappingURL=SkeletonLabel.js.map |
@@ -6,4 +6,30 @@ "use strict"; | ||
var __getOwnPropNames = Object.getOwnPropertyNames; | ||
var __getOwnPropSymbols = Object.getOwnPropertySymbols; | ||
var __getProtoOf = Object.getPrototypeOf; | ||
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; | ||
}; | ||
var __export = (target, all) => { | ||
@@ -39,12 +65,18 @@ for (var name in all) | ||
var import_SkeletonLabel = require("./SkeletonLabel"); | ||
const SkeletonRadioButtonGroup = ({ | ||
className, | ||
radioButtons, | ||
density, | ||
labelProps, | ||
inputProps, | ||
...rest | ||
}) => { | ||
const SkeletonRadioButtonGroup = (_a) => { | ||
var _b = _a, { | ||
className, | ||
radioButtons, | ||
density, | ||
labelProps, | ||
inputProps | ||
} = _b, rest = __objRest(_b, [ | ||
"className", | ||
"radioButtons", | ||
"density", | ||
"labelProps", | ||
"inputProps" | ||
]); | ||
const compact = density === "compact"; | ||
return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("jkl-skeleton-input", className), ...rest }, /* @__PURE__ */ import_react.default.createElement(import_SkeletonLabel.SkeletonLabel, { density, ...labelProps }), Array.from(Array(radioButtons)).map((_, index) => /* @__PURE__ */ import_react.default.createElement( | ||
return /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({ className: (0, import_classnames.default)("jkl-skeleton-input", className) }, rest), /* @__PURE__ */ import_react.default.createElement(import_SkeletonLabel.SkeletonLabel, __spreadValues({ density }, labelProps)), Array.from(Array(radioButtons)).map((_, index) => /* @__PURE__ */ import_react.default.createElement( | ||
"div", | ||
@@ -65,7 +97,6 @@ { | ||
import_SkeletonElement.SkeletonElement, | ||
{ | ||
__spreadValues({ | ||
width: compact ? 201 : 216, | ||
height: compact ? 22 : 24, | ||
...inputProps | ||
} | ||
height: compact ? 22 : 24 | ||
}, inputProps) | ||
) | ||
@@ -72,0 +103,0 @@ ))); |
"use strict"; | ||
var __create = Object.create; | ||
var __defProp = Object.defineProperty; | ||
var __defProps = Object.defineProperties; | ||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor; | ||
var __getOwnPropDescs = Object.getOwnPropertyDescriptors; | ||
var __getOwnPropNames = Object.getOwnPropertyNames; | ||
var __getOwnPropSymbols = Object.getOwnPropertySymbols; | ||
var __getProtoOf = Object.getPrototypeOf; | ||
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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)); | ||
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; | ||
}; | ||
var __export = (target, all) => { | ||
@@ -38,37 +67,45 @@ for (var name in all) | ||
var import_react = __toESM(require("react")); | ||
const SkeletonTable = ({ | ||
className, | ||
density, | ||
width, | ||
style, | ||
...rest | ||
}) => { | ||
const SkeletonTable = (_a) => { | ||
var _b = _a, { | ||
className, | ||
density, | ||
width, | ||
style | ||
} = _b, rest = __objRest(_b, [ | ||
"className", | ||
"density", | ||
"width", | ||
"style" | ||
]); | ||
return /* @__PURE__ */ import_react.default.createElement( | ||
"div", | ||
{ | ||
__spreadProps(__spreadValues({ | ||
className: (0, import_classnames.default)("jkl-skeleton-table", className), | ||
style: { width, ...style }, | ||
...rest, | ||
style: __spreadValues({ width }, style) | ||
}, rest), { | ||
"data-density": density | ||
} | ||
}) | ||
); | ||
}; | ||
const SkeletonTableHeader = ({ | ||
className, | ||
...rest | ||
}) => { | ||
const SkeletonTableHeader = (_c) => { | ||
var _d = _c, { | ||
className | ||
} = _d, rest = __objRest(_d, [ | ||
"className" | ||
]); | ||
return /* @__PURE__ */ import_react.default.createElement( | ||
"div", | ||
{ | ||
className: (0, import_classnames.default)("jkl-skeleton-table__header", className), | ||
...rest | ||
} | ||
__spreadValues({ | ||
className: (0, import_classnames.default)("jkl-skeleton-table__header", className) | ||
}, rest) | ||
); | ||
}; | ||
const SkeletonTableRow = ({ | ||
className, | ||
...rest | ||
}) => { | ||
return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("jkl-skeleton-table__row", className), ...rest }); | ||
const SkeletonTableRow = (_e) => { | ||
var _f = _e, { | ||
className | ||
} = _f, rest = __objRest(_f, [ | ||
"className" | ||
]); | ||
return /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({ className: (0, import_classnames.default)("jkl-skeleton-table__row", className) }, rest)); | ||
}; | ||
//# sourceMappingURL=SkeletonTable.js.map |
"use strict"; | ||
var __create = Object.create; | ||
var __defProp = Object.defineProperty; | ||
var __defProps = Object.defineProperties; | ||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor; | ||
var __getOwnPropDescs = Object.getOwnPropertyDescriptors; | ||
var __getOwnPropNames = Object.getOwnPropertyNames; | ||
var __getOwnPropSymbols = Object.getOwnPropertySymbols; | ||
var __getProtoOf = Object.getPrototypeOf; | ||
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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)); | ||
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; | ||
}; | ||
var __export = (target, all) => { | ||
@@ -38,25 +67,29 @@ for (var name in all) | ||
var import_SkeletonLabel = require("./SkeletonLabel"); | ||
const SkeletonTextArea = ({ | ||
className, | ||
density, | ||
labelProps, | ||
inputProps, | ||
...rest | ||
}) => { | ||
const SkeletonTextArea = (_a) => { | ||
var _b = _a, { | ||
className, | ||
density, | ||
labelProps, | ||
inputProps | ||
} = _b, rest = __objRest(_b, [ | ||
"className", | ||
"density", | ||
"labelProps", | ||
"inputProps" | ||
]); | ||
const compact = density === "compact"; | ||
return /* @__PURE__ */ import_react.default.createElement( | ||
"div", | ||
{ | ||
className: (0, import_classnames.default)("jkl-skeleton-input", className), | ||
...rest, | ||
__spreadProps(__spreadValues({ | ||
className: (0, import_classnames.default)("jkl-skeleton-input", className) | ||
}, rest), { | ||
"data-density": density | ||
}, | ||
/* @__PURE__ */ import_react.default.createElement(import_SkeletonLabel.SkeletonLabel, { density, ...labelProps }), | ||
}), | ||
/* @__PURE__ */ import_react.default.createElement(import_SkeletonLabel.SkeletonLabel, __spreadValues({ density }, labelProps)), | ||
/* @__PURE__ */ import_react.default.createElement( | ||
import_SkeletonElement.SkeletonElement, | ||
{ | ||
__spreadValues({ | ||
width: compact ? 301 : 316, | ||
height: compact ? 148 : 168, | ||
...inputProps | ||
} | ||
height: compact ? 148 : 168 | ||
}, inputProps) | ||
) | ||
@@ -63,0 +96,0 @@ ); |
@@ -0,13 +1,48 @@ | ||
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 classNames from "classnames"; | ||
import React from "react"; | ||
import { useDelayedRender } from "./useDelayedRender"; | ||
const Loader = ({ | ||
delay = 0, | ||
variant = "large", | ||
textDescription, | ||
className, | ||
dataTestAutoId = "jkl-loader", | ||
inline = false, | ||
...rest | ||
}) => { | ||
const Loader = (_a) => { | ||
var _b = _a, { | ||
delay = 0, | ||
variant = "large", | ||
textDescription, | ||
className, | ||
dataTestAutoId = "jkl-loader", | ||
inline = false | ||
} = _b, rest = __objRest(_b, [ | ||
"delay", | ||
"variant", | ||
"textDescription", | ||
"className", | ||
"dataTestAutoId", | ||
"inline" | ||
]); | ||
const renderComponent = useDelayedRender(delay); | ||
@@ -24,3 +59,3 @@ if (delay && !renderComponent) { | ||
"span", | ||
{ | ||
__spreadValues({ | ||
"aria-busy": "true", | ||
@@ -30,5 +65,4 @@ className: componentClassName, | ||
"data-testid": "jkl-loader", | ||
title: textDescription, | ||
...rest | ||
}, | ||
title: textDescription | ||
}, rest), | ||
/* @__PURE__ */ React.createElement("span", { className: "jkl-loader__dot jkl-loader__dot--left" }), | ||
@@ -35,0 +69,0 @@ /* @__PURE__ */ React.createElement("span", { className: "jkl-loader__dot jkl-loader__dot--middle" }), |
@@ -0,11 +1,47 @@ | ||
var __defProp = Object.defineProperty; | ||
var __defProps = Object.defineProperties; | ||
var __getOwnPropDescs = Object.getOwnPropertyDescriptors; | ||
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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)); | ||
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 { useDelayedRender } from "../useDelayedRender"; | ||
const SkeletonAnimation = ({ | ||
className, | ||
delay = 0, | ||
density, | ||
textDescription = "Vennligst vent", | ||
...rest | ||
}) => { | ||
const SkeletonAnimation = (_a) => { | ||
var _b = _a, { | ||
className, | ||
delay = 0, | ||
density, | ||
textDescription = "Vennligst vent" | ||
} = _b, rest = __objRest(_b, [ | ||
"className", | ||
"delay", | ||
"density", | ||
"textDescription" | ||
]); | ||
const renderComponent = useDelayedRender(delay); | ||
@@ -17,9 +53,9 @@ if (delay && !renderComponent) { | ||
"div", | ||
{ | ||
__spreadProps(__spreadValues({ | ||
className: cn("jkl-skeleton-animation", className), | ||
"aria-busy": "true", | ||
"aria-label": textDescription, | ||
...rest, | ||
"aria-label": textDescription | ||
}, rest), { | ||
"data-density": density | ||
} | ||
}) | ||
); | ||
@@ -26,0 +62,0 @@ }; |
@@ -0,15 +1,48 @@ | ||
var __defProp = Object.defineProperty; | ||
var __defProps = Object.defineProperties; | ||
var __getOwnPropDescs = Object.getOwnPropertyDescriptors; | ||
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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)); | ||
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 React from "react"; | ||
import { SkeletonElement } from "./SkeletonElement"; | ||
const SkeletonButton = ({ | ||
style, | ||
density, | ||
...rest | ||
}) => { | ||
const SkeletonButton = (_a) => { | ||
var _b = _a, { | ||
style, | ||
density | ||
} = _b, rest = __objRest(_b, [ | ||
"style", | ||
"density" | ||
]); | ||
return /* @__PURE__ */ React.createElement( | ||
SkeletonElement, | ||
{ | ||
...rest, | ||
__spreadProps(__spreadValues({}, rest), { | ||
height: density === "compact" ? 24 : 40, | ||
style: { borderRadius: "999px", ...style } | ||
} | ||
style: __spreadValues({ borderRadius: "999px" }, style) | ||
}) | ||
); | ||
@@ -16,0 +49,0 @@ }; |
@@ -0,1 +1,29 @@ | ||
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"; | ||
@@ -5,12 +33,18 @@ import React from "react"; | ||
import { SkeletonLabel } from "./SkeletonLabel"; | ||
const SkeletonCheckboxGroup = ({ | ||
className, | ||
checkboxes, | ||
density, | ||
labelProps, | ||
inputProps, | ||
...rest | ||
}) => { | ||
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", { className: cn("jkl-skeleton-input", className), ...rest }, /* @__PURE__ */ React.createElement(SkeletonLabel, { density, ...labelProps }), Array.from(Array(checkboxes)).map((_, index) => /* @__PURE__ */ React.createElement( | ||
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", | ||
@@ -30,7 +64,6 @@ { | ||
SkeletonElement, | ||
{ | ||
__spreadValues({ | ||
width: compact ? 201 : 216, | ||
height: compact ? 22 : 24, | ||
...inputProps | ||
} | ||
height: compact ? 22 : 24 | ||
}, inputProps) | ||
) | ||
@@ -37,0 +70,0 @@ ))); |
@@ -0,14 +1,48 @@ | ||
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"; | ||
const SkeletonElement = ({ | ||
shape = "rect", | ||
width, | ||
height, | ||
style, | ||
className, | ||
...rest | ||
}) => { | ||
const SkeletonElement = (_a) => { | ||
var _b = _a, { | ||
shape = "rect", | ||
width, | ||
height, | ||
style, | ||
className | ||
} = _b, rest = __objRest(_b, [ | ||
"shape", | ||
"width", | ||
"height", | ||
"style", | ||
"className" | ||
]); | ||
return /* @__PURE__ */ React.createElement( | ||
"div", | ||
{ | ||
__spreadValues({ | ||
className: cn( | ||
@@ -19,5 +53,4 @@ "jkl-skeleton-element", | ||
), | ||
style: { width, height, ...style }, | ||
...rest | ||
} | ||
style: __spreadValues({ width, height }, style) | ||
}, rest) | ||
); | ||
@@ -24,0 +57,0 @@ }; |
@@ -0,1 +1,29 @@ | ||
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"; | ||
@@ -5,17 +33,21 @@ import React from "react"; | ||
import { SkeletonLabel } from "./SkeletonLabel"; | ||
const SkeletonInput = ({ | ||
className, | ||
density, | ||
labelProps, | ||
inputProps, | ||
...rest | ||
}) => { | ||
const SkeletonInput = (_a) => { | ||
var _b = _a, { | ||
className, | ||
density, | ||
labelProps, | ||
inputProps | ||
} = _b, rest = __objRest(_b, [ | ||
"className", | ||
"density", | ||
"labelProps", | ||
"inputProps" | ||
]); | ||
const compact = density === "compact"; | ||
return /* @__PURE__ */ React.createElement("div", { className: cn("jkl-skeleton-input", className), ...rest }, /* @__PURE__ */ React.createElement(SkeletonLabel, { density, ...labelProps }), /* @__PURE__ */ React.createElement( | ||
return /* @__PURE__ */ React.createElement("div", __spreadValues({ className: cn("jkl-skeleton-input", className) }, rest), /* @__PURE__ */ React.createElement(SkeletonLabel, __spreadValues({ density }, labelProps)), /* @__PURE__ */ React.createElement( | ||
SkeletonElement, | ||
{ | ||
__spreadValues({ | ||
width: compact ? 301 : 316, | ||
height: compact ? 32 : 48, | ||
...inputProps | ||
} | ||
height: compact ? 32 : 48 | ||
}, inputProps) | ||
)); | ||
@@ -22,0 +54,0 @@ }; |
@@ -0,12 +1,43 @@ | ||
var __defProp = Object.defineProperty; | ||
var __defProps = Object.defineProperties; | ||
var __getOwnPropDescs = Object.getOwnPropertyDescriptors; | ||
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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)); | ||
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 React from "react"; | ||
import { SkeletonElement } from "./SkeletonElement"; | ||
const SkeletonLabel = ({ density, ...rest }) => { | ||
const SkeletonLabel = (_a) => { | ||
var _b = _a, { density } = _b, rest = __objRest(_b, ["density"]); | ||
const compact = density === "compact"; | ||
return /* @__PURE__ */ React.createElement( | ||
SkeletonElement, | ||
{ | ||
...rest, | ||
__spreadProps(__spreadValues({}, rest), { | ||
width: compact ? 100 : 115, | ||
height: compact ? 12 : 16 | ||
} | ||
}) | ||
); | ||
@@ -13,0 +44,0 @@ }; |
@@ -0,1 +1,29 @@ | ||
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"; | ||
@@ -5,12 +33,18 @@ import React from "react"; | ||
import { SkeletonLabel } from "./SkeletonLabel"; | ||
const SkeletonRadioButtonGroup = ({ | ||
className, | ||
radioButtons, | ||
density, | ||
labelProps, | ||
inputProps, | ||
...rest | ||
}) => { | ||
const SkeletonRadioButtonGroup = (_a) => { | ||
var _b = _a, { | ||
className, | ||
radioButtons, | ||
density, | ||
labelProps, | ||
inputProps | ||
} = _b, rest = __objRest(_b, [ | ||
"className", | ||
"radioButtons", | ||
"density", | ||
"labelProps", | ||
"inputProps" | ||
]); | ||
const compact = density === "compact"; | ||
return /* @__PURE__ */ React.createElement("div", { className: cn("jkl-skeleton-input", className), ...rest }, /* @__PURE__ */ React.createElement(SkeletonLabel, { density, ...labelProps }), Array.from(Array(radioButtons)).map((_, index) => /* @__PURE__ */ React.createElement( | ||
return /* @__PURE__ */ React.createElement("div", __spreadValues({ className: cn("jkl-skeleton-input", className) }, rest), /* @__PURE__ */ React.createElement(SkeletonLabel, __spreadValues({ density }, labelProps)), Array.from(Array(radioButtons)).map((_, index) => /* @__PURE__ */ React.createElement( | ||
"div", | ||
@@ -31,7 +65,6 @@ { | ||
SkeletonElement, | ||
{ | ||
__spreadValues({ | ||
width: compact ? 201 : 216, | ||
height: compact ? 22 : 24, | ||
...inputProps | ||
} | ||
height: compact ? 22 : 24 | ||
}, inputProps) | ||
) | ||
@@ -38,0 +71,0 @@ ))); |
@@ -0,37 +1,76 @@ | ||
var __defProp = Object.defineProperty; | ||
var __defProps = Object.defineProperties; | ||
var __getOwnPropDescs = Object.getOwnPropertyDescriptors; | ||
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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)); | ||
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"; | ||
const SkeletonTable = ({ | ||
className, | ||
density, | ||
width, | ||
style, | ||
...rest | ||
}) => { | ||
const SkeletonTable = (_a) => { | ||
var _b = _a, { | ||
className, | ||
density, | ||
width, | ||
style | ||
} = _b, rest = __objRest(_b, [ | ||
"className", | ||
"density", | ||
"width", | ||
"style" | ||
]); | ||
return /* @__PURE__ */ React.createElement( | ||
"div", | ||
{ | ||
__spreadProps(__spreadValues({ | ||
className: cn("jkl-skeleton-table", className), | ||
style: { width, ...style }, | ||
...rest, | ||
style: __spreadValues({ width }, style) | ||
}, rest), { | ||
"data-density": density | ||
} | ||
}) | ||
); | ||
}; | ||
const SkeletonTableHeader = ({ | ||
className, | ||
...rest | ||
}) => { | ||
const SkeletonTableHeader = (_c) => { | ||
var _d = _c, { | ||
className | ||
} = _d, rest = __objRest(_d, [ | ||
"className" | ||
]); | ||
return /* @__PURE__ */ React.createElement( | ||
"div", | ||
{ | ||
className: cn("jkl-skeleton-table__header", className), | ||
...rest | ||
} | ||
__spreadValues({ | ||
className: cn("jkl-skeleton-table__header", className) | ||
}, rest) | ||
); | ||
}; | ||
const SkeletonTableRow = ({ | ||
className, | ||
...rest | ||
}) => { | ||
return /* @__PURE__ */ React.createElement("div", { className: cn("jkl-skeleton-table__row", className), ...rest }); | ||
const SkeletonTableRow = (_e) => { | ||
var _f = _e, { | ||
className | ||
} = _f, rest = __objRest(_f, [ | ||
"className" | ||
]); | ||
return /* @__PURE__ */ React.createElement("div", __spreadValues({ className: cn("jkl-skeleton-table__row", className) }, rest)); | ||
}; | ||
@@ -38,0 +77,0 @@ export { |
@@ -0,1 +1,32 @@ | ||
var __defProp = Object.defineProperty; | ||
var __defProps = Object.defineProperties; | ||
var __getOwnPropDescs = Object.getOwnPropertyDescriptors; | ||
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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)); | ||
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"; | ||
@@ -5,25 +36,29 @@ import React from "react"; | ||
import { SkeletonLabel } from "./SkeletonLabel"; | ||
const SkeletonTextArea = ({ | ||
className, | ||
density, | ||
labelProps, | ||
inputProps, | ||
...rest | ||
}) => { | ||
const SkeletonTextArea = (_a) => { | ||
var _b = _a, { | ||
className, | ||
density, | ||
labelProps, | ||
inputProps | ||
} = _b, rest = __objRest(_b, [ | ||
"className", | ||
"density", | ||
"labelProps", | ||
"inputProps" | ||
]); | ||
const compact = density === "compact"; | ||
return /* @__PURE__ */ React.createElement( | ||
"div", | ||
{ | ||
className: cn("jkl-skeleton-input", className), | ||
...rest, | ||
__spreadProps(__spreadValues({ | ||
className: cn("jkl-skeleton-input", className) | ||
}, rest), { | ||
"data-density": density | ||
}, | ||
/* @__PURE__ */ React.createElement(SkeletonLabel, { density, ...labelProps }), | ||
}), | ||
/* @__PURE__ */ React.createElement(SkeletonLabel, __spreadValues({ density }, labelProps)), | ||
/* @__PURE__ */ React.createElement( | ||
SkeletonElement, | ||
{ | ||
__spreadValues({ | ||
width: compact ? 301 : 316, | ||
height: compact ? 148 : 168, | ||
...inputProps | ||
} | ||
height: compact ? 148 : 168 | ||
}, inputProps) | ||
) | ||
@@ -30,0 +65,0 @@ ); |
{ | ||
"name": "@fremtind/jkl-loader-react", | ||
"version": "12.0.31", | ||
"version": "12.0.32", | ||
"publishConfig": { | ||
@@ -40,5 +40,5 @@ "access": "public" | ||
"dependencies": { | ||
"@fremtind/jkl-core": "^14.8.8", | ||
"@fremtind/jkl-loader": "^11.0.30", | ||
"classnames": "^2.3.2" | ||
"@fremtind/jkl-core": "^14.8.9", | ||
"@fremtind/jkl-loader": "^11.0.31", | ||
"classnames": "^2.5.1" | ||
}, | ||
@@ -58,3 +58,3 @@ "peerDependencies": { | ||
}, | ||
"gitHead": "6ccee5218b9cdfd6ccc542d6b9dd9f630422b2ff" | ||
"gitHead": "76fbf2eee70a9b2c2eaa952a65398a70a25688c9" | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
119936
1938
Updated@fremtind/jkl-core@^14.8.9
Updatedclassnames@^2.5.1