@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
69 lines (68 loc) • 3.43 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.skeletonDOMAttributes = exports.createSkeletonClass = exports.AutoSize = void 0;
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _componentHelper = require("../../shared/component-helper.js");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
const skeletonDOMAttributes = (params, skeleton, context) => {
if ((0, _componentHelper.isTrue)(skeleton) || skeleton !== false && context !== null && context !== void 0 && context.skeleton) {
var _context$translation;
params.disabled = true;
params['aria-disabled'] = true;
params['aria-label'] = context === null || context === void 0 || (_context$translation = context.translation) === null || _context$translation === void 0 || (_context$translation = _context$translation.Skeleton) === null || _context$translation === void 0 ? void 0 : _context$translation.aria_busy;
}
return params;
};
exports.skeletonDOMAttributes = skeletonDOMAttributes;
const createSkeletonClass = (method, skeleton, context, className = null) => {
if ((0, _componentHelper.isTrue)(skeleton) || skeleton !== false && context !== null && context !== void 0 && context.skeleton) {
return (0, _classnames.default)(className, 'dnb-skeleton', method && `dnb-skeleton--${method}`);
}
return className;
};
exports.createSkeletonClass = createSkeletonClass;
class AutoSize extends _react.default.Component {
render() {
const {
className,
children,
__element: Comp,
style,
...props
} = this.props;
const string = (0, _componentHelper.convertJsxToString)(children);
if (typeof string === 'string') {
const countChars = string.trim().length;
if (countChars > 0) {
return _react.default.createElement(Comp, {
className: (0, _classnames.default)("dnb-skeleton dnb-skeleton--font", className),
'data-skeleton-chars': String(countChars),
style: {
...(style || {}),
'--skeleton-chars': `${countChars}ch`
},
...props
}, children);
}
}
return _react.default.createElement(Comp, _extends({}, props, {
className: className,
style: style
}));
}
}
exports.AutoSize = AutoSize;
_defineProperty(AutoSize, "defaultProps", {
__element: null,
children: null,
className: null,
style: null
});
//# sourceMappingURL=SkeletonHelper.js.map