@progress/kendo-react-common 6.1.1 → 7.0.0-develop.2

package/dist/es/treeDataOperations.js

@@ -1,105 +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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-// Gets and sets the children. Returns the children or the re-created item with the new children.
-function children(item, subItemsField, subItems) {
-    var _a;
-    if (subItems) {
-        return __assign(__assign({}, item), (_a = {}, _a[subItemsField] = subItems.length ? __spreadArray([], subItems, true) : undefined, _a));
-    }
-    else {
-        return item && item[subItemsField] ? __spreadArray([], item[subItemsField], true) : [];
-    }
-}
-function mapItem(dataItem, subItemsField, callbackfn) {
-    if (dataItem[subItemsField]) {
-        var subItems = children(dataItem, subItemsField).map(function (child) { return mapItem(child, subItemsField, callbackfn); });
-        return callbackfn(children(dataItem, subItemsField, subItems));
-    }
-    return callbackfn(dataItem);
-}
-/**
- * Creates a new array with the results of calling the provided callback function
- * on every element in the provided data tree.
- *
- * @param {any[]} tree - The data tree.
- * @param {string} subItemsField - The field which points to the subitems collection of each data item.
- * @param {(value: any) => any} callback - The callback function.
- * @returns {any[]} - The new data tree.
- */
-export var mapTree = function (tree, subItemsField, callback) {
-    return __spreadArray([], tree.map(function (item) { return mapItem(item, subItemsField, callback); }), true);
-};
-/**
- * Creates a new array with the results of calling the provided callback function
- * on the element which match the `level` in the provided data tree.
- *
- * @param {any[]} tree - The data tree.
- * @param {number[]} level - An array of indexes of each parent and current item in the data tree.
- * @param {string} subItemsField - The field which points to the subitems collection of each data item.
- * @param {(value: any) => any} callback - The callback function.
- * @returns {any[]} - The new data tree.
- */
-export var mapTreeItem = function (tree, level, subItemsField, callback) {
-    var curData = tree;
-    var parentNodes = [];
-    for (var i = 0; i < level.length; i++) {
-        curData = curData[level[i]];
-        curData = Array.isArray(curData) ? curData : curData[subItemsField];
-        parentNodes.push(curData);
-    }
-    var parent = parentNodes.length > 1 ? parentNodes[parentNodes.length - 2] : tree;
-    var newItemIndex = level[level.length - 1];
-    var newItem = callback(parent[newItemIndex]);
-    parent.splice(newItemIndex, 1, newItem);
-};
-/**
- * Similar to the `Object.assign` function. Additionally, creates a new array for the subitems.
- *
- * @param {object} item - The source data item.
- * @param {string} subItemsField - The field which points to the subitems collection of each data item.
- * @param {object} propsToExtend - The props with which the source data item will be extended.
- * @returns {object} - The target data item.
- */
-export var extendDataItem = function (item, subItemsField, propsToExtend) {
-    var _a;
-    return Object.assign({}, item, item[subItemsField] ? (_a = {}, _a[subItemsField] = item[subItemsField].slice(), _a) : {}, propsToExtend || {});
-};
-/**
- * Returns the data item path in the tree based on the level parameter.
- *
- * @param {any[]} tree - The data tree.
- * @param {number[]} level - The level of the target tree item.
- * @param {string} subItemsField - The field which points to the subitems collection of each data item.
- * @returns {any[]} - The path of the data item.
- */
-export var getItemPath = function (tree, level, subItemsField) {
-    var nodes = [];
-    var itemLevel = __spreadArray([], level, true);
-    if (itemLevel.length) {
-        var element = tree[itemLevel.shift() || 0];
-        nodes.push(element);
-        while (itemLevel.length && subItemsField) {
-            element = element[subItemsField][itemLevel.shift() || 0];
-            nodes.push(element);
-        }
-    }
-    return nodes;
-};

package/dist/es/typography/Typography.d.ts

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { TypographyProps } from './TypographyProps';
-/**
- * @hidden
- */
-export interface TypographyHandle {
-    /**
-     * The TypographyHandle element.
-     */
-    element: HTMLElement | null;
-}
-/**
- * Represents the [KendoReact Typography component]({% slug overview_typography %}).
- *
- * @example
- * ```jsx
- * const App = () => {
- *   return (
- *       <Typography.h2>Heading 2</Typography.h2>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const Typography: {
-    h1: React.ForwardRefExoticComponent<TypographyProps>;
-    h2: React.ForwardRefExoticComponent<TypographyProps>;
-    h3: React.ForwardRefExoticComponent<TypographyProps>;
-    h4: React.ForwardRefExoticComponent<TypographyProps>;
-    h5: React.ForwardRefExoticComponent<TypographyProps>;
-    h6: React.ForwardRefExoticComponent<TypographyProps>;
-    p: React.ForwardRefExoticComponent<TypographyProps>;
-    code: React.ForwardRefExoticComponent<TypographyProps>;
-    pre: React.ForwardRefExoticComponent<TypographyProps>;
-};

package/dist/es/typography/Typography.js

@@ -1,266 +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 { FONT_SIZE_CLASSES, FONT_WEIGHT_CLASSES, MARGIN_ENUM_CLASSES, MARGIN_ENUM_VALUES, MARGIN_SIDES_CLASSES, TEXT_ALIGN_CLASSES, TEXT_TRANSFORM_CLASSES, THEME_COLOR_CLASSES } from './constants';
-/**
- * @hidden
- */
-var generateTypography = function (element) {
-    var component = React.forwardRef(function (props, ref) {
-        var id = props.id, style = props.style, className = props.className, fontSize = props.fontSize, fontWeight = props.fontWeight, textAlign = props.textAlign, textTransform = props.textTransform, themeColor = props.themeColor, margin = props.margin, others = __rest(props, ["id", "style", "className", "fontSize", "fontWeight", "textAlign", "textTransform", "themeColor", "margin"]);
-        var target = React.useRef(null);
-        var elementRef = React.useRef(null);
-        React.useImperativeHandle(target, function () { return ({
-            element: elementRef.current,
-            props: props
-        }); });
-        React.useImperativeHandle(ref, function () { return target.current; });
-        var defaultClass = function () {
-            var classMap = element === 'p' ? 'paragraph' : element;
-            return "k-".concat(classMap);
-        };
-        var Component = element;
-        var setMarginClassPerSide = function (marginSide, value) {
-            var val = typeof value === 'string' ? MARGIN_ENUM_VALUES[value] : value;
-            return "".concat(MARGIN_SIDES_CLASSES[marginSide]).concat(val);
-        };
-        var setMarginClasses = function () {
-            if (margin === undefined) {
-                return;
-            }
-            if (typeof margin === 'string') {
-                return [MARGIN_ENUM_CLASSES[margin]];
-            }
-            // The the predefined Kendo classes are starting from 0 to 24.
-            if (typeof margin === 'number' && margin >= 0 && margin <= 24) {
-                return ["k-m-".concat(margin)];
-            }
-            if (typeof margin === 'object') {
-                var marginClassesList_1 = [];
-                Object.keys(margin).forEach(function (key) {
-                    if (margin[key] !== null && margin[key] !== undefined) {
-                        marginClassesList_1.push(setMarginClassPerSide(key, margin[key]));
-                    }
-                });
-                var classes = marginClassesList_1.join(' ');
-                return classes;
-            }
-        };
-        var setTypographyClasses = function () {
-            var typographyArray = [
-                defaultClass(),
-                FONT_SIZE_CLASSES[fontSize],
-                FONT_WEIGHT_CLASSES[fontWeight],
-                TEXT_ALIGN_CLASSES[textAlign],
-                TEXT_TRANSFORM_CLASSES[textTransform],
-                THEME_COLOR_CLASSES[themeColor],
-                setMarginClasses(),
-                className
-            ];
-            var typographyClasses = typographyArray.filter(function (n) { return n !== undefined; }).join(' ');
-            return typographyClasses;
-        };
-        return (React.createElement(Component, __assign({ id: id, ref: elementRef, className: setTypographyClasses(), style: style }, others), props.children));
-    });
-    component.propTypes = {
-        style: PropTypes.object,
-        className: PropTypes.string,
-        fontSize: PropTypes.oneOf(['xsmall', 'small', 'medium', 'large', 'xlarge']),
-        fontWeight: PropTypes.oneOf(['light', 'normal', 'bold']),
-        margin: PropTypes.oneOfType([
-            PropTypes.number,
-            PropTypes.object,
-            PropTypes.oneOf(['xsmall', 'small', 'medium', 'large', 'xlarge', 'thin', 'hair'])
-        ]),
-        textAlign: PropTypes.oneOf(['left', 'right', 'center', 'justify']),
-        textTransform: PropTypes.oneOf(['lowercase', 'uppercase', 'capitalize']),
-        themeColor: PropTypes.oneOf([
-            'inherit', 'primary', 'secondary', 'tertiary',
-            'info', 'success', 'error', 'warning',
-            'dark', 'light', 'inverse'
-        ])
-    };
-    component.displayName = "KendoReactTypography".concat(element.toUpperCase());
-    return component;
-};
-/**
- * Represents [KendoReact Typography Heading1 component]({% slug overview_typography %}).
- *
- * @example
- * ```jsx
- * const App = () => {
- *   return (
- *       <Typography.h1>Heading 1</Typography.h1>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-var h1 = generateTypography('h1');
-/**
- * Represents [KendoReact Typography Heading2 component]({% slug overview_typography %}).
- *
- * @example
- * ```jsx
- * const App = () => {
- *   return (
- *       <Typography.h2>Heading 2</Typography.h2>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-var h2 = generateTypography('h2');
-/**
- * Represents [KendoReact Typography Heading3 component]({% slug overview_typography %}).
- *
- * @example
- * ```jsx
- * const App = () => {
- *   return (
- *       <Typography.h3>Heading 3</Typography.h3>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-var h3 = generateTypography('h3');
-/**
- * Represents [KendoReact Typography Heading4 component]({% slug overview_typography %}).
- *
- * @example
- * ```jsx
- * const App = () => {
- *   return (
- *       <Typography.h4>Heading 4</Typography.h4>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-var h4 = generateTypography('h4');
-/**
- * Represents [KendoReact Typography Heading5 component]({% slug overview_typography %}).
- *
- * @example
- * ```jsx
- * const App = () => {
- *   return (
- *       <Typography.h5>Heading 5</Typography.h5>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-var h5 = generateTypography('h5');
-/**
- * Represents [KendoReact Typography Heading6 component]({% slug overview_typography %}).
- *
- * @example
- * ```jsx
- * const App = () => {
- *   return (
- *       <Typography.h6>Heading 6</Typography.h6>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-var h6 = generateTypography('h6');
-/**
- * Represents [KendoReact Typography Paragraph component]({% slug overview_typography %}).
- *
- * @example
- * ```jsx
- * const App = () => {
- *   return (
- *       <Typography.p>I'm a paragraph text.</Typography.p>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-var p = generateTypography('p');
-/**
- * Represents [KendoReact Typography Code component]({% slug overview_typography %}).
- * Use to create a single-line code snippet.
- *
- * @example
- * ```jsx
- * const App = () => {
- *   return (
- *       <Typography.code>code</Typography.code>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-var code = generateTypography('code');
-/**
- * Represents [KendoReact Typography Pre component]({% slug overview_typography %}).
- * Used along with [KendoReact Typography Code component]({% slug overview_typography %}) to create multi-line code snippet.
- *
- * @example
- * ```jsx
- * const App = () => {
- *   return (
- *     <Typography.pre>
- *       <Typography.code dangerouslySetInnerHTML={{__html: `
- *         const handleChange = ({ target }) => {
- *           const { name, value } = target;
- *           const newData = Object.assign({}, data, { [name]: value });
- *           setData(newData);
- *         }
- *       `}} />
- *     </Typography.pre>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-var pre = generateTypography('pre');
-/**
- * Represents the [KendoReact Typography component]({% slug overview_typography %}).
- *
- * @example
- * ```jsx
- * const App = () => {
- *   return (
- *       <Typography.h2>Heading 2</Typography.h2>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export var Typography = {
-    h1: h1,
-    h2: h2,
-    h3: h3,
-    h4: h4,
-    h5: h5,
-    h6: h6,
-    p: p,
-    code: code,
-    pre: pre
-};

package/dist/es/typography/TypographyProps.js

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

package/dist/es/typography/constants.d.ts

@@ -1,84 +0,0 @@
-/**
- * @hidden
- */
-export declare const FONT_SIZE_CLASSES: {
-    xsmall: string;
-    small: string;
-    medium: string;
-    large: string;
-    xlarge: string;
-};
-/**
- * @hidden
- */
-export declare const FONT_WEIGHT_CLASSES: {
-    light: string;
-    normal: string;
-    bold: string;
-};
-/**
- * @hidden
- */
-export declare const MARGIN_ENUM_CLASSES: {
-    xsmall: string;
-    small: string;
-    medium: string;
-    large: string;
-    xlarge: string;
-    thin: string;
-    hair: string;
-};
-/**
- * @hidden
- */
-export declare const MARGIN_ENUM_VALUES: {
-    xsmall: string;
-    small: string;
-    medium: string;
-    large: string;
-    xlarge: string;
-    thin: string;
-    hair: string;
-};
-/**
- * @hidden
- */
-export declare const MARGIN_SIDES_CLASSES: {
-    top: string;
-    right: string;
-    bottom: string;
-    left: string;
-};
-/**
- * @hidden
- */
-export declare const TEXT_ALIGN_CLASSES: {
-    left: string;
-    right: string;
-    center: string;
-    justify: string;
-};
-/**
- * @hidden
- */
-export declare const TEXT_TRANSFORM_CLASSES: {
-    lowercase: string;
-    uppercase: string;
-    capitalize: string;
-};
-/**
- * @hidden
- */
-export declare const THEME_COLOR_CLASSES: {
-    inherit: string;
-    primary: string;
-    secondary: string;
-    tertiary: string;
-    info: string;
-    success: string;
-    warning: string;
-    error: string;
-    dark: string;
-    light: string;
-    inverse: string;
-};

package/dist/es/typography/constants.js

@@ -1,84 +0,0 @@
-/**
- * @hidden
- */
-export var FONT_SIZE_CLASSES = {
-    'xsmall': 'k-fs-xs',
-    'small': 'k-fs-sm',
-    'medium': 'k-fs-md',
-    'large': 'k-fs-lg',
-    'xlarge': 'k-fs-xl'
-};
-/**
- * @hidden
- */
-export var FONT_WEIGHT_CLASSES = {
-    'light': 'k-font-weight-light',
-    'normal': 'k-font-weight-normal',
-    'bold': 'k-font-weight-bold'
-};
-/**
- * @hidden
- */
-export var MARGIN_ENUM_CLASSES = {
-    'xsmall': 'k-m-xs',
-    'small': 'k-m-sm',
-    'medium': 'k-m-md',
-    'large': 'k-m-lg',
-    'xlarge': 'k-m-xl',
-    'thin': 'k-m-thin',
-    'hair': 'k-m-hair'
-};
-/**
- * @hidden
- */
-export var MARGIN_ENUM_VALUES = {
-    'xsmall': 'xs',
-    'small': 'sm',
-    'medium': 'md',
-    'large': 'lg',
-    'xlarge': 'xl',
-    'thin': 'thin',
-    'hair': 'hair'
-};
-/**
- * @hidden
- */
-export var MARGIN_SIDES_CLASSES = {
-    'top': 'k-mt-',
-    'right': 'k-mr-',
-    'bottom': 'k-mb-',
-    'left': 'k-ml-'
-};
-/**
- * @hidden
- */
-export var TEXT_ALIGN_CLASSES = {
-    'left': 'k-text-left',
-    'right': 'k-text-right',
-    'center': 'k-text-center',
-    'justify': 'k-text-justify'
-};
-/**
- * @hidden
- */
-export var TEXT_TRANSFORM_CLASSES = {
-    'lowercase': 'k-text-lowercase',
-    'uppercase': 'k-text-uppercase',
-    'capitalize': 'k-text-capitalize'
-};
-/**
- * @hidden
- */
-export var THEME_COLOR_CLASSES = {
-    'inherit': 'k-color-inherit',
-    'primary': 'k-color-primary',
-    'secondary': 'k-color-secondary',
-    'tertiary': 'k-color-tertiary',
-    'info': 'k-color-info',
-    'success': 'k-color-success',
-    'warning': 'k-color-warning',
-    'error': 'k-color-error',
-    'dark': 'k-color-dark',
-    'light': 'k-color-light',
-    'inverse': 'k-color-inverse'
-};

package/dist/es/typography/models/margin.js

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

package/dist/es/validate-package.d.ts

@@ -1,8 +0,0 @@
-/**
- * @hidden
- */
-export declare function validatePackage(packageMetadata: any): void;
-/**
- * @hidden
- */
-export declare function shouldShowValidationUI(packageMetadata: any): boolean;

package/dist/es/validate-package.js

@@ -1,23 +0,0 @@
-import * as licensing from '@progress/kendo-licensing';
-var allowed = ['telerik.com', 'progress.com', 'stackblitz.io', 'csb.app'];
-/**
- * @hidden
- */
-export function validatePackage(packageMetadata) {
-    if (typeof licensing !== 'undefined') {
-        licensing.validatePackage(packageMetadata);
-    }
-    else {
-        var message = "License activation failed for ".concat(packageMetadata.name, "\n");
-        message += 'The @progress/kendo-licensing script is not loaded.\n';
-        message += "See ".concat(packageMetadata.licensingDocsUrl, " for more information.\n");
-        console.warn(message);
-    }
-}
-/**
- * @hidden
- */
-export function shouldShowValidationUI(packageMetadata) {
-    var skip = allowed.some(function (hostname) { var _a; return (_a = globalThis.document) === null || _a === void 0 ? void 0 : _a.location.hostname.endsWith(hostname); });
-    return !skip && !(licensing === null || licensing === void 0 ? void 0 : licensing.validatePackage(packageMetadata));
-}

package/dist/es/watermark/WatermarkOverlay.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-/**
- *
- * @hidden
- */
-export declare const WatermarkOverlay: () => JSX.Element;