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

package/dist/npm/drawer/interfaces/DrawerItemHandle.d.ts

@@ -1,17 +0,0 @@
-/**
- * The DrawerItem ref.
- */
-export interface DrawerItemHandle {
-    /**
-     * The DrawerItem element.
-     */
-    element: HTMLLIElement | null;
-    /**
-     * Focus the DrawerItem.
-     */
-    focus: () => void;
-    /**
-     * The props of the DrawerItem.
-     */
-    props: any;
-}

package/dist/npm/drawer/interfaces/DrawerItemHandle.js

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

package/dist/npm/drawer/interfaces/DrawerItemProps.d.ts

@@ -1,61 +0,0 @@
-/// <reference types="react" />
-import { SVGIcon } from '@progress/kendo-react-common';
-/**
- * An interface for the Drawer items.
- */
-export interface DrawerItemProps {
-    /**
-     * Represents the children that are passed to the DrawerItem.
-     */
-    children?: any;
-    /**
-     * Specifies a list of CSS classes that will be added to the DrawerItem element.
-     */
-    className?: string;
-    /**
-     * Sets additional CSS styles to the Drawer item.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Specifies if the Drawer item is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Defines the name for an existing icon in a KendoReact theme.
-     * The icon is rendered inside the Drawer item by a `span.k-icon` element.
-     */
-    icon?: string;
-    /**
-     * Defines the SVG icon of the item.
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * Specifies if the Drawer item is initially selected.
-     */
-    selected?: boolean;
-    /**
-     * Specifies if this is a separator item.
-     */
-    separator?: boolean;
-    /**
-     * Specifies the text content of the Drawer item.
-     */
-    text?: string;
-    /**
-     * Sets the index of the DrawerItem that is used to identify it.
-     */
-    index?: number;
-    /**
-     * Sets the `tabIndex` property of the DrawerItem.
-     * Defaults to `0`.
-     */
-    tabIndex?: number;
-    /**
-     * Sets a custom property. Contained in the DrawerItem props that are returned from the `onSelect` Drawer event.
-     */
-    [customProp: string]: any;
-    /**
-     * @hidden
-     */
-    onSelect?(target?: any, idx?: number, event?: React.SyntheticEvent<Element>): void;
-}

package/dist/npm/drawer/interfaces/DrawerItemProps.js

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

package/dist/npm/drawer/interfaces/DrawerNavigationProps.js

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

package/dist/npm/drawer/interfaces/DrawerProps.js

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

package/dist/npm/drawer/interfaces/DrawerSelectEvent.d.ts

@@ -1,15 +0,0 @@
-import { DrawerHandle } from '../Drawer';
-import { BaseEvent } from '@progress/kendo-react-common';
-/**
- * The arguments for the `onSelect` Drawer event.
- */
-export interface DrawerSelectEvent extends BaseEvent<DrawerHandle> {
-    /**
-     * A Drawer item event target.
-     */
-    itemTarget: any;
-    /**
-     * The index of the selected Drawer item.
-     */
-    itemIndex: number;
-}

package/dist/npm/drawer/interfaces/DrawerSelectEvent.js

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

package/dist/npm/expansionpanel/ExpansionPanel.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { ExpansionPanelHandle, ExpansionPanelProps } from './interfaces';
-/**
- * Represents the [KendoReact ExpansionPanel component]({% slug overview_expansionpanel %}).
- */
-export declare const ExpansionPanel: React.ForwardRefExoticComponent<ExpansionPanelProps & React.RefAttributes<ExpansionPanelHandle | null>>;

package/dist/npm/expansionpanel/ExpansionPanel.js

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExpansionPanel = 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_svg_icons_1 = require("@progress/kendo-svg-icons");
-/**
- * Represents the [KendoReact ExpansionPanel component]({% slug overview_expansionpanel %}).
- */
-exports.ExpansionPanel = React.forwardRef(function (props, target) {
-    var _a, _b;
-    (0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
-    var elementRef = React.useRef(null);
-    var _c = React.useState(false), focused = _c[0], setFocused = _c[1];
-    var getImperativeHandle = React.useCallback(function () { return ({ element: elementRef.current }); }, []);
-    React.useImperativeHandle(target, getImperativeHandle);
-    var _d = props.expanded, expanded = _d === void 0 ? false : _d, disabled = props.disabled, title = props.title, subtitle = props.subtitle, onAction = props.onAction, expandIcon = props.expandIcon, collapseIcon = props.collapseIcon, expandSVGIcon = props.expandSVGIcon, collapseSVGIcon = props.collapseSVGIcon;
-    var onClick = React.useCallback(function (event) {
-        (0, kendo_react_common_1.dispatchEvent)(onAction, event, getImperativeHandle(), { expanded: expanded });
-    }, [onAction, expanded]);
-    var onKeyDown = React.useCallback(function (event) {
-        if (event.keyCode === kendo_react_common_1.Keys.enter || event.keyCode === kendo_react_common_1.Keys.space) {
-            event.preventDefault();
-            (0, kendo_react_common_1.dispatchEvent)(onAction, event, getImperativeHandle(), { expanded: expanded });
-        }
-    }, [onAction, expanded]);
-    var handleFocus = React.useCallback(function () {
-        if (props.disabled) {
-            return;
-        }
-        setFocused(true);
-    }, [props.disabled]);
-    var handleBlur = React.useCallback(function () {
-        if (props.disabled) {
-            return;
-        }
-        setFocused(false);
-    }, [props.disabled]);
-    var _e = (0, kendo_react_common_1.useAsyncFocusBlur)({ onFocus: handleFocus, onBlur: handleBlur }), onFocus = _e.onFocus, onBlur = _e.onBlur;
-    return (React.createElement("div", { ref: elementRef, className: (0, kendo_react_common_1.classNames)('k-expander', props.className, {
-            'k-expanded': expanded,
-            'k-focus': focused && !disabled,
-            'k-disabled': disabled
-        }), onFocus: onFocus, onBlur: onBlur, style: props.style, id: props.id, dir: (0, kendo_react_common_1.useRtl)(elementRef, props.dir), onKeyDown: disabled ? undefined : onKeyDown },
-        React.createElement("div", { role: 'button', "aria-controls": props.ariaControls, "aria-expanded": expanded, "aria-disabled": disabled, tabIndex: (0, kendo_react_common_1.getTabIndex)(props.tabIndex, disabled), className: "k-expander-header", onClick: disabled ? undefined : onClick },
-            title !== undefined ? React.createElement("div", { className: "k-expander-title" }, title) : undefined,
-            React.createElement("span", { className: "k-spacer" }),
-            subtitle !== undefined ? React.createElement("div", { className: "k-expander-sub-title" }, subtitle) : undefined,
-            React.createElement("span", { className: "k-expander-indicator" },
-                React.createElement(kendo_react_common_1.IconWrap, { name: !expanded
-                        ? !expandIcon ? 'chevron-down' : undefined
-                        : !collapseIcon ? 'chevron-up' : undefined, icon: !expanded
-                        ? (!expandSVGIcon && !expandIcon) ? kendo_svg_icons_1.chevronDownIcon : expandSVGIcon
-                        : (!collapseSVGIcon && !collapseIcon) ? kendo_svg_icons_1.chevronUpIcon : collapseSVGIcon, className: (0, kendo_react_common_1.classNames)(expanded
-                        ? (_a = {},
-                            _a[String(collapseIcon)] = Boolean(collapseIcon),
-                            _a) : (_b = {},
-                        _b[String(expandIcon)] = Boolean(expandIcon),
-                        _b)) }))),
-        props.children));
-});
-exports.ExpansionPanel.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    style: PropTypes.object,
-    dir: PropTypes.string,
-    id: PropTypes.string,
-    tabIndex: PropTypes.number,
-    title: PropTypes.node,
-    subtitle: PropTypes.node,
-    expandIcon: PropTypes.string,
-    collapseIcon: PropTypes.string,
-    expanded: PropTypes.bool,
-    disabled: PropTypes.bool,
-    onAction: PropTypes.func
-};
-exports.ExpansionPanel.displayName = 'KendoReactExpansionPanel';

package/dist/npm/expansionpanel/ExpansionPanelContent.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-/**
- * Represents the KendoReact ExpansionPanelContent component.
- */
-export declare const ExpansionPanelContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/npm/expansionpanel/ExpansionPanelContent.js

@@ -1,24 +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.ExpansionPanelContent = void 0;
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var React = require("react");
-/**
- * Represents the KendoReact ExpansionPanelContent component.
- */
-exports.ExpansionPanelContent = React.forwardRef(function (props, ref) {
-    return (React.createElement("div", __assign({ ref: ref }, props, { className: (0, kendo_react_common_1.classNames)('k-expander-content-wrapper', props.className) }),
-        React.createElement("div", { className: 'k-expander-content' }, props.children)));
-});
-exports.ExpansionPanelContent.displayName = 'KendoReactExpansionPanelContent';

package/dist/npm/expansionpanel/index.d.ts

@@ -1,3 +0,0 @@
-export * from './ExpansionPanel';
-export * from './ExpansionPanelContent';
-export * from './interfaces';

package/dist/npm/expansionpanel/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ExpansionPanel"), exports);
-__exportStar(require("./ExpansionPanelContent"), exports);
-__exportStar(require("./interfaces"), exports);

package/dist/npm/expansionpanel/interfaces.d.ts

@@ -1,89 +0,0 @@
-/// <reference types="react" />
-import { BaseEvent, SVGIcon } from '@progress/kendo-react-common';
-/**
- * The ExpansionPanel ref.
- */
-export interface ExpansionPanelHandle {
-    /**
-     * The ExpansionPanel element.
-     */
-    element: HTMLDivElement | null;
-}
-/**
- * The arguments for the `onAction` ExpansionPanel event.
- */
-export interface ExpansionPanelActionEvent extends BaseEvent<ExpansionPanelHandle> {
-    /**
-     * Represents the `expanded` state of the ExpansionPanel.
-     */
-    expanded: boolean;
-}
-/**
- * The props of the ExpansionPanel component.
- */
-export interface ExpansionPanelProps {
-    /**
-     * The React elements that will be rendered inside the ExpansionPanel.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets additional CSS classes to the ExpansionPanel.
-     */
-    className?: string;
-    /**
-     * Sets additional CSS styles to the ExpansionPanel.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the `id` property of the root ExpansionPanel element.
-     */
-    id?: string;
-    /**
-     * Specifies the primary text in the header of the ExpansionPanel.
-     */
-    title?: React.ReactNode;
-    /**
-     * Specifies the secondary text in the header of the ExpansionPanel, which is rendered next to the collapse/expand icon.
-     */
-    subtitle?: React.ReactNode;
-    /**
-     * Sets a custom icon via css class(es), for the expanded state of the ExpansionPanel.
-     */
-    expandIcon?: string;
-    /**
-     * Sets a custom icon via css class(es), for the collapsed state of the ExpansionPanel.
-     */
-    collapseIcon?: string;
-    /**
-     * Sets a custom SVG icon for the expanded state of the ExpansionPanel.
-     */
-    expandSVGIcon?: SVGIcon;
-    /**
-     * Sets a custom SVG icon for the collapsed state of the ExpansionPanel.
-     */
-    collapseSVGIcon?: SVGIcon;
-    /**
-     * Sets the `dir` property of the ExpansionPanel.
-     */
-    dir?: string;
-    /**
-     * Sets the `tabIndex` property of the ExpansionPanel.
-     */
-    tabIndex?: number;
-    /**
-     * Sets the `expanded` state of the ExpansionPanel.
-     */
-    expanded?: boolean;
-    /**
-     * Sets the `disabled` state of the ExpansionPanel.
-     */
-    disabled?: boolean;
-    /**
-     * Sets `aria-controls`. The value should represent the `id` of the controlled content element.
-     */
-    ariaControls?: string;
-    /**
-     * The event handler that will be fired when the expanded state of the ExpansionPanel is about to change.
-     */
-    onAction?: (event: ExpansionPanelActionEvent) => void;
-}

package/dist/npm/expansionpanel/interfaces.js

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

package/dist/npm/gridlayout/GridLayout.d.ts

@@ -1,39 +0,0 @@
-import * as React from 'react';
-import { GridLayoutProps } from './interfaces/GridLayoutProps';
-/**
- * Represents the Object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html)
- * callback of the GridLayout component.
- */
-export interface GridLayoutHandle {
-    /**
-     * Represents the current element. If no current element is present, `element` is `null`.
-     */
-    element: HTMLDivElement | null;
-}
-/**
- * Represents the [KendoReact GridLayout component]({% slug overview_gridlayout %}).
- * Arranges the contents of the component in rows and columns in a grid structure.
- *
- * @example
- * ```jsx
- *
- * const App = () => {
- *   return (
- *     <GridLayout
- *       rows={[{height: 50}, {height: 50}, {height: 50}]}
- *       cols={[{width: 50}, {width: 50}, {width: 50}]}
- *       gap={{rows: 5, cols: 5}}
- *       align={{horizontal: 'stretch', vertical: 'stretch'}}
- *     >
- *       <GridLayoutItem row={1} col={1}>Box</GridLayoutItem>
- *       <GridLayoutItem row={1} col={2} colSpan={2}>Box</GridLayoutItem>
- *       <GridLayoutItem row={2} col={1} colSpan={2} rowSpan={2}>Box</GridLayoutItem>
- *       <GridLayoutItem row={2} col={3}>Box</GridLayoutItem>
- *       <GridLayoutItem row={3} col={3}>Box</GridLayoutItem>
- *     </GridLayout>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const GridLayout: React.ForwardRefExoticComponent<GridLayoutProps & React.RefAttributes<GridLayoutHandle | null>>;

package/dist/npm/gridlayout/GridLayout.js

@@ -1,95 +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.GridLayout = 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");
-/**
- * Represents the [KendoReact GridLayout component]({% slug overview_gridlayout %}).
- * Arranges the contents of the component in rows and columns in a grid structure.
- *
- * @example
- * ```jsx
- *
- * const App = () => {
- *   return (
- *     <GridLayout
- *       rows={[{height: 50}, {height: 50}, {height: 50}]}
- *       cols={[{width: 50}, {width: 50}, {width: 50}]}
- *       gap={{rows: 5, cols: 5}}
- *       align={{horizontal: 'stretch', vertical: 'stretch'}}
- *     >
- *       <GridLayoutItem row={1} col={1}>Box</GridLayoutItem>
- *       <GridLayoutItem row={1} col={2} colSpan={2}>Box</GridLayoutItem>
- *       <GridLayoutItem row={2} col={1} colSpan={2} rowSpan={2}>Box</GridLayoutItem>
- *       <GridLayoutItem row={2} col={3}>Box</GridLayoutItem>
- *       <GridLayoutItem row={3} col={3}>Box</GridLayoutItem>
- *     </GridLayout>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-exports.GridLayout = React.forwardRef(function (props, ref) {
-    (0, kendo_licensing_1.validatePackage)(package_metadata_1.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, gap = props.gap;
-    var layoutId = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
-    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 gridLayoutClasses = React.useMemo(function () { return (0, kendo_react_common_1.classNames)('k-grid-layout', {
-        'k-justify-items-start': hAlign === 'start',
-        'k-justify-items-center': hAlign === 'center',
-        'k-justify-items-end': hAlign === 'end',
-        'k-justify-items-stretch': hAlign === 'stretch',
-        'k-align-items-start': vAlign === 'top',
-        'k-align-items-center': vAlign === 'middle',
-        'k-align-items-end': vAlign === 'bottom',
-        'k-align-items-stretch': vAlign === 'stretch'
-    }, className); }, [hAlign, vAlign, className]);
-    var gapStyle = gap
-        ? "".concat(typeof gap.rows === 'number' ? gap.rows + 'px' : gap.rows) + ' ' + "".concat(typeof gap.cols === 'number' ? gap.cols + 'px' : gap.cols)
-        : undefined;
-    var gridTemplateRowsStyle = props.rows && props.rows.map(function (row) { return "".concat(typeof row.height === 'number' ? row.height + 'px' : row.height); }).join(' ');
-    var gridTemplateColumnsStyle = props.cols && props.cols.map(function (col) { return "".concat(typeof col.width === 'number' ? col.width + 'px' : col.width); }).join(' ');
-    var gridLayoutStyles = __assign({ gap: gapStyle, gridTemplateColumns: gridTemplateColumnsStyle, gridTemplateRows: gridTemplateRowsStyle }, style);
-    return (React.createElement("div", { ref: elementRef, className: gridLayoutClasses, style: gridLayoutStyles, id: id || layoutId }, children));
-});
-var defaultProps = {
-    hAlign: 'stretch',
-    vAlign: 'stretch',
-    gap: undefined
-};
-exports.GridLayout.propTypes = {
-    className: PropTypes.string,
-    style: PropTypes.object,
-    children: PropTypes.any,
-    id: PropTypes.string,
-    gap: PropTypes.shape({
-        rows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        columns: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-    }),
-    align: PropTypes.shape({
-        vertical: PropTypes.oneOf(['top', 'middle', 'bottom', 'stretch']),
-        horizontal: PropTypes.oneOf(['start', 'center', 'end', 'stretch'])
-    })
-};
-exports.GridLayout.defaultProps = defaultProps;
-exports.GridLayout.displayName = 'KendoReactGridLayout';

package/dist/npm/gridlayout/GridLayoutItem.d.ts

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import { GridLayoutItemProps } from './interfaces/GridLayoutItemProps';
-/**
- * Represents the Object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html)
- * callback of the GridLayoutItem component.
- */
-export interface GridLayoutItemHandle {
-    /**
-     * Represents the current element. If no current element is present, `element` is `null`.
-     */
-    element: HTMLDivElement | null;
-}
-/**
- * Represents the [KendoReact GridLayoutItem component]({% slug overview_gridlayout %}).
- *
- * @example
- * ```jsx
- *
- * const App = () => {
- *   return (
- *     <GridLayout
- *       rows={[{height: 50}, {height: 50}, {height: 50}]}
- *       cols={[{width: 50}, {width: 50}, {width: 50}]}
- *       gap={{rows: 5, cols: 5}}
- *       align={{horizontal: 'stretch', vertical: 'stretch'}}
- *     >
- *       <GridLayoutItem row={1} col={1}>Box</GridLayoutItem>
- *       <GridLayoutItem row={1} col={2} colSpan={2}>Box</GridLayoutItem>
- *       <GridLayoutItem row={2} col={1} colSpan={2} rowSpan={2}>Box</GridLayoutItem>
- *       <GridLayoutItem row={2} col={3}>Box</GridLayoutItem>
- *       <GridLayoutItem row={3} col={3}>Box</GridLayoutItem>
- *     </GridLayout>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const GridLayoutItem: React.ForwardRefExoticComponent<GridLayoutItemProps & React.RefAttributes<GridLayoutItemHandle | null>>;

package/dist/npm/gridlayout/GridLayoutItem.js

@@ -1,63 +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.GridLayoutItem = 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");
-/**
- * Represents the [KendoReact GridLayoutItem component]({% slug overview_gridlayout %}).
- *
- * @example
- * ```jsx
- *
- * const App = () => {
- *   return (
- *     <GridLayout
- *       rows={[{height: 50}, {height: 50}, {height: 50}]}
- *       cols={[{width: 50}, {width: 50}, {width: 50}]}
- *       gap={{rows: 5, cols: 5}}
- *       align={{horizontal: 'stretch', vertical: 'stretch'}}
- *     >
- *       <GridLayoutItem row={1} col={1}>Box</GridLayoutItem>
- *       <GridLayoutItem row={1} col={2} colSpan={2}>Box</GridLayoutItem>
- *       <GridLayoutItem row={2} col={1} colSpan={2} rowSpan={2}>Box</GridLayoutItem>
- *       <GridLayoutItem row={2} col={3}>Box</GridLayoutItem>
- *       <GridLayoutItem row={3} col={3}>Box</GridLayoutItem>
- *     </GridLayout>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-exports.GridLayoutItem = React.forwardRef(function (props, ref) {
-    (0, kendo_licensing_1.validatePackage)(package_metadata_1.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, row = props.row, col = props.col, rowSpan = props.rowSpan, colSpan = props.colSpan;
-    var itemId = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
-    var gridLayoutItemStyles = __assign({ gridArea: "".concat(row || 'auto', " / ").concat(col || 'auto', " / ").concat(rowSpan ? 'span ' + rowSpan : 'auto', " / ").concat(colSpan ? 'span ' + colSpan : 'auto') }, style);
-    return (React.createElement("div", { ref: elementRef, className: className, style: gridLayoutItemStyles, id: id || itemId }, children));
-});
-exports.GridLayoutItem.propTypes = {
-    className: PropTypes.string,
-    style: PropTypes.object,
-    children: PropTypes.any,
-    id: PropTypes.string
-};
-exports.GridLayoutItem.displayName = 'KendoReactGridLayoutItem';

package/dist/npm/gridlayout/interfaces/GridLayoutColumnProps.d.ts

@@ -1,9 +0,0 @@
-/**
- * Represents the props of the [KendoReact GridLayout column]({% slug overview_gridlayout %}).
- */
-export interface GridLayoutColumnProps {
-    /**
-     * Specifies the width of the GridLayout column ([see example]({% slug overview_gridlayout %}#toc-react-gridlayout-demo-preview)).
-     */
-    width?: number | string;
-}

package/dist/npm/gridlayout/interfaces/GridLayoutColumnProps.js

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

package/dist/npm/gridlayout/interfaces/GridLayoutItemProps.js

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

package/dist/npm/gridlayout/interfaces/GridLayoutProps.js

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

package/dist/npm/gridlayout/interfaces/GridLayoutRowProps.d.ts

@@ -1,9 +0,0 @@
-/**
- * Represents the props of the [KendoReact GridLayout row]({% slug overview_gridlayout %}).
- */
-export interface GridLayoutRowProps {
-    /**
-     * Specifies the height of the GridLayout row ([see example]({% slug overview_gridlayout %}#toc-react-gridlayout-demo-preview)).
-     */
-    height?: number | string;
-}

package/dist/npm/gridlayout/interfaces/GridLayoutRowProps.js

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