pragmate-ui/breadcrumb/breadcrumb.browser.mjs

An advanced, on-demand React UI library optimized for BeyondJS. Pragmate UI provides modular, responsive, and accessible components with a focus on efficient bundle sizes and a streamlined development process.

import * as dependency_0 from '@beyond-js/kernel/bundle';
import * as dependency_1 from '@beyond-js/kernel/styles';
import * as dependency_2 from 'react';
import * as dependency_3 from '@beyond-js/kernel/routing';
import * as dependency_4 from '@beyond-js/react-18-widgets/hooks';
import * as dependency_5 from 'uuid';
import * as dependency_6 from 'pragmate-ui/components';

const {Bundle: __Bundle} = dependency_0;
const __pkg = new __Bundle({"module":{"vspecifier":"pragmate-ui@1.0.1/breadcrumb"},"type":"code"}, import.meta.url).package();;

__pkg.dependencies.update([['@beyond-js/kernel/styles', dependency_1],['react', dependency_2],['@beyond-js/kernel/routing', dependency_3],['@beyond-js/react-18-widgets/hooks', dependency_4],['uuid', dependency_5],['pragmate-ui/components', dependency_6]]);

brequire('@beyond-js/kernel/styles').styles.register('pragmate-ui@1.0.1/breadcrumb')


const ims = new Map();

/***********************
INTERNAL MODULE: ./index
***********************/

ims.set('./index', {hash: 3543951005, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.BreadCrumb = BreadCrumb;
var _react = require("react");
var _routing = require("@beyond-js/kernel/routing");
var _hooks = require("@beyond-js/react-18-widgets/hooks");
var _uuid = require("uuid");
var _item = require("./item");
/* bundle */function BreadCrumb({
  items,
  separator = '/',
  className,
  children,
  ...props
}) {
  const [currentRouting, setCurrentRouting] = _react.default.useState(_routing.routing.uri.pathname);
  (0, _hooks.useBinder)([_routing.routing], () => setCurrentRouting(_routing.routing.uri.pathname));
  const total = items.length;
  const breadcrumbOutput = items.map(([label, link], index) => _react.default.createElement(_item.Item, {
    key: (0, _uuid.v4)(),
    total: total,
    index: index,
    separator: separator,
    link: link,
    label: label,
    last: total === index + 1,
    currentRouting: currentRouting
  }));
  let cls = `pui-breadcrumb__container${className ? ` ${className}` : ''}`;
  return _react.default.createElement("div", {
    className: cls,
    ...props
  }, breadcrumbOutput.length > 0 && _react.default.createElement("ul", {
    className: "pui-breadcrumb"
  }, breadcrumbOutput), children && _react.default.createElement("div", null, children));
}
}});

/**********************
INTERNAL MODULE: ./item
**********************/

ims.set('./item', {hash: 2741562250, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Item = Item;
var _react = require("react");
var _components = require("pragmate-ui/components");
function Item({
  link,
  label,
  last,
  currentRouting,
  index,
  total,
  separator = '>'
}) {
  const isChecked = link === currentRouting || last ? 'breadcrumb__item--current' : 'breadcrumb__item';
  const isFunction = typeof link === 'function';
  const attrs = {};
  if (isFunction) {
    attrs.onClick = link;
  } else {
    attrs.href = link;
  }
  return _react.default.createElement("li", {
    key: `${link} ${label}`,
    className: "pui-breadcrumb-item__container"
  }, _react.default.createElement(_components.Link, {
    className: isChecked,
    ...attrs
  }, label, total > index + 1 && _react.default.createElement("span", {
    className: "pui-breadcrumb__separator"
  }, separator)));
}
}});

/***********************
INTERNAL MODULE: ./types
***********************/

ims.set('./types', {hash: 2303835339, creator: function (require, exports) {
"use strict";

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

__pkg.exports.descriptor = [{"im":"./index","from":"BreadCrumb","name":"BreadCrumb"}];

export let BreadCrumb;

// Module exports
__pkg.exports.process = function({require, prop, value}) {
    (require || prop === 'BreadCrumb') && (BreadCrumb = require ? require('./index').BreadCrumb : value);

};
export const __beyond_pkg = __pkg;

export const hmr = new (function () {
    this.on = (event, listener) => void 0;
    this.off = (event, listener) => void 0;
});


__pkg.initialise(ims);
//# sourceMappingURL=breadcrumb.browser.mjs.map