@progress/kendo-react-charts/ChartBreadcrumb.js

React Chart renders a wide range of high-quality data visualizations. KendoReact Charts package

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),e=require("prop-types"),F=require("@progress/kendo-react-layout"),I=require("@progress/kendo-react-common"),w=require("@progress/kendo-svg-icons"),C=require("./events/drilldown-state-change-event.js");function h(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(l,r,i.get?i:{enumerable:!0,get:()=>t[r]})}}return l.default=t,Object.freeze(l)}const n=h(v),s=n.forwardRef((t,l)=>{const r=n.useRef(null),i=n.useRef(null),u={valueField:c.valueField,textField:c.textField,iconField:c.iconField,iconClassField:c.iconClassField,...t};n.useImperativeHandle(r,()=>({element:i.current,props:u})),n.useImperativeHandle(l,()=>r.current);let o=[{id:"0",...t.rootItem||{text:"Home",icon:n.createElement(I.SvgIcon,{icon:w.homeIcon,style:{marginInlineEnd:"4px"}})}}];t.drilldownState&&(o=[...o,...t.drilldownState.steps.map((d,a)=>({id:(a+1).toString(),text:d.drilldownValue}))]);const b={...u,data:o},g=d=>{var m;const a="onDrilldownStateChange";if(t.hasOwnProperty(a)){const f=o.findIndex(y=>y.id===d.id),p={steps:(((m=t.drilldownState)==null?void 0:m.steps)||[]).slice(0,f)},S=new C.DrilldownStateChangeEvent({currentState:t.drilldownState,nextState:p});t[a].call(void 0,S)}};return n.createElement("div",null,n.createElement(F.Breadcrumb,{...b,onItemSelect:g}))}),x={id:e.string,style:e.object,className:e.string,breadcrumbOrderedList:e.elementType,breadcrumbListItem:e.elementType,breadcrumbDelimiter:e.elementType,breadcrumbLink:e.elementType,dir:e.oneOf(["ltr","rtl"]),disabled:e.bool,valueField:e.string,textField:e.string,iconField:e.string,iconClassField:e.string,onItemSelect:e.func,ariaLabel:e.string,onDrilldownStateChange:e.func,drilldownState:e.shape({steps:e.array}),rootItem:e.object},c={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass",data:[]};s.displayName="KendoReactChartBreadcrumb";s.propTypes=x;exports.ChartBreadcrumb=s;