@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
90 lines (89 loc) • 4.16 kB
JavaScript
"use client";
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
const _excluded = ["alt", "size", "ratio", "width", "inheritSize", "height", "brand", "variant", "color", "inheritColor", "className"];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
import React, { useContext, useMemo } from 'react';
import classnames from 'classnames';
import Context from '../../shared/Context';
import { validateDOMAttributes, extendPropsWithContext } from '../../shared/component-helper';
import { createSpacingClasses } from '../space/SpacingHelper';
import { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps';
import LogoSvg from './LogoSvg';
const defaultProps = {
size: 'auto',
variant: 'default',
inheritSize: false
};
function Logo(localProps) {
const context = useContext(Context);
const props = extendPropsWithContext(convertSnakeCaseProps(localProps), defaultProps, context.Logo);
const _convertDimensionalPr = convertDimensionalPropsToString(props),
{
alt,
size,
ratio,
width,
inheritSize,
height: heightProp,
brand: brandProp,
variant,
color,
inheritColor,
className: classNameProp
} = _convertDimensionalPr,
rest = _objectWithoutProperties(_convertDimensionalPr, _excluded);
const brand = context.theme ? context.theme.name : brandProp;
const logoType = useMemo(() => {
if (brand === 'sbanken') {
if (variant === 'compact') {
return 'sbankenCompact';
} else if (variant === 'compactHorizontal') {
return 'sbankenHorizontal';
} else {
return 'sbankenDefault';
}
}
return 'dnb';
}, [brand, variant]);
const height = parseFloat(size) > 0 ? size : heightProp;
const altText = logoType === 'dnb' ? 'DNB Logo' : 'Sbanken - et konsept fra DNB logo';
const sharedClasses = classnames(classNameProp, createSpacingClasses(props));
const className = useMemo(() => {
if (logoType === 'dnb') {
return classnames('dnb-logo', sharedClasses, (parseFloat(width) > 0 || parseFloat(height) > 0) && 'dnb-logo--has-size', (inheritSize || size === 'inherit') && 'dnb-logo--inherit-size', inheritColor && 'dnb-logo--inherit-color');
}
return classnames('sbanken-logo', sharedClasses, (parseFloat(width) > 0 || parseFloat(height) > 0) && 'sbanken-logo--has-size', (inheritSize || size === 'inherit') && 'sbanken-logo--inherit-size', inheritColor && 'sbanken-logo--inherit-color');
}, [logoType, sharedClasses, width, height, inheritSize, size, inheritColor]);
const rootParams = _objectSpread({
role: 'img',
'aria-hidden': true,
className,
alt: altText
}, rest);
const svgParams = {
width,
height,
color,
alt: altText
};
const remainingDOMProps = validateDOMAttributes(props, rootParams);
return React.createElement("span", remainingDOMProps, React.createElement(LogoSvg, {
logoType: logoType,
svgParams: svgParams
}));
}
function convertDimensionalPropsToString(allProps) {
return _objectSpread(_objectSpread({}, allProps), {}, {
size: handleTypeToString(allProps.size),
ratio: handleTypeToString(allProps.ratio),
width: handleTypeToString(allProps.width),
height: handleTypeToString(allProps.height)
});
}
function handleTypeToString(val) {
return val ? String(val) : undefined;
}
export default Logo;
//# sourceMappingURL=Logo.js.map