react-instantsearch/dist/cjs/ui/Breadcrumb.js

⚡ Lightning-fast search for React, by Algolia

'use strict';

var _object_spread = require('@swc/helpers/_/_object_spread');
var _object_spread_props = require('@swc/helpers/_/_object_spread_props');
var _object_without_properties = require('@swc/helpers/_/_object_without_properties');
var instantsearchUiComponents = require('instantsearch-ui-components');
var React = require('react');
var isModifierClick = require('./lib/isModifierClick.js');

function Breadcrumb(_0) {
    var _0_classNames = _0.classNames, classNames = _0_classNames === void 0 ? {} : _0_classNames, _0_items = _0.items, items = _0_items === void 0 ? [] : _0_items, hasItems = _0.hasItems, createURL = _0.createURL, onNavigate = _0.onNavigate, _0_separator = _0.separator, separator = _0_separator === void 0 ? '>' : _0_separator, translations = _0.translations, props = _object_without_properties._(_0, [
        "classNames",
        "items",
        "hasItems",
        "createURL",
        "onNavigate",
        "separator",
        "translations"
    ]);
    var handleClick = function handleClick(value) {
        return function(event) {
            if (!isModifierClick.isModifierClick(event)) {
                event.preventDefault();
                onNavigate(value);
            }
        };
    };
    return /*#__PURE__*/ React.createElement("div", _object_spread_props._(_object_spread._({}, props), {
        className: instantsearchUiComponents.cx('ais-Breadcrumb', classNames.root, !hasItems && instantsearchUiComponents.cx('ais-Breadcrumb--noRefinement', classNames.noRefinementRoot), props.className)
    }), /*#__PURE__*/ React.createElement("ul", {
        className: instantsearchUiComponents.cx('ais-Breadcrumb-list', classNames.list)
    }, /*#__PURE__*/ React.createElement("li", {
        className: instantsearchUiComponents.cx('ais-Breadcrumb-item', classNames.item, !hasItems && instantsearchUiComponents.cx('ais-Breadcrumb-item--selected', classNames.selectedItem))
    }, /*#__PURE__*/ React.createElement("a", {
        href: createURL(null),
        onClick: handleClick(null),
        className: instantsearchUiComponents.cx('ais-Breadcrumb-link', classNames.link)
    }, translations.rootElementText)), items.map(function(item, index) {
        var isLast = index === items.length - 1;
        return /*#__PURE__*/ React.createElement("li", {
            key: index,
            className: instantsearchUiComponents.cx('ais-Breadcrumb-item', classNames.item, isLast && instantsearchUiComponents.cx('ais-Breadcrumb-item--selected', classNames.selectedItem))
        }, /*#__PURE__*/ React.createElement("span", {
            "aria-hidden": "true",
            className: instantsearchUiComponents.cx('ais-Breadcrumb-separator', classNames.separator)
        }, separator), isLast ? item.label : /*#__PURE__*/ React.createElement("a", {
            className: instantsearchUiComponents.cx('ais-Breadcrumb-link', classNames.link),
            href: createURL(item.value),
            onClick: handleClick(item.value)
        }, item.label));
    })));
}

exports.Breadcrumb = Breadcrumb;