New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@fremtind/jkl-loader-react

Package Overview
Dependencies
Maintainers
0
Versions
222
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@fremtind/jkl-loader-react - npm Package Compare versions

Comparing version 12.0.31 to 12.0.32

58

build/cjs/Loader.js

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc