@dnb/eufemia/cjs/components/logo/Logo.js

DNB Eufemia Design System UI Library

"use strict";
"use client";

Object.defineProperty(exports, "__esModule", {
  value: true
});
var _exportNames = {};
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _Context = _interopRequireDefault(require("../../shared/Context.js"));
var _componentHelper = require("../../shared/component-helper.js");
var _SpacingHelper = require("../space/SpacingHelper.js");
var _withSnakeCaseProps = require("../../shared/helpers/withSnakeCaseProps.js");
var _LogoSvg = _interopRequireWildcard(require("./LogoSvg.js"));
Object.keys(_LogoSvg).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
  if (key in exports && exports[key] === _LogoSvg[key]) return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function () {
      return _LogoSvg[key];
    }
  });
});
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
const defaultProps = {
  size: 'auto',
  variant: 'default',
  inheritSize: false
};
function Logo(localProps) {
  const context = (0, _react.useContext)(_Context.default);
  const props = (0, _componentHelper.extendPropsWithContext)((0, _withSnakeCaseProps.convertSnakeCaseProps)(localProps), defaultProps, context.Logo);
  const {
    alt,
    size,
    ratio,
    width,
    inheritSize,
    height: heightProp,
    brand: brandProp,
    variant,
    color,
    inheritColor,
    className: classNameProp,
    svg,
    ...rest
  } = convertDimensionalPropsToString(props);
  const brand = (0, _react.useMemo)(() => {
    if (brandProp) {
      return brandProp === 'ui' ? 'dnb' : brandProp;
    }
    if (context !== null && context !== void 0 && context.theme) {
      switch (context.theme.name) {
        case 'ui':
        case 'eiendom':
          return 'dnb';
      }
      return context.theme.name;
    }
    return 'dnb';
  }, [brandProp, context === null || context === void 0 ? void 0 : context.theme]);
  const logoType = (0, _react.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 = (0, _react.useMemo)(() => {
    const alt = svg === null || svg === void 0 ? void 0 : svg['alt'];
    if (alt) {
      return alt;
    }
    switch (brand) {
      case 'sbanken':
        return _LogoSvg.SbankenLogoAlt;
      case 'dnb':
        return _LogoSvg.DnbLogoAlt;
    }
  }, [brand, svg]);
  const sharedClasses = (0, _classnames.default)(classNameProp, (0, _SpacingHelper.createSpacingClasses)(props));
  const className = (0, _react.useMemo)(() => {
    return (0, _classnames.default)(`${brand}-logo`, sharedClasses, (parseFloat(width) > 0 || parseFloat(height) > 0) && `${brand}-logo--has-size`, (inheritSize || size === 'inherit') && `${brand}-logo--inherit-size`, inheritColor && `${brand}-logo--inherit-color`);
  }, [brand, sharedClasses, width, height, inheritSize, size, inheritColor]);
  const rootParams = {
    role: 'img',
    'aria-hidden': true,
    className,
    alt: altText,
    ...rest
  };
  const svgParams = {
    width,
    height,
    color,
    alt: altText
  };
  const remainingDOMProps = (0, _componentHelper.validateDOMAttributes)(props, rootParams);
  return _react.default.createElement("span", remainingDOMProps, svg ? renderCustomSvg(svg, svgParams) : _react.default.createElement(_LogoSvg.default, {
    logoType: logoType,
    svgParams: svgParams
  }));
}
function convertDimensionalPropsToString(allProps) {
  return {
    ...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;
}
function renderCustomSvg(svg, svgParams) {
  if (_react.default.isValidElement(svg)) {
    return _react.default.cloneElement(svg, {
      ...svgParams,
      ...svg.props
    });
  }
  const SvgComponent = svg;
  return _react.default.createElement(SvgComponent, svgParams);
}
var _default = exports.default = Logo;
//# sourceMappingURL=Logo.js.map