@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
55 lines • 1.72 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import React from 'react';
import classnames from 'classnames';
import { convertJsxToString, isTrue } from "../../shared/component-helper.js";
export const skeletonDOMAttributes = (params, skeleton, context) => {
if (isTrue(skeleton) || skeleton !== false && context?.skeleton) {
params.disabled = true;
params['aria-disabled'] = true;
params['aria-label'] = context?.translation?.Skeleton?.aria_busy;
}
return params;
};
export const createSkeletonClass = (method, skeleton, context, className = null) => {
if (isTrue(skeleton) || skeleton !== false && context?.skeleton) {
return classnames(className, 'dnb-skeleton', method && `dnb-skeleton--${method}`);
}
return className;
};
export class AutoSize extends React.Component {
static defaultProps = {
__element: null,
children: null,
className: null,
style: null
};
render() {
const {
className,
children,
__element: Comp,
style,
...props
} = this.props;
const string = convertJsxToString(children);
if (typeof string === 'string') {
const countChars = string.trim().length;
if (countChars > 0) {
return React.createElement(Comp, {
className: classnames("dnb-skeleton dnb-skeleton--font", className),
'data-skeleton-chars': String(countChars),
style: {
...(style || {}),
'--skeleton-chars': `${countChars}ch`
},
...props
}, children);
}
}
return React.createElement(Comp, _extends({}, props, {
className: className,
style: style
}));
}
}
//# sourceMappingURL=SkeletonHelper.js.map