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

package/dist/es/splitter/SplitterPane.js

@@ -1,46 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-import * as React from 'react';
-import { classNames } from '@progress/kendo-react-common';
-/**
- * @hidden
- */
-var SplitterPane = /** @class */ (function (_super) {
-    __extends(SplitterPane, _super);
-    function SplitterPane() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    SplitterPane.prototype.render = function () {
-        var _a;
-        var _b = this.props, id = _b.id, size = _b.size, collapsed = _b.collapsed, overlay = _b.overlay, containsSplitter = _b.containsSplitter, collapsible = _b.collapsible, resizable = _b.resizable, scrollable = _b.scrollable, keepMounted = _b.keepMounted;
-        var fixedSize = size && size.length > 0;
-        var style = {
-            flexBasis: size
-        };
-        var paneClasses = classNames('k-pane', (_a = {},
-            _a['k-hidden'] = collapsed,
-            _a['hidden'] = collapsed,
-            _a['k-pane-flex'] = containsSplitter,
-            _a['k-pane-static'] = !resizable && !collapsible || fixedSize,
-            _a['k-scrollable'] = scrollable,
-            _a));
-        return (React.createElement("div", { id: id, role: 'group', style: style, className: paneClasses },
-            !collapsed || keepMounted ? this.props.children : undefined,
-            overlay ? React.createElement("div", { className: 'k-splitter-overlay k-overlay' }) : undefined));
-    };
-    return SplitterPane;
-}(React.Component));
-export { SplitterPane };

package/dist/es/splitter/messages/index.d.ts

@@ -1,10 +0,0 @@
-/**
- * @hidden
- */
-export declare const splitBarLabel = "splitBarLabel";
-/**
- * @hidden
- */
-export declare const messages: {
-    splitBarLabel: string;
-};

package/dist/es/splitter/messages/index.js

@@ -1,11 +0,0 @@
-var _a;
-/**
- * @hidden
- */
-export var splitBarLabel = 'splitBarLabel';
-/**
- * @hidden
- */
-export var messages = (_a = {},
-    _a[splitBarLabel] = 'split bar',
-    _a);

package/dist/es/stacklayout/StackLayout.d.ts

@@ -1,37 +0,0 @@
-import * as React from 'react';
-import { StackLayoutProps } from './StackLayoutProps';
-/**
- * Represents the Object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html)
- * callback of the StackLayout component.
- */
-export interface StackLayoutHandle {
-    /**
-     * Represents the current element. If no current element is present, `element` is `null`.
-     */
-    element: HTMLDivElement | null;
-}
-/**
- * Represents the [KendoReact StackLayout component]({% slug overview_stacklayout %}).
- * Arranges its inner elements horizontally, or vertically in a stack. Nesting stack layouts is supported to build more complex layouts.
- *
- * @example
- * ```jsx
- *
- * const App = () => {
- *   return (
- *     <StackLayout
- *       orientation="vertical"
- *       align={{horizontal: 'stretch', vertical: 'stretch'}}
- *       gap={10}
- *     >
- *       <div>Box</div>
- *       <div>Box</div>
- *       <div>Box</div>
- *       <div>Box</div>
- *     </StackLayout>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const StackLayout: React.ForwardRefExoticComponent<StackLayoutProps & React.RefAttributes<StackLayoutHandle | null>>;

package/dist/es/stacklayout/StackLayout.js

@@ -1,87 +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, guid } from '@progress/kendo-react-common';
-/**
- * Represents the [KendoReact StackLayout component]({% slug overview_stacklayout %}).
- * Arranges its inner elements horizontally, or vertically in a stack. Nesting stack layouts is supported to build more complex layouts.
- *
- * @example
- * ```jsx
- *
- * const App = () => {
- *   return (
- *     <StackLayout
- *       orientation="vertical"
- *       align={{horizontal: 'stretch', vertical: 'stretch'}}
- *       gap={10}
- *     >
- *       <div>Box</div>
- *       <div>Box</div>
- *       <div>Box</div>
- *       <div>Box</div>
- *     </StackLayout>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export var StackLayout = React.forwardRef(function (props, ref) {
-    validatePackage(packageMetadata);
-    var elementRef = React.useRef(null);
-    var getImperativeHandle = React.useCallback(function () { return ({
-        element: elementRef.current
-    }); }, []);
-    React.useImperativeHandle(ref, getImperativeHandle);
-    var className = props.className, style = props.style, id = props.id, children = props.children;
-    var layoutId = React.useMemo(function () { return guid(); }, []);
-    var orientation = React.useMemo(function () { return props.orientation || defaultProps.orientation; }, [props.orientation]);
-    var isHorizontal = orientation === 'horizontal';
-    var hAlign = React.useMemo(function () { return props.align && props.align.horizontal ? props.align.horizontal : defaultProps.hAlign; }, [props.align]);
-    var vAlign = React.useMemo(function () { return props.align && props.align.vertical ? props.align.vertical : defaultProps.vAlign; }, [props.align]);
-    var stackLayoutClasses = React.useMemo(function () { return classNames('k-stack-layout', {
-        'k-hstack': orientation === 'horizontal',
-        'k-vstack': orientation === 'vertical',
-        'k-justify-content-start': isHorizontal && hAlign === 'start' || !isHorizontal && vAlign === 'top',
-        'k-justify-content-center': isHorizontal && hAlign === 'center' || !isHorizontal && vAlign === 'middle',
-        'k-justify-content-end': isHorizontal && hAlign === 'end' || !isHorizontal && vAlign === 'bottom',
-        'k-justify-content-stretch': isHorizontal && hAlign === 'stretch' || !isHorizontal && vAlign === 'stretch',
-        'k-align-items-start': !isHorizontal && hAlign === 'start' || isHorizontal && vAlign === 'top',
-        'k-align-items-center': !isHorizontal && hAlign === 'center' || isHorizontal && vAlign === 'middle',
-        'k-align-items-end': !isHorizontal && hAlign === 'end' || isHorizontal && vAlign === 'bottom',
-        'k-align-items-stretch': !isHorizontal && hAlign === 'stretch' || isHorizontal && vAlign === 'stretch'
-    }, className); }, [orientation, isHorizontal, hAlign, vAlign, className]);
-    var stackLayoutStyles = __assign({ gap: "".concat(typeof props.gap === 'number' ? props.gap + 'px' : props.gap) }, style);
-    return (React.createElement("div", { ref: elementRef, className: stackLayoutClasses, style: stackLayoutStyles, id: id || layoutId }, children));
-});
-var defaultProps = {
-    orientation: 'horizontal',
-    hAlign: 'stretch',
-    vAlign: 'stretch'
-};
-StackLayout.propTypes = {
-    className: PropTypes.string,
-    style: PropTypes.object,
-    children: PropTypes.any,
-    id: PropTypes.string,
-    orientation: PropTypes.oneOf(['horizontal', 'vertical']),
-    gap: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    align: PropTypes.shape({
-        vertical: PropTypes.oneOf(['top', 'middle', 'bottom', 'stretch']),
-        horizontal: PropTypes.oneOf(['start', 'center', 'end', 'stretch'])
-    })
-};
-StackLayout.defaultProps = defaultProps;
-StackLayout.displayName = 'KendoReactStackLayout';

package/dist/es/stacklayout/StackLayoutProps.js

@@ -1 +0,0 @@
-export {};

package/dist/es/stepper/Step.js

@@ -1,141 +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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { StepperContext } from './context/StepperContext';
-import { classNames, focusFirstFocusableChild, dispatchEvent, IconWrap, toIconName } from '@progress/kendo-react-common';
-import { useLocalization } from '@progress/kendo-react-intl';
-import { checkOutlineIcon, exclamationCircleIcon } from '@progress/kendo-svg-icons';
-import { DEFAULT_ANIMATION_DURATION, NO_ANIMATION } from './contants';
-import { messages, optionalText } from './messages';
-/**
- * Represents the [KendoReact Step component]({% slug overview_stepper %}).
- *
- * @example
- * ```jsx
- * const steps = [
- *    { label: 'Step 1' },
- *    { label: 'Step 2' },
- *    { label: 'Step 3', optional: true }
- * ];
- *
- * const App = () => {
- *   return (
- *       <Stepper items={steps} value={1}/>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export var Step = React.forwardRef(function (props, target) {
-    var 
-    // content
-    children = props.children, className = props.className, current = props.current, disabled = props.disabled, focused = props.focused, icon = props.icon, svgIcon = props.svgIcon, index = props.index, isValid = props.isValid, label = props.label, optional = props.optional, style = props.style, tabIndex = props.tabIndex, text = props.text, others = __rest(props, ["children", "className", "current", "disabled", "focused", "icon", "svgIcon", "index", "isValid", "label", "optional", "style", "tabIndex", "text"]);
-    var _a = React.useContext(StepperContext), animationDuration = _a.animationDuration, isVertical = _a.isVertical, item = _a.item, linear = _a.linear, mode = _a.mode, numOfSteps = _a.numOfSteps, value = _a.value, onChange = _a.onChange, onFocus = _a.onFocus, successIcon = _a.successIcon, errorIcon = _a.errorIcon, successSVGIcon = _a.successSVGIcon, errorSVGIcon = _a.errorSVGIcon;
-    var elementRef = React.useRef(null);
-    var focusElement = React.useCallback(function () {
-        if (elementRef.current) {
-            focusFirstFocusableChild(elementRef.current);
-        }
-    }, []);
-    var getImperativeHandle = React.useCallback(function () { return ({
-        element: elementRef.current,
-        focus: focusElement
-    }); }, [focusElement]);
-    React.useImperativeHandle(target, getImperativeHandle);
-    var allowClick = !linear || (index === value - 1 || index === value || index === value + 1);
-    var isInLabel = mode === 'labels' || (Boolean(icon) && Boolean(label));
-    var localizationService = useLocalization();
-    var localizeMessage = function (message) {
-        return localizationService.toLanguageString(message, messages[message]);
-    };
-    var optionalMessage = localizeMessage(optionalText);
-    var progressAnimation = typeof animationDuration === 'number'
-        ? animationDuration
-        : animationDuration !== false
-            ? DEFAULT_ANIMATION_DURATION
-            : NO_ANIMATION;
-    var handleClick = React.useCallback(function (event) {
-        if (onChange && !disabled) {
-            dispatchEvent(onChange, event, getImperativeHandle(), { value: index });
-        }
-    }, [onChange, value, disabled]);
-    var handleFocus = React.useCallback(function (event) {
-        if (onFocus && !disabled) {
-            dispatchEvent(onFocus, event, getImperativeHandle(), undefined);
-        }
-    }, [onFocus, disabled]);
-    var itemClassNames = React.useMemo(function () { return classNames('k-step', {
-        'k-step-first': index === 0,
-        'k-step-last': numOfSteps && index === numOfSteps - 1,
-        'k-step-done': index < value,
-        'k-step-current': current,
-        'k-step-optional': optional,
-        'k-step-error': isValid !== undefined && !isValid,
-        'k-step-success': isValid
-    }, {
-        'k-disabled': disabled,
-        'k-focus': focused
-    }, className); }, [index, numOfSteps, value, current, optional, disabled, focused, isValid, className]);
-    var itemStyles = React.useMemo(function () { return (__assign({ maxWidth: !isVertical ? "calc(100% / ".concat(numOfSteps, ")") : undefined, maxHeight: isVertical ? "calc(100% / ".concat(numOfSteps, ")") : undefined, pointerEvents: !allowClick ? 'none' : undefined }, style)); }, [isVertical, numOfSteps, style, allowClick]);
-    var validationIconCustom = isValid ? successIcon : errorIcon;
-    var validationIcons = validationIconCustom ? (React.createElement("span", { className: 'k-step-indicator-icon ' + validationIconCustom, "aria-hidden": "true" })) : (React.createElement(IconWrap, { className: 'k-step-indicator-icon', name: isValid ? 'check-circle' : 'exclamation-circle', icon: isValid ? (successSVGIcon || checkOutlineIcon) : (errorSVGIcon || exclamationCircleIcon) }));
-    var stepIndicator = (React.createElement(React.Fragment, null, mode !== 'labels' ?
-        React.createElement("span", { className: "k-step-indicator", "aria-hidden": true, style: { transitionDuration: progressAnimation + 'ms' } }, (icon || svgIcon)
-            ? !isInLabel && isValid !== undefined
-                ? validationIcons
-                : React.createElement(IconWrap, { className: 'k-step-indicator-icon', name: icon ? toIconName(icon) : icon, icon: svgIcon })
-            : isValid !== undefined
-                ? validationIcons
-                : React.createElement("span", { className: "k-step-indicator-text" }, text ? text : index + 1)) :
-        null));
-    var stepLabel = (React.createElement("span", { className: "k-step-label" },
-        label && React.createElement("span", { className: "k-step-text" }, label),
-        isInLabel && isValid !== undefined && validationIcons,
-        optional && React.createElement("span", { className: "k-step-label-optional" }, optionalMessage)));
-    var stepLink = (React.createElement(React.Fragment, null,
-        stepIndicator,
-        stepLabel));
-    return (React.createElement("li", __assign({ ref: elementRef, className: itemClassNames, style: itemStyles }, others),
-        React.createElement("a", { className: "k-step-link", title: label ? label : undefined, onClick: handleClick, onFocus: handleFocus, tabIndex: tabIndex ? tabIndex : focused ? 0 : -1, "aria-current": current, "aria-disabled": disabled || !allowClick || undefined, "aria-invalid": isValid !== undefined && !isValid || undefined }, !item ? stepLink : children)));
-});
-Step.propTypes = {
-    children: PropTypes.any,
-    className: PropTypes.string,
-    // content: PropTypes.any,
-    current: PropTypes.bool,
-    disabled: PropTypes.bool,
-    icon: PropTypes.string,
-    index: PropTypes.number,
-    isValid: PropTypes.bool,
-    label: PropTypes.string,
-    optional: PropTypes.bool,
-    style: PropTypes.object,
-    tabIndex: PropTypes.number,
-    text: PropTypes.string
-};
-var defaultProps = {
-    tabIndex: 0
-};
-Step.defaultProps = defaultProps;
-Step.displayName = 'KendoStep';

package/dist/es/stepper/Stepper.js

@@ -1,224 +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 { StepperContext } from './context/StepperContext';
-import { classNames, focusFirstFocusableChild, useRtl, dispatchEvent, Keys, svgIconPropType } from '@progress/kendo-react-common';
-import { Step } from './Step';
-import { ProgressBar } from '@progress/kendo-react-progressbars';
-import { DEFAULT_ANIMATION_DURATION, NO_ANIMATION } from './contants';
-import { validatePackage } from '@progress/kendo-react-common';
-import { packageMetadata } from '../package-metadata';
-import { useLocalization } from '@progress/kendo-react-intl';
-import { messages, progBarAriaLabel } from './messages';
-/**
- * Represents the [KendoReact Stepper component]({% slug overview_stepper %}).
- *
- * @example
- * ```jsx
- * const steps = [
- *    { label: 'Step 1' },
- *    { label: 'Step 2' },
- *    { label: 'Step 3', optional: true }
- * ];
- *
- * const App = () => {
- *   return (
- *       <Stepper items={steps} value={1} />
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export var Stepper = React.forwardRef(function (props, target) {
-    validatePackage(packageMetadata);
-    var animationDuration = props.animationDuration, children = props.children, className = props.className, disabled = props.disabled, errorIcon = props.errorIcon, errorSVGIcon = props.errorSVGIcon, item = props.item, items = props.items, linear = props.linear, mode = props.mode, orientation = props.orientation, style = props.style, successIcon = props.successIcon, successSVGIcon = props.successSVGIcon, onChange = props.onChange, onFocus = props.onFocus;
-    var localizationService = useLocalization();
-    var pbAriaLabel = localizationService.toLanguageString(progBarAriaLabel, messages[progBarAriaLabel]);
-    var elementRef = React.useRef(null);
-    var focusElement = React.useCallback(function () {
-        if (elementRef.current) {
-            focusFirstFocusableChild(elementRef.current);
-        }
-    }, []);
-    var getImperativeHandle = React.useCallback(function () { return ({
-        element: elementRef.current,
-        focus: focusElement
-    }); }, [focusElement]);
-    React.useImperativeHandle(target, getImperativeHandle);
-    var value = props.value || defaultProps.value;
-    var _a = React.useState(value), focusedIdx = _a[0], setFocusedIdx = _a[1];
-    var numOfSteps = items ? items.length : 0;
-    var isVertical = orientation === 'vertical';
-    var dir = useRtl(elementRef, props.dir);
-    var animation = typeof animationDuration === 'number'
-        ? animationDuration
-        : animationDuration !== false
-            ? DEFAULT_ANIMATION_DURATION
-            : NO_ANIMATION;
-    React.useEffect(function () {
-        setFocusedIdx(value);
-    }, [value]);
-    var dispatchChangeEvent = React.useCallback(function (event, val) {
-        var prevIdx = val === value - 1;
-        var currIdx = val === value;
-        var nextIdx = val === value + 1;
-        var allowClick = !linear || (prevIdx || currIdx || nextIdx);
-        if (value !== val && onChange && !disabled && allowClick) {
-            dispatchEvent(onChange, event, getImperativeHandle(), { value: val });
-            setFocusedIdx(val);
-        }
-    }, [value, linear, onChange, disabled, setFocusedIdx]);
-    var handleChange = React.useCallback(function (event) {
-        var currentValue = event.value;
-        var syntethicEvent = event.syntheticEvent;
-        dispatchChangeEvent(syntethicEvent, currentValue);
-    }, [dispatchChangeEvent]);
-    var handleFocus = React.useCallback(function (event) {
-        if (onFocus && !disabled) {
-            dispatchEvent(onFocus, event.syntheticEvent, getImperativeHandle(), undefined);
-        }
-    }, [onFocus, disabled]);
-    var handleEnter = React.useCallback(function (event) {
-        dispatchChangeEvent(event, focusedIdx);
-    }, [dispatchChangeEvent, focusedIdx]);
-    var handleKeyDown = React.useCallback(function (event) {
-        var isRtl = dir === 'rtl';
-        var currIndex = focusedIdx;
-        var maxNavIndex = items.length - 1;
-        switch (event.keyCode) {
-            case Keys.left:
-                event.preventDefault();
-                if (!isRtl && currIndex > 0) {
-                    setFocusedIdx(currIndex - 1);
-                }
-                if (isRtl && currIndex < maxNavIndex) {
-                    setFocusedIdx(currIndex + 1);
-                }
-                break;
-            case Keys.right:
-                event.preventDefault();
-                if (!isRtl && currIndex < maxNavIndex) {
-                    setFocusedIdx(currIndex + 1);
-                }
-                if (isRtl && currIndex > 0) {
-                    setFocusedIdx(currIndex - 1);
-                }
-                break;
-            case Keys.up:
-                event.preventDefault();
-                if (!isRtl && currIndex > 0) {
-                    setFocusedIdx(currIndex - 1);
-                }
-                if (isRtl && currIndex > 0) {
-                    setFocusedIdx(currIndex - 1);
-                }
-                break;
-            case Keys.down:
-                event.preventDefault();
-                if (!isRtl && currIndex < maxNavIndex) {
-                    setFocusedIdx(currIndex + 1);
-                }
-                if (isRtl && currIndex < maxNavIndex) {
-                    setFocusedIdx(currIndex + 1);
-                }
-                break;
-            case Keys.home:
-                event.preventDefault();
-                setFocusedIdx(0);
-                break;
-            case Keys.end:
-                event.preventDefault();
-                setFocusedIdx(maxNavIndex);
-                break;
-            case Keys.space:
-                event.preventDefault();
-                break;
-            case Keys.enter:
-                event.preventDefault();
-                if (!items[currIndex].disabled) {
-                    handleEnter(event);
-                }
-                break;
-            default:
-        }
-    }, [items, setFocusedIdx, focusedIdx, dir, handleEnter]);
-    var stepperClasses = React.useMemo(function () { return classNames('k-stepper', {
-        'k-stepper-linear': linear
-    }, className); }, [linear, className]);
-    var stepperStyles = React.useMemo(function () { return (__assign({ display: 'grid', gridTemplateColumns: !isVertical ? 'repeat(' + numOfSteps * 2 + ', 1fr)' : undefined, gridTemplateRows: isVertical ? 'repeat(' + numOfSteps + ', 1fr)' : undefined }, style)); }, [isVertical, numOfSteps, style]);
-    var listClasses = React.useMemo(function () { return classNames('k-step-list', {
-        'k-step-list-horizontal': !isVertical,
-        'k-step-list-vertical': isVertical
-    }); }, [isVertical]);
-    var listStyles = React.useMemo(function () { return ({
-        gridColumnStart: !isVertical ? 1 : undefined,
-        gridColumnEnd: !isVertical ? -1 : undefined,
-        gridRowStart: isVertical ? 1 : undefined,
-        gridRowEnd: isVertical ? -1 : undefined
-    }); }, [isVertical]);
-    var progressbarStyles = React.useMemo(function () { return ({
-        gridColumnStart: !isVertical ? 2 : undefined,
-        gridColumnEnd: !isVertical ? numOfSteps * 2 : undefined,
-        gridRowStart: isVertical ? 1 : undefined,
-        gridRowEnd: isVertical ? numOfSteps : undefined,
-        top: isVertical ? 17 : undefined
-    }); }, [isVertical, numOfSteps]);
-    var steps = (items && (items.map(function (element, index) {
-        var stepProps = __assign({ index: index, disabled: disabled || element.disabled, focused: index === focusedIdx, current: index === value }, element);
-        var ItemComp = item || Step;
-        return (React.createElement(ItemComp, __assign({ key: index }, stepProps)));
-    })));
-    return (React.createElement(StepperContext.Provider, { value: {
-            animationDuration: animationDuration,
-            isVertical: isVertical,
-            item: item,
-            linear: linear,
-            mode: mode,
-            numOfSteps: numOfSteps,
-            value: value,
-            successIcon: successIcon,
-            successSVGIcon: successSVGIcon,
-            errorIcon: errorIcon,
-            errorSVGIcon: errorSVGIcon,
-            onChange: handleChange,
-            onFocus: handleFocus
-        } },
-        React.createElement("nav", { className: stepperClasses, style: stepperStyles, dir: dir, onKeyDown: handleKeyDown },
-            React.createElement("ol", { className: listClasses, style: listStyles }, steps ? steps : children),
-            React.createElement(ProgressBar, { style: progressbarStyles, animation: { duration: animation }, ariaLabel: pbAriaLabel, "aria-hidden": true, max: numOfSteps - 1, labelVisible: false, orientation: orientation, reverse: orientation === 'vertical', value: value, disabled: disabled, tabIndex: -1 }))));
-});
-Stepper.propTypes = {
-    animationDuration: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]),
-    children: PropTypes.any,
-    className: PropTypes.string,
-    dir: PropTypes.string,
-    disabled: PropTypes.bool,
-    errorIcon: PropTypes.string,
-    errorSVGIcon: svgIconPropType,
-    item: PropTypes.any,
-    items: PropTypes.any,
-    linear: PropTypes.bool,
-    mode: PropTypes.oneOf(['steps', 'labels']),
-    orientation: PropTypes.oneOf(['horizontal', 'vertical']),
-    style: PropTypes.object,
-    successIcon: PropTypes.string,
-    successSVGIcon: svgIconPropType,
-    value: PropTypes.number.isRequired,
-    onChange: PropTypes.func,
-    onFocus: PropTypes.func
-};
-var defaultProps = {
-    value: 0
-};
-Stepper.defaultProps = defaultProps;
-Stepper.displayName = 'KendoStepper';

package/dist/es/stepper/contants.d.ts

@@ -1,8 +0,0 @@
-/**
- * @hidden
- */
-export declare const DEFAULT_ANIMATION_DURATION = 400;
-/**
- * @hidden
- */
-export declare const NO_ANIMATION = 0;

package/dist/es/stepper/contants.js

@@ -1,8 +0,0 @@
-/**
- * @hidden
- */
-export var DEFAULT_ANIMATION_DURATION = 400;
-/**
- * @hidden
- */
-export var NO_ANIMATION = 0;

package/dist/es/stepper/context/StepperContext.js

@@ -1,11 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-var defaultContext = {
-    linear: false,
-    mode: 'steps',
-    value: 0
-};
-/** @hidden */
-export var StepperContext = React.createContext(defaultContext);

package/dist/es/stepper/interfaces/StepChangeEvent.d.ts

@@ -1,11 +0,0 @@
-import { StepHandle } from './StepHandle';
-import { BaseEvent } from '@progress/kendo-react-common';
-/**
- * The arguments for the `onChange` Step event.
- */
-export interface StepChangeEvent extends BaseEvent<StepHandle> {
-    /**
-     * The index of the selected Step.
-     */
-    value: number;
-}

package/dist/es/stepper/interfaces/StepChangeEvent.js

@@ -1 +0,0 @@
-export {};

package/dist/es/stepper/interfaces/StepFocusEvent.d.ts

@@ -1,7 +0,0 @@
-import { StepHandle } from './StepHandle';
-import { BaseEvent } from '@progress/kendo-react-common';
-/**
- * The arguments for the `onFocus` Step event.
- */
-export interface StepFocusEvent extends BaseEvent<StepHandle> {
-}

package/dist/es/stepper/interfaces/StepFocusEvent.js

@@ -1 +0,0 @@
-export {};

package/dist/es/stepper/interfaces/StepHandle.d.ts

@@ -1,13 +0,0 @@
-/**
- * The Step ref.
- */
-export interface StepHandle {
-    /**
-     * The Step element.
-     */
-    element: HTMLLIElement | null;
-    /**
-     * Focus the Step.
-     */
-    focus: () => void;
-}

package/dist/es/stepper/interfaces/StepHandle.js

@@ -1,4 +0,0 @@
-/**
- * The Step ref.
- */
-export {};

package/dist/es/stepper/interfaces/StepProps.js

@@ -1 +0,0 @@
-export {};

package/dist/es/stepper/interfaces/StepperChangeEvent.d.ts

@@ -1,11 +0,0 @@
-import { StepperHandle } from '../interfaces/StepperHandle';
-import { BaseEvent } from '@progress/kendo-react-common';
-/**
- * The arguments for the `onChange` Stepper event.
- */
-export interface StepperChangeEvent extends BaseEvent<StepperHandle> {
-    /**
-     * The index of the selected Step.
-     */
-    value: number;
-}

package/dist/es/stepper/interfaces/StepperChangeEvent.js

@@ -1 +0,0 @@
-export {};