@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
56 lines (55 loc) • 1.75 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.AutoSize = AutoSize;
exports.skeletonDOMAttributes = exports.createSkeletonClass = void 0;
var _clsx = require("clsx");
var _componentHelper = require("../../shared/component-helper.js");
var _jsxRuntime = require("react/jsx-runtime");
const skeletonDOMAttributes = (params, skeleton, context) => {
if (skeleton || skeleton !== false && context?.skeleton) {
params.disabled = true;
params['aria-disabled'] = true;
params['aria-label'] = context?.translation?.Skeleton?.ariaBusy;
}
return params;
};
exports.skeletonDOMAttributes = skeletonDOMAttributes;
const createSkeletonClass = (method, skeleton, context, className = null) => {
if (skeleton || skeleton !== false && context?.skeleton) {
return (0, _clsx.clsx)(className, 'dnb-skeleton', method && `dnb-skeleton--${method}`);
}
return className;
};
exports.createSkeletonClass = createSkeletonClass;
function AutoSize({
__element: Comp = null,
children = null,
className = null,
style = null,
...props
}) {
const string = (0, _componentHelper.convertJsxToString)(children);
if (typeof string === 'string') {
const countChars = string.trim().length;
if (countChars > 0) {
return (0, _jsxRuntime.jsx)(Comp, {
className: (0, _clsx.clsx)(className, 'dnb-skeleton', 'dnb-skeleton--font'),
"data-skeleton-chars": String(countChars),
style: {
...(style || {}),
'--skeleton-chars': `${countChars}ch`
},
...props,
children: children
});
}
}
return (0, _jsxRuntime.jsx)(Comp, {
...props,
className: className,
style: style
});
}
//# sourceMappingURL=SkeletonHelper.js.map