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

package/dist/npm/tree-utils/itemUtils.js

@@ -1,205 +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.addItem = exports.removeItem = exports.getAllParents = exports.areAllDirectChildrenChecked = exports.getAllDirectIndirectChildrenIds = exports.isEnabledAndAllParentsEnabled = exports.updateItem = exports.resolveItemsIds = exports.resolveItemId = exports.isItemExpandedAndWithChildren = exports.hasChildren = void 0;
-var itemIdUtils_1 = require("./itemIdUtils");
-var SortedPublicItemIds_1 = require("./SortedPublicItemIds");
-var misc_1 = require("./misc");
-/**
- * @hidden
- */
-function hasChildren(item, childrenField) {
-    var children = (0, misc_1.getNestedValue)(childrenField, item);
-    return Boolean(children && children.length);
-}
-exports.hasChildren = hasChildren;
-/**
- * @hidden
- */
-function isItemExpandedAndWithChildren(item, fieldsSvc) {
-    return fieldsSvc.expanded(item) && hasChildren(item, fieldsSvc.getChildrenField());
-}
-exports.isItemExpandedAndWithChildren = isItemExpandedAndWithChildren;
-/**
- * @hidden
- */
-function resolveItemId(publicId, idField, items, childrenField) {
-    var resolvedIds = resolveItemsIds([publicId], idField, items, childrenField);
-    return resolvedIds.length ? resolvedIds[0] : undefined;
-}
-exports.resolveItemId = resolveItemId;
-/**
- * @hidden
- */
-function resolveItemsIds(publicIds, idField, items, childrenField) {
-    var result = [];
-    var sortedIds = new SortedPublicItemIds_1.SortedPublicItemIds();
-    sortedIds.init(publicIds);
-    resolveItemsIdsHelper(sortedIds, idField, items, itemIdUtils_1.EMPTY_ID, result, childrenField);
-    return result;
-}
-exports.resolveItemsIds = resolveItemsIds;
-/**
- * @hidden
- */
-function updateItem(items, itemId, update, cloneField, childrenField) {
-    var _a;
-    var itemIndex = Number((0, itemIdUtils_1.getRootParentId)(itemId));
-    if (itemIndex >= items.length) {
-        return items;
-    }
-    var result = items;
-    var item = items[itemIndex];
-    // Clone the item before updating it.
-    if (!item[cloneField]) {
-        result = items.slice();
-        item = result[itemIndex] = Object.assign({}, item, (_a = {}, _a[cloneField] = true, _a));
-    }
-    // Directly update the item.
-    if ((0, itemIdUtils_1.isIdZeroLevel)(itemId)) {
-        update(item);
-    }
-    else if (item[childrenField]) {
-        item[childrenField] = updateItem(item[childrenField], (0, itemIdUtils_1.getIdWithoutRootParentId)(itemId), update, cloneField, childrenField);
-    }
-    return result;
-}
-exports.updateItem = updateItem;
-/**
- * @hidden
- */
-function isEnabledAndAllParentsEnabled(itemId, items, fieldsSvc) {
-    var ids = (0, itemIdUtils_1.getAllShortIds)(itemId);
-    var currentItems = items;
-    for (var i = 0; i < ids.length; i++) {
-        var currentItem = currentItems[Number(ids[i])];
-        if (fieldsSvc.disabled(currentItem)) {
-            return false;
-        }
-        else {
-            currentItems = currentItem[fieldsSvc.getChildrenField()];
-        }
-    }
-    return true;
-}
-exports.isEnabledAndAllParentsEnabled = isEnabledAndAllParentsEnabled;
-/**
- * @hidden
- */
-function getAllDirectIndirectChildrenIds(item, itemId, childrenField, idField) {
-    return idField ? getChildrenPublicIds(item) : getChildrenHierarchicalIndices(item, itemId);
-    function getChildrenHierarchicalIndices(startItem, startItemId) {
-        var result = [];
-        var children = startItem[childrenField] || [];
-        for (var i = 0; i < children.length; i++) {
-            var id = (0, itemIdUtils_1.createId)(i, startItemId);
-            result.push(id);
-            result = result.concat(getChildrenHierarchicalIndices(children[i], id));
-        }
-        return result;
-    }
-    function getChildrenPublicIds(startItem) {
-        var result = [];
-        var children = startItem[childrenField] || [];
-        for (var i = 0; i < children.length; i++) {
-            result.push((0, misc_1.getNestedValue)(idField, children[i]));
-            result = result.concat(getChildrenPublicIds(children[i]));
-        }
-        return result;
-    }
-}
-exports.getAllDirectIndirectChildrenIds = getAllDirectIndirectChildrenIds;
-/**
- * @hidden
- */
-function areAllDirectChildrenChecked(item, itemId, idField, childrenField, check) {
-    var children = item[childrenField] || [];
-    return children.every(function (child, index) {
-        return check.indexOf(idField ? (0, misc_1.getNestedValue)(idField, child) : (0, itemIdUtils_1.createId)(index, itemId)) > -1;
-    });
-}
-exports.areAllDirectChildrenChecked = areAllDirectChildrenChecked;
-/**
- * @hidden
- */
-function getAllParents(itemId, childrenField, items) {
-    var result = [];
-    var ids = (0, itemIdUtils_1.getAllShortIds)(itemId);
-    var currentItems = items;
-    for (var i = 0; i < ids.length - 1; i++) {
-        if (!currentItems) {
-            break;
-        }
-        var currentItem = currentItems[Number(ids[i])];
-        result.push(currentItem);
-        currentItems = currentItem[childrenField];
-    }
-    return result;
-}
-exports.getAllParents = getAllParents;
-/**
- * @hidden
- */
-function removeItem(itemId, childrenField, items) {
-    var result = items.slice();
-    if ((0, itemIdUtils_1.isIdZeroLevel)(itemId)) {
-        result.splice(Number(itemId), 1);
-    }
-    else {
-        var rootParentIndex = Number((0, itemIdUtils_1.getRootParentId)(itemId));
-        var rootParent = result[rootParentIndex] = __assign({}, result[rootParentIndex]);
-        rootParent[childrenField] = removeItem((0, itemIdUtils_1.getIdWithoutRootParentId)(itemId), childrenField, rootParent[childrenField]);
-    }
-    return result;
-}
-exports.removeItem = removeItem;
-/**
- * @hidden
- */
-function addItem(item, operation, childrenField, targetItemId, items) {
-    var result = items.slice();
-    if ((0, itemIdUtils_1.isIdZeroLevel)(targetItemId)) {
-        if (operation === 'child') {
-            var targetItem = result[Number(targetItemId)] = __assign({}, result[Number(targetItemId)]);
-            if (targetItem[childrenField]) {
-                targetItem[childrenField] = targetItem[childrenField].slice();
-                targetItem[childrenField].push(item);
-            }
-            else {
-                targetItem[childrenField] = [item];
-            }
-        }
-        else {
-            result.splice(Number(targetItemId) + (operation === 'after' ? 1 : 0), 0, item);
-        }
-    }
-    else {
-        var rootParentIndex = Number((0, itemIdUtils_1.getRootParentId)(targetItemId));
-        var rootParent = result[rootParentIndex] = __assign({}, result[rootParentIndex]);
-        rootParent[childrenField] = addItem(item, operation, childrenField, (0, itemIdUtils_1.getIdWithoutRootParentId)(targetItemId), rootParent[childrenField]);
-    }
-    return result;
-}
-exports.addItem = addItem;
-function resolveItemsIdsHelper(publicItemIds, idField, items, parentItemId, resolvedIds, childrenField) {
-    for (var i = 0; i < items.length; i++) {
-        var item = items[i];
-        var id = (0, itemIdUtils_1.createId)(i, parentItemId);
-        if (publicItemIds.hasId((0, misc_1.getNestedValue)(idField, item))) {
-            resolvedIds.push(id);
-        }
-        if (hasChildren(item, childrenField)) {
-            resolveItemsIdsHelper(publicItemIds, idField, (0, misc_1.getNestedValue)(childrenField, item), id, resolvedIds, childrenField);
-        }
-    }
-}

package/dist/npm/tree-utils/misc.d.ts

@@ -1,8 +0,0 @@
-/**
- * @hidden
- */
-export declare function getNestedValue(fieldName: string | undefined, dataItem: any): any;
-/**
- * @hidden
- */
-export declare function isArray(operation: string[] | any): operation is any[];

package/dist/npm/tree-utils/misc.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isArray = exports.getNestedValue = void 0;
-/**
- * @hidden
- */
-function getNestedValue(fieldName, dataItem) {
-    var path = (fieldName || '').split('.');
-    var data = dataItem;
-    path.forEach(function (p) {
-        data = data ? data[p] : undefined;
-    });
-    return data;
-}
-exports.getNestedValue = getNestedValue;
-/**
- * @hidden
- */
-function isArray(operation) {
-    return operation.length !== undefined;
-}
-exports.isArray = isArray;

package/dist/npm/treeDataOperations.d.ts

@@ -1,39 +0,0 @@
-/**
- * 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 declare const mapTree: (tree: any[], subItemsField: string, callback: (value: any) => any) => any[];
-/**
- * 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 declare const mapTreeItem: (tree: any[], level: number[], subItemsField: string, callback: (value: any) => any) => void;
-/**
- * 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 declare const extendDataItem: (item: any, subItemsField: string, propsToExtend?: any) => any;
-/**
- * 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 declare const getItemPath: (tree: any[], level: number[], subItemsField?: string) => any[];

package/dist/npm/treeDataOperations.js

@@ -1,112 +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);
-};
-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));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getItemPath = exports.extendDataItem = exports.mapTreeItem = exports.mapTree = void 0;
-// 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.
- */
-var mapTree = function (tree, subItemsField, callback) {
-    return __spreadArray([], tree.map(function (item) { return mapItem(item, subItemsField, callback); }), true);
-};
-exports.mapTree = mapTree;
-/**
- * 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.
- */
-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);
-};
-exports.mapTreeItem = mapTreeItem;
-/**
- * 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.
- */
-var extendDataItem = function (item, subItemsField, propsToExtend) {
-    var _a;
-    return Object.assign({}, item, item[subItemsField] ? (_a = {}, _a[subItemsField] = item[subItemsField].slice(), _a) : {}, propsToExtend || {});
-};
-exports.extendDataItem = extendDataItem;
-/**
- * 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.
- */
-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;
-};
-exports.getItemPath = getItemPath;

package/dist/npm/typography/Typography.js

@@ -1,269 +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);
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Typography = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var constants_1 = require("./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' ? constants_1.MARGIN_ENUM_VALUES[value] : value;
-            return "".concat(constants_1.MARGIN_SIDES_CLASSES[marginSide]).concat(val);
-        };
-        var setMarginClasses = function () {
-            if (margin === undefined) {
-                return;
-            }
-            if (typeof margin === 'string') {
-                return [constants_1.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(),
-                constants_1.FONT_SIZE_CLASSES[fontSize],
-                constants_1.FONT_WEIGHT_CLASSES[fontWeight],
-                constants_1.TEXT_ALIGN_CLASSES[textAlign],
-                constants_1.TEXT_TRANSFORM_CLASSES[textTransform],
-                constants_1.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'));
- * ```
- */
-exports.Typography = {
-    h1: h1,
-    h2: h2,
-    h3: h3,
-    h4: h4,
-    h5: h5,
-    h6: h6,
-    p: p,
-    code: code,
-    pre: pre
-};