@progress/kendo-themes-html 6.0.4-dev.0 → 6.0.4-dev.1
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.
- package/dist/appbar/tests/appbar.js +1 -1
- package/dist/appbar/tests/appbar.js.map +2 -2
- package/dist/bottom-nav/tests/bottom-nav-colors.js +1 -1
- package/dist/bottom-nav/tests/bottom-nav-colors.js.map +2 -2
- package/dist/calendar/tests/calendar-classic-jquery.js +1 -1
- package/dist/calendar/tests/calendar-classic-jquery.js.map +2 -2
- package/dist/calendar/tests/calendar-infinite-rtl.js +1 -1
- package/dist/calendar/tests/calendar-infinite-rtl.js.map +2 -2
- package/dist/calendar/tests/calendar-infinite.js +1 -1
- package/dist/calendar/tests/calendar-infinite.js.map +2 -2
- package/dist/calendar/tests/calendar-modern-angular.js +1 -1
- package/dist/calendar/tests/calendar-modern-angular.js.map +2 -2
- package/dist/calendar/tests/calendar-modern-jquery.js +1 -1
- package/dist/calendar/tests/calendar-modern-jquery.js.map +2 -2
- package/dist/drawer/tests/drawer-rtl.js +1 -9
- package/dist/drawer/tests/drawer-rtl.js.map +2 -2
- package/dist/drawer/tests/drawer.js +1 -9
- package/dist/drawer/tests/drawer.js.map +2 -2
- package/dist/grid/tests/grid-grouping-detail-template.js +1 -1
- package/dist/grid/tests/grid-grouping-detail-template.js.map +2 -2
- package/dist/grid/tests/grid-sticky-multicolumn-headers.js +1 -1
- package/dist/grid/tests/grid-sticky-multicolumn-headers.js.map +2 -2
- package/package.json +2 -2
- package/src/appbar/tests/appbar.tsx +13 -15
- package/src/bottom-nav/tests/bottom-nav-colors.tsx +18 -18
- package/src/calendar/tests/calendar-classic-jquery.tsx +176 -2
- package/src/calendar/tests/calendar-infinite-rtl.tsx +723 -0
- package/src/calendar/tests/calendar-infinite.tsx +723 -0
- package/src/calendar/tests/calendar-modern-angular.tsx +4 -2
- package/src/calendar/tests/calendar-modern-jquery.tsx +4 -2
- package/src/drawer/tests/drawer-rtl.tsx +6 -16
- package/src/drawer/tests/drawer.tsx +6 -16
- package/src/grid/tests/grid-grouping-detail-template.tsx +4 -4
- package/src/grid/tests/grid-sticky-multicolumn-headers.tsx +2 -2
|
@@ -432,7 +432,7 @@
|
|
|
432
432
|
document.getElementById("app")
|
|
433
433
|
);
|
|
434
434
|
root.render(
|
|
435
|
-
/* @__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("h3", null, "Base"), /* @__PURE__ */ import_react.default.createElement("div", { dir: "ltr", className: "k-grid k-grid-md" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-drop-container" }, "Drag a column header and drop it here to group by that column")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-aria-root", role: "grid" }, /* @__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", { className: "k-hierarchy-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "50px" } }), /* @__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-hierarchy-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, { id: "k-grid0-select-all" })), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-grid-draggable-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" }, "ID")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-grid-draggable-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" }, "Command"))))))))), /* @__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", { className: "k-hierarchy-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "50px" } }), /* @__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-master-row", role: "row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-hierarchy-cell" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "plus" })), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, { id: "k-grid0-checkbox0" })), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "Product1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "trash" }, "Delete"))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-master-row", role: "row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-hierarchy-cell" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "plus" })), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, { id: "k-grid0-checkbox1" })), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "Product2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "trash" }, "Delete")))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-height-container" }, /* @__PURE__ */ import_react.default.createElement("div", null)))))), /* @__PURE__ */ import_react.default.createElement("h3", null, "Single Group"), /* @__PURE__ */ import_react.default.createElement("div", { dir: "ltr", className: "k-grid k-grid-md" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-header" }, /* @__PURE__ */ import_react.default.createElement(ChipList, null, /* @__PURE__ */ import_react.default.createElement(Chip, { icon: "sort-asc-small", actions: /* @__PURE__ */ import_react.default.createElement(ChipAction, { type: "remove" }) }, "ID")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-drop-container" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-aria-root", role: "grid" }, /* @__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", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { className: "k-hierarchy-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "50px" } }), /* @__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-group-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-hierarchy-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null)), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-grid-draggable-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" }, "ID")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-grid-draggable-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" }, "Command"))))))))), /* @__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", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { className: "k-hierarchy-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "50px" } }), /* @__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", { role: "row", className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 6 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), " ID: 1 "))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row", role: "row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-hierarchy-cell" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "plus" })), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null)), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "Product1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "trash" }, "Delete"))), /* @__PURE__ */ import_react.default.createElement("tr", { role: "row", className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 6 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), " ID: 2 "))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-master-row", role: "row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-hierarchy-cell" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "plus" })), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null)), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "Product2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "trash" }, "Delete")))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-height-container" }, /* @__PURE__ */ import_react.default.createElement("div", null)))))), /* @__PURE__ */ import_react.default.createElement("h3", null, "Two Groups"), /* @__PURE__ */ import_react.default.createElement("div", { dir: "ltr", className: "k-grid k-grid-md" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-header" }, /* @__PURE__ */ import_react.default.createElement(ChipList, null, /* @__PURE__ */ import_react.default.createElement(Chip, { icon: "sort-asc-small", actions: /* @__PURE__ */ import_react.default.createElement(ChipAction, { type: "remove" }) }, "ID"), /* @__PURE__ */ import_react.default.createElement(Chip, { icon: "sort-asc-small", actions: /* @__PURE__ */ import_react.default.createElement(ChipAction, { type: "remove" }) }, "Name")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-drop-container" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-aria-root", role: "grid" }, /* @__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", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { className: "k-hierarchy-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "50px" } }), /* @__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-group-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-group-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-hierarchy-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null)), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-grid-draggable-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" }, "ID")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-grid-draggable-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" }, "Command"))))))))), /* @__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", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { className: "k-hierarchy-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "50px" } }), /* @__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", { role: "row", className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 7 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), " ID: 1 "))), /* @__PURE__ */ import_react.default.createElement("tr", { role: "row", className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 6 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), " Name: Product1 "))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row", role: "row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-hierarchy-cell" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "plus" })), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null)), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "Product1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "trash" }, "Delete"))), /* @__PURE__ */ import_react.default.createElement("tr", { role: "row", className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 7 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), " ID: 2 "))), /* @__PURE__ */ import_react.default.createElement("tr", { role: "row", className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 6 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), " Name: Product2 "))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-master-row", role: "row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-hierarchy-cell" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "plus" })), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null)), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "Product2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "trash" }, "Delete")))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-height-container" }, /* @__PURE__ */ import_react.default.createElement("div", null)))))), /* @__PURE__ */ import_react.default.createElement("h3", null, "Expanded Template"), /* @__PURE__ */ import_react.default.createElement("div", { dir: "ltr", className: "k-grid k-grid-md" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-header" }, /* @__PURE__ */ import_react.default.createElement(ChipList, null, /* @__PURE__ */ import_react.default.createElement(Chip, { icon: "sort-asc-small", actions: /* @__PURE__ */ import_react.default.createElement(ChipAction, { type: "remove" }) }, "ID"), /* @__PURE__ */ import_react.default.createElement(Chip, { icon: "sort-asc-small", actions: /* @__PURE__ */ import_react.default.createElement(ChipAction, { type: "remove" }) }, "Name")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-drop-container" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-aria-root", role: "grid" }, /* @__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", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { className: "k-hierarchy-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "50px" } }), /* @__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-group-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-group-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-hierarchy-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null)), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-grid-draggable-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" }, "ID")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-grid-draggable-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" }, "Command"))))))))), /* @__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", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { className: "k-hierarchy-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "50px" } }), /* @__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", { role: "row", className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 7 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), " ID: 1 "))), /* @__PURE__ */ import_react.default.createElement("tr", { role: "row", className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 6 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), " Name: Product1 "))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row k-expanded", role: "row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-hierarchy-cell" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "minus" })), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null)), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "Product1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "trash" }, "Delete"))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-detail-row", role: "row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-hierarchy-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-detail-cell", colSpan: 4 }, " Template Text ")), /* @__PURE__ */ import_react.default.createElement("tr", { role: "row", className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 7 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), " ID: 2 "))), /* @__PURE__ */ import_react.default.createElement("tr", { role: "row", className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 6 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), " Name: Product2 "))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-master-row k-expanded", role: "row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-hierarchy-cell" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "minus" })), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null)), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "Product2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "trash" }, "Delete"))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-detail-row k-alt", role: "row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-hierarchy-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-detail-cell", colSpan: 4 }, " Template Text "))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-height-container" }, /* @__PURE__ */ import_react.default.createElement("div", null))))))))
|
|
435
|
+
/* @__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("span", null, "Base"), /* @__PURE__ */ import_react.default.createElement("div", { dir: "ltr", className: "k-grid k-grid-md" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-drop-container" }, "Drag a column header and drop it here to group by that column")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-aria-root", role: "grid" }, /* @__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", { className: "k-hierarchy-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "50px" } }), /* @__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-hierarchy-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, { id: "k-grid0-select-all" })), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-grid-draggable-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" }, "ID")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-grid-draggable-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" }, "Command"))))))))), /* @__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", { className: "k-hierarchy-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "50px" } }), /* @__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-master-row", role: "row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-hierarchy-cell" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "plus" })), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, { id: "k-grid0-checkbox0" })), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "Product1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "trash" }, "Delete"))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-master-row", role: "row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-hierarchy-cell" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "plus" })), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, { id: "k-grid0-checkbox1" })), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "Product2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "trash" }, "Delete")))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-height-container" }, /* @__PURE__ */ import_react.default.createElement("div", null)))))), /* @__PURE__ */ import_react.default.createElement("span", null, "Single Group"), /* @__PURE__ */ import_react.default.createElement("div", { dir: "ltr", className: "k-grid k-grid-md" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-header" }, /* @__PURE__ */ import_react.default.createElement(ChipList, null, /* @__PURE__ */ import_react.default.createElement(Chip, { icon: "sort-asc-small", actions: /* @__PURE__ */ import_react.default.createElement(ChipAction, { type: "remove" }) }, "ID")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-drop-container" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-aria-root", role: "grid" }, /* @__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", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { className: "k-hierarchy-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "50px" } }), /* @__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-group-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-hierarchy-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null)), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-grid-draggable-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" }, "ID")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-grid-draggable-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" }, "Command"))))))))), /* @__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", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { className: "k-hierarchy-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "50px" } }), /* @__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", { role: "row", className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 6 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), " ID: 1 "))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row", role: "row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-hierarchy-cell" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "plus" })), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null)), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "Product1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "trash" }, "Delete"))), /* @__PURE__ */ import_react.default.createElement("tr", { role: "row", className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 6 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), " ID: 2 "))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-master-row", role: "row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-hierarchy-cell" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "plus" })), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null)), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "Product2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "trash" }, "Delete")))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-height-container" }, /* @__PURE__ */ import_react.default.createElement("div", null)))))), /* @__PURE__ */ import_react.default.createElement("span", null, "Two Groups"), /* @__PURE__ */ import_react.default.createElement("div", { dir: "ltr", className: "k-grid k-grid-md" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-header" }, /* @__PURE__ */ import_react.default.createElement(ChipList, null, /* @__PURE__ */ import_react.default.createElement(Chip, { icon: "sort-asc-small", actions: /* @__PURE__ */ import_react.default.createElement(ChipAction, { type: "remove" }) }, "ID"), /* @__PURE__ */ import_react.default.createElement(Chip, { icon: "sort-asc-small", actions: /* @__PURE__ */ import_react.default.createElement(ChipAction, { type: "remove" }) }, "Name")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-drop-container" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-aria-root", role: "grid" }, /* @__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", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { className: "k-hierarchy-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "50px" } }), /* @__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-group-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-group-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-hierarchy-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null)), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-grid-draggable-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" }, "ID")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-grid-draggable-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" }, "Command"))))))))), /* @__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", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { className: "k-hierarchy-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "50px" } }), /* @__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", { role: "row", className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 7 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), " ID: 1 "))), /* @__PURE__ */ import_react.default.createElement("tr", { role: "row", className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 6 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), " Name: Product1 "))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row", role: "row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-hierarchy-cell" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "plus" })), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null)), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "Product1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "trash" }, "Delete"))), /* @__PURE__ */ import_react.default.createElement("tr", { role: "row", className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 7 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), " ID: 2 "))), /* @__PURE__ */ import_react.default.createElement("tr", { role: "row", className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 6 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), " Name: Product2 "))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-master-row", role: "row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-hierarchy-cell" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "plus" })), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null)), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "Product2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "trash" }, "Delete")))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-height-container" }, /* @__PURE__ */ import_react.default.createElement("div", null)))))), /* @__PURE__ */ import_react.default.createElement("span", null, "Expanded Template"), /* @__PURE__ */ import_react.default.createElement("div", { dir: "ltr", className: "k-grid k-grid-md" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-header" }, /* @__PURE__ */ import_react.default.createElement(ChipList, null, /* @__PURE__ */ import_react.default.createElement(Chip, { icon: "sort-asc-small", actions: /* @__PURE__ */ import_react.default.createElement(ChipAction, { type: "remove" }) }, "ID"), /* @__PURE__ */ import_react.default.createElement(Chip, { icon: "sort-asc-small", actions: /* @__PURE__ */ import_react.default.createElement(ChipAction, { type: "remove" }) }, "Name")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grouping-drop-container" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-aria-root", role: "grid" }, /* @__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", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { className: "k-hierarchy-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "50px" } }), /* @__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-group-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-group-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-hierarchy-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null)), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-grid-draggable-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" }, "ID")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-grid-draggable-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" }, "Command"))))))))), /* @__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", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { className: "k-hierarchy-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "50px" } }), /* @__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", { role: "row", className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 7 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), " ID: 1 "))), /* @__PURE__ */ import_react.default.createElement("tr", { role: "row", className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 6 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), " Name: Product1 "))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-master-row k-expanded", role: "row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-hierarchy-cell" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "minus" })), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null)), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "Product1"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "trash" }, "Delete"))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-detail-row", role: "row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-hierarchy-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-detail-cell", colSpan: 4 }, " Template Text ")), /* @__PURE__ */ import_react.default.createElement("tr", { role: "row", className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 7 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), " ID: 2 "))), /* @__PURE__ */ import_react.default.createElement("tr", { role: "row", className: "k-table-row k-table-group-row k-grouping-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 6 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), " Name: Product2 "))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-master-row k-expanded", role: "row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-hierarchy-cell" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "minus" })), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null)), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto", colSpan: 1 }, "Product2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-touch-action-auto k-command-cell", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "trash" }, "Delete"))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-detail-row k-alt", role: "row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-hierarchy-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-detail-cell", colSpan: 4 }, " Template Text "))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-height-container" }, /* @__PURE__ */ import_react.default.createElement("div", null))))))))
|
|
436
436
|
);
|
|
437
437
|
})();
|
|
438
438
|
//# sourceMappingURL=grid-grouping-detail-template.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/grid/tests/grid-grouping-detail-template.tsx", "../../../src/button/button.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts", "../../../src/icon/icon.tsx", "../../../src/checkbox/checkbox.tsx", "../../../src/chip/chip-action.tsx", "../../../src/chip/chip.tsx", "../../../src/avatar/avatar.tsx", "../../../src/chip/chip-list.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\nimport { Checkbox } from '../../checkbox';\nimport { Icon } from '../../icon';\nimport { Chip, ChipList, ChipAction } from '../../chip';\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 <h3>Base</h3>\n <div dir=\"ltr\" className=\"k-grid k-grid-md\">\n <div className=\"k-grouping-header\">\n <div className=\"k-grouping-drop-container\">\n Drag a column header and drop it here to group by that column\n </div>\n </div>\n <div className=\"k-grid-aria-root\" role=\"grid\">\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 className=\"k-hierarchy-col\" />\n <col style={{ width: '50px' }} />\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-hierarchy-cell k-header\"></th>\n <th className=\"k-table-th k-header\" rowSpan={1} colSpan={1}><Checkbox id=\"k-grid0-select-all\" /></th>\n <th className=\"k-table-th k-header k-grid-draggable-header\" rowSpan={1} colSpan={1}>\n <span className=\"k-cell-inner\">\n <span className=\"k-link\">\n <span className=\"k-column-title\">ID</span>\n </span>\n </span>\n </th>\n <th className=\"k-table-th k-header k-grid-draggable-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\">Command</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 className=\"k-hierarchy-col\" />\n <col style={{ width: '50px' }} />\n <col />\n <col />\n <col />\n </colgroup>\n <tbody className=\"k-table-tbody\">\n <tr className=\"k-table-row k-master-row\" role=\"row\">\n <td className=\"k-table-td k-hierarchy-cell\"><Icon name=\"plus\" /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}><Checkbox id=\"k-grid0-checkbox0\" /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>1</td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>Product1</td>\n <td className=\"k-table-td k-touch-action-auto k-command-cell\" colSpan={1}><Button icon=\"trash\">Delete</Button></td>\n </tr>\n <tr className=\"k-table-row k-table-alt-row k-alt k-master-row\" role=\"row\">\n <td className=\"k-table-td k-hierarchy-cell\"><Icon name=\"plus\" /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}><Checkbox id=\"k-grid0-checkbox1\" /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>2</td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>Product2</td>\n <td className=\"k-table-td k-touch-action-auto k-command-cell\" colSpan={1}><Button icon=\"trash\">Delete</Button></td>\n </tr>\n </tbody>\n </table>\n </div>\n <div className=\"k-height-container\">\n <div></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <h3>Single Group</h3>\n <div dir=\"ltr\" className=\"k-grid k-grid-md\">\n <div className=\"k-grouping-header\">\n <ChipList>\n <Chip icon=\"sort-asc-small\" actions={ <ChipAction type=\"remove\"/> }>ID</Chip>\n </ChipList>\n <div className=\"k-grouping-drop-container\"></div>\n </div>\n <div className=\"k-grid-aria-root\" role=\"grid\">\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 className=\"k-group-col\" />\n <col className=\"k-hierarchy-col\" />\n <col style={{ width: '50px' }} />\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-group-cell k-header\"></th>\n <th className=\"k-table-th k-hierarchy-cell k-header\"></th>\n <th className=\"k-table-th k-header\" rowSpan={1} colSpan={1}><Checkbox /></th>\n <th className=\"k-table-th k-header k-grid-draggable-header\" rowSpan={1} colSpan={1}>\n <span className=\"k-cell-inner\">\n <span className=\"k-link\">\n <span className=\"k-column-title\">ID</span>\n </span>\n </span>\n </th>\n <th className=\"k-table-th k-header k-grid-draggable-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\">Command</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 className=\"k-group-col\" />\n <col className=\"k-hierarchy-col\" />\n <col style={{ width: '50px' }} />\n <col />\n <col />\n <col />\n </colgroup>\n <tbody className=\"k-table-tbody\">\n <tr role=\"row\" className=\"k-table-row k-table-group-row k-grouping-row\">\n <td className=\"k-table-td\" colSpan={6}>\n <p className=\"k-reset\"><Icon name=\"collapse\" /> ID: 1 </p>\n </td>\n </tr>\n <tr className=\"k-table-row k-master-row\" role=\"row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-hierarchy-cell\"><Icon name=\"plus\" /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}><Checkbox /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>1</td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>Product1</td>\n <td className=\"k-table-td k-touch-action-auto k-command-cell\" colSpan={1}><Button icon=\"trash\">Delete</Button></td>\n </tr>\n <tr role=\"row\" className=\"k-table-row k-table-group-row k-grouping-row\">\n <td className=\"k-table-td\" colSpan={6}>\n <p className=\"k-reset\"><Icon name=\"collapse\" /> ID: 2 </p>\n </td>\n </tr>\n <tr className=\"k-table-row k-table-alt-row k-alt k-master-row\" role=\"row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-hierarchy-cell\"><Icon name=\"plus\" /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}><Checkbox /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>2</td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>Product2</td>\n <td className=\"k-table-td k-touch-action-auto k-command-cell\" colSpan={1}><Button icon=\"trash\">Delete</Button></td>\n </tr>\n </tbody>\n </table>\n </div>\n <div className=\"k-height-container\">\n <div></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <h3>Two Groups</h3>\n <div dir=\"ltr\" className=\"k-grid k-grid-md\">\n <div className=\"k-grouping-header\">\n <ChipList>\n <Chip icon=\"sort-asc-small\" actions={ <ChipAction type=\"remove\"/> }>ID</Chip>\n <Chip icon=\"sort-asc-small\" actions={ <ChipAction type=\"remove\"/> }>Name</Chip>\n </ChipList>\n <div className=\"k-grouping-drop-container\"></div>\n </div>\n <div className=\"k-grid-aria-root\" role=\"grid\">\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 className=\"k-group-col\" />\n <col className=\"k-group-col\" />\n <col className=\"k-hierarchy-col\" />\n <col style={{ width: '50px' }} />\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-group-cell k-header\"></th>\n <th className=\"k-table-th k-group-cell k-header\"></th>\n <th className=\"k-table-th k-hierarchy-cell k-header\"></th>\n <th className=\"k-table-th k-header\" rowSpan={1} colSpan={1}><Checkbox /></th>\n <th className=\"k-table-th k-header k-grid-draggable-header\" rowSpan={1} colSpan={1}>\n <span className=\"k-cell-inner\">\n <span className=\"k-link\">\n <span className=\"k-column-title\">ID</span>\n </span>\n </span>\n </th>\n <th className=\"k-table-th k-header k-grid-draggable-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\">Command</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 className=\"k-group-col\" />\n <col className=\"k-group-col\" />\n <col className=\"k-hierarchy-col\" />\n <col style={{ width: '50px' }} />\n <col />\n <col />\n <col />\n </colgroup>\n <tbody className=\"k-table-tbody\">\n <tr role=\"row\" className=\"k-table-row k-table-group-row k-grouping-row\">\n <td className=\"k-table-td\" colSpan={7}>\n <p className=\"k-reset\"><Icon name=\"collapse\" /> ID: 1 </p>\n </td>\n </tr>\n <tr role=\"row\" className=\"k-table-row k-table-group-row k-grouping-row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td\" colSpan={6}>\n <p className=\"k-reset\"><Icon name=\"collapse\" /> Name: Product1 </p>\n </td>\n </tr>\n <tr className=\"k-table-row k-master-row\" role=\"row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-hierarchy-cell\"><Icon name=\"plus\" /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}><Checkbox /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>1</td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>Product1</td>\n <td className=\"k-table-td k-touch-action-auto k-command-cell\" colSpan={1}><Button icon=\"trash\">Delete</Button></td>\n </tr>\n <tr role=\"row\" className=\"k-table-row k-table-group-row k-grouping-row\">\n <td className=\"k-table-td\" colSpan={7}>\n <p className=\"k-reset\"><Icon name=\"collapse\" /> ID: 2 </p>\n </td>\n </tr>\n <tr role=\"row\" className=\"k-table-row k-table-group-row k-grouping-row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td\" colSpan={6}>\n <p className=\"k-reset\"><Icon name=\"collapse\" /> Name: Product2 </p>\n </td>\n </tr>\n <tr className=\"k-table-row k-table-alt-row k-alt k-master-row\" role=\"row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-hierarchy-cell\"><Icon name=\"plus\" /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}><Checkbox /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>2</td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>Product2</td>\n <td className=\"k-table-td k-touch-action-auto k-command-cell\" colSpan={1}><Button icon=\"trash\">Delete</Button></td>\n </tr>\n </tbody>\n </table>\n </div>\n <div className=\"k-height-container\">\n <div></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <h3>Expanded Template</h3>\n <div dir=\"ltr\" className=\"k-grid k-grid-md\">\n <div className=\"k-grouping-header\">\n <ChipList>\n <Chip icon=\"sort-asc-small\" actions={ <ChipAction type=\"remove\"/> }>ID</Chip>\n <Chip icon=\"sort-asc-small\" actions={ <ChipAction type=\"remove\"/> }>Name</Chip>\n </ChipList>\n <div className=\"k-grouping-drop-container\"></div>\n </div>\n <div className=\"k-grid-aria-root\" role=\"grid\">\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 className=\"k-group-col\" />\n <col className=\"k-group-col\" />\n <col className=\"k-hierarchy-col\" />\n <col style={{ width: '50px' }} />\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-group-cell k-header\"></th>\n <th className=\"k-table-th k-group-cell k-header\"></th>\n <th className=\"k-table-th k-hierarchy-cell k-header\"></th>\n <th className=\"k-table-th k-header\" rowSpan={1} colSpan={1}><Checkbox /></th>\n <th className=\"k-table-th k-header k-grid-draggable-header\" rowSpan={1} colSpan={1}>\n <span className=\"k-cell-inner\">\n <span className=\"k-link\">\n <span className=\"k-column-title\">ID</span>\n </span>\n </span>\n </th>\n <th className=\"k-table-th k-header k-grid-draggable-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\">Command</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 className=\"k-group-col\" />\n <col className=\"k-group-col\" />\n <col className=\"k-hierarchy-col\" />\n <col style={{ width: '50px' }} />\n <col />\n <col />\n <col />\n </colgroup>\n <tbody className=\"k-table-tbody\">\n <tr role=\"row\" className=\"k-table-row k-table-group-row k-grouping-row\">\n <td className=\"k-table-td\" colSpan={7}>\n <p className=\"k-reset\"><Icon name=\"collapse\" /> ID: 1 </p>\n </td>\n </tr>\n <tr role=\"row\" className=\"k-table-row k-table-group-row k-grouping-row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td\" colSpan={6}>\n <p className=\"k-reset\"><Icon name=\"collapse\" /> Name: Product1 </p>\n </td>\n </tr>\n <tr className=\"k-table-row k-master-row k-expanded\" role=\"row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-hierarchy-cell\"><Icon name=\"minus\" /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}><Checkbox /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>1</td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>Product1</td>\n <td className=\"k-table-td k-touch-action-auto k-command-cell\" colSpan={1}><Button icon=\"trash\">Delete</Button></td>\n </tr>\n <tr className=\"k-table-row k-detail-row\" role=\"row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-hierarchy-cell\"></td>\n <td className=\"k-table-td k-detail-cell\" colSpan={4}> Template Text </td>\n </tr>\n <tr role=\"row\" className=\"k-table-row k-table-group-row k-grouping-row\">\n <td className=\"k-table-td\" colSpan={7}>\n <p className=\"k-reset\"><Icon name=\"collapse\" /> ID: 2 </p>\n </td>\n </tr>\n <tr role=\"row\" className=\"k-table-row k-table-group-row k-grouping-row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td\" colSpan={6}>\n <p className=\"k-reset\"><Icon name=\"collapse\" /> Name: Product2 </p>\n </td>\n </tr>\n <tr className=\"k-table-row k-table-alt-row k-alt k-master-row k-expanded\" role=\"row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-hierarchy-cell\"><Icon name=\"minus\" /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}><Checkbox /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>2</td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>Product2</td>\n <td className=\"k-table-td k-touch-action-auto k-command-cell\" colSpan={1}><Button icon=\"trash\">Delete</Button></td>\n </tr>\n <tr className=\"k-table-row k-table-alt-row k-detail-row k-alt\" role=\"row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-hierarchy-cell\"></td>\n <td className=\"k-table-td k-detail-cell\" colSpan={4}> Template Text </td>\n </tr>\n </tbody>\n </table>\n </div>\n <div className=\"k-height-container\">\n <div></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { Icon } from '../icon/';\n\nexport interface ButtonProps {\n children?: React.ReactNode;\n className?: string;\n dir?: string;\n style?: React.CSSProperties;\n iconClassName?: string;\n text?: string;\n icon?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n hover?: boolean;\n focus?: boolean;\n active?: boolean;\n selected?: boolean;\n disabled?: boolean;\n showArrow?: boolean;\n arrowIconName?: string;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid',\n themeColor: 'base',\n showArrow: false,\n arrowIconName: 'arrow-s'\n };\n\n render() {\n const {\n children,\n className,\n iconClassName,\n text,\n icon,\n size,\n rounded,\n fillMode,\n themeColor,\n hover,\n focus,\n active,\n selected,\n disabled,\n showArrow,\n arrowIconName,\n ...htmlAttributes\n } = this.props;\n\n const hasIcon = (icon !== undefined);\n const hasChildren = children !== undefined;\n\n return (\n <button\n style={this.props.style}\n {...htmlAttributes}\n dir={this.props.dir}\n className={classNames(\n className,\n 'k-button',\n {\n [`k-button-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-button-${fillMode}`]: fillMode,\n [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-icon-button': !text && !hasChildren && hasIcon,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-active': active,\n 'k-selected': selected,\n 'k-disabled': disabled\n }\n )}>\n {icon && <Icon className={classNames(iconClassName, 'k-button-icon')} name={icon} />}\n\n {text\n ?\n <>\n {text && <span className=\"k-button-text\">{text}</span>}\n {children}\n </>\n : children && <span className=\"k-button-text\">{children}</span>\n }\n\n {showArrow && <span className=\"k-menu-button-arrow k-button-arrow\"><Icon name={arrowIconName} /></span>}\n </button>\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", "export interface KendoThemeMaps {\n sizeMap: Record<Exclude<any, null>, string>;\n roundedMap: Record<Exclude<any, null>, string>;\n calloutMap: Record<Exclude<any, null>, string>;\n orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n sizeMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n roundedMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n calloutMap: {\n top: 'n',\n bottom: 's',\n left: 'w',\n right: 'e'\n },\n orientationMap: {\n vertical: 'vstack',\n horizontal: 'hstack',\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", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface CheckboxProps {\n id?: string;\n className?: string;\n checked?: boolean;\n indeterminate?: boolean;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large';\n hover?: boolean;\n focus?: boolean;\n invalid?: boolean;\n required?: boolean;\n disabled?: boolean;\n}\n\nexport class Checkbox extends React.Component<CheckboxProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium'\n };\n\n render() {\n const {\n id,\n className,\n checked,\n indeterminate,\n size,\n rounded,\n hover,\n focus,\n invalid,\n disabled,\n required\n } = this.props;\n\n return (\n <span className=\"k-checkbox-wrap\">\n <input\n id={id}\n type=\"checkbox\"\n checked={checked}\n required={required}\n className={classNames(\n className,\n 'k-checkbox',\n {\n [`k-checkbox-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-disabled': disabled,\n 'k-checked': checked,\n 'k-invalid': invalid,\n 'k-indeterminate': !checked && indeterminate\n }\n )}\n />\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\nimport { classNames } from '../utils';\n\nexport enum chipActionType {\n REMOVE = 'remove',\n MORE = 'more',\n}\n\nexport interface ChipActionProps {\n className?: string;\n type?: chipActionType | string;\n}\n\nexport class ChipAction extends React.Component<ChipActionProps> {\n\n render() {\n const {\n className,\n type,\n } = this.props;\n\n let icon;\n\n switch (type) {\n case chipActionType.REMOVE:\n icon = <Icon name=\"x-circle\" />;\n break;\n case chipActionType.MORE:\n icon = <Icon name=\"more-vertical\" />;\n break;\n default:\n return <Icon name={type} />;\n }\n\n return (\n <span\n className={classNames(\n className,\n 'k-chip-action',\n `k-chip-${type}-action`\n )}\n >\n {icon}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { Avatar } from '../avatar';\nimport { Icon } from '../icon';\nimport { ChipActionProps } from '../chip';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface ChipProps {\n children?: React.ReactNode;\n className?: string;\n text?: string;\n icon?: string;\n actions?: React.ReactElement<ChipActionProps> | React.ReactElement<ChipActionProps>[];\n showAvatar?: boolean;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline';\n themeColor?: null | 'base' | 'info' | 'success' | 'warning' | 'error';\n hover?: boolean;\n focus?: boolean;\n active?: boolean;\n selected?: boolean;\n disabled?: boolean;\n}\n\nexport class Chip extends React.Component<ChipProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid',\n themeColor: 'base'\n };\n\n render() {\n const {\n children,\n className,\n text,\n icon,\n actions,\n showAvatar,\n size,\n rounded,\n fillMode,\n themeColor,\n hover,\n focus,\n active,\n selected,\n disabled\n } = this.props;\n\n return (\n <div\n className={classNames(\n className,\n 'k-chip',\n {\n [`k-chip-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-chip-${fillMode}`]: fillMode,\n [`k-chip-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-active': active,\n 'k-selected': selected,\n 'k-disabled': disabled\n }\n )}\n >\n {icon && <Icon className=\"k-chip-icon\" name={icon} /> }\n {showAvatar && (\n <Avatar className=\"k-chip-avatar\" type=\"image\" >\n <img src=\"/packages/html/assets/avatar.jpg\" />\n </Avatar>\n )}\n <span className=\"k-chip-content\">\n { children\n ? children\n : text && <span className=\"k-chip-label k-text-ellipsis\">{text}</span>\n }\n </span>\n { actions && (\n <span className=\"k-chip-actions\">\n {actions}\n </span>\n )}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport enum avatarType {\n TEXT = 'text',\n IMAGE = 'image',\n ICON = 'icon'\n}\n\nexport interface AvatarProps {\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n type?: avatarType | string;\n border?: boolean;\n size?: null | 'small' | 'medium' | 'large';\n rounded: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline';\n themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n}\n\nexport class Avatar extends React.Component<AvatarProps> {\n\n static defaultProps = {\n type: avatarType.TEXT,\n size: 'medium',\n rounded: 'full',\n fillMode: 'solid',\n themeColor: 'primary',\n border: false\n };\n\n render() {\n const {\n children,\n className,\n type,\n size,\n rounded,\n fillMode,\n themeColor,\n border,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n style={this.props.style}\n { ...htmlAttributes }\n className={classNames(\n 'k-avatar',\n {\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n [`k-avatar-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-avatar-${fillMode}`]: fillMode,\n [`k-avatar-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n ['k-avatar-bordered']: border\n },\n className\n )}\n >\n <span className={`k-avatar-${type}`}>\n {children}\n </span>\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { ChipProps } from '../chip';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface ChipListProps {\n children?: React.ReactElement<ChipProps> | React.ReactElement<ChipProps>[];\n className?: string;\n size?: null | 'small' | 'medium' | 'large';\n}\n\nexport class ChipList extends React.Component<ChipListProps> {\n\n static defaultProps = {\n size: 'medium',\n selection: null\n };\n\n render() {\n const {\n children,\n className,\n size\n } = this.props;\n\n return (\n <div\n className={classNames(\n className,\n 'k-chip-list',\n {\n [`k-chip-list-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n }\n )}\n >\n {children}\n </div>\n );\n }\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\nimport { Checkbox } from '../../checkbox';\nimport { Icon } from '../../icon';\nimport { Chip, ChipList, ChipAction } from '../../chip';\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 <span>Base</span>\n <div dir=\"ltr\" className=\"k-grid k-grid-md\">\n <div className=\"k-grouping-header\">\n <div className=\"k-grouping-drop-container\">\n Drag a column header and drop it here to group by that column\n </div>\n </div>\n <div className=\"k-grid-aria-root\" role=\"grid\">\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 className=\"k-hierarchy-col\" />\n <col style={{ width: '50px' }} />\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-hierarchy-cell k-header\"></th>\n <th className=\"k-table-th k-header\" rowSpan={1} colSpan={1}><Checkbox id=\"k-grid0-select-all\" /></th>\n <th className=\"k-table-th k-header k-grid-draggable-header\" rowSpan={1} colSpan={1}>\n <span className=\"k-cell-inner\">\n <span className=\"k-link\">\n <span className=\"k-column-title\">ID</span>\n </span>\n </span>\n </th>\n <th className=\"k-table-th k-header k-grid-draggable-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\">Command</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 className=\"k-hierarchy-col\" />\n <col style={{ width: '50px' }} />\n <col />\n <col />\n <col />\n </colgroup>\n <tbody className=\"k-table-tbody\">\n <tr className=\"k-table-row k-master-row\" role=\"row\">\n <td className=\"k-table-td k-hierarchy-cell\"><Icon name=\"plus\" /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}><Checkbox id=\"k-grid0-checkbox0\" /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>1</td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>Product1</td>\n <td className=\"k-table-td k-touch-action-auto k-command-cell\" colSpan={1}><Button icon=\"trash\">Delete</Button></td>\n </tr>\n <tr className=\"k-table-row k-table-alt-row k-alt k-master-row\" role=\"row\">\n <td className=\"k-table-td k-hierarchy-cell\"><Icon name=\"plus\" /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}><Checkbox id=\"k-grid0-checkbox1\" /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>2</td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>Product2</td>\n <td className=\"k-table-td k-touch-action-auto k-command-cell\" colSpan={1}><Button icon=\"trash\">Delete</Button></td>\n </tr>\n </tbody>\n </table>\n </div>\n <div className=\"k-height-container\">\n <div></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <span>Single Group</span>\n <div dir=\"ltr\" className=\"k-grid k-grid-md\">\n <div className=\"k-grouping-header\">\n <ChipList>\n <Chip icon=\"sort-asc-small\" actions={ <ChipAction type=\"remove\"/> }>ID</Chip>\n </ChipList>\n <div className=\"k-grouping-drop-container\"></div>\n </div>\n <div className=\"k-grid-aria-root\" role=\"grid\">\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 className=\"k-group-col\" />\n <col className=\"k-hierarchy-col\" />\n <col style={{ width: '50px' }} />\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-group-cell k-header\"></th>\n <th className=\"k-table-th k-hierarchy-cell k-header\"></th>\n <th className=\"k-table-th k-header\" rowSpan={1} colSpan={1}><Checkbox /></th>\n <th className=\"k-table-th k-header k-grid-draggable-header\" rowSpan={1} colSpan={1}>\n <span className=\"k-cell-inner\">\n <span className=\"k-link\">\n <span className=\"k-column-title\">ID</span>\n </span>\n </span>\n </th>\n <th className=\"k-table-th k-header k-grid-draggable-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\">Command</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 className=\"k-group-col\" />\n <col className=\"k-hierarchy-col\" />\n <col style={{ width: '50px' }} />\n <col />\n <col />\n <col />\n </colgroup>\n <tbody className=\"k-table-tbody\">\n <tr role=\"row\" className=\"k-table-row k-table-group-row k-grouping-row\">\n <td className=\"k-table-td\" colSpan={6}>\n <p className=\"k-reset\"><Icon name=\"collapse\" /> ID: 1 </p>\n </td>\n </tr>\n <tr className=\"k-table-row k-master-row\" role=\"row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-hierarchy-cell\"><Icon name=\"plus\" /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}><Checkbox /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>1</td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>Product1</td>\n <td className=\"k-table-td k-touch-action-auto k-command-cell\" colSpan={1}><Button icon=\"trash\">Delete</Button></td>\n </tr>\n <tr role=\"row\" className=\"k-table-row k-table-group-row k-grouping-row\">\n <td className=\"k-table-td\" colSpan={6}>\n <p className=\"k-reset\"><Icon name=\"collapse\" /> ID: 2 </p>\n </td>\n </tr>\n <tr className=\"k-table-row k-table-alt-row k-alt k-master-row\" role=\"row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-hierarchy-cell\"><Icon name=\"plus\" /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}><Checkbox /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>2</td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>Product2</td>\n <td className=\"k-table-td k-touch-action-auto k-command-cell\" colSpan={1}><Button icon=\"trash\">Delete</Button></td>\n </tr>\n </tbody>\n </table>\n </div>\n <div className=\"k-height-container\">\n <div></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <span>Two Groups</span>\n <div dir=\"ltr\" className=\"k-grid k-grid-md\">\n <div className=\"k-grouping-header\">\n <ChipList>\n <Chip icon=\"sort-asc-small\" actions={ <ChipAction type=\"remove\"/> }>ID</Chip>\n <Chip icon=\"sort-asc-small\" actions={ <ChipAction type=\"remove\"/> }>Name</Chip>\n </ChipList>\n <div className=\"k-grouping-drop-container\"></div>\n </div>\n <div className=\"k-grid-aria-root\" role=\"grid\">\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 className=\"k-group-col\" />\n <col className=\"k-group-col\" />\n <col className=\"k-hierarchy-col\" />\n <col style={{ width: '50px' }} />\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-group-cell k-header\"></th>\n <th className=\"k-table-th k-group-cell k-header\"></th>\n <th className=\"k-table-th k-hierarchy-cell k-header\"></th>\n <th className=\"k-table-th k-header\" rowSpan={1} colSpan={1}><Checkbox /></th>\n <th className=\"k-table-th k-header k-grid-draggable-header\" rowSpan={1} colSpan={1}>\n <span className=\"k-cell-inner\">\n <span className=\"k-link\">\n <span className=\"k-column-title\">ID</span>\n </span>\n </span>\n </th>\n <th className=\"k-table-th k-header k-grid-draggable-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\">Command</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 className=\"k-group-col\" />\n <col className=\"k-group-col\" />\n <col className=\"k-hierarchy-col\" />\n <col style={{ width: '50px' }} />\n <col />\n <col />\n <col />\n </colgroup>\n <tbody className=\"k-table-tbody\">\n <tr role=\"row\" className=\"k-table-row k-table-group-row k-grouping-row\">\n <td className=\"k-table-td\" colSpan={7}>\n <p className=\"k-reset\"><Icon name=\"collapse\" /> ID: 1 </p>\n </td>\n </tr>\n <tr role=\"row\" className=\"k-table-row k-table-group-row k-grouping-row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td\" colSpan={6}>\n <p className=\"k-reset\"><Icon name=\"collapse\" /> Name: Product1 </p>\n </td>\n </tr>\n <tr className=\"k-table-row k-master-row\" role=\"row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-hierarchy-cell\"><Icon name=\"plus\" /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}><Checkbox /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>1</td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>Product1</td>\n <td className=\"k-table-td k-touch-action-auto k-command-cell\" colSpan={1}><Button icon=\"trash\">Delete</Button></td>\n </tr>\n <tr role=\"row\" className=\"k-table-row k-table-group-row k-grouping-row\">\n <td className=\"k-table-td\" colSpan={7}>\n <p className=\"k-reset\"><Icon name=\"collapse\" /> ID: 2 </p>\n </td>\n </tr>\n <tr role=\"row\" className=\"k-table-row k-table-group-row k-grouping-row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td\" colSpan={6}>\n <p className=\"k-reset\"><Icon name=\"collapse\" /> Name: Product2 </p>\n </td>\n </tr>\n <tr className=\"k-table-row k-table-alt-row k-alt k-master-row\" role=\"row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-hierarchy-cell\"><Icon name=\"plus\" /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}><Checkbox /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>2</td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>Product2</td>\n <td className=\"k-table-td k-touch-action-auto k-command-cell\" colSpan={1}><Button icon=\"trash\">Delete</Button></td>\n </tr>\n </tbody>\n </table>\n </div>\n <div className=\"k-height-container\">\n <div></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <span>Expanded Template</span>\n <div dir=\"ltr\" className=\"k-grid k-grid-md\">\n <div className=\"k-grouping-header\">\n <ChipList>\n <Chip icon=\"sort-asc-small\" actions={ <ChipAction type=\"remove\"/> }>ID</Chip>\n <Chip icon=\"sort-asc-small\" actions={ <ChipAction type=\"remove\"/> }>Name</Chip>\n </ChipList>\n <div className=\"k-grouping-drop-container\"></div>\n </div>\n <div className=\"k-grid-aria-root\" role=\"grid\">\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 className=\"k-group-col\" />\n <col className=\"k-group-col\" />\n <col className=\"k-hierarchy-col\" />\n <col style={{ width: '50px' }} />\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-group-cell k-header\"></th>\n <th className=\"k-table-th k-group-cell k-header\"></th>\n <th className=\"k-table-th k-hierarchy-cell k-header\"></th>\n <th className=\"k-table-th k-header\" rowSpan={1} colSpan={1}><Checkbox /></th>\n <th className=\"k-table-th k-header k-grid-draggable-header\" rowSpan={1} colSpan={1}>\n <span className=\"k-cell-inner\">\n <span className=\"k-link\">\n <span className=\"k-column-title\">ID</span>\n </span>\n </span>\n </th>\n <th className=\"k-table-th k-header k-grid-draggable-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\">Command</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 className=\"k-group-col\" />\n <col className=\"k-group-col\" />\n <col className=\"k-hierarchy-col\" />\n <col style={{ width: '50px' }} />\n <col />\n <col />\n <col />\n </colgroup>\n <tbody className=\"k-table-tbody\">\n <tr role=\"row\" className=\"k-table-row k-table-group-row k-grouping-row\">\n <td className=\"k-table-td\" colSpan={7}>\n <p className=\"k-reset\"><Icon name=\"collapse\" /> ID: 1 </p>\n </td>\n </tr>\n <tr role=\"row\" className=\"k-table-row k-table-group-row k-grouping-row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td\" colSpan={6}>\n <p className=\"k-reset\"><Icon name=\"collapse\" /> Name: Product1 </p>\n </td>\n </tr>\n <tr className=\"k-table-row k-master-row k-expanded\" role=\"row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-hierarchy-cell\"><Icon name=\"minus\" /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}><Checkbox /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>1</td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>Product1</td>\n <td className=\"k-table-td k-touch-action-auto k-command-cell\" colSpan={1}><Button icon=\"trash\">Delete</Button></td>\n </tr>\n <tr className=\"k-table-row k-detail-row\" role=\"row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-hierarchy-cell\"></td>\n <td className=\"k-table-td k-detail-cell\" colSpan={4}> Template Text </td>\n </tr>\n <tr role=\"row\" className=\"k-table-row k-table-group-row k-grouping-row\">\n <td className=\"k-table-td\" colSpan={7}>\n <p className=\"k-reset\"><Icon name=\"collapse\" /> ID: 2 </p>\n </td>\n </tr>\n <tr role=\"row\" className=\"k-table-row k-table-group-row k-grouping-row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td\" colSpan={6}>\n <p className=\"k-reset\"><Icon name=\"collapse\" /> Name: Product2 </p>\n </td>\n </tr>\n <tr className=\"k-table-row k-table-alt-row k-alt k-master-row k-expanded\" role=\"row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-hierarchy-cell\"><Icon name=\"minus\" /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}><Checkbox /></td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>2</td>\n <td className=\"k-table-td k-touch-action-auto\" colSpan={1}>Product2</td>\n <td className=\"k-table-td k-touch-action-auto k-command-cell\" colSpan={1}><Button icon=\"trash\">Delete</Button></td>\n </tr>\n <tr className=\"k-table-row k-table-alt-row k-detail-row k-alt\" role=\"row\">\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-table-group-td k-group-cell\"></td>\n <td className=\"k-table-td k-hierarchy-cell\"></td>\n <td className=\"k-table-td k-detail-cell\" colSpan={4}> Template Text </td>\n </tr>\n </tbody>\n </table>\n </div>\n <div className=\"k-height-container\">\n <div></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { Icon } from '../icon/';\n\nexport interface ButtonProps {\n children?: React.ReactNode;\n className?: string;\n dir?: string;\n style?: React.CSSProperties;\n iconClassName?: string;\n text?: string;\n icon?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n hover?: boolean;\n focus?: boolean;\n active?: boolean;\n selected?: boolean;\n disabled?: boolean;\n showArrow?: boolean;\n arrowIconName?: string;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid',\n themeColor: 'base',\n showArrow: false,\n arrowIconName: 'arrow-s'\n };\n\n render() {\n const {\n children,\n className,\n iconClassName,\n text,\n icon,\n size,\n rounded,\n fillMode,\n themeColor,\n hover,\n focus,\n active,\n selected,\n disabled,\n showArrow,\n arrowIconName,\n ...htmlAttributes\n } = this.props;\n\n const hasIcon = (icon !== undefined);\n const hasChildren = children !== undefined;\n\n return (\n <button\n style={this.props.style}\n {...htmlAttributes}\n dir={this.props.dir}\n className={classNames(\n className,\n 'k-button',\n {\n [`k-button-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-button-${fillMode}`]: fillMode,\n [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-icon-button': !text && !hasChildren && hasIcon,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-active': active,\n 'k-selected': selected,\n 'k-disabled': disabled\n }\n )}>\n {icon && <Icon className={classNames(iconClassName, 'k-button-icon')} name={icon} />}\n\n {text\n ?\n <>\n {text && <span className=\"k-button-text\">{text}</span>}\n {children}\n </>\n : children && <span className=\"k-button-text\">{children}</span>\n }\n\n {showArrow && <span className=\"k-menu-button-arrow k-button-arrow\"><Icon name={arrowIconName} /></span>}\n </button>\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", "export interface KendoThemeMaps {\n sizeMap: Record<Exclude<any, null>, string>;\n roundedMap: Record<Exclude<any, null>, string>;\n calloutMap: Record<Exclude<any, null>, string>;\n orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n sizeMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n roundedMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n calloutMap: {\n top: 'n',\n bottom: 's',\n left: 'w',\n right: 'e'\n },\n orientationMap: {\n vertical: 'vstack',\n horizontal: 'hstack',\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", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface CheckboxProps {\n id?: string;\n className?: string;\n checked?: boolean;\n indeterminate?: boolean;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large';\n hover?: boolean;\n focus?: boolean;\n invalid?: boolean;\n required?: boolean;\n disabled?: boolean;\n}\n\nexport class Checkbox extends React.Component<CheckboxProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium'\n };\n\n render() {\n const {\n id,\n className,\n checked,\n indeterminate,\n size,\n rounded,\n hover,\n focus,\n invalid,\n disabled,\n required\n } = this.props;\n\n return (\n <span className=\"k-checkbox-wrap\">\n <input\n id={id}\n type=\"checkbox\"\n checked={checked}\n required={required}\n className={classNames(\n className,\n 'k-checkbox',\n {\n [`k-checkbox-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-disabled': disabled,\n 'k-checked': checked,\n 'k-invalid': invalid,\n 'k-indeterminate': !checked && indeterminate\n }\n )}\n />\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\nimport { classNames } from '../utils';\n\nexport enum chipActionType {\n REMOVE = 'remove',\n MORE = 'more',\n}\n\nexport interface ChipActionProps {\n className?: string;\n type?: chipActionType | string;\n}\n\nexport class ChipAction extends React.Component<ChipActionProps> {\n\n render() {\n const {\n className,\n type,\n } = this.props;\n\n let icon;\n\n switch (type) {\n case chipActionType.REMOVE:\n icon = <Icon name=\"x-circle\" />;\n break;\n case chipActionType.MORE:\n icon = <Icon name=\"more-vertical\" />;\n break;\n default:\n return <Icon name={type} />;\n }\n\n return (\n <span\n className={classNames(\n className,\n 'k-chip-action',\n `k-chip-${type}-action`\n )}\n >\n {icon}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { Avatar } from '../avatar';\nimport { Icon } from '../icon';\nimport { ChipActionProps } from '../chip';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface ChipProps {\n children?: React.ReactNode;\n className?: string;\n text?: string;\n icon?: string;\n actions?: React.ReactElement<ChipActionProps> | React.ReactElement<ChipActionProps>[];\n showAvatar?: boolean;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline';\n themeColor?: null | 'base' | 'info' | 'success' | 'warning' | 'error';\n hover?: boolean;\n focus?: boolean;\n active?: boolean;\n selected?: boolean;\n disabled?: boolean;\n}\n\nexport class Chip extends React.Component<ChipProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid',\n themeColor: 'base'\n };\n\n render() {\n const {\n children,\n className,\n text,\n icon,\n actions,\n showAvatar,\n size,\n rounded,\n fillMode,\n themeColor,\n hover,\n focus,\n active,\n selected,\n disabled\n } = this.props;\n\n return (\n <div\n className={classNames(\n className,\n 'k-chip',\n {\n [`k-chip-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-chip-${fillMode}`]: fillMode,\n [`k-chip-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-active': active,\n 'k-selected': selected,\n 'k-disabled': disabled\n }\n )}\n >\n {icon && <Icon className=\"k-chip-icon\" name={icon} /> }\n {showAvatar && (\n <Avatar className=\"k-chip-avatar\" type=\"image\" >\n <img src=\"/packages/html/assets/avatar.jpg\" />\n </Avatar>\n )}\n <span className=\"k-chip-content\">\n { children\n ? children\n : text && <span className=\"k-chip-label k-text-ellipsis\">{text}</span>\n }\n </span>\n { actions && (\n <span className=\"k-chip-actions\">\n {actions}\n </span>\n )}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport enum avatarType {\n TEXT = 'text',\n IMAGE = 'image',\n ICON = 'icon'\n}\n\nexport interface AvatarProps {\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n type?: avatarType | string;\n border?: boolean;\n size?: null | 'small' | 'medium' | 'large';\n rounded: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline';\n themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n}\n\nexport class Avatar extends React.Component<AvatarProps> {\n\n static defaultProps = {\n type: avatarType.TEXT,\n size: 'medium',\n rounded: 'full',\n fillMode: 'solid',\n themeColor: 'primary',\n border: false\n };\n\n render() {\n const {\n children,\n className,\n type,\n size,\n rounded,\n fillMode,\n themeColor,\n border,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n style={this.props.style}\n { ...htmlAttributes }\n className={classNames(\n 'k-avatar',\n {\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n [`k-avatar-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-avatar-${fillMode}`]: fillMode,\n [`k-avatar-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n ['k-avatar-bordered']: border\n },\n className\n )}\n >\n <span className={`k-avatar-${type}`}>\n {children}\n </span>\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { ChipProps } from '../chip';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface ChipListProps {\n children?: React.ReactElement<ChipProps> | React.ReactElement<ChipProps>[];\n className?: string;\n size?: null | 'small' | 'medium' | 'large';\n}\n\nexport class ChipList extends React.Component<ChipListProps> {\n\n static defaultProps = {\n size: 'medium',\n selection: null\n };\n\n render() {\n const {\n children,\n className,\n size\n } = this.props;\n\n return (\n <div\n className={classNames(\n className,\n 'k-chip-list',\n {\n [`k-chip-list-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n }\n )}\n >\n {children}\n </div>\n );\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["React", "React", "React", "React", "React", "React", "ReactDOM", "React"]
|
|
7
7
|
}
|