npm - @progress/kendo-themes-html - Versions diffs - 6.1.1-dev.8 → 6.2.1-dev.0 - Mend

@progress/kendo-themes-html 6.1.1-dev.8 → 6.2.1-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (375) hide show

package/dist/treelist/tests/treelist-aggregate-react.js CHANGED Viewed

@@ -82,7 +82,7 @@
     document.getElementById("app")
   );
   root.render(
-    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area", className: "k-d-grid" }, /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "React"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid k-grid-md k-treelist-scrollable" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "34%" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "33%" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "33%" } })), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { colSpan: 1, rowSpan: 1, className: "k-table-th k-header", style: { top: "0px" } }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link" }, "Name")), /* @__PURE__ */ import_react.default.createElement("th", { colSpan: 1, rowSpan: 1, className: "k-table-th k-header", style: { top: "0px" } }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link" }, "Position")), /* @__PURE__ */ import_react.default.createElement("th", { colSpan: 1, rowSpan: 1, className: "k-table-th k-header", style: { top: "0px" } }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link" }, "Hire Date")))), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-text-nowrap", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), "Daryl Sweeney"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "CEO"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "March 7, 2012")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-text-nowrap", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "expand" }), "Guy Wooten"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Chief Technical Officer"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "April 3, 2010")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-text-nowrap", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "expand" }), "Priscilla Frank"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Chief Product Officer"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "December 30, 2014")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-text-nowrap", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), "Anika Vega"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Chief Process Officer"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "March 25, 2010")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-text-nowrap", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "expand" }), "Vernon Ballard"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Director Facilities"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "July 26, 2015")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-group-footer" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-text-nowrap", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "7 employee(s)"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Last employee hired on August 30, 2015")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-text-nowrap", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "expand" }), "Nevada Hart"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Chief Financial Officer"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "September 17, 2015")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-text-nowrap", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "expand" }), "Hunter Fry"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "General Counsel"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "March 12, 2011")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-group-footer" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-text-nowrap", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "98 employee(s)"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Last employee hired on September 17, 2015")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-group-footer" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-text-nowrap", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "99 employee(s)"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Last employee hired on September 17, 2015"))))))))
+    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area", className: "k-d-grid" }, /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "React"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid k-grid-md k-treelist-scrollable" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "34%" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "33%" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "33%" } })), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { colSpan: 1, rowSpan: 1, className: "k-table-th k-header", style: { top: "0px" } }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link" }, "Name")), /* @__PURE__ */ import_react.default.createElement("th", { colSpan: 1, rowSpan: 1, className: "k-table-th k-header", style: { top: "0px" } }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link" }, "Position")), /* @__PURE__ */ import_react.default.createElement("th", { colSpan: 1, rowSpan: 1, className: "k-table-th k-header", style: { top: "0px" } }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link" }, "Hire Date")))), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-text-nowrap", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" }), "Daryl Sweeney"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "CEO"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "March 7, 2012")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-text-nowrap", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-right" }), "Guy Wooten"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Chief Technical Officer"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "April 3, 2010")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-text-nowrap", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-right" }), "Priscilla Frank"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Chief Product Officer"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "December 30, 2014")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-text-nowrap", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" }), "Anika Vega"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Chief Process Officer"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "March 25, 2010")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-text-nowrap", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-right" }), "Vernon Ballard"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Director Facilities"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "July 26, 2015")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-group-footer" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-text-nowrap", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "7 employee(s)"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Last employee hired on August 30, 2015")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-text-nowrap", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-right" }), "Nevada Hart"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Chief Financial Officer"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "September 17, 2015")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-text-nowrap", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-right" }), "Hunter Fry"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "General Counsel"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "March 12, 2011")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-group-footer" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-text-nowrap", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "98 employee(s)"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Last employee hired on September 17, 2015")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-group-footer" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-text-nowrap", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "99 employee(s)"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Last employee hired on September 17, 2015"))))))))
   );
 })();
 //# sourceMappingURL=treelist-aggregate-react.js.map

package/dist/treelist/tests/treelist-aggregate-react.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/treelist/tests/treelist-aggregate-react.tsx", "../../../src/icon/icon.tsx", "../../../src/utils/classNames.ts"],
-  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n    <>\n        <div id=\"test-area\" className=\"k-d-grid\">\n            <section>\n                <span>React</span>\n                <div className=\"k-grid k-grid-md k-treelist-scrollable\">\n                    <table className=\"k-table k-table-md\">\n                        <colgroup>\n                            <col style={{ width: \"34%\" }} />\n                            <col style={{ width: \"33%\" }} />\n                            <col style={{ width: \"33%\" }} />\n                        </colgroup>\n                        <thead className=\"k-table-thead k-grid-header\">\n                            <tr className=\"k-table-row\">\n                                <th colSpan={1} rowSpan={1} className=\"k-table-th k-header\" style={{ top: '0px' }}><a className=\"k-link\">Name</a></th>\n                                <th colSpan={1} rowSpan={1} className=\"k-table-th k-header\" style={{ top: '0px' }}><a className=\"k-link\">Position</a></th>\n                                <th colSpan={1} rowSpan={1} className=\"k-table-th k-header\" style={{ top: '0px' }}><a className=\"k-link\">Hire Date</a></th>\n                            </tr>\n                        </thead>\n                        <tbody className=\"k-table-tbody\">\n                            <tr className=\"k-table-row k-master-row\">\n                                <td className=\"k-table-td k-text-nowrap\" colSpan={1}><Icon name=\"collapse\"></Icon>Daryl Sweeney</td>\n                                <td colSpan={1} className=\"k-table-td\">CEO</td>\n                                <td colSpan={1} className=\"k-table-td\">March 7, 2012</td>\n                            </tr>\n                            <tr className=\"k-table-row k-master-row\">\n                                <td className=\"k-table-td k-text-nowrap\" colSpan={1}><Icon name=\"none\"></Icon><Icon name=\"expand\"></Icon>Guy Wooten</td>\n                                <td colSpan={1} className=\"k-table-td\">Chief Technical Officer</td>\n                                <td colSpan={1} className=\"k-table-td\">April 3, 2010</td>\n                            </tr>\n                            <tr className=\"k-table-row k-master-row\">\n                                <td className=\"k-table-td k-text-nowrap\" colSpan={1}><Icon name=\"none\"></Icon><Icon name=\"expand\"></Icon>Priscilla Frank</td>\n                                <td colSpan={1} className=\"k-table-td\">Chief Product Officer</td>\n                                <td colSpan={1} className=\"k-table-td\">December 30, 2014</td>\n                            </tr>\n                            <tr className=\"k-table-row k-master-row\">\n                                <td className=\"k-table-td k-text-nowrap\" colSpan={1}><Icon name=\"none\"></Icon><Icon name=\"collapse\"></Icon>Anika Vega</td>\n                                <td colSpan={1} className=\"k-table-td\">Chief Process Officer</td>\n                                <td colSpan={1} className=\"k-table-td\">March 25, 2010</td>\n                            </tr>\n                            <tr className=\"k-table-row k-master-row\">\n                                <td className=\"k-table-td k-text-nowrap\" colSpan={1}><Icon name=\"none\"></Icon><Icon name=\"none\"></Icon><Icon name=\"expand\"></Icon>Vernon Ballard</td>\n                                <td colSpan={1} className=\"k-table-td\">Director Facilities</td>\n                                <td colSpan={1} className=\"k-table-td\">July 26, 2015</td>\n                            </tr>\n                            <tr className=\"k-table-row k-group-footer\">\n                                <td className=\"k-table-td k-text-nowrap\" colSpan={1}><Icon name=\"none\"></Icon><Icon name=\"none\"></Icon><Icon name=\"none\"></Icon>7 employee(s)</td>\n                                <td colSpan={1} className=\"k-table-td\"></td>\n                                <td colSpan={1} className=\"k-table-td\">Last employee hired on August 30, 2015</td>\n                            </tr>\n                            <tr className=\"k-table-row k-master-row\">\n                                <td className=\"k-table-td k-text-nowrap\" colSpan={1}><Icon name=\"none\"></Icon><Icon name=\"expand\"></Icon>Nevada Hart</td>\n                                <td colSpan={1} className=\"k-table-td\">Chief Financial Officer</td>\n                                <td colSpan={1} className=\"k-table-td\">September 17, 2015</td>\n                            </tr>\n                            <tr className=\"k-table-row k-master-row\">\n                                <td className=\"k-table-td k-text-nowrap\" colSpan={1}><Icon name=\"none\"></Icon><Icon name=\"expand\"></Icon>Hunter Fry</td>\n                                <td colSpan={1} className=\"k-table-td\">General Counsel</td>\n                                <td colSpan={1} className=\"k-table-td\">March 12, 2011</td>\n                            </tr>\n                            <tr className=\"k-table-row k-group-footer\">\n                                <td className=\"k-table-td k-text-nowrap\" colSpan={1}><Icon name=\"none\"></Icon><Icon name=\"none\"></Icon>98 employee(s)</td>\n                                <td colSpan={1} className=\"k-table-td\"></td>\n                                <td colSpan={1} className=\"k-table-td\">Last employee hired on September 17, 2015</td>\n                            </tr>\n                            <tr className=\"k-table-row k-group-footer\">\n                                <td className=\"k-table-td k-text-nowrap\" colSpan={1}><Icon name=\"none\"></Icon>99 employee(s)</td>\n                                <td colSpan={1} className=\"k-table-td\"></td>\n                                <td colSpan={1} className=\"k-table-td\">Last employee hired on September 17, 2015</td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </div>\n            </section>\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n    size?: null | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';\n    rotate?: null | '0' | '45' | '90' | '135' | '180' | '225' | '270' | '315';\n    flip?: null | 'v' | 'h';\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name,\n            size,\n            rotate,\n            flip\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name,\n                                [`k-icon-${size}`]: size,\n                                [`k-rotate-${rotate}`]: rotate,\n                                [`k-flip-${flip}`]: flip\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n    <>\n        <div id=\"test-area\" className=\"k-d-grid\">\n            <section>\n                <span>React</span>\n                <div className=\"k-grid k-grid-md k-treelist-scrollable\">\n                    <table className=\"k-table k-table-md\">\n                        <colgroup>\n                            <col style={{ width: \"34%\" }} />\n                            <col style={{ width: \"33%\" }} />\n                            <col style={{ width: \"33%\" }} />\n                        </colgroup>\n                        <thead className=\"k-table-thead k-grid-header\">\n                            <tr className=\"k-table-row\">\n                                <th colSpan={1} rowSpan={1} className=\"k-table-th k-header\" style={{ top: '0px' }}><a className=\"k-link\">Name</a></th>\n                                <th colSpan={1} rowSpan={1} className=\"k-table-th k-header\" style={{ top: '0px' }}><a className=\"k-link\">Position</a></th>\n                                <th colSpan={1} rowSpan={1} className=\"k-table-th k-header\" style={{ top: '0px' }}><a className=\"k-link\">Hire Date</a></th>\n                            </tr>\n                        </thead>\n                        <tbody className=\"k-table-tbody\">\n                            <tr className=\"k-table-row k-master-row\">\n                                <td className=\"k-table-td k-text-nowrap\" colSpan={1}><Icon name=\"caret-alt-down\"></Icon>Daryl Sweeney</td>\n                                <td colSpan={1} className=\"k-table-td\">CEO</td>\n                                <td colSpan={1} className=\"k-table-td\">March 7, 2012</td>\n                            </tr>\n                            <tr className=\"k-table-row k-master-row\">\n                                <td className=\"k-table-td k-text-nowrap\" colSpan={1}><Icon name=\"none\"></Icon><Icon name=\"caret-alt-right\"></Icon>Guy Wooten</td>\n                                <td colSpan={1} className=\"k-table-td\">Chief Technical Officer</td>\n                                <td colSpan={1} className=\"k-table-td\">April 3, 2010</td>\n                            </tr>\n                            <tr className=\"k-table-row k-master-row\">\n                                <td className=\"k-table-td k-text-nowrap\" colSpan={1}><Icon name=\"none\"></Icon><Icon name=\"caret-alt-right\"></Icon>Priscilla Frank</td>\n                                <td colSpan={1} className=\"k-table-td\">Chief Product Officer</td>\n                                <td colSpan={1} className=\"k-table-td\">December 30, 2014</td>\n                            </tr>\n                            <tr className=\"k-table-row k-master-row\">\n                                <td className=\"k-table-td k-text-nowrap\" colSpan={1}><Icon name=\"none\"></Icon><Icon name=\"caret-alt-down\"></Icon>Anika Vega</td>\n                                <td colSpan={1} className=\"k-table-td\">Chief Process Officer</td>\n                                <td colSpan={1} className=\"k-table-td\">March 25, 2010</td>\n                            </tr>\n                            <tr className=\"k-table-row k-master-row\">\n                                <td className=\"k-table-td k-text-nowrap\" colSpan={1}><Icon name=\"none\"></Icon><Icon name=\"none\"></Icon><Icon name=\"caret-alt-right\"></Icon>Vernon Ballard</td>\n                                <td colSpan={1} className=\"k-table-td\">Director Facilities</td>\n                                <td colSpan={1} className=\"k-table-td\">July 26, 2015</td>\n                            </tr>\n                            <tr className=\"k-table-row k-group-footer\">\n                                <td className=\"k-table-td k-text-nowrap\" colSpan={1}><Icon name=\"none\"></Icon><Icon name=\"none\"></Icon><Icon name=\"none\"></Icon>7 employee(s)</td>\n                                <td colSpan={1} className=\"k-table-td\"></td>\n                                <td colSpan={1} className=\"k-table-td\">Last employee hired on August 30, 2015</td>\n                            </tr>\n                            <tr className=\"k-table-row k-master-row\">\n                                <td className=\"k-table-td k-text-nowrap\" colSpan={1}><Icon name=\"none\"></Icon><Icon name=\"caret-alt-right\"></Icon>Nevada Hart</td>\n                                <td colSpan={1} className=\"k-table-td\">Chief Financial Officer</td>\n                                <td colSpan={1} className=\"k-table-td\">September 17, 2015</td>\n                            </tr>\n                            <tr className=\"k-table-row k-master-row\">\n                                <td className=\"k-table-td k-text-nowrap\" colSpan={1}><Icon name=\"none\"></Icon><Icon name=\"caret-alt-right\"></Icon>Hunter Fry</td>\n                                <td colSpan={1} className=\"k-table-td\">General Counsel</td>\n                                <td colSpan={1} className=\"k-table-td\">March 12, 2011</td>\n                            </tr>\n                            <tr className=\"k-table-row k-group-footer\">\n                                <td className=\"k-table-td k-text-nowrap\" colSpan={1}><Icon name=\"none\"></Icon><Icon name=\"none\"></Icon>98 employee(s)</td>\n                                <td colSpan={1} className=\"k-table-td\"></td>\n                                <td colSpan={1} className=\"k-table-td\">Last employee hired on September 17, 2015</td>\n                            </tr>\n                            <tr className=\"k-table-row k-group-footer\">\n                                <td className=\"k-table-td k-text-nowrap\" colSpan={1}><Icon name=\"none\"></Icon>99 employee(s)</td>\n                                <td colSpan={1} className=\"k-table-td\"></td>\n                                <td colSpan={1} className=\"k-table-td\">Last employee hired on September 17, 2015</td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </div>\n            </section>\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n    size?: null | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';\n    rotate?: null | '0' | '45' | '90' | '135' | '180' | '225' | '270' | '315';\n    flip?: null | 'v' | 'h';\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name,\n            size,\n            rotate,\n            flip\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name,\n                                [`k-icon-${size}`]: size,\n                                [`k-rotate-${rotate}`]: rotate,\n                                [`k-flip-${flip}`]: flip\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n"],
+  "mappings": "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",
   "names": ["ReactDOM", "React"]
 }

package/dist/treelist/tests/treelist-aggregates.js CHANGED Viewed

@@ -82,7 +82,7 @@
     document.getElementById("app")
   );
   root.render(
-    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area", className: "k-d-grid" }, /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "jQuery"), /* @__PURE__ */ import_react.default.createElement("div", { id: "treelist", className: "k-treelist k-grid k-grid-md k-grid-display-block", style: { height: "650px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-filterable", rowSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Name")), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-grid-filter-menu k-grid-header-menu" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "filter" })))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-filterable", rowSpan: 1, "data-index": 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Position")), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-grid-filter-menu k-grid-header-menu" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "filter" })))), /* @__PURE__ */ import_react.default.createElement("th", { "data-title": "Hire Date", className: "k-table-th k-header k-filterable", rowSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Hire Date")), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-grid-filter-menu k-grid-header-menu" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "filter" }))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content k-auto-scrollable", style: { display: "block", height: "591px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", style: { whiteSpace: "nowrap" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), "Daryl Sweeney"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "CEO"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "February 7, 2012")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", style: { whiteSpace: "nowrap" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "expand" }), "Guy Wooten"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Chief Technical Officer"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "March 3, 2010")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", style: { whiteSpace: "nowrap" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "expand" }), "Priscilla Frank"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Chief Product Officer"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "November 30, 2014")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", style: { whiteSpace: "nowrap" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), "Anika Vega"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Chief Process Officer"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "February 25, 2010")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", style: { whiteSpace: "nowrap" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "expand" }), "Vernon Ballard"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Director Facilities"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "June 26, 2015")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-footer-template" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "7 employee(s)"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Last employee hired on July 30, 2015")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", style: { whiteSpace: "nowrap" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "expand" }), "Nevada Hart"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Chief Financial Officer"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "August 17, 2015")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", style: { whiteSpace: "nowrap" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "expand" }), "Hunter Fry"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "General Counsel"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "February 12, 2011")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-footer-template" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "98 employee(s)"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Last employee hired on August 17, 2015")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-footer-template" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "99 employee(s)"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Last employee hired on August 17, 2015"))))))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Angular"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid k-grid-md k-treelist", style: { height: "410px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-aria-root" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "250px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "180px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "180px" } })), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Name")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Title")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "hireDate"))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content k-virtual-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-table-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "250px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "180px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "180px" } })), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), "Daryl Sweeney"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Chief Executive Officer"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "1/15/2019")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), "Guy Wooten"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Chief Technical Officer"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "2/19/2019")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "expand" }), "Buffy Weber"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "VP, Engineering"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "4/13/2019")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-footer" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "35 employee(s)"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Last employee hired on 10/21/2019")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "expand" }), "Priscilla Frank"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Chief Product Officer"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "4/22/2019")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-footer" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "42 employee(s)"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Last employee hired on 10/21/2019")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-footer" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "43 employee(s)"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Last employee hired on 10/21/2019"))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-height-container" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { height: "0px" } })))))))))
+    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area", className: "k-d-grid" }, /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "jQuery"), /* @__PURE__ */ import_react.default.createElement("div", { id: "treelist", className: "k-treelist k-grid k-grid-md k-grid-display-block", style: { height: "650px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-filterable", rowSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Name")), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-grid-filter-menu k-grid-header-menu" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "filter" })))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-filterable", rowSpan: 1, "data-index": 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Position")), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-grid-filter-menu k-grid-header-menu" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "filter" })))), /* @__PURE__ */ import_react.default.createElement("th", { "data-title": "Hire Date", className: "k-table-th k-header k-filterable", rowSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Hire Date")), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-grid-filter-menu k-grid-header-menu" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "filter" }))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content k-auto-scrollable", style: { display: "block", height: "591px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", style: { whiteSpace: "nowrap" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" }), "Daryl Sweeney"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "CEO"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "February 7, 2012")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", style: { whiteSpace: "nowrap" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-right" }), "Guy Wooten"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Chief Technical Officer"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "March 3, 2010")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", style: { whiteSpace: "nowrap" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-right" }), "Priscilla Frank"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Chief Product Officer"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "November 30, 2014")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", style: { whiteSpace: "nowrap" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" }), "Anika Vega"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Chief Process Officer"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "February 25, 2010")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", style: { whiteSpace: "nowrap" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-right" }), "Vernon Ballard"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Director Facilities"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "June 26, 2015")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-footer-template" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "7 employee(s)"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Last employee hired on July 30, 2015")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", style: { whiteSpace: "nowrap" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-right" }), "Nevada Hart"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Chief Financial Officer"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "August 17, 2015")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", style: { whiteSpace: "nowrap" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-right" }), "Hunter Fry"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "General Counsel"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "February 12, 2011")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-footer-template" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "98 employee(s)"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Last employee hired on August 17, 2015")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-footer-template" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "99 employee(s)"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Last employee hired on August 17, 2015"))))))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Angular"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid k-grid-md k-treelist", style: { height: "410px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-aria-root" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "250px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "180px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "180px" } })), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Name")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Title")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "hireDate"))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content k-virtual-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-table-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "250px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "180px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "180px" } })), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" }), "Daryl Sweeney"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Chief Executive Officer"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "1/15/2019")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" }), "Guy Wooten"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Chief Technical Officer"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "2/19/2019")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-right" }), "Buffy Weber"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "VP, Engineering"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "4/13/2019")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-footer" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "35 employee(s)"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Last employee hired on 10/21/2019")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-right" }), "Priscilla Frank"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "Chief Product Officer"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td" }, "4/22/2019")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-footer" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "42 employee(s)"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Last employee hired on 10/21/2019")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-footer" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "43 employee(s)"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Last employee hired on 10/21/2019"))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-height-container" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { height: "0px" } })))))))))
   );
 })();
 //# sourceMappingURL=treelist-aggregates.js.map

package/dist/treelist/tests/treelist-aggregates.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/treelist/tests/treelist-aggregates.tsx", "../../../src/icon/icon.tsx", "../../../src/utils/classNames.ts"],
-  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n    <>\n        <div id=\"test-area\" className=\"k-d-grid\">\n\n            <section>\n                <span>jQuery</span>\n                <div id=\"treelist\" className=\"k-treelist k-grid k-grid-md k-grid-display-block\" style={{ height: \"650px\" }}>\n                    <div className=\"k-grid-header\">\n                        <div className=\"k-grid-header-wrap\">\n                            <table className=\"k-table k-table-md k-grid-header-table\">\n                                <colgroup>\n                                    <col />\n                                    <col />\n                                    <col />\n                                </colgroup>\n                                <thead className=\"k-table-thead\">\n                                    <tr className=\"k-table-row\">\n                                        <th className=\"k-table-th k-header k-filterable\" rowSpan={1}>\n                                            <span className=\"k-cell-inner\">\n                                                <span className=\"k-link\">\n                                                    <span className=\"k-column-title\">Name</span>\n                                                </span>\n                                                <a href=\"#\" className=\"k-grid-filter-menu k-grid-header-menu\"><Icon name=\"filter\" /></a>\n                                            </span>\n                                        </th>\n                                        <th className=\"k-table-th k-header k-filterable\" rowSpan={1} data-index={1}>\n                                            <span className=\"k-cell-inner\">\n                                                <span className=\"k-link\">\n                                                    <span className=\"k-column-title\">Position</span>\n                                                </span>\n                                                <a href=\"#\" className=\"k-grid-filter-menu k-grid-header-menu\"><Icon name=\"filter\" /></a>\n                                            </span>\n                                        </th>\n                                        <th data-title=\"Hire Date\" className=\"k-table-th k-header k-filterable\" rowSpan={1}>\n                                            <span className=\"k-cell-inner\">\n                                                <span className=\"k-link\">\n                                                    <span className=\"k-column-title\">Hire Date</span>\n                                                </span>\n                                                <a href=\"#\" className=\"k-grid-filter-menu k-grid-header-menu\"><Icon name=\"filter\" /></a>\n                                            </span>\n                                        </th>\n                                    </tr>\n                                </thead>\n                            </table>\n                        </div>\n                    </div>\n                    <div className=\"k-grid-content k-auto-scrollable\" style={{ display: \"block\", height: \"591px\" }}>\n                        <table className=\"k-table k-table-md k-grid-table\">\n                            <colgroup>\n                                <col />\n                                <col />\n                                <col />\n                            </colgroup>\n                            <tbody className=\"k-table-tbody\">\n                                <tr className=\"k-table-row k-treelist-group\">\n                                    <td className=\"k-table-td\" style={{ whiteSpace: \"nowrap\" }}><Icon name=\"collapse\"></Icon>Daryl Sweeney</td>\n                                    <td className=\"k-table-td\">CEO</td>\n                                    <td className=\"k-table-td\">February 7, 2012</td>\n                                </tr>\n                                <tr className=\"k-table-row k-table-alt-row k-alt k-treelist-group\">\n                                    <td className=\"k-table-td\" style={{ whiteSpace: \"nowrap\" }}><Icon name=\"none\"></Icon><Icon name=\"expand\"></Icon>Guy Wooten</td>\n                                    <td className=\"k-table-td\">Chief Technical Officer</td>\n                                    <td className=\"k-table-td\">March 3, 2010</td>\n                                </tr>\n                                <tr className=\"k-table-row k-treelist-group\">\n                                    <td className=\"k-table-td\" style={{ whiteSpace: \"nowrap\" }}><Icon name=\"none\"></Icon><Icon name=\"expand\"></Icon>Priscilla Frank</td>\n                                    <td className=\"k-table-td\">Chief Product Officer</td>\n                                    <td className=\"k-table-td\">November 30, 2014</td>\n                                </tr>\n                                <tr className=\"k-table-row k-table-alt-row k-alt k-treelist-group\">\n                                    <td className=\"k-table-td\" style={{ whiteSpace: \"nowrap\" }}><Icon name=\"none\"></Icon><Icon name=\"collapse\"></Icon>Anika Vega</td>\n                                    <td className=\"k-table-td\">Chief Process Officer</td>\n                                    <td className=\"k-table-td\">February 25, 2010</td>\n                                </tr>\n                                <tr className=\"k-table-row k-treelist-group\">\n                                    <td className=\"k-table-td\" style={{ whiteSpace: \"nowrap\" }}><Icon name=\"none\"></Icon><Icon name=\"none\"></Icon><Icon name=\"expand\"></Icon>Vernon Ballard</td>\n                                    <td className=\"k-table-td\">Director Facilities</td>\n                                    <td className=\"k-table-td\">June 26, 2015</td>\n                                </tr>\n                                <tr className=\"k-table-row k-footer-template\">\n                                    <td className=\"k-table-td k-focus\"><Icon name=\"none\"></Icon><Icon name=\"none\"></Icon><Icon name=\"none\"></Icon>7 employee(s)</td>\n                                    <td className=\"k-table-td\"></td>\n                                    <td className=\"k-table-td\">Last employee hired on July 30, 2015</td>\n                                </tr>\n                                <tr className=\"k-table-row k-table-alt-row k-alt k-treelist-group\">\n                                    <td className=\"k-table-td\" style={{ whiteSpace: \"nowrap\" }}><Icon name=\"none\"></Icon><Icon name=\"expand\"></Icon>Nevada Hart</td>\n                                    <td className=\"k-table-td\">Chief Financial Officer</td>\n                                    <td className=\"k-table-td\">August 17, 2015</td>\n                                </tr>\n                                <tr className=\"k-table-row k-treelist-group\">\n                                    <td className=\"k-table-td\" style={{ whiteSpace: \"nowrap\" }}><Icon name=\"none\"></Icon><Icon name=\"expand\"></Icon>Hunter Fry</td>\n                                    <td className=\"k-table-td\">General Counsel</td>\n                                    <td className=\"k-table-td\">February 12, 2011</td>\n                                </tr>\n                                <tr className=\"k-table-row k-footer-template\">\n                                    <td className=\"k-table-td\"><Icon name=\"none\"></Icon><Icon name=\"none\"></Icon>98 employee(s)</td>\n                                    <td className=\"k-table-td\"></td>\n                                    <td className=\"k-table-td\">Last employee hired on August 17, 2015</td>\n                                </tr>\n                                <tr className=\"k-table-row k-footer-template\">\n                                    <td className=\"k-table-td\"><Icon name=\"none\"></Icon>99 employee(s)</td>\n                                    <td className=\"k-table-td\"></td>\n                                    <td className=\"k-table-td\">Last employee hired on August 17, 2015</td>\n                                </tr>\n                            </tbody>\n                        </table>\n                    </div>\n                </div>\n            </section>\n\n            <section>\n                <span>Angular</span>\n                <div className=\"k-grid k-grid-md k-treelist\" style={{ height: \"410px\" }}>\n                    <div className=\"k-grid-aria-root\">\n                        <div className=\"k-grid-header\">\n                            <div className=\"k-grid-header-wrap\">\n                                <table className=\"k-table k-table-md k-grid-header-table\">\n                                    <colgroup>\n                                        <col style={{ width: \"250px\" }} />\n                                        <col style={{ width: \"180px\" }} />\n                                        <col style={{ width: \"180px\" }} />\n                                    </colgroup>\n                                    <thead className=\"k-table-thead\">\n                                        <tr className=\"k-table-row\">\n                                            <th className=\"k-table-th k-header\" rowSpan={1} colSpan={1}>\n                                                <span className=\"k-cell-inner\">\n                                                    <span className=\"k-link\">\n                                                        <span className=\"k-column-title\">Name</span>\n                                                    </span>\n                                                </span>\n                                            </th>\n                                            <th className=\"k-table-th k-header\" rowSpan={1} colSpan={1}>\n                                                <span className=\"k-cell-inner\">\n                                                    <span className=\"k-link\">\n                                                        <span className=\"k-column-title\">Title</span>\n                                                    </span>\n                                                </span>\n                                            </th>\n                                            <th className=\"k-table-th k-header\" rowSpan={1} colSpan={1}>\n                                                <span className=\"k-cell-inner\">\n                                                    <span className=\"k-link\">\n                                                        <span className=\"k-column-title\">hireDate</span>\n                                                    </span>\n                                                </span>\n                                            </th>\n                                        </tr>\n                                    </thead>\n                                </table>\n                            </div>\n                        </div>\n                        <div className=\"k-grid-container\">\n                            <div className=\"k-grid-content k-virtual-content\">\n                                <div className=\"k-grid-table-wrap\">\n                                    <table className=\"k-table k-table-md k-grid-table\">\n                                        <colgroup>\n                                            <col style={{ width: \"250px\" }} />\n                                            <col style={{ width: \"180px\" }} />\n                                            <col style={{ width: \"180px\" }} />\n                                        </colgroup>\n                                        <tbody className=\"k-table-tbody\">\n                                            <tr className=\"k-table-row\">\n                                                <td colSpan={1} className=\"k-table-td\">\n                                                    <Icon name=\"collapse\"></Icon>\n                                                    Daryl Sweeney\n                                                </td>\n                                                <td colSpan={1} className=\"k-table-td\">\n                                                    Chief Executive Officer\n                                                </td>\n                                                <td colSpan={1} className=\"k-table-td\">1/15/2019</td>\n                                            </tr>\n                                            <tr className=\"k-table-row k-table-alt-row k-alt\">\n                                                <td colSpan={1} className=\"k-table-td\">\n                                                    <Icon name=\"none\"></Icon>\n                                                    <Icon name=\"collapse\"></Icon>\n                                                    Guy Wooten\n                                                </td>\n                                                <td colSpan={1} className=\"k-table-td\">\n                                                    Chief Technical Officer\n                                                </td>\n                                                <td colSpan={1} className=\"k-table-td\">2/19/2019</td>\n                                            </tr>\n                                            <tr className=\"k-table-row\">\n                                                <td colSpan={1} className=\"k-table-td\">\n                                                    <Icon name=\"none\"></Icon><Icon name=\"none\"></Icon>\n                                                    <Icon name=\"expand\"></Icon>\n                                                    Buffy Weber\n                                                </td>\n                                                <td colSpan={1} className=\"k-table-td\">\n                                                    VP, Engineering\n                                                </td>\n                                                <td colSpan={1} className=\"k-table-td\">4/13/2019</td>\n                                            </tr>\n                                            <tr className=\"k-table-row k-footer\">\n                                                <td className=\"k-table-td k-focus\">\n                                                    <Icon name=\"none\"></Icon><Icon name=\"none\"></Icon><Icon name=\"none\"></Icon>\n                                                    35 employee(s)\n                                                </td>\n                                                <td className=\"k-table-td\"></td>\n                                                <td className=\"k-table-td\">\n                                                    Last employee hired on 10/21/2019\n                                                </td>\n                                            </tr>\n                                            <tr className=\"k-table-row k-table-alt-row k-alt\">\n                                                <td colSpan={1} className=\"k-table-td\">\n                                                    <Icon name=\"none\"></Icon>\n                                                    <Icon name=\"expand\"></Icon>\n                                                    Priscilla Frank\n                                                </td>\n                                                <td colSpan={1} className=\"k-table-td\">\n                                                    Chief Product Officer\n                                                </td>\n                                                <td colSpan={1} className=\"k-table-td\">4/22/2019</td>\n                                            </tr>\n                                            <tr className=\"k-footer\">\n                                                <td className=\"k-table-td\">\n                                                    <Icon name=\"none\"></Icon><Icon name=\"none\"></Icon>\n                                                    42 employee(s)\n                                                </td>\n                                                <td className=\"k-table-td\"></td>\n                                                <td className=\"k-table-td\">\n                                                    Last employee hired on 10/21/2019\n                                                </td>\n                                            </tr>\n                                            <tr className=\"k-table-row k-footer\">\n                                                <td className=\"k-table-td\">\n                                                    <Icon name=\"none\"></Icon>\n                                                    43 employee(s)\n                                                </td>\n                                                <td className=\"k-table-td\"></td>\n                                                <td className=\"k-table-td\">\n                                                    Last employee hired on 10/21/2019\n                                                </td>\n                                            </tr>\n                                        </tbody>\n                                    </table>\n                                </div>\n                                <div className=\"k-height-container\">\n                                    <div style={{ height: '0px' }}></div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </section>\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n    size?: null | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';\n    rotate?: null | '0' | '45' | '90' | '135' | '180' | '225' | '270' | '315';\n    flip?: null | 'v' | 'h';\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name,\n            size,\n            rotate,\n            flip\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name,\n                                [`k-icon-${size}`]: size,\n                                [`k-rotate-${rotate}`]: rotate,\n                                [`k-flip-${flip}`]: flip\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n    <>\n        <div id=\"test-area\" className=\"k-d-grid\">\n\n            <section>\n                <span>jQuery</span>\n                <div id=\"treelist\" className=\"k-treelist k-grid k-grid-md k-grid-display-block\" style={{ height: \"650px\" }}>\n                    <div className=\"k-grid-header\">\n                        <div className=\"k-grid-header-wrap\">\n                            <table className=\"k-table k-table-md k-grid-header-table\">\n                                <colgroup>\n                                    <col />\n                                    <col />\n                                    <col />\n                                </colgroup>\n                                <thead className=\"k-table-thead\">\n                                    <tr className=\"k-table-row\">\n                                        <th className=\"k-table-th k-header k-filterable\" rowSpan={1}>\n                                            <span className=\"k-cell-inner\">\n                                                <span className=\"k-link\">\n                                                    <span className=\"k-column-title\">Name</span>\n                                                </span>\n                                                <a href=\"#\" className=\"k-grid-filter-menu k-grid-header-menu\"><Icon name=\"filter\" /></a>\n                                            </span>\n                                        </th>\n                                        <th className=\"k-table-th k-header k-filterable\" rowSpan={1} data-index={1}>\n                                            <span className=\"k-cell-inner\">\n                                                <span className=\"k-link\">\n                                                    <span className=\"k-column-title\">Position</span>\n                                                </span>\n                                                <a href=\"#\" className=\"k-grid-filter-menu k-grid-header-menu\"><Icon name=\"filter\" /></a>\n                                            </span>\n                                        </th>\n                                        <th data-title=\"Hire Date\" className=\"k-table-th k-header k-filterable\" rowSpan={1}>\n                                            <span className=\"k-cell-inner\">\n                                                <span className=\"k-link\">\n                                                    <span className=\"k-column-title\">Hire Date</span>\n                                                </span>\n                                                <a href=\"#\" className=\"k-grid-filter-menu k-grid-header-menu\"><Icon name=\"filter\" /></a>\n                                            </span>\n                                        </th>\n                                    </tr>\n                                </thead>\n                            </table>\n                        </div>\n                    </div>\n                    <div className=\"k-grid-content k-auto-scrollable\" style={{ display: \"block\", height: \"591px\" }}>\n                        <table className=\"k-table k-table-md k-grid-table\">\n                            <colgroup>\n                                <col />\n                                <col />\n                                <col />\n                            </colgroup>\n                            <tbody className=\"k-table-tbody\">\n                                <tr className=\"k-table-row k-treelist-group\">\n                                    <td className=\"k-table-td\" style={{ whiteSpace: \"nowrap\" }}><Icon name=\"caret-alt-down\"></Icon>Daryl Sweeney</td>\n                                    <td className=\"k-table-td\">CEO</td>\n                                    <td className=\"k-table-td\">February 7, 2012</td>\n                                </tr>\n                                <tr className=\"k-table-row k-table-alt-row k-alt k-treelist-group\">\n                                    <td className=\"k-table-td\" style={{ whiteSpace: \"nowrap\" }}><Icon name=\"none\"></Icon><Icon name=\"caret-alt-right\"></Icon>Guy Wooten</td>\n                                    <td className=\"k-table-td\">Chief Technical Officer</td>\n                                    <td className=\"k-table-td\">March 3, 2010</td>\n                                </tr>\n                                <tr className=\"k-table-row k-treelist-group\">\n                                    <td className=\"k-table-td\" style={{ whiteSpace: \"nowrap\" }}><Icon name=\"none\"></Icon><Icon name=\"caret-alt-right\"></Icon>Priscilla Frank</td>\n                                    <td className=\"k-table-td\">Chief Product Officer</td>\n                                    <td className=\"k-table-td\">November 30, 2014</td>\n                                </tr>\n                                <tr className=\"k-table-row k-table-alt-row k-alt k-treelist-group\">\n                                    <td className=\"k-table-td\" style={{ whiteSpace: \"nowrap\" }}><Icon name=\"none\"></Icon><Icon name=\"caret-alt-down\"></Icon>Anika Vega</td>\n                                    <td className=\"k-table-td\">Chief Process Officer</td>\n                                    <td className=\"k-table-td\">February 25, 2010</td>\n                                </tr>\n                                <tr className=\"k-table-row k-treelist-group\">\n                                    <td className=\"k-table-td\" style={{ whiteSpace: \"nowrap\" }}><Icon name=\"none\"></Icon><Icon name=\"none\"></Icon><Icon name=\"caret-alt-right\"></Icon>Vernon Ballard</td>\n                                    <td className=\"k-table-td\">Director Facilities</td>\n                                    <td className=\"k-table-td\">June 26, 2015</td>\n                                </tr>\n                                <tr className=\"k-table-row k-footer-template\">\n                                    <td className=\"k-table-td k-focus\"><Icon name=\"none\"></Icon><Icon name=\"none\"></Icon><Icon name=\"none\"></Icon>7 employee(s)</td>\n                                    <td className=\"k-table-td\"></td>\n                                    <td className=\"k-table-td\">Last employee hired on July 30, 2015</td>\n                                </tr>\n                                <tr className=\"k-table-row k-table-alt-row k-alt k-treelist-group\">\n                                    <td className=\"k-table-td\" style={{ whiteSpace: \"nowrap\" }}><Icon name=\"none\"></Icon><Icon name=\"caret-alt-right\"></Icon>Nevada Hart</td>\n                                    <td className=\"k-table-td\">Chief Financial Officer</td>\n                                    <td className=\"k-table-td\">August 17, 2015</td>\n                                </tr>\n                                <tr className=\"k-table-row k-treelist-group\">\n                                    <td className=\"k-table-td\" style={{ whiteSpace: \"nowrap\" }}><Icon name=\"none\"></Icon><Icon name=\"caret-alt-right\"></Icon>Hunter Fry</td>\n                                    <td className=\"k-table-td\">General Counsel</td>\n                                    <td className=\"k-table-td\">February 12, 2011</td>\n                                </tr>\n                                <tr className=\"k-table-row k-footer-template\">\n                                    <td className=\"k-table-td\"><Icon name=\"none\"></Icon><Icon name=\"none\"></Icon>98 employee(s)</td>\n                                    <td className=\"k-table-td\"></td>\n                                    <td className=\"k-table-td\">Last employee hired on August 17, 2015</td>\n                                </tr>\n                                <tr className=\"k-table-row k-footer-template\">\n                                    <td className=\"k-table-td\"><Icon name=\"none\"></Icon>99 employee(s)</td>\n                                    <td className=\"k-table-td\"></td>\n                                    <td className=\"k-table-td\">Last employee hired on August 17, 2015</td>\n                                </tr>\n                            </tbody>\n                        </table>\n                    </div>\n                </div>\n            </section>\n\n            <section>\n                <span>Angular</span>\n                <div className=\"k-grid k-grid-md k-treelist\" style={{ height: \"410px\" }}>\n                    <div className=\"k-grid-aria-root\">\n                        <div className=\"k-grid-header\">\n                            <div className=\"k-grid-header-wrap\">\n                                <table className=\"k-table k-table-md k-grid-header-table\">\n                                    <colgroup>\n                                        <col style={{ width: \"250px\" }} />\n                                        <col style={{ width: \"180px\" }} />\n                                        <col style={{ width: \"180px\" }} />\n                                    </colgroup>\n                                    <thead className=\"k-table-thead\">\n                                        <tr className=\"k-table-row\">\n                                            <th className=\"k-table-th k-header\" rowSpan={1} colSpan={1}>\n                                                <span className=\"k-cell-inner\">\n                                                    <span className=\"k-link\">\n                                                        <span className=\"k-column-title\">Name</span>\n                                                    </span>\n                                                </span>\n                                            </th>\n                                            <th className=\"k-table-th k-header\" rowSpan={1} colSpan={1}>\n                                                <span className=\"k-cell-inner\">\n                                                    <span className=\"k-link\">\n                                                        <span className=\"k-column-title\">Title</span>\n                                                    </span>\n                                                </span>\n                                            </th>\n                                            <th className=\"k-table-th k-header\" rowSpan={1} colSpan={1}>\n                                                <span className=\"k-cell-inner\">\n                                                    <span className=\"k-link\">\n                                                        <span className=\"k-column-title\">hireDate</span>\n                                                    </span>\n                                                </span>\n                                            </th>\n                                        </tr>\n                                    </thead>\n                                </table>\n                            </div>\n                        </div>\n                        <div className=\"k-grid-container\">\n                            <div className=\"k-grid-content k-virtual-content\">\n                                <div className=\"k-grid-table-wrap\">\n                                    <table className=\"k-table k-table-md k-grid-table\">\n                                        <colgroup>\n                                            <col style={{ width: \"250px\" }} />\n                                            <col style={{ width: \"180px\" }} />\n                                            <col style={{ width: \"180px\" }} />\n                                        </colgroup>\n                                        <tbody className=\"k-table-tbody\">\n                                            <tr className=\"k-table-row\">\n                                                <td colSpan={1} className=\"k-table-td\">\n                                                    <Icon name=\"caret-alt-down\"></Icon>\n                                                    Daryl Sweeney\n                                                </td>\n                                                <td colSpan={1} className=\"k-table-td\">\n                                                    Chief Executive Officer\n                                                </td>\n                                                <td colSpan={1} className=\"k-table-td\">1/15/2019</td>\n                                            </tr>\n                                            <tr className=\"k-table-row k-table-alt-row k-alt\">\n                                                <td colSpan={1} className=\"k-table-td\">\n                                                    <Icon name=\"none\"></Icon>\n                                                    <Icon name=\"caret-alt-down\"></Icon>\n                                                    Guy Wooten\n                                                </td>\n                                                <td colSpan={1} className=\"k-table-td\">\n                                                    Chief Technical Officer\n                                                </td>\n                                                <td colSpan={1} className=\"k-table-td\">2/19/2019</td>\n                                            </tr>\n                                            <tr className=\"k-table-row\">\n                                                <td colSpan={1} className=\"k-table-td\">\n                                                    <Icon name=\"none\"></Icon><Icon name=\"none\"></Icon>\n                                                    <Icon name=\"caret-alt-right\"></Icon>\n                                                    Buffy Weber\n                                                </td>\n                                                <td colSpan={1} className=\"k-table-td\">\n                                                    VP, Engineering\n                                                </td>\n                                                <td colSpan={1} className=\"k-table-td\">4/13/2019</td>\n                                            </tr>\n                                            <tr className=\"k-table-row k-footer\">\n                                                <td className=\"k-table-td k-focus\">\n                                                    <Icon name=\"none\"></Icon><Icon name=\"none\"></Icon><Icon name=\"none\"></Icon>\n                                                    35 employee(s)\n                                                </td>\n                                                <td className=\"k-table-td\"></td>\n                                                <td className=\"k-table-td\">\n                                                    Last employee hired on 10/21/2019\n                                                </td>\n                                            </tr>\n                                            <tr className=\"k-table-row k-table-alt-row k-alt\">\n                                                <td colSpan={1} className=\"k-table-td\">\n                                                    <Icon name=\"none\"></Icon>\n                                                    <Icon name=\"caret-alt-right\"></Icon>\n                                                    Priscilla Frank\n                                                </td>\n                                                <td colSpan={1} className=\"k-table-td\">\n                                                    Chief Product Officer\n                                                </td>\n                                                <td colSpan={1} className=\"k-table-td\">4/22/2019</td>\n                                            </tr>\n                                            <tr className=\"k-footer\">\n                                                <td className=\"k-table-td\">\n                                                    <Icon name=\"none\"></Icon><Icon name=\"none\"></Icon>\n                                                    42 employee(s)\n                                                </td>\n                                                <td className=\"k-table-td\"></td>\n                                                <td className=\"k-table-td\">\n                                                    Last employee hired on 10/21/2019\n                                                </td>\n                                            </tr>\n                                            <tr className=\"k-table-row k-footer\">\n                                                <td className=\"k-table-td\">\n                                                    <Icon name=\"none\"></Icon>\n                                                    43 employee(s)\n                                                </td>\n                                                <td className=\"k-table-td\"></td>\n                                                <td className=\"k-table-td\">\n                                                    Last employee hired on 10/21/2019\n                                                </td>\n                                            </tr>\n                                        </tbody>\n                                    </table>\n                                </div>\n                                <div className=\"k-height-container\">\n                                    <div style={{ height: '0px' }}></div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </section>\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n    size?: null | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';\n    rotate?: null | '0' | '45' | '90' | '135' | '180' | '225' | '270' | '315';\n    flip?: null | 'v' | 'h';\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name,\n            size,\n            rotate,\n            flip\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name,\n                                [`k-icon-${size}`]: size,\n                                [`k-rotate-${rotate}`]: rotate,\n                                [`k-flip-${flip}`]: flip\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n"],
+  "mappings": "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",
   "names": ["ReactDOM", "React"]
 }

package/dist/treelist/tests/treelist-react.js CHANGED Viewed

@@ -636,7 +636,7 @@
           Button,
           {
             className: "k-spinner-increase",
-            icon: "arrow-n",
+            icon: "caret-alt-up",
             rounded: null,
             size,
             fillMode
@@ -646,7 +646,7 @@
           Button,
           {
             className: "k-spinner-decrease",
-            icon: "arrow-s",
+            icon: "caret-alt-down",
             rounded: null,
             size,
             fillMode
@@ -766,7 +766,7 @@
     document.getElementById("app")
   );
   root.render(
-    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area", className: "k-d-grid" }, /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "React Treelist"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid k-grid-md k-treelist-scrollable" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "200px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "300px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "100px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "400px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "100px" } })), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link" }, "id")), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link" }, "text")), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link" }, "price")), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link" }, "manufactured")), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link" }, "discontinued"))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-filter-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-filtercell" }, /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Textbox, null), /* @__PURE__ */ import_react.default.createElement(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "filter-clear", disabled: true })))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-filtercell" }, /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(NumericTextbox, null), /* @__PURE__ */ import_react.default.createElement(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "filter-clear", disabled: true })))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-filtercell" }, /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(DatePicker, null), /* @__PURE__ */ import_react.default.createElement(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "filter-clear", disabled: true })))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-filtercell" }, /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "filter-clear", disabled: true })))))), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), "1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Furniture"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "4"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "8/12/1996"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "false")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "1.1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Tables & Chairs"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "123"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "8/12/1996"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "false")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "1.2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Sofas"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "213"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "8/12/1996"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "true")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "1.3"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Occasional Furniture"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "42"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "8/12/1996"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "false")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), "2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Decor"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "8/12/1996"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "false")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "2.1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Bed Linen"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "12"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "8/12/1996"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "false")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), "2.2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Curtains & Blinds"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "8/12/1996"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "true")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "2.2.1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Carpets"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "54"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "8/12/1996"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "true"))))))))
+    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area", className: "k-d-grid" }, /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "React Treelist"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid k-grid-md k-treelist-scrollable" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "200px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "300px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "100px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "400px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "100px" } })), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link" }, "id")), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link" }, "text")), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link" }, "price")), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link" }, "manufactured")), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link" }, "discontinued"))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-filter-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-filtercell" }, /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Textbox, null), /* @__PURE__ */ import_react.default.createElement(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "filter-clear", disabled: true })))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-filtercell" }, /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(NumericTextbox, null), /* @__PURE__ */ import_react.default.createElement(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "filter-clear", disabled: true })))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-filtercell" }, /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(DatePicker, null), /* @__PURE__ */ import_react.default.createElement(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "filter-clear", disabled: true })))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-filtercell" }, /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "filter-clear", disabled: true })))))), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" }), "1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Furniture"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "4"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "8/12/1996"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "false")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "1.1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Tables & Chairs"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "123"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "8/12/1996"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "false")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "1.2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Sofas"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "213"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "8/12/1996"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "true")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "1.3"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Occasional Furniture"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "42"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "8/12/1996"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "false")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" }), "2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Decor"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "8/12/1996"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "false")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "2.1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Bed Linen"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "12"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "8/12/1996"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "false")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" }), "2.2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Curtains & Blinds"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "8/12/1996"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "true")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "2.2.1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Carpets"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "54"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "8/12/1996"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "true"))))))))
   );
 })();
 //# sourceMappingURL=treelist-react.js.map