@heycar-uikit/core/header/esm/docs/Canvas.js

The React UI library from HeyCar

import { _ as __assign } from '../tslib.es6-4ac54363.js';
import React from 'react';
import { defaultData } from '../__tests__/Header.mock.js';
import { frenchStyle, germanStyle, spanishStyle, englishStyle } from '../__tests__/navigationItems.mock.js';
import Header from '../Header.js';
import '../../../grid';
import '../../../icons';
import '../../../logo';
import '../../../typography';
import '../components/LanguageList.js';
import '../components/NavigationBurgerMenu.js';
import '../../../collapse';
import '../components/SubNav.js';
import '../components/NavigationDropdown.js';
import '../constants/Header.constants.js';
import '../hooks/useLangList.js';
import '../hooks/useNavigationItem.js';
import '../utils/headerItemHelpers.js';
import '../utils/navigationHelpers.js';

var mapLabelsToValues = function (canvasArgs) {
    var favoritesCount = canvasArgs.favoritesCount;
    var headerProps = __assign({}, canvasArgs);
    delete headerProps.favoritesCount;
    if (canvasArgs.searchItemConfig === true) {
        headerProps.searchItemConfig = defaultData.searchItemConfig;
    }
    else {
        headerProps.searchItemConfig = undefined;
    }
    if (canvasArgs.favoritesItemConfig === true) {
        headerProps.favoritesItemConfig = defaultData.favoritesItemConfig;
        headerProps.favoritesItemConfig.favoritesNumber = favoritesCount;
    }
    else {
        headerProps.favoritesItemConfig = undefined;
    }
    if (canvasArgs.langItemConfig === true) {
        headerProps.langItemConfig = defaultData.langItemConfig;
        // } else if (canvasArgs.langItemConfig === 'Custom Lang select') {
        //   headerProps.langItemConfig = {
        //     currentLang: 'tr-TR',
        //     options: [
        //       {
        //         langCode: 'tr-TR',
        //         label: 'Turkish',
        //         shortName: 'Tur',
        //         href: '#tr-TR',
        //       },
        //       {
        //         langCode: 'yo-NG',
        //         label: 'Yoruba',
        //         shortName: 'Yor',
        //         href: '#yo-NG',
        //       },
        //       {
        //         langCode: 'pl-PL',
        //         label: 'Polish',
        //         shortName: 'Pol',
        //         href: '#pl-PL',
        //       },
        //       {
        //         langCode: 'pt-BR',
        //         label: 'Portuguese',
        //         shortName: 'Prt',
        //         href: '#pt-BR',
        //       },
        //     ],
        //   };
    }
    else {
        headerProps.langItemConfig = undefined;
    }
    if (canvasArgs.accountItemConfig === true) {
        headerProps.accountItemConfig = defaultData.accountItemConfig;
    }
    else {
        headerProps.accountItemConfig = undefined;
    }
    if (canvasArgs.callItemConfig === true) {
        headerProps.callItemConfig = defaultData.callItemConfig;
    }
    else {
        headerProps.callItemConfig = undefined;
    }
    if (canvasArgs.navigation === 'French Style') {
        headerProps.navigation = frenchStyle;
    }
    else if (canvasArgs.navigation === 'German Style') {
        headerProps.navigation = germanStyle;
    }
    else if (canvasArgs.navigation === 'Spanish Style') {
        headerProps.navigation = spanishStyle;
    }
    else {
        headerProps.navigation = englishStyle;
    }
    if (canvasArgs.auxiliaryDetails === true) {
        headerProps.auxiliaryDetails = defaultData.auxiliaryDetails;
    }
    else {
        headerProps.auxiliaryDetails = undefined;
    }
    return headerProps;
};
var HeaderCanvas = function (canvasProps) {
    var props = mapLabelsToValues(canvasProps);
    return React.createElement(Header, __assign({}, props));
};

export { HeaderCanvas };