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

The React UI library from HeyCar

Object.defineProperty(exports, '__esModule', { value: true });

var tslib_es6 = require('../tslib.es6-0efb545c.js');
var React = require('react');
var __tests___Header_mock = require('../__tests__/Header.mock.js');
var __tests___navigationItems_mock = require('../__tests__/navigationItems.mock.js');
var Header = require('../Header.js');
require('../../../grid/cssm');
require('../../../icons/cssm');
require('../../../logo/cssm');
require('../../../typography/cssm');
require('../components/LanguageList.js');
require('../constants/Header.constants.js');
require('../utils/headerItemHelpers.js');
require('../styles/languageList.module.css');
require('../components/NavigationBurgerMenu.js');
require('../../../collapse/cssm');
require('../hooks/useNavigationItem.js');
require('../utils/navigationHelpers.js');
require('../components/SubNav.js');
require('../styles/subNav.module.css');
require('../styles/navigationBurgerMenu.module.css');
require('../components/NavigationDropdown.js');
require('../styles/navigationDropdown.module.css');
require('../hooks/useLangList.js');
require('../styles/default.module.css');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

var mapLabelsToValues = function (canvasArgs) {
    var favoritesCount = canvasArgs.favoritesCount;
    var headerProps = tslib_es6.__assign({}, canvasArgs);
    delete headerProps.favoritesCount;
    if (canvasArgs.searchItemConfig === true) {
        headerProps.searchItemConfig = __tests___Header_mock.defaultData.searchItemConfig;
    }
    else {
        headerProps.searchItemConfig = undefined;
    }
    if (canvasArgs.favoritesItemConfig === true) {
        headerProps.favoritesItemConfig = __tests___Header_mock.defaultData.favoritesItemConfig;
        headerProps.favoritesItemConfig.favoritesNumber = favoritesCount;
    }
    else {
        headerProps.favoritesItemConfig = undefined;
    }
    if (canvasArgs.langItemConfig === true) {
        headerProps.langItemConfig = __tests___Header_mock.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 = __tests___Header_mock.defaultData.accountItemConfig;
    }
    else {
        headerProps.accountItemConfig = undefined;
    }
    if (canvasArgs.callItemConfig === true) {
        headerProps.callItemConfig = __tests___Header_mock.defaultData.callItemConfig;
    }
    else {
        headerProps.callItemConfig = undefined;
    }
    if (canvasArgs.navigation === 'French Style') {
        headerProps.navigation = __tests___navigationItems_mock.frenchStyle;
    }
    else if (canvasArgs.navigation === 'German Style') {
        headerProps.navigation = __tests___navigationItems_mock.germanStyle;
    }
    else if (canvasArgs.navigation === 'Spanish Style') {
        headerProps.navigation = __tests___navigationItems_mock.spanishStyle;
    }
    else {
        headerProps.navigation = __tests___navigationItems_mock.englishStyle;
    }
    if (canvasArgs.auxiliaryDetails === true) {
        headerProps.auxiliaryDetails = __tests___Header_mock.defaultData.auxiliaryDetails;
    }
    else {
        headerProps.auxiliaryDetails = undefined;
    }
    return headerProps;
};
var HeaderCanvas = function (canvasProps) {
    var props = mapLabelsToValues(canvasProps);
    return React__default["default"].createElement(Header, tslib_es6.__assign({}, props));
};

exports.HeaderCanvas = HeaderCanvas;