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

package/dist/es/breadcrumb/BreadcrumbOrderedList.js

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { validatePackage } from '@progress/kendo-licensing';
-import { classNames, getTabIndex, useDir } from '@progress/kendo-react-common';
-import { packageMetadata } from '../package-metadata';
-/**
- * Represents the BreadcrumbOrderedList component.
- */
-export var BreadcrumbOrderedList = React.forwardRef(function (props, ref) {
-    validatePackage(packageMetadata);
-    var target = React.useRef(null);
-    var orderedListRef = React.useRef(null);
-    React.useImperativeHandle(target, function () { return ({
-        element: orderedListRef.current,
-        props: props
-    }); });
-    React.useImperativeHandle(ref, function () { return target.current; });
-    return (React.createElement(React.Fragment, null, props.rootItem ? (React.createElement("ol", { id: props.id, ref: orderedListRef, style: props.style, dir: useDir(orderedListRef, props.dir), tabIndex: getTabIndex(props.tabIndex, props.disabled), className: classNames('k-breadcrumb-root-item-container', {
-            'k-disabled': props.disabled
-        }, props.className) }, props.children))
-        :
-            (React.createElement("ol", { id: props.id, ref: orderedListRef, style: props.style, dir: useDir(orderedListRef, props.dir), tabIndex: getTabIndex(props.tabIndex, props.disabled), className: classNames('k-breadcrumb-container !k-flex-wrap', {
-                    'k-disabled': props.disabled
-                }, props.className) }, props.children))));
-});
-var propTypes = {
-    id: PropTypes.string,
-    className: PropTypes.string,
-    children: PropTypes.element,
-    tabIndex: PropTypes.number,
-    style: PropTypes.object,
-    dir: PropTypes.string,
-    disabled: PropTypes.bool
-};
-BreadcrumbOrderedList.displayName = 'KendoReactBreadcrumbOrderedList';
-BreadcrumbOrderedList.propTypes = propTypes;

package/dist/es/card/Avatar.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { AvatarProps } from './interfaces/AvatarProps';
-export declare const Avatar: React.FunctionComponent<AvatarProps>;

package/dist/es/card/Avatar.js

@@ -1,39 +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 { classNames, kendoThemeMaps } from '@progress/kendo-react-common';
-import { avatarType } from './interfaces/Enums';
-import { validatePackage } from '@progress/kendo-react-common';
-import { packageMetadata } from '../package-metadata';
-export var Avatar = function (props) {
-    var _a;
-    var combinedProps = __assign({ type: avatarType.TEXT, size: 'medium', rounded: 'full', fillMode: 'solid', themeColor: 'primary' }, props);
-    validatePackage(packageMetadata);
-    return (React.createElement("div", { style: combinedProps.style, className: classNames('k-avatar', (_a = {},
-            _a['k-avatar-bordered'] = combinedProps.border,
-            _a["k-rounded-".concat(kendoThemeMaps.roundedMap[combinedProps.rounded] || combinedProps.rounded)] = combinedProps.rounded,
-            _a["k-avatar-".concat(kendoThemeMaps.sizeMap[combinedProps.size] || combinedProps.size)] = combinedProps.size,
-            _a["k-avatar-".concat(combinedProps.fillMode)] = combinedProps.fillMode,
-            _a["k-avatar-".concat(combinedProps.fillMode, "-").concat(combinedProps.themeColor)] = Boolean(combinedProps.fillMode && combinedProps.themeColor),
-            _a), combinedProps.className) },
-        React.createElement("span", { className: "k-avatar-".concat(combinedProps.type) }, combinedProps.children)));
-};
-Avatar.propTypes = {
-    className: PropTypes.string,
-    type: PropTypes.oneOf(['text', 'image', 'icon']),
-    size: PropTypes.oneOf([null, 'small', 'medium', 'large']),
-    rounded: PropTypes.oneOf([null, 'small', 'medium', 'large', 'full']),
-    fillMode: PropTypes.oneOf([null, 'solid', 'outline']),
-    /* eslint-disable max-len */
-    themeColor: PropTypes.oneOf([null, 'base', 'dark', 'error', 'info', 'inverse', 'inverse', 'light', 'primary', 'secondary', 'success', 'tertiary', 'warning'])
-};

package/dist/es/card/Card.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { CardProps } from './interfaces/CardProps';
-import { CardHandle } from './interfaces/CardHandle';
-export declare const Card: React.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React.RefAttributes<CardHandle | null>>;

package/dist/es/card/Card.js

@@ -1,55 +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 { classNames } from '@progress/kendo-react-common';
-import { cardType } from './interfaces/Enums';
-import { cardOrientation } from './interfaces/Enums';
-import { validatePackage } from '@progress/kendo-react-common';
-import { packageMetadata } from '../package-metadata';
-export var Card = React.forwardRef(function (props, ref) {
-    var _a;
-    validatePackage(packageMetadata);
-    var children = props.children, dir = props.dir, style = props.style, className = props.className, type = props.type, orientation = props.orientation, customProps = __rest(props, ["children", "dir", "style", "className", "type", "orientation"]);
-    var target = React.useRef(null);
-    var chipRef = React.useRef(null);
-    React.useImperativeHandle(target, function () { return ({
-        element: chipRef.current,
-        props: props
-    }); });
-    React.useImperativeHandle(ref, function () { return target.current; });
-    return (React.createElement("div", __assign({ dir: dir, style: style, ref: chipRef, className: classNames('k-card', className, (_a = {}, _a["k-card-".concat(type)] = type !== cardType.DEFAULT, _a), orientation !== cardOrientation.HORIZONTAL ? 'k-card-vertical' : 'k-card-horizontal') }, customProps), children));
-});
-Card.displayName = 'KendoReactCard';
-Card.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    dir: PropTypes.string,
-    orientation: PropTypes.oneOf(['horizontal', 'vertical']),
-    style: PropTypes.object,
-    type: PropTypes.oneOf(['default', 'primary', 'info', 'success', 'warning', 'error'])
-};
-Card.defaultProps = {
-    type: cardType.DEFAULT,
-    orientation: cardOrientation.VERTICAL
-};

package/dist/es/card/CardActions.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { CardActionsProps } from './interfaces/CardActionsProps';
-export declare const CardActions: React.FunctionComponent<CardActionsProps>;

package/dist/es/card/CardActions.js

@@ -1,23 +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 { classNames } from '@progress/kendo-react-common';
-import { cardActionsLayout, cardOrientation } from './interfaces/Enums';
-export var CardActions = function (props) {
-    var combinedProps = __assign({ layout: cardActionsLayout.START, orientation: cardOrientation.HORIZONTAL }, props);
-    return (React.createElement("div", { style: combinedProps.style, className: classNames('k-card-actions', combinedProps.className, "k-card-actions-".concat(combinedProps.layout), combinedProps.orientation !== cardOrientation.VERTICAL ? 'k-card-actions-horizontal' : 'k-card-actions-vertical') }, combinedProps.children));
-};
-CardActions.propTypes = {
-    layout: PropTypes.oneOf(['stretched', 'start', 'center', 'end']),
-    orientation: PropTypes.oneOf(['horizontal', 'vertical'])
-};

package/dist/es/card/CardBody.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { CardBodyProps } from './interfaces/CardBodyProps';
-export declare const CardBody: React.FunctionComponent<CardBodyProps>;

package/dist/es/card/CardBody.js

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { classNames } from '@progress/kendo-react-common';
-export var CardBody = function (props) {
-    return (React.createElement("div", { style: props.style, className: classNames('k-card-body', props.className) }, props.children));
-};
-CardBody.propTypes = {
-    className: PropTypes.string
-};

package/dist/es/card/CardFooter.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { CardFooterProps } from './interfaces/CardFooterProps';
-export declare const CardFooter: React.FunctionComponent<CardFooterProps>;

package/dist/es/card/CardFooter.js

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { classNames } from '@progress/kendo-react-common';
-export var CardFooter = function (props) {
-    return (React.createElement("div", { style: props.style, className: classNames('k-card-footer', props.className) }, props.children));
-};
-CardFooter.propTypes = {
-    className: PropTypes.string
-};

package/dist/es/card/CardHeader.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { CardHeaderProps } from './interfaces/CardHeaderProps';
-export declare const CardHeader: React.FunctionComponent<CardHeaderProps>;

package/dist/es/card/CardHeader.js

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { classNames } from '@progress/kendo-react-common';
-export var CardHeader = function (props) {
-    return (React.createElement("div", { style: props.style, className: classNames('k-card-header', props.className) }, props.children));
-};
-CardHeader.propTypes = {
-    className: PropTypes.string
-};

package/dist/es/card/CardImage.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { CardImageProps } from './interfaces/CardImageProps';
-export declare const CardImage: React.FunctionComponent<CardImageProps>;

package/dist/es/card/CardImage.js

@@ -1,22 +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 { classNames } from '@progress/kendo-react-common';
-export var CardImage = function (props) {
-    var combinedProps = __assign({ src: '' }, props);
-    return (React.createElement("img", { style: combinedProps.style, className: classNames('k-card-image', combinedProps.className), src: combinedProps.src, alt: combinedProps.alt }));
-};
-CardImage.propTypes = {
-    className: PropTypes.string,
-    src: PropTypes.string
-};

package/dist/es/card/CardSubtitle.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { CardSubtitleProps } from './interfaces/CardSubtitleProps';
-export declare const CardSubtitle: React.FunctionComponent<CardSubtitleProps>;

package/dist/es/card/CardSubtitle.js

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { classNames } from '@progress/kendo-react-common';
-export var CardSubtitle = function (props) {
-    return (React.createElement("div", { style: props.style, className: classNames('k-card-subtitle', props.className) }, props.children));
-};
-CardSubtitle.propTypes = {
-    className: PropTypes.string
-};

package/dist/es/card/CardTitle.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { CardTitleProps } from './interfaces/CardTitleProps';
-export declare const CardTitle: React.FunctionComponent<CardTitleProps>;

package/dist/es/card/CardTitle.js

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { classNames } from '@progress/kendo-react-common';
-export var CardTitle = function (props) {
-    return (React.createElement("div", { style: props.style, className: classNames('k-card-title', props.className) }, props.children));
-};
-CardTitle.propTypes = {
-    className: PropTypes.string
-};

package/dist/es/card/interfaces/AvatarProps.d.ts

@@ -1,85 +0,0 @@
-/// <reference types="react" />
-import { avatarType } from './Enums';
-export interface AvatarProps {
-    /**
-     * Sets the Avatar children elements.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets additional CSS styles to the Avatar.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Add additional classes to the Avatar.
-     */
-    className?: string;
-    /**
-     * Set the type of the Avatar.
-     *
-     * The supported values are:
-     * * `image`
-     * * `text`
-     * * `icon`
-     */
-    type?: avatarType | string;
-    /**
-     * Configures the `size` of the Button.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null&mdash;Does not set a size `className`.
-     *
-     * @default `medium`
-     */
-    size?: null | 'small' | 'medium' | 'large';
-    /**
-     * Configures the `roundness` of the Button.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - full
-     * - null&mdash;Does not set a rounded `className`.
-     *
-     * @default `medium`
-     */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full';
-    /**
-     * Sets a border to the Avatar.
-     */
-    border?: boolean;
-    /**
-     * Configures the `fillMode` of the Button.
-     *
-     * The available options are:
-     * - solid
-     * - outline
-     * - null&mdash;Does not set a fillMode `className`.
-     *
-     * @default `solid`
-     */
-    fillMode?: null | 'solid' | 'outline';
-    /**
-     * Configures the `themeColor` of the Button.
-     *
-     * The available options are:
-     * - base
-     * - primary
-     * - secondary
-     * - tertiary
-     * - info
-     * - success
-     * - error
-     * - warning
-     * - dark
-     * - light
-     * - inverse
-     * - null&mdash;Does not set a themeColor `className`.
-     *
-     * @default `base`
-     */
-    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'error' | 'warning' | 'dark' | 'light' | 'inverse';
-}

package/dist/es/card/interfaces/AvatarProps.js

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

package/dist/es/card/interfaces/CardActionsProps.js

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

package/dist/es/card/interfaces/CardBodyProps.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-export interface CardBodyProps {
-    /**
-     * Sets the CardBody children elements.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets additional CSS styles to the CardBody.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Add additional classes to the CardBody.
-     */
-    className?: string;
-}

package/dist/es/card/interfaces/CardBodyProps.js

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

package/dist/es/card/interfaces/CardFooterProps.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-export interface CardFooterProps {
-    /**
-     * Sets the CardFooter children elements.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets additional CSS styles to the CardFooter.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Add additional classes to the CardFooter.
-     */
-    className?: string;
-}

package/dist/es/card/interfaces/CardFooterProps.js

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

package/dist/es/card/interfaces/CardHandle.d.ts

@@ -1,14 +0,0 @@
-import { CardProps } from './CardProps';
-/**
- * Represents the target(element and props) of the Card component.
- */
-export interface CardHandle {
-    /**
-     * The current element or `null` if there is no one.
-     */
-    element: HTMLDivElement | null;
-    /**
-     * The props values of the Card.
-     */
-    props: CardProps;
-}

package/dist/es/card/interfaces/CardHandle.js

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

package/dist/es/card/interfaces/CardHeaderProps.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-export interface CardHeaderProps {
-    /**
-     * Sets the CardHeader children elements.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets additional CSS styles to the CardHeader.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Add additional classes to the CardHeader.
-     */
-    className?: string;
-}

package/dist/es/card/interfaces/CardHeaderProps.js

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

package/dist/es/card/interfaces/CardImageProps.js

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

package/dist/es/card/interfaces/CardProps.js

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

package/dist/es/card/interfaces/CardSubtitleProps.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-export interface CardSubtitleProps {
-    /**
-     * Sets the CardSubtitle children elements.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets additional CSS styles to the CardSubtitle.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Add additional classes to the CardSubtitle.
-     */
-    className?: string;
-}

package/dist/es/card/interfaces/CardSubtitleProps.js

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

package/dist/es/card/interfaces/CardTitleProps.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-export interface CardTitleProps {
-    /**
-     * Sets the CardTitle children elements.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets additional CSS styles to the CardTitle.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Add additional classes to the CardTitle.
-     */
-    className?: string;
-}

package/dist/es/card/interfaces/CardTitleProps.js

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

package/dist/es/card/interfaces/Enums.d.ts

@@ -1,23 +0,0 @@
-export declare enum avatarType {
-    TEXT = "text",
-    IMAGE = "image",
-    ICON = "icon"
-}
-export declare enum cardOrientation {
-    HORIZONTAL = "horizontal",
-    VERTICAL = "vertical"
-}
-export declare enum cardType {
-    DEFAULT = "default",
-    primary = "primary",
-    INFO = "info",
-    SUCCESS = "success",
-    WARNING = "warning",
-    ERROR = "error"
-}
-export declare enum cardActionsLayout {
-    START = "start",
-    CENTER = "center",
-    END = "end",
-    STRETCHED = "stretched"
-}

package/dist/es/card/interfaces/Enums.js

@@ -1,27 +0,0 @@
-export var avatarType;
-(function (avatarType) {
-    avatarType["TEXT"] = "text";
-    avatarType["IMAGE"] = "image";
-    avatarType["ICON"] = "icon";
-})(avatarType || (avatarType = {}));
-export var cardOrientation;
-(function (cardOrientation) {
-    cardOrientation["HORIZONTAL"] = "horizontal";
-    cardOrientation["VERTICAL"] = "vertical";
-})(cardOrientation || (cardOrientation = {}));
-export var cardType;
-(function (cardType) {
-    cardType["DEFAULT"] = "default";
-    cardType["primary"] = "primary";
-    cardType["INFO"] = "info";
-    cardType["SUCCESS"] = "success";
-    cardType["WARNING"] = "warning";
-    cardType["ERROR"] = "error";
-})(cardType || (cardType = {}));
-export var cardActionsLayout;
-(function (cardActionsLayout) {
-    cardActionsLayout["START"] = "start";
-    cardActionsLayout["CENTER"] = "center";
-    cardActionsLayout["END"] = "end";
-    cardActionsLayout["STRETCHED"] = "stretched";
-})(cardActionsLayout || (cardActionsLayout = {}));

package/dist/es/contextmenu/ContextMenu.d.ts

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import { Offset } from '@progress/kendo-react-popup';
-import { MenuProps } from '../menu/MenuProps';
-/**
- * The props of the [KendoReact ContextMenu component]({% slug overview_contextmenu %}).
- */
-export interface ContextMenuProps extends Omit<MenuProps, 'onClose' | 'openOnClick' | 'hoverOpenDelay' | 'hoverCloseDelay'> {
-    /**
-     * Controls the Popup visibility of the ContextMenu.
-     */
-    show: boolean;
-    /**
-     * Specifies the absolute position of the ContextMenu. The Popover opens next to that point.
-     */
-    offset: Offset;
-    /**
-     * Triggers when the ContextMenu needs to hide.
-     */
-    onClose: (event: React.SyntheticEvent<HTMLElement>) => void;
-}
-/**
- * Represents the [KendoReact ContextMenu component]({% slug overview_contextmenu %}).
- */
-export declare const ContextMenu: {
-    (props: ContextMenuProps): JSX.Element;
-    displayName: string;
-};

package/dist/es/contextmenu/ContextMenu.js

@@ -1,36 +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 { classNames, getActiveElement } from '@progress/kendo-react-common';
-import { Popup } from '@progress/kendo-react-popup';
-import { Menu } from '../menu/components/Menu';
-/**
- * Represents the [KendoReact ContextMenu component]({% slug overview_contextmenu %}).
- */
-export var ContextMenu = function (props) {
-    var menuRef = React.useRef(null);
-    React.useEffect(function () {
-        if (props.show) {
-            setTimeout(function () {
-                var element = menuRef.current && menuRef.current.element;
-                var menuItem = element && element.querySelector('.k-menu-item');
-                var activeElement = getActiveElement(menuItem && menuItem.ownerDocument);
-                if (menuItem && menuItem !== activeElement) {
-                    menuItem.focus();
-                }
-            });
-        }
-    }, [props.show]);
-    return (React.createElement(Popup, { show: props.show, offset: props.offset, popupClass: 'k-menu-popup', animate: false },
-        React.createElement(Menu, __assign({ vertical: true }, props, { ref: menuRef, className: classNames('k-context-menu', props.className), onClose: props.onClose, role: 'menu' }), props.children)));
-};
-ContextMenu.displayName = 'KendoReactContextMenu';