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

package/dist/npm/bottomnavigation/BottomNavigation.js

@@ -1,136 +0,0 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BottomNavigation = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var package_metadata_1 = require("../package-metadata");
-var kendo_react_common_2 = require("@progress/kendo-react-common");
-var utils_1 = require("./models/utils");
-var BottomNavigationItem_1 = require("./BottomNavigationItem");
-/**
- * Represents the [KendoReact BottomNavigation component]({% slug overview_bottomnavigation %}).
- * Used to switch between primary destinations in an application.
- *
- * @example
- * ```jsx
- * const items = [
- *    { text: 'Photos', icon: 'photo', selected: true },
- *    { text: 'Albums', icon: 'folder' },
- *    { text: 'Search', icon: 'search' },
- *    { text: 'More', icon: 'more-horizontal' },
- * ];
- *
- * const App = () => {
- *   return (
- *       <BottomNavigation items={items} />
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-exports.BottomNavigation = React.forwardRef(function (props, ref) {
-    (0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
-    var elementRef = React.useRef(null);
-    var focusElement = React.useCallback(function () {
-        if (elementRef.current) {
-            (0, kendo_react_common_2.focusFirstFocusableChild)(elementRef.current);
-        }
-    }, []);
-    var getImperativeHandle = React.useCallback(function () { return ({
-        element: elementRef.current,
-        focus: focusElement
-    }); }, [focusElement]);
-    React.useImperativeHandle(ref, getImperativeHandle);
-    var _a = props.positionMode, positionMode = _a === void 0 ? defaultProps.positionMode : _a, _b = props.itemFlow, itemFlow = _b === void 0 ? defaultProps.itemFlow : _b, _c = props.border, border = _c === void 0 ? defaultProps.border : _c, className = props.className, items = props.items, item = props.item, itemRender = props.itemRender, disabled = props.disabled, style = props.style, id = props.id, onSelect = props.onSelect, onKeyDown = props.onKeyDown;
-    var navId = React.useMemo(function () { return (0, kendo_react_common_2.guid)(); }, []);
-    var dir = (0, kendo_react_common_2.useDir)(elementRef, props.dir);
-    var fillMode = React.useMemo(function () {
-        if (props.fillMode === null) {
-            return null;
-        }
-        else if (props.fill === null) {
-            return null;
-        }
-        else {
-            return props.fill || props.fillMode || defaultProps.fillMode;
-        }
-    }, [props.fillMode, props.fill]);
-    var themeColor = React.useMemo(function () { return props.themeColor || defaultProps.themeColor; }, [props.themeColor]);
-    var navClasses = React.useMemo(function () {
-        var _a;
-        return (0, kendo_react_common_2.classNames)('k-bottom-nav', utils_1.POSITION_MODE_CLASSES[positionMode], utils_1.ITEM_FLOW_CLASSES[itemFlow], (_a = {},
-            _a["k-bottom-nav-".concat(fillMode)] = fillMode,
-            _a["k-bottom-nav-".concat(fillMode, "-").concat(themeColor)] = Boolean(fillMode && themeColor),
-            _a['k-bottom-nav-border'] = border,
-            _a['k-disabled'] = disabled,
-            _a), className);
-    }, [positionMode, themeColor, fillMode, itemFlow, border, disabled, className]);
-    var dispatchSelectEvent = React.useCallback(function (dispatchedEvent, index) {
-        if (!items) {
-            return;
-        }
-        if (!items[index].disabled && onSelect) {
-            (0, kendo_react_common_2.dispatchEvent)(onSelect, dispatchedEvent, getImperativeHandle(), {
-                itemTarget: items[index],
-                itemIndex: index
-            });
-        }
-    }, [items, onSelect]);
-    var handleSelect = React.useCallback(function (event, clickedItemIndex) {
-        dispatchSelectEvent(event, clickedItemIndex);
-    }, [dispatchSelectEvent]);
-    var handleKeyDown = React.useCallback(function (event, clickedItemIndex) {
-        switch (event.keyCode) {
-            case kendo_react_common_2.Keys.enter:
-            case kendo_react_common_2.Keys.space:
-                dispatchSelectEvent(event, clickedItemIndex);
-                event.preventDefault();
-                break;
-            default:
-                break;
-        }
-        (0, kendo_react_common_2.dispatchEvent)(onKeyDown, event, getImperativeHandle(), undefined);
-    }, [dispatchSelectEvent, onKeyDown]);
-    return (React.createElement("nav", { ref: elementRef, className: navClasses, style: style, id: id || navId, dir: dir }, items && (items.map(function (element, index) {
-        return (React.createElement(BottomNavigationItem_1.BottomNavigationItem, __assign({}, element, { key: index, index: index, id: "".concat(id || navId, "-").concat(index), disabled: disabled || element.disabled, selected: element.selected, dataItem: element, item: item, render: itemRender, onSelect: handleSelect, onKeyDown: handleKeyDown })));
-    }))));
-});
-var defaultProps = {
-    themeColor: 'primary',
-    fillMode: 'flat',
-    itemFlow: 'vertical',
-    positionMode: 'fixed',
-    border: true
-};
-exports.BottomNavigation.propTypes = {
-    className: PropTypes.string,
-    style: PropTypes.object,
-    id: PropTypes.string,
-    dir: PropTypes.string,
-    themeColor: PropTypes.oneOf([
-        'primary', 'secondary', 'tertiary',
-        'info', 'success', 'warning',
-        'error', 'dark', 'light', 'inverse'
-    ]),
-    fill: PropTypes.oneOf(['solid', 'flat']),
-    fillMode: PropTypes.oneOf(['solid', 'flat']),
-    itemFlow: PropTypes.oneOf(['vertical', 'horizontal']),
-    border: PropTypes.bool,
-    disabled: PropTypes.bool,
-    selected: PropTypes.number,
-    onSelect: PropTypes.func
-};
-exports.BottomNavigation.defaultProps = defaultProps;
-exports.BottomNavigation.displayName = 'KendoReactBottomNavigation';

package/dist/npm/bottomnavigation/BottomNavigationItem.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BottomNavigationItem = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var package_metadata_1 = require("../package-metadata");
-var kendo_react_common_2 = require("@progress/kendo-react-common");
-/**
- * Represents the [KendoReact BottomNavigationItem component]({% slug overview_bottomnavigation %}).
- */
-exports.BottomNavigationItem = React.forwardRef(function (props, ref) {
-    (0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
-    var elementRef = React.useRef(null);
-    React.useImperativeHandle(ref, function () { return ({
-        element: elementRef.current
-    }); });
-    var className = props.className, style = props.style, selected = props.selected, disabled = props.disabled, item = props.item, render = props.render, dataItem = props.dataItem, icon = props.icon, svgIcon = props.svgIcon, text = props.text, id = props.id, onSelect = props.onSelect, onKeyDown = props.onKeyDown, index = props.index, tabIndex = props.tabIndex;
-    var itemClasses = React.useMemo(function () { return (0, kendo_react_common_2.classNames)('k-bottom-nav-item', {
-        'k-selected': selected,
-        'k-disabled': disabled
-    }, className); }, [selected, disabled, className]);
-    var handleClick = React.useCallback(function (event) {
-        if (onSelect && index !== undefined && !disabled) {
-            onSelect(event, index);
-        }
-    }, [onSelect, index, disabled]);
-    var handleKeyDown = React.useCallback(function (event) {
-        if (onKeyDown && index !== undefined && !disabled) {
-            onKeyDown(event, index);
-        }
-    }, [onKeyDown, index, disabled]);
-    var renderer = render;
-    var ItemComp = item;
-    var bottomNavItem = (React.createElement("span", { ref: elementRef, className: itemClasses, style: style, role: 'link', id: id, tabIndex: tabIndex, onClick: handleClick, onKeyDown: handleKeyDown, "aria-current": selected, "aria-disabled": disabled }, ItemComp ? React.createElement(ItemComp, { itemIndex: index, item: dataItem }) :
-        (React.createElement(React.Fragment, null,
-            (icon || svgIcon) && React.createElement(kendo_react_common_1.IconWrap, { className: 'k-bottom-nav-item-icon', name: icon, icon: svgIcon, size: 'xlarge' }),
-            text && React.createElement("span", { className: 'k-bottom-nav-item-text', style: { userSelect: 'none' } }, text)))));
-    return renderer !== undefined ? renderer.call(undefined, bottomNavItem, props) : bottomNavItem;
-});
-var defaultProps = {
-    tabIndex: 0
-};
-exports.BottomNavigationItem.propTypes = {
-    className: PropTypes.string,
-    style: PropTypes.object,
-    id: PropTypes.string,
-    disabled: PropTypes.bool,
-    selected: PropTypes.bool,
-    icon: PropTypes.string,
-    svgIcon: kendo_react_common_1.svgIconPropType,
-    text: PropTypes.string,
-    tabIndex: PropTypes.number
-};
-exports.BottomNavigationItem.defaultProps = defaultProps;
-exports.BottomNavigationItem.displayName = 'KendoReactBottomNavigationItem';

package/dist/npm/bottomnavigation/BottomNavigationItemProps.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/bottomnavigation/BottomNavigationProps.d.ts

@@ -1,155 +0,0 @@
-/// <reference types="react" />
-import { BottomNavigationItemProps } from './BottomNavigationItemProps';
-import { BottomNavigationEvent, BottomNavigationSelectEvent } from './models/events';
-/**
- * Represents the props of the [KendoReact BottomNavigation component]({% slug overview_bottomnavigation %}).
- */
-export interface BottomNavigationProps {
-    /**
-     * Sets additional CSS classes to the BottomNavigation.
-     */
-    className?: string;
-    /**
-     * Sets additional CSS styles to the BottomNavigation.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the `id` property of the root BottomNavigation element.
-     */
-    id?: string;
-    /**
-     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
-     */
-    dir?: string;
-    /**
-     * Specifies the theme color of the BottomNavigation
-     * ([see example]({% slug appearance_bottomnavigation %}#toc-theme-color)).
-     *
-     * The possible values are:
-     * * `primary` (Default) &mdash; Applies coloring based on the primary theme color.
-     * * `secondary` &mdash; Applies coloring based on the secondary theme color.
-     * * `tertiary` &mdash; Applies coloring based on the tertiary theme color.
-     * * `info` &mdash; Applies coloring based on the info theme color.
-     * * `success` &mdash; Applies coloring based on the success theme color.
-     * * `warning` &mdash; Applies coloring based on the warning theme color.
-     * * `error` &mdash; Applies coloring based on the error theme color.
-     * * `dark` &mdash; Applies coloring based on the dark theme color.
-     * * `light` &mdash; Applies coloring based on the light theme color.
-     * * `inverse` &mdash; Applies coloring based on the inverted theme color.
-     */
-    themeColor?: BottomNavigationThemeColor;
-    /**
-     * **Deprecated**. Use `fillMode` prop instead.
-     *
-     * @deprecated
-     *
-     */
-    fill?: BottomNavigationFill;
-    /**
-     * The fill style of the BottomNavigation
-     * ([see example]({% slug appearance_bottomnavigation %}#toc-fill)).
-     *
-     * The possible values are:
-     * * `flat`(Default) &mdash; Sets the theme color as the text color. The background will be white.
-     * * `solid` &mdash; Sets the theme color as a background color.
-     */
-    fillMode?: BottomNavigationFill;
-    /**
-     * Specifies the position and behavior of the BottomNavigation when the page is scrolled
-     * ([see example]({% slug positioning_bottomnavigation %}#toc-position-mode)).
-     *
-     * The possible values are:
-     * * `fixed`(Default) &mdash; The BottomNavigation always stays at the bottom of the viewport, regardless of the page scroll position.
-     * * `sticky` &mdash; Positions the BottomNavigation based on the user's scroll position. A sticky element toggles between static
-     * and fixed CSS [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) property, depending on the scroll position.
-     * It is positioned static until a given offset position is met in the viewport - then it "sticks" in place like `fixed` positionMode.
-     */
-    positionMode?: BottomNavigationPositionMode;
-    /**
-     * Specifies how the icon and text label are positioned in each item of the BottomNavigation
-     * ([see example]({% slug content_types_bottomnavigation %}#toc-item-flow)).
-     *
-     * The possible values are:
-     * * `vertical`(Default) &mdash; Renders the text below the icon.
-     * * `horizontal` &mdash; Renders the text and the icon on the same line.
-     */
-    itemFlow?: BottomNavigationItemFlow;
-    /**
-     * Sets a border to the BottomNavigation.
-     */
-    border?: boolean;
-    /**
-     * Disables the whole BottomNavigation.
-     */
-    disabled?: boolean;
-    /**
-     * The collection of items that will be rendered in the BottomNavigation ([see example]({% slug overview_bottomnavigation %})).
-     */
-    items?: Array<BottomNavigationItemProps>;
-    /**
-     * Overrides the default component's content responsible for visualizing a single item
-     * ([see example]({% slug custom_rendering_bottomnavigation %}#toc-custom-rendering)).
-     */
-    item?: React.ComponentType<BottomNavigationItemProps>;
-    /**
-     * Fires when a BottomNavigation item is about to be rendered
-     * ([see example]({% slug custom_rendering_bottomnavigation %}#toc-item-render-property)).
-     * Used to override the default appearance of the items.
-     */
-    itemRender?: (span: React.ReactElement<HTMLSpanElement>, itemProps: BottomNavigationItemProps) => React.ReactNode;
-    /**
-     * Fires when a BottomNavigation item is selected.
-     */
-    onSelect?: (event: BottomNavigationSelectEvent) => void;
-    /**
-     * Triggered on `onKeyDown` event.
-     */
-    onKeyDown?: (event: BottomNavigationEvent) => void;
-}
-/**
- * The fill style of the BottomNavigation
- * ([see example]({% slug appearance_bottomnavigation %}#toc-fill)).
- *
- * The possible values are:
- * * `flat`(Default) &mdash; Sets the theme color as the text color. The background will be white.
- * * `solid` &mdash; Sets the theme color as a background color.
- *
- */
-export declare type BottomNavigationFill = 'solid' | 'flat';
-/**
- * Specifies how the icon and text label are positioned in each item of the BottomNavigation
- * ([see example]({% slug content_types_bottomnavigation %}#toc-item-flow)).
- *
- * The possible values are:
- * * `vertical`(Default) &mdash; Renders the text below the icon.
- * * `horizontal` &mdash; Renders the text and the icon on the same line.
- */
-export declare type BottomNavigationItemFlow = 'vertical' | 'horizontal';
-/**
- * Specifies the theme color of the BottomNavigationThemeColor.
- * ([see example]({% slug appearance_bottomnavigation %}#toc-theme-color)).
- *
- * The possible values are:
- * * `primary` (Default) &mdash; Applies coloring based on the primary theme color.
- * * `secondary` &mdash; Applies coloring based on the secondary theme color.
- * * `tertiary` &mdash; Applies coloring based on the tertiary theme color.
- * * `info` &mdash; Applies coloring based on the info theme color.
- * * `success` &mdash; Applies coloring based on the success theme color.
- * * `warning` &mdash; Applies coloring based on the warning theme color.
- * * `error` &mdash; Applies coloring based on the error theme color.
- * * `dark` &mdash; Applies coloring based on the dark theme color.
- * * `light` &mdash; Applies coloring based on the light theme color.
- * * `inverse` &mdash; Applies coloring based on the inverted theme color.
- */
-export declare type BottomNavigationThemeColor = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
-/**
- * Specifies the position and behavior of the BottomNavigation when the page is scrolled
- * ([see example]({% slug positioning_bottomnavigation %}#toc-position-mode)).
- *
- * The possible values are:
- * * `fixed`(Default) &mdash; The BottomNavigation always stays at the bottom of the viewport, regardless of the page scroll position.
- * * `sticky` &mdash; Positions the BottomNavigation based on the user's scroll position. A sticky element toggles between
- * static and fixed CSS [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) property, depending on the scroll position.
- * It is positioned static until a given offset position is met in the viewport - then it "sticks" in place like `fixed` positionMode.
- */
-export declare type BottomNavigationPositionMode = 'sticky' | 'fixed';

package/dist/npm/bottomnavigation/BottomNavigationProps.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/bottomnavigation/models/events.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/bottomnavigation/models/utils.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.POSITION_MODE_CLASSES = exports.ITEM_FLOW_CLASSES = exports.FILL_CLASSES = exports.THEME_COLOR_CLASSES = void 0;
-/**
- * @hidden
- */
-exports.THEME_COLOR_CLASSES = {
-    'primary': 'k-bottom-nav-primary',
-    'secondary': 'k-bottom-nav-secondary',
-    'tertiary': 'k-bottom-nav-tertiary',
-    'info': 'k-bottom-nav-info',
-    'success': 'k-bottom-nav-success',
-    'warning': 'k-bottom-nav-warning',
-    'error': 'k-bottom-nav-error',
-    'dark': 'k-bottom-nav-dark',
-    'light': 'k-bottom-nav-light',
-    'inverse': 'k-bottom-nav-inverse'
-};
-/**
- * @hidden
- */
-exports.FILL_CLASSES = {
-    'flat': 'k-bottom-nav-flat',
-    'solid': 'k-bottom-nav-solid'
-};
-/**
- * @hidden
- */
-exports.ITEM_FLOW_CLASSES = {
-    'vertical': 'k-bottom-nav-item-flow-vertical',
-    'horizontal': 'k-bottom-nav-item-flow-horizontal'
-};
-/**
- * @hidden
- */
-exports.POSITION_MODE_CLASSES = {
-    'fixed': 'k-pos-fixed',
-    'sticky': 'k-pos-sticky'
-};

package/dist/npm/breadcrumb/Breadcrumb.js

@@ -1,121 +0,0 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Breadcrumb = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_licensing_1 = require("@progress/kendo-licensing");
-var package_metadata_1 = require("../package-metadata");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var BreadcrumbListItem_1 = require("./BreadcrumbListItem");
-var BreadcrumbDelimiter_1 = require("./BreadcrumbDelimiter");
-var BreadcrumbLink_1 = require("./BreadcrumbLink");
-var BreadcrumbOrderedList_1 = require("./BreadcrumbOrderedList");
-/**
- * Represents the Breadcrumb component.
- */
-exports.Breadcrumb = React.forwardRef(function (props, ref) {
-    var _a;
-    (0, kendo_licensing_1.validatePackage)(package_metadata_1.packageMetadata);
-    var target = React.useRef(null);
-    var breadcrumbRef = React.useRef(null);
-    var OrderedListComponent = React.useMemo(function () { return props.breadcrumbOrderedList || BreadcrumbOrderedList_1.BreadcrumbOrderedList; }, [props.breadcrumbOrderedList]);
-    var ListItemComponent = React.useMemo(function () { return props.breadcrumbListItem || BreadcrumbListItem_1.BreadcrumbListItem; }, [props.breadcrumbListItem]);
-    var DelimiterComponent = React.useMemo(function () { return props.breadcrumbDelimiter || BreadcrumbDelimiter_1.BreadcrumbDelimiter; }, [props.breadcrumbDelimiter]);
-    var LinkComponent = React.useMemo(function () { return props.breadcrumbLink || BreadcrumbLink_1.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 = (0, kendo_react_common_1.useDir)(breadcrumbRef, props.dir);
-    var handleItemSelect = function (event) {
-        if (target.current) {
-            (0, kendo_react_common_1.dispatchEvent)(props.onItemSelect, event, event.target, { id: event.target.id });
-        }
-    };
-    var handleKeyDown = function (event) {
-        if (target.current) {
-            (0, kendo_react_common_1.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: (0, kendo_react_common_1.classNames)('k-breadcrumb k-breadcrumb-wrap', (_a = {
-                'k-rtl': dir === 'rtl',
-                'k-disabled': disabled,
-                'k-breadcrumb-md': !props.size
-            },
-            _a["k-breadcrumb-".concat(kendo_react_common_1.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'
-};
-exports.Breadcrumb.displayName = 'KendoReactBreadcrumb';
-// TODO: delete casting when @types/react is updated!
-exports.Breadcrumb.propTypes = propTypes;
-exports.Breadcrumb.defaultProps = defaultProps;

package/dist/npm/breadcrumb/BreadcrumbDelimiter.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BreadcrumbDelimiter = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_licensing_1 = require("@progress/kendo-licensing");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-var package_metadata_1 = require("../package-metadata");
-/**
- * Represents the BreadcrumbDelimiter component.
- */
-exports.BreadcrumbDelimiter = React.forwardRef(function (props, ref) {
-    (0, kendo_licensing_1.validatePackage)(package_metadata_1.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(kendo_react_common_1.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' ? kendo_svg_icons_1.chevronLeftIcon : kendo_svg_icons_1.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
-};
-exports.BreadcrumbDelimiter.displayName = 'KendoReactBreadcrumbDelimiter';
-exports.BreadcrumbDelimiter.propTypes = propTypes;

package/dist/npm/breadcrumb/BreadcrumbLink.js

@@ -1,113 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BreadcrumbLink = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_licensing_1 = require("@progress/kendo-licensing");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var package_metadata_1 = require("../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'));
- * ```
- */
-exports.BreadcrumbLink = React.forwardRef(function (props, ref) {
-    (0, kendo_licensing_1.validatePackage)(package_metadata_1.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) {
-            (0, kendo_react_common_1.dispatchEvent)(props.onItemSelect, event, event.target, { id: props.id });
-        }
-    }, [props.onItemSelect]);
-    var handleKeyDown = React.useCallback(function (event) {
-        if (props.id) {
-            (0, kendo_react_common_1.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: (0, kendo_react_common_1.useDir)(linkRef, props.dir), tabIndex: (0, kendo_react_common_1.getTabIndex)(props.tabIndex, props.disabled), className: (0, kendo_react_common_1.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: (0, kendo_react_common_1.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
-};
-exports.BreadcrumbLink.displayName = 'KendoReactBreadcrumbLink';
-// TODO: delete casting when @types/react is updated!
-exports.BreadcrumbLink.propTypes = propTypes;