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

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

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

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

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

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

@@ -1,13 +0,0 @@
-/**
- * The Stepper ref.
- */
-export interface StepperHandle {
-    /**
-     * The Stepper element.
-     */
-    element: HTMLMenuElement | null;
-    /**
-     * Focus the Stepper's first focusable child.
-     */
-    focus: () => void;
-}

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

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

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

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import { BaseEvent } from '@progress/kendo-react-common';
-import { StepperHandle } from './../interfaces/StepperHandle';
-/**
- * The `StepperOnNavigateEvent` event.
- */
-export declare class StepperOnNavigateEvent implements BaseEvent<StepperHandle> {
-    /**
-     * The Stepper component.
-     */
-    target: StepperHandle;
-    syntheticEvent: React.KeyboardEvent;
-    nativeEvent: any;
-    /**
-     * The previous index of the Step.
-     */
-    prevIndex: number;
-    /**
-     * The new index of the Step.
-     */
-    nextIndex: number;
-    /**
-     * @hidden
-     */
-    constructor(target: StepperHandle, prevIndex: number, nextIndex: number);
-}

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

@@ -1,16 +0,0 @@
-/**
- * The `StepperOnNavigateEvent` event.
- */
-var StepperOnNavigateEvent = /** @class */ (function () {
-    /**
-     * @hidden
-     */
-    function StepperOnNavigateEvent(target, prevIndex, nextIndex) {
-        this.syntheticEvent = null;
-        this.target = target;
-        this.prevIndex = prevIndex;
-        this.nextIndex = nextIndex;
-    }
-    return StepperOnNavigateEvent;
-}());
-export { StepperOnNavigateEvent };

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

@@ -1,94 +0,0 @@
-import * as React from 'react';
-import { StepProps } from './StepProps';
-import { StepperChangeEvent } from './StepperChangeEvent';
-import { StepperFocusEvent } from './StepperFocusEvent';
-import { SVGIcon } from '@progress/kendo-react-common';
-/**
- * Represents the props of the [KendoReact Stepper component]({% slug overview_stepper %}).
- */
-export interface StepperProps {
-    /**
-     * Sets the duration of the Stepper animation. Defaults to `400ms`.
-     */
-    animationDuration?: boolean | number;
-    /**
-     * Represents the children that are passed to the Stepper.
-     */
-    children?: any;
-    /**
-     * Specifies a list of CSS classes that will be added to the Stepper.
-     */
-    className?: string;
-    /**
-     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
-     */
-    dir?: string;
-    /**
-     * Disables the whole Stepper.
-     */
-    disabled?: boolean;
-    /**
-     * Specifies a custom icon that will be rendered inside the step for invalid steps.
-     */
-    errorIcon?: string;
-    /**
-     * Specifies a custom SVG icon that will be rendered inside the step for invalid steps.
-     */
-    errorSVGIcon?: SVGIcon;
-    /**
-     * Overrides the default component responsible for visualizing a single item ([see example]({% slug custom_rendering_stepper %})).
-     *
-     * The default Component is: [Step]({% slug api_layout_step %}).
-     */
-    item?: React.ComponentType<StepProps>;
-    /**
-     * The collection of steps that will be rendered in the Stepper ([see example]({% slug overview_stepper %})).
-     */
-    items: Array<StepProps>;
-    /**
-     * Specifies the linear flow of the Stepper.
-     * ([see example]({% slug linear_mode_stepper %})).
-     */
-    linear?: boolean;
-    /**
-     * Specifies the display mode of the Stepper
-     * ([see example]({% slug display_modes_stepper %})).
-     * * The possible values are:
-     * * (Default) `steps`. Render step indicator and optional label.
-     * * `labels`. Render labels only.
-     */
-    mode?: 'steps' | 'labels';
-    /**
-     * Specifies the orientation of the Stepper
-     * ([see example]({% slug orientation_stepper %})).
-     *
-     * The possible values are:
-     * * (Default) `horizontal`
-     * * `vertical`
-     */
-    orientation?: 'horizontal' | 'vertical';
-    /**
-     * Sets additional CSS styles to the Stepper.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Specifies a custom icon that will be rendered inside the step for valid steps.
-     */
-    successIcon?: string;
-    /**
-     * Specifies a custom SVG icon that will be rendered inside the step for valid steps.
-     */
-    successSVGIcon?: SVGIcon;
-    /**
-     * Specifies the index of the selected Step.
-     */
-    value: number;
-    /**
-     * The event handler that will be fired when the value is changed.
-     */
-    onChange?: (event: StepperChangeEvent) => void;
-    /**
-     * The event handler that will be fired when a Step is focused.
-     */
-    onFocus?: (event: StepperFocusEvent) => void;
-}

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

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

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

@@ -1,15 +0,0 @@
-/**
- * @hidden
- */
-export declare const optionalText = "stepper.optionalText";
-/**
- * @hidden
- */
-export declare const progBarAriaLabel = "stepper.progBarAriaLabel";
-/**
- * @hidden
- */
-export declare const messages: {
-    "stepper.optionalText": string;
-    "stepper.progBarAriaLabel": string;
-};

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

@@ -1,16 +0,0 @@
-var _a;
-/**
- * @hidden
- */
-export var optionalText = 'stepper.optionalText';
-/**
- * @hidden
- */
-export var progBarAriaLabel = 'stepper.progBarAriaLabel';
-/**
- * @hidden
- */
-export var messages = (_a = {},
-    _a[optionalText] = '(Optional)',
-    _a[progBarAriaLabel] = 'progressbar',
-    _a);

package/dist/es/tabstrip/TabStrip.js

@@ -1,218 +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 __());
-    };
-})();
-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 { TabStripNavigation } from './TabStripNavigation';
-import { TabStripContent } from './TabStripContent';
-import { Keys, classNames, validatePackage, shouldShowValidationUI, WatermarkOverlay } from '@progress/kendo-react-common';
-import { packageMetadata } from '../package-metadata';
-var TabStrip = /** @class */ (function (_super) {
-    __extends(TabStrip, _super);
-    function TabStrip(props) {
-        var _a;
-        var _this = _super.call(this, props) || this;
-        _this._element = null;
-        _this.showLicenseWatermark = false;
-        _this.keyBinding = (_a = {},
-            _a[Keys.left] = function () { return _this.prevNavigatableTab(); },
-            _a[Keys.right] = function () { return _this.nextNavigatableTab(); },
-            _a[Keys.down] = function () { return _this.nextNavigatableTab(); },
-            _a[Keys.up] = function () { return _this.prevNavigatableTab(); },
-            _a[Keys.home] = function () { return 0; },
-            _a[Keys.end] = function () { return (React.Children.count(_this.props.children) - 1); },
-            _a);
-        /**
-         * @hidden
-         */
-        _this.onSelect = function (index) {
-            if (_this.props.selected !== index) {
-                if (_this.props.onSelect) {
-                    _this.props.onSelect({
-                        selected: index
-                    });
-                }
-            }
-        };
-        /**
-         * @hidden
-         */
-        _this.onKeyDown = function (event) {
-            var handler;
-            switch (event.keyCode) {
-                case Keys.left:
-                    handler = _this.keyBinding[_this.invertKeys(Keys.left, Keys.right)];
-                    break;
-                case Keys.right:
-                    handler = _this.keyBinding[_this.invertKeys(Keys.right, Keys.left)];
-                    break;
-                case Keys.up:
-                    handler = _this.keyBinding[Keys.up];
-                    break;
-                case Keys.down:
-                    handler = _this.keyBinding[Keys.down];
-                    break;
-                case Keys.home:
-                    handler = _this.keyBinding[Keys.home];
-                    break;
-                case Keys.end:
-                    handler = _this.keyBinding[Keys.end];
-                    break;
-                default:
-                    break;
-            }
-            if (handler) {
-                event.preventDefault();
-                _this.onSelect(handler());
-            }
-        };
-        _this.renderContent = function (tabProps) {
-            var selected = tabProps.selected, children = tabProps.children, tabContentStyle = tabProps.tabContentStyle;
-            var childrenCount = React.Children.count(children);
-            if (selected < childrenCount && selected > -1) {
-                return (React.createElement(TabStripContent, __assign({ index: selected }, tabProps, { style: tabContentStyle })));
-            }
-            return null;
-        };
-        _this.firstNavigatableTab = function () {
-            var children = _this.children();
-            var length = React.Children.count(children);
-            if (children) {
-                for (var i = 0; i < length; i++) {
-                    if (!children[i].props.disabled) {
-                        return i;
-                    }
-                }
-            }
-        };
-        _this.lastNavigatableTab = function () {
-            var children = _this.children();
-            var length = React.Children.count(children);
-            if (children) {
-                for (var i = length - 1; i > 0; i--) {
-                    if (!children[i].props.disabled) {
-                        return i;
-                    }
-                }
-            }
-        };
-        _this.prevNavigatableTab = function () {
-            var children = _this.children();
-            var selected = _this.props.selected;
-            var index = selected ? selected - 1 : -1;
-            if (index < 0) {
-                return _this.lastNavigatableTab();
-            }
-            if (children) {
-                for (var i = index; i > -1; i--) {
-                    if (!children[i].props.disabled) {
-                        return i;
-                    }
-                    if (i === 0) {
-                        return _this.lastNavigatableTab();
-                    }
-                }
-            }
-        };
-        _this.nextNavigatableTab = function () {
-            var children = _this.children();
-            var selected = _this.props.selected;
-            var index = selected ? selected + 1 : 1;
-            var childrenCount = React.Children.count(children);
-            if (index >= childrenCount) {
-                return _this.firstNavigatableTab();
-            }
-            if (children) {
-                for (var i = index; i < childrenCount; i++) {
-                    if (!children[i].props.disabled) {
-                        return i;
-                    }
-                    if (i + 1 === childrenCount) {
-                        return _this.firstNavigatableTab();
-                    }
-                }
-            }
-        };
-        validatePackage(packageMetadata);
-        _this.showLicenseWatermark = shouldShowValidationUI(packageMetadata);
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    TabStrip.prototype.render = function () {
-        var _this = this;
-        var tabProps = __assign(__assign({}, this.props), { children: this.children(), onKeyDown: this.onKeyDown, onSelect: this.onSelect });
-        var tabPosition = tabProps.tabPosition, _a = tabProps.tabIndex, tabIndex = _a === void 0 ? 0 : _a;
-        var bottom = tabPosition === 'bottom';
-        var componentClasses = classNames('k-tabstrip k-pos-relative', {
-            'k-tabstrip-left': tabPosition === 'left',
-            'k-tabstrip-right': tabPosition === 'right',
-            'k-tabstrip-bottom': tabPosition === 'bottom',
-            'k-tabstrip-top': tabPosition === 'top',
-            'k-tabstrip-scrollable': this.props.scrollable
-        }, this.props.className);
-        return (React.createElement("div", { id: this.props.id, ref: function (div) { return _this._element = div; }, dir: this.props.dir, className: componentClasses, style: this.props.style },
-            !bottom && React.createElement(TabStripNavigation, __assign({}, tabProps, { tabIndex: tabIndex })),
-            this.renderContent(tabProps),
-            bottom && React.createElement(TabStripNavigation, __assign({}, tabProps, { tabIndex: tabIndex })),
-            this.showLicenseWatermark && React.createElement(WatermarkOverlay, null)));
-    };
-    TabStrip.prototype.invertKeys = function (original, inverted) {
-        var rtl = this._element && (getComputedStyle(this._element).direction === 'rtl') || false;
-        return rtl ? inverted : original;
-    };
-    TabStrip.prototype.children = function () {
-        return React.Children.toArray(this.props.children).filter(function (c) { return c; });
-    };
-    /**
-     * @hidden
-     */
-    TabStrip.propTypes = {
-        animation: PropTypes.bool,
-        children: PropTypes.node,
-        onSelect: PropTypes.func,
-        selected: PropTypes.number,
-        style: PropTypes.object,
-        tabContentStyle: PropTypes.object,
-        tabPosition: PropTypes.string,
-        tabIndex: PropTypes.number,
-        className: PropTypes.string,
-        dir: PropTypes.string
-    };
-    /**
-     * @hidden
-     */
-    TabStrip.defaultProps = {
-        animation: true,
-        tabPosition: 'top',
-        keepTabsMounted: false,
-        buttonScrollSpeed: 100,
-        mouseScrollSpeed: 10
-    };
-    return TabStrip;
-}(React.Component));
-export { TabStrip };

package/dist/es/tabstrip/TabStripContent.js

@@ -1,95 +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 __());
-    };
-})();
-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 { Fade } from '@progress/kendo-react-animation';
-import { classNames, guid } from '@progress/kendo-react-common';
-var TabStripContent = /** @class */ (function (_super) {
-    __extends(TabStripContent, _super);
-    function TabStripContent() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.contentId = guid();
-        _this.childFactory = function (child) {
-            return React.cloneElement(child, __assign(__assign({}, child.props), { in: child.props.children.props.id === String(_this.contentId + _this.props.selected) }));
-        };
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    TabStripContent.prototype.render = function () {
-        var _a = this.props, children = _a.children, selected = _a.selected;
-        var selectedTab = children && typeof selected === 'number' &&
-            React.Children.toArray(children)[selected];
-        var contentClasses = classNames('k-tabstrip-content', 'k-active', selectedTab && selectedTab.props.contentClassName);
-        return (React.createElement("div", { className: contentClasses, style: this.props.style }, this.renderContent(children)));
-    };
-    TabStripContent.prototype.renderContent = function (children) {
-        var _this = this;
-        return !this.props.keepTabsMounted
-            ? this.renderChild(React.Children.toArray(children)[this.props.selected], this.props.selected)
-            : React.Children.map(this.props.children, function (tab, idx) {
-                return _this.renderChild(tab, idx);
-            });
-    };
-    TabStripContent.prototype.renderChild = function (tab, idx) {
-        var visible = idx === this.props.selected;
-        var contentProps = {
-            'role': 'tabpanel',
-            'aria-expanded': true,
-            'aria-labelledby': idx.toString(),
-            'style': {
-                'display': visible ? undefined : 'none'
-            }
-        };
-        var animationStyle = {
-            position: 'initial',
-            display: visible ? undefined : 'none'
-        };
-        if (tab.props.disabled) {
-            return null;
-        }
-        return this.props.animation
-            ? (React.createElement(Fade, { appear: true, exit: this.props.keepTabsMounted, style: animationStyle, childFactory: this.props.keepTabsMounted ? this.childFactory : undefined },
-                React.createElement("div", __assign({}, contentProps, { id: String(this.contentId + idx), key: idx }), tab.props.children)))
-            : (React.createElement("div", __assign({}, contentProps, { key: idx }), tab.props.children));
-    };
-    /**
-     * @hidden
-     */
-    TabStripContent.propTypes = {
-        animation: PropTypes.bool,
-        children: PropTypes.oneOfType([
-            PropTypes.element,
-            PropTypes.arrayOf(PropTypes.element)
-        ]),
-        selected: PropTypes.number,
-        style: PropTypes.object
-    };
-    return TabStripContent;
-}(React.Component));
-export { TabStripContent };