@progress/kendo-react-layout 6.1.1 → 7.0.0-develop.1

package/dist/es/breadcrumb/Breadcrumb.d.ts

@@ -1,159 +0,0 @@
-import * as React from 'react';
-import { BaseEvent } from '@progress/kendo-react-common';
-import { BreadcrumbListItemProps } from './BreadcrumbListItem';
-import { BreadcrumbDelimiterProps } from './BreadcrumbDelimiter';
-import { BreadcrumbLinkHandle, BreadcrumbLinkProps } from './BreadcrumbLink';
-import { BreadcrumbOrderedListProps } from './BreadcrumbOrderedList';
-/**
- * Represents the properties of [Breadcrumb](% slug api_layout_breadcrumb %) component.
- */
-export interface BreadcrumbProps {
-    /**
-     * Sets the `id` property of the top `div` element of the Breadcrumb.
-     */
-    id?: string;
-    /**
-     * Sets additional CSS styles to the Breadcrumb.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets additional classes to the Breadcrumb.
-     */
-    className?: string;
-    /**
-     * Represents the Breadcrumb ordered list component.
-     */
-    breadcrumbOrderedList?: React.ComponentType<BreadcrumbOrderedListProps>;
-    /**
-     * Represents the Breadcrumb list item component.
-     */
-    breadcrumbListItem?: React.ComponentType<BreadcrumbListItemProps>;
-    /**
-     * Represents the Breadcrumb delimiter component.
-     */
-    breadcrumbDelimiter?: React.ComponentType<BreadcrumbDelimiterProps>;
-    /**
-     * Represents the Breadcrumb link component.
-     */
-    breadcrumbLink?: React.ComponentType<BreadcrumbLinkProps>;
-    /**
-     * Represents the data of the Breadcrumb from type DataModel.
-     */
-    data: DataModel[];
-    /**
-     * Specifies the padding of all Breadcrumb elements.
-     *
-     * The possible values are:
-     * * `small`
-     * * `medium`
-     * * `large`
-     *
-     * @default `medium`
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * The Breadcrumb direction `ltr` or `rtl`.
-     */
-    dir?: 'ltr' | 'rtl';
-    /**
-     * Sets the `tabIndex` attribute to the Breadcrumb.
-     */
-    tabIndex?: number;
-    /**
-     * Determines the `disabled` mode of the Breadcrumb. If `true`, the component is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Represents the `value` field. Used for setting the key of the BreadcrumbListItem component and the `id` of the BreadcrumbLink component.
-     */
-    valueField?: string;
-    /**
-     * Represents the `text` field. Used for setting the `text` inside the BreadcrumbLink component.
-     */
-    textField?: string;
-    /**
-     * Represents the `icon` field. Used for setting the `icon` inside the BreadcrumbLink component.
-     */
-    iconField?: string;
-    /**
-     * Represents the `iconClass` field. Used for setting the `iconClass` inside the BreadcrumbLink component.
-     */
-    iconClassField?: string;
-    /**
-     * Represents the `onItemSelect` event. Triggered after click on the Breadcrumb.
-     */
-    onItemSelect?: (event: BreadcrumbLinkMouseEvent) => void;
-    /**
-     * Represents the `onKeyDown` event. Triggered after keyboard click on the Breadcrumb.
-     */
-    onKeyDown?: (event: BreadcrumbLinkKeyDownEvent) => void;
-    /**
-     * Represents the label of the Breadcrumb component.
-     */
-    ariaLabel?: string;
-}
-/**
- * Represents the DataModel object type.
- */
-export interface DataModel {
-    /**
-     * Represents the `id` of the data object.
-     * Used for setting the `key` of the BreadcrumbListItem component and the `id` of the BreadcrumbLink component.
-     */
-    id?: string;
-    /**
-     * Represents the `text` used inside the BreadcrumbLink component.
-     */
-    text?: string;
-    /**
-     * Represents the `icon` used inside the BreadcrumbLink component.
-     */
-    icon?: React.ReactNode;
-    /**
-     * Represents the `iconClass` used inside the BreadcrumbLink component.
-     */
-    iconClass?: string;
-    /**
-     * @hidden
-     */
-    disabled?: boolean;
-}
-/**
- * Represents the target (element, props, and focus()) of the `BreadcrumbClickEvent`.
- */
-export interface BreadcrumbHandle {
-    /**
-     * The current element or `null` if there is none.
-     */
-    element: HTMLDivElement | null;
-    /**
-     * The props values of the Breadcrumb.
-     */
-    props: BreadcrumbProps;
-    /**
-     * The `focus` method of the Breadcrumb component.
-     */
-    focus: () => void;
-}
-/**
- * Represents the `BreadcrumbLinkMouseEvent`.
- */
-export interface BreadcrumbLinkMouseEvent extends BaseEvent<BreadcrumbLinkHandle> {
-    /**
-     * Represents the `id` of the `BreadcrumbLinkMouseEvent`.
-     */
-    id?: string;
-}
-/**
- * Represents the `BreadcrumbLinkKeyDownEvent`.
- */
-export interface BreadcrumbLinkKeyDownEvent extends BaseEvent<BreadcrumbLinkHandle> {
-    /**
-     * Represents the `id` of the `BreadcrumbLinkKeyDownEvent`.
-     */
-    id?: string;
-}
-/**
- * Represents the Breadcrumb component.
- */
-export declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<BreadcrumbHandle | null>>;

package/dist/es/breadcrumb/Breadcrumb.js

@@ -1,118 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-import { classNames, useDir, dispatchEvent, kendoThemeMaps } from '@progress/kendo-react-common';
-import { BreadcrumbListItem } from './BreadcrumbListItem';
-import { BreadcrumbDelimiter } from './BreadcrumbDelimiter';
-import { BreadcrumbLink } from './BreadcrumbLink';
-import { BreadcrumbOrderedList } from './BreadcrumbOrderedList';
-/**
- * Represents the Breadcrumb component.
- */
-export var Breadcrumb = React.forwardRef(function (props, ref) {
-    var _a;
-    validatePackage(packageMetadata);
-    var target = React.useRef(null);
-    var breadcrumbRef = React.useRef(null);
-    var OrderedListComponent = React.useMemo(function () { return props.breadcrumbOrderedList || BreadcrumbOrderedList; }, [props.breadcrumbOrderedList]);
-    var ListItemComponent = React.useMemo(function () { return props.breadcrumbListItem || BreadcrumbListItem; }, [props.breadcrumbListItem]);
-    var DelimiterComponent = React.useMemo(function () { return props.breadcrumbDelimiter || BreadcrumbDelimiter; }, [props.breadcrumbDelimiter]);
-    var LinkComponent = React.useMemo(function () { return props.breadcrumbLink || BreadcrumbLink; }, [props.breadcrumbLink]);
-    var focus = React.useCallback(function () {
-        if (breadcrumbRef.current) {
-            breadcrumbRef.current.focus();
-        }
-    }, [breadcrumbRef]);
-    var disabled = React.useMemo(function () { return props.disabled || false; }, [props.disabled]);
-    React.useImperativeHandle(target, function () { return ({
-        element: breadcrumbRef.current,
-        focus: focus,
-        props: props
-    }); });
-    React.useImperativeHandle(ref, function () { return target.current; });
-    var dir = useDir(breadcrumbRef, props.dir);
-    var handleItemSelect = function (event) {
-        if (target.current) {
-            dispatchEvent(props.onItemSelect, event, event.target, { id: event.target.id });
-        }
-    };
-    var handleKeyDown = function (event) {
-        if (target.current) {
-            dispatchEvent(props.onKeyDown, event, event.target, { id: event.target.id });
-        }
-    };
-    var valueField = (props.valueField || defaultProps.valueField);
-    var iconField = (props.iconField || defaultProps.iconField);
-    var iconClassField = (props.iconClassField || defaultProps.iconClassField);
-    var textField = (props.textField || defaultProps.textField);
-    var size = props.size || 'medium';
-    return (React.createElement("nav", { "aria-label": props.ariaLabel, id: props.id, style: props.style, ref: breadcrumbRef, dir: dir, className: classNames('k-breadcrumb k-breadcrumb-wrap', (_a = {
-                'k-rtl': dir === 'rtl',
-                'k-disabled': disabled,
-                'k-breadcrumb-md': !props.size
-            },
-            _a["k-breadcrumb-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
-            _a), props.className) },
-        React.createElement(OrderedListComponent, { rootItem: true },
-            React.createElement(React.Fragment, null, props.data.map(function (item, index, data) {
-                var key = item[valueField];
-                if (index === 0) {
-                    return (React.createElement(ListItemComponent, { key: key, isFirstItem: true, isLastItem: data.length - 1 === index },
-                        React.createElement(LinkComponent, __assign({ isLast: data.length - 1 === index, isFirst: true, id: String(key), icon: item[iconField] || undefined, iconClass: item[iconClassField] ? String(item[iconClassField]) : undefined, text: item[textField] ? String(item[textField]) : undefined, disabled: item.disabled || false, onItemSelect: handleItemSelect, onKeyDown: handleKeyDown }, props))));
-                }
-            }))),
-        React.createElement(OrderedListComponent, { rootItem: false },
-            React.createElement(React.Fragment, null, props.data.map(function (item, index, data) {
-                var key = item[valueField];
-                if (index !== 0) {
-                    return (React.createElement(ListItemComponent, { key: key, isFirstItem: false, isLastItem: data.length - 1 === index },
-                        React.createElement(DelimiterComponent, { dir: dir }),
-                        React.createElement(LinkComponent, __assign({ isLast: data.length - 1 === index, isFirst: false, id: String(key), icon: item[iconField] || undefined, iconClass: item[iconClassField] ? String(item[iconClassField]) : undefined, text: item[textField] ? String(item[textField]) : undefined, disabled: item.disabled || false, onItemSelect: handleItemSelect, onKeyDown: handleKeyDown }, props))));
-                }
-            })))));
-});
-var propTypes = {
-    id: PropTypes.string,
-    style: PropTypes.object,
-    className: PropTypes.string,
-    breadcrumbOrderedList: PropTypes.elementType,
-    breadcrumbListItem: PropTypes.elementType,
-    breadcrumbDelimiter: PropTypes.elementType,
-    breadcrumbLink: PropTypes.elementType,
-    data: PropTypes.arrayOf(PropTypes.shape({
-        id: PropTypes.string,
-        text: PropTypes.string,
-        icon: PropTypes.any,
-        iconClass: PropTypes.string
-    })),
-    dir: PropTypes.oneOf(['ltr', 'rtl']),
-    disabled: PropTypes.bool,
-    valueField: PropTypes.string,
-    textField: PropTypes.string,
-    iconField: PropTypes.string,
-    iconClassField: PropTypes.string,
-    onItemSelect: PropTypes.func,
-    ariaLabel: PropTypes.string
-};
-var defaultProps = {
-    valueField: 'id',
-    textField: 'text',
-    iconField: 'icon',
-    iconClassField: 'iconClass'
-};
-Breadcrumb.displayName = 'KendoReactBreadcrumb';
-// TODO: delete casting when @types/react is updated!
-Breadcrumb.propTypes = propTypes;
-Breadcrumb.defaultProps = defaultProps;

package/dist/es/breadcrumb/BreadcrumbDelimiter.d.ts

@@ -1,43 +0,0 @@
-import * as React from 'react';
-/**
- * Represents the properties of [BreadcrumbDelimiter](% slug api_layout_breadcrumbdelimiter %) component.
- */
-export interface BreadcrumbDelimiterProps {
-    /**
-     * Sets the `id` property of the BreadcrumbDelimiter component.
-     */
-    id?: string;
-    /**
-     * Sets additional classes to the BreadcrumbDelimiter component.
-     */
-    className?: string;
-    /**
-     * Sets additional CSS styles to the BreadcrumbDelimiter component.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the `tabIndex` attribute to the BreadcrumbDelimiter.
-     */
-    tabIndex?: number;
-    /**
-     * @hidden
-     */
-    dir?: string;
-}
-/**
- * Represents the target (element, props, and focus()) of the BreadcrumbDelimiter.
- */
-export interface BreadcrumbDelimiterHandle {
-    /**
-     * The current element or `null` if there is none.
-     */
-    element: HTMLSpanElement | null;
-    /**
-     * The props values of the BreadcrumbDelimiter.
-     */
-    props: BreadcrumbDelimiterProps;
-}
-/**
- * Represents the BreadcrumbDelimiter component.
- */
-export declare const BreadcrumbDelimiter: React.ForwardRefExoticComponent<BreadcrumbDelimiterProps & React.RefAttributes<BreadcrumbDelimiterHandle | null>>;

package/dist/es/breadcrumb/BreadcrumbDelimiter.js

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { validatePackage } from '@progress/kendo-licensing';
-import { IconWrap } from '@progress/kendo-react-common';
-import { chevronLeftIcon, chevronRightIcon } from '@progress/kendo-svg-icons';
-import { packageMetadata } from '../package-metadata';
-/**
- * Represents the BreadcrumbDelimiter component.
- */
-export var BreadcrumbDelimiter = React.forwardRef(function (props, ref) {
-    validatePackage(packageMetadata);
-    var target = React.useRef(null);
-    var breadcrumbDelimiterRef = React.useRef(null);
-    React.useImperativeHandle(target, function () {
-        var _a;
-        return ({
-            element: ((_a = breadcrumbDelimiterRef.current) === null || _a === void 0 ? void 0 : _a.element) || null,
-            props: props
-        });
-    });
-    React.useImperativeHandle(ref, function () { return target.current; });
-    return (React.createElement(IconWrap, { ref: breadcrumbDelimiterRef, id: props.id, "aria-hidden": true, tabIndex: props.tabIndex, style: props.style, name: props.dir === 'rtl' ? 'chevron-left' : 'chevron-right', icon: props.dir === 'rtl' ? chevronLeftIcon : chevronRightIcon, className: "k-breadcrumb-delimiter-icon", size: 'xsmall' }));
-});
-var propTypes = {
-    id: PropTypes.string,
-    className: PropTypes.string,
-    style: PropTypes.object,
-    tabIndex: PropTypes.number,
-    dir: PropTypes.string
-};
-BreadcrumbDelimiter.displayName = 'KendoReactBreadcrumbDelimiter';
-BreadcrumbDelimiter.propTypes = propTypes;

package/dist/es/breadcrumb/BreadcrumbLink.d.ts

@@ -1,131 +0,0 @@
-import * as React from 'react';
-import { BaseEvent } from '@progress/kendo-react-common';
-/**
- * Represents the properties of [BreadcrumbLink](% slug api_layout_breadcrumblink %) component.
- */
-export interface BreadcrumbLinkProps {
-    /**
-     * Sets the `id` property of the top `div` element of the BreadcrumbLink.
-     */
-    id?: string;
-    /**
-     * Sets additional classes to the BreadcrumbLink.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets additional classes to the BreadcrumbLink.
-     */
-    className?: string;
-    /**
-     * Sets the `tabIndex` attribute to the BreadcrumbLink.
-     */
-    tabIndex?: number;
-    /**
-     * The Breadcrumb direction `ltr` or `rtl`.
-     */
-    dir?: string;
-    /**
-     * Determines the `disabled` mode of the BreadcrumbLink. If `true`, the component is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Represents the `text` of the BreadcrumbLink component.
-     */
-    text?: string;
-    /**
-     * Represents the `icon` of the BreadcrumbLink component.
-     */
-    icon?: React.ReactNode;
-    /**
-     * Represents the `iconClass` of the BreadcrumbLink component.
-     */
-    iconClass?: string;
-    /**
-     * Represents the `onItemSelect` event. Triggered after click on the BreadcrumbLink item.
-     */
-    onItemSelect?: (event: BaseEvent<BreadcrumbLinkHandle>) => void;
-    /**
-     * Represents the `onKeyDown` event. Triggered after key down on the BreadcrumbLink item.
-     */
-    onKeyDown?: (event: BaseEvent<BreadcrumbLinkHandle>) => void;
-    /**
-     * Sets the `aria-current` value.
-     */
-    ariaCurrent?: boolean;
-    /**
-     * @hidden
-     */
-    isLast?: boolean;
-    /**
-     * @hidden
-     */
-    isFirst?: boolean;
-}
-/**
- * Represents the target (element, props, and focus()) of the `BreadcrumbClickEvent`.
- */
-export interface BreadcrumbLinkHandle {
-    /**
-     * The current element or `null` if there is none.
-     */
-    element: HTMLLIElement | null;
-    /**
-     * The props values of the BreadcrumbLink.
-     */
-    props: BreadcrumbLinkProps;
-    /**
-     * The `focus` method of the BreadcrumbLink component.
-     */
-    focus: () => void;
-}
-/**
- * Represents the [BreadcrumbLink](% slug api_layout_breadcrumblink %) component.
- *
- * @example
- * ```jsx
- * import { Breadcrumb, BreadcrumbLink } from '@progress/kendo-react-layout';
- * const items = [
- *   {
- *     id: 'home',
- *     text: 'Home',
- *     iconClass: 'k-i-home',
- *   },
- *   {
- *     id: 'products',
- *     text: 'Products',
- *   },
- *   {
- *     id: 'computer',
- *     text: 'Computer',
- *   }
- * ];
- *
- * const App = () => {
- * const [data,setData] = React.useState(items);
- * const handleItemSelect = (event, id) => {
- *   const itemIndex = data.findIndex((curValue) => curValue.id === id);
- *   const newData = data.slice(0, itemIndex + 1);
- *   setData(newData);
- * };
- *
- * const CustomLink = (data) => {
- *  return (
- *     <BreadcrumbLink
- *       id={data.id}
- *       text={data.text}
- *       onItemSelect={(event) => handleItemSelect(event, data.id)}
- *     />
- *   );
- * };
- *
- * return (
- *   <Breadcrumb
- *     data={data}
- *     breadcrumbLink={(items) => CustomLink(items)}
- *   />
- * )}
- *
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const BreadcrumbLink: React.ForwardRefExoticComponent<BreadcrumbLinkProps & React.RefAttributes<BreadcrumbLinkHandle | null>>;

package/dist/es/breadcrumb/BreadcrumbLink.js

@@ -1,110 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { validatePackage } from '@progress/kendo-licensing';
-import { classNames, getTabIndex, useDir, dispatchEvent } from '@progress/kendo-react-common';
-import { packageMetadata } from '../package-metadata';
-/**
- * Represents the [BreadcrumbLink](% slug api_layout_breadcrumblink %) component.
- *
- * @example
- * ```jsx
- * import { Breadcrumb, BreadcrumbLink } from '@progress/kendo-react-layout';
- * const items = [
- *   {
- *     id: 'home',
- *     text: 'Home',
- *     iconClass: 'k-i-home',
- *   },
- *   {
- *     id: 'products',
- *     text: 'Products',
- *   },
- *   {
- *     id: 'computer',
- *     text: 'Computer',
- *   }
- * ];
- *
- * const App = () => {
- * const [data,setData] = React.useState(items);
- * const handleItemSelect = (event, id) => {
- *   const itemIndex = data.findIndex((curValue) => curValue.id === id);
- *   const newData = data.slice(0, itemIndex + 1);
- *   setData(newData);
- * };
- *
- * const CustomLink = (data) => {
- *  return (
- *     <BreadcrumbLink
- *       id={data.id}
- *       text={data.text}
- *       onItemSelect={(event) => handleItemSelect(event, data.id)}
- *     />
- *   );
- * };
- *
- * return (
- *   <Breadcrumb
- *     data={data}
- *     breadcrumbLink={(items) => CustomLink(items)}
- *   />
- * )}
- *
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export var BreadcrumbLink = React.forwardRef(function (props, ref) {
-    validatePackage(packageMetadata);
-    var target = React.useRef(null);
-    var linkRef = React.useRef(null);
-    var focus = React.useCallback(function () {
-        if (linkRef.current) {
-            linkRef.current.focus();
-        }
-    }, [linkRef]);
-    React.useImperativeHandle(target, function () { return ({
-        element: linkRef.current,
-        focus: focus,
-        props: props
-    }); });
-    React.useImperativeHandle(ref, function () { return target.current; });
-    var handleItemSelect = React.useCallback(function (event) {
-        if (props.id) {
-            dispatchEvent(props.onItemSelect, event, event.target, { id: props.id });
-        }
-    }, [props.onItemSelect]);
-    var handleKeyDown = React.useCallback(function (event) {
-        if (props.id) {
-            dispatchEvent(props.onKeyDown, event, event.target, { id: props.id });
-        }
-    }, [props.onKeyDown]);
-    return (React.createElement("span", { "aria-current": props.ariaCurrent ? props.ariaCurrent : props.isLast, role: 'link', id: props.id, ref: linkRef, style: props.style, dir: useDir(linkRef, props.dir), tabIndex: getTabIndex(props.tabIndex, props.disabled), className: classNames({
-            'k-breadcrumb-root-link': props.isFirst,
-            'k-breadcrumb-link': !props.isFirst,
-            'k-breadcrumb-icontext-link': props.iconClass !== undefined && props.text,
-            'k-breadcrumb-icon-link': props.iconClass !== undefined && !props.text,
-            'k-disabled': props.disabled
-        }), onClick: handleItemSelect, onKeyDown: handleKeyDown },
-        props.iconClass
-            ?
-                React.createElement("span", { className: classNames('k-icon', props.iconClass) })
-            : props.icon ? props.icon : '',
-        props.text &&
-            React.createElement("span", { className: "k-breadcrumb-item-text" }, props.text)));
-});
-var propTypes = {
-    id: PropTypes.string,
-    className: PropTypes.string,
-    tabIndex: PropTypes.number,
-    style: PropTypes.object,
-    dir: PropTypes.string,
-    disabled: PropTypes.bool,
-    text: PropTypes.string,
-    icon: PropTypes.node,
-    iconClass: PropTypes.string,
-    onClick: PropTypes.func,
-    ariaCurrent: PropTypes.bool
-};
-BreadcrumbLink.displayName = 'KendoReactBreadcrumbLink';
-// TODO: delete casting when @types/react is updated!
-BreadcrumbLink.propTypes = propTypes;

package/dist/es/breadcrumb/BreadcrumbListItem.js

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { validatePackage } from '@progress/kendo-licensing';
-import { classNames } from '@progress/kendo-react-common';
-import { packageMetadata } from '../package-metadata';
-/**
- * Represents the BreadcrumbListItem component.
- */
-export var BreadcrumbListItem = React.forwardRef(function (props, ref) {
-    validatePackage(packageMetadata);
-    var target = React.useRef(null);
-    var breadcrumbLIRef = React.useRef(null);
-    var focus = React.useCallback(function () {
-        if (breadcrumbLIRef.current) {
-            breadcrumbLIRef.current.focus();
-        }
-    }, [breadcrumbLIRef]);
-    React.useImperativeHandle(target, function () { return ({
-        element: breadcrumbLIRef.current,
-        focus: focus,
-        props: props
-    }); });
-    React.useImperativeHandle(ref, function () { return target.current; });
-    return (React.createElement("li", { ref: breadcrumbLIRef, id: props.id, style: props.style, className: classNames('k-breadcrumb-item', {
-            'k-breadcrumb-root-item': props.isFirstItem,
-            'k-breadcrumb-last-item': props.isLastItem
-        }, props.className) }, props.children));
-});
-var propTypes = {
-    id: PropTypes.string,
-    className: PropTypes.string,
-    children: PropTypes.any,
-    style: PropTypes.object
-};
-BreadcrumbListItem.displayName = 'KendoReactBreadcrumbListItem';
-BreadcrumbListItem.propTypes = propTypes;

package/dist/es/breadcrumb/BreadcrumbOrderedList.d.ts

@@ -1,55 +0,0 @@
-import * as React from 'react';
-/**
- * Represents the properties of [BreadcrumbOrderedList](% slug api_layout_breadcrumborderedlist %) component.
- */
-export interface BreadcrumbOrderedListProps {
-    /**
-     * Sets the `id` property of the top `div` element of the BreadcrumbOrderedList.
-     */
-    id?: string;
-    /**
-     * Sets additional CSS styles to the BreadcrumbOrderedList.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets additional classes to the BreadcrumbOrderedList.
-     */
-    className?: string;
-    /**
-     * Determines the children nodes.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets the `tabIndex` attribute to the BreadcrumbOrderedList.
-     */
-    tabIndex?: number;
-    /**
-     * The BreadcrumbOrderedList direction `ltr` or `rtl`.
-     */
-    dir?: string;
-    /**
-     * Determines the `disabled` mode of the BreadcrumbOrderedList. If `true`, the component is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * @hidden
-     */
-    rootItem?: boolean;
-}
-/**
- * Represents the target (element, props, and focus()) of the BreadcrumbOrderedList.
- */
-export interface BreadcrumbOrderedListHandle {
-    /**
-     * The current element or `null` if there is none.
-     */
-    element: HTMLOListElement | null;
-    /**
-     * The props values of the BreadcrumbOrderedList.
-     */
-    props: BreadcrumbOrderedListProps;
-}
-/**
- * Represents the BreadcrumbOrderedList component.
- */
-export declare const BreadcrumbOrderedList: React.ForwardRefExoticComponent<BreadcrumbOrderedListProps & React.RefAttributes<BreadcrumbOrderedListHandle | null>>;