@progress/kendo-themes-html 6.1.1-dev.3 → 6.1.1-dev.4
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.
|
@@ -839,7 +839,7 @@
|
|
|
839
839
|
}
|
|
840
840
|
`;
|
|
841
841
|
root.render(
|
|
842
|
-
/* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, styles), /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area", className: "k-d-grid k-grid-cols-4" }, /* @__PURE__ */ import_react.default.createElement("span", null, "Start View"), /* @__PURE__ */ import_react.default.createElement("span", null, "Include Fields (list)"), /* @__PURE__ */ import_react.default.createElement("span", null, "Include Fields (tree)"), /* @__PURE__ */ import_react.default.createElement("span", null, "Filter Fields View"), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-animation-container k-animation-container-shown" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-column-menu k-popup k-child-animation-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-columnmenu-popup" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "sort-asc-small" }), "Sort Ascending"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "sort-desc-small" }), "Sort Descending")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-expander" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "grid-layout" }), "Include Fields", /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-expander-indicator", name: "arrow-chevron-down" })))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-expander" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "filter" }), "Filter Fields", /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-expander-indicator", name: "arrow-chevron-down" }))))))))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-animation-container k-animation-container-shown" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-column-menu k-popup k-child-animation-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-columnmenu-popup" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "sort-asc-small" }), "Sort Ascending"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "sort-desc-small" }), "Sort Descending")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-expander" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "grid-layout" }), "Include Fields", /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-expander-indicator", name: "arrow-chevron-up" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-content k-columns-item", style: { width: "100%", height: "auto", overflow: "hidden" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-column-list-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-column-list" }, /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "ID"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Name"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Category"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Account"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Number"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Type"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Employer"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Employee"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Company"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Products"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Number"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Type"))), /* @__PURE__ */ import_react.default.createElement(ActionButtons, { alignment: "stretched" }, /* @__PURE__ */ import_react.default.createElement(Button, null, "Reset"), /* @__PURE__ */ import_react.default.createElement(Button, { themeColor: "primary" }, "Apply")))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-expander" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "filter" }), "Filter Fields", /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-expander-indicator", name: "arrow-chevron-down" }))))))))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-animation-container k-animation-container-shown" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-column-menu k-popup k-child-animation-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-columnmenu-popup" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "sort-asc-small" }), "Sort Ascending"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "sort-desc-small" }), "Sort Descending")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-expander" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "grid-layout" }), "Include Fields", /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-expander-indicator", name: "arrow-chevron-up" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-content", style: { width: "100%", height: "auto", overflow: "hidden" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-column-list-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-column-list" }, /* @__PURE__ */ import_react.default.createElement(Treeview, null, /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Account" }), /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Customer" }), /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, expanded: true, text: "Date" }, /* @__PURE__ */ import_react.default.createElement(TreeviewGroup, null, /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Date.Calendar" }), /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, expanded: true, text: "Date.Calendar Quarter of Year" }, /* @__PURE__ */ import_react.default.createElement(TreeviewGroup, null, /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "(All)" }), /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Calendar Quarter of Year" }))))), /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Delivery date" }), /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Department" }), /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Country" }), /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Region" })))), /* @__PURE__ */ import_react.default.createElement(ActionButtons, { alignment: "stretched" }, /* @__PURE__ */ import_react.default.createElement(Button, null, "Reset"), /* @__PURE__ */ import_react.default.createElement(Button, { themeColor: "primary" }, "Apply")))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-expander" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "filter" }), "Filter Fields", /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-expander-indicator", name: "arrow-chevron-down" }))))))))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-animation-container k-animation-container-shown" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-column-menu k-popup k-child-animation-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-columnmenu-popup" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "sort-asc-small" }), "Sort Ascending"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "sort-desc-small" }), "Sort Descending")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-expander" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "grid-layout" }), "Include Fields", /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-expander-indicator", name: "arrow-chevron-down" })))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-expander" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "filter" }), "Filter Fields", /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-expander-indicator", name: "arrow-chevron-up" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-animation-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-child-animation-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "kendo-grid-filter-menu-container" }, /* @__PURE__ */ import_react.default.createElement("form", { className: "k-filter-menu k-group k-reset" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-filter-menu-container" }, /* @__PURE__ */ import_react.default.createElement(DropdownList, { value: "Contains" }), /* @__PURE__ */ import_react.default.createElement(Textbox, null), /* @__PURE__ */ import_react.default.createElement(DropdownList, { value: "And", className: "k-filter-and" }), /* @__PURE__ */ import_react.default.createElement(DropdownList, { value: "Contains" }), /* @__PURE__ */ import_react.default.createElement(Textbox, null), /* @__PURE__ */ import_react.default.createElement(ActionButtons, { alignment: "stretched" }, /* @__PURE__ */ import_react.default.createElement(Button, null, "Clear"), /* @__PURE__ */ import_react.default.createElement(Button, { themeColor: "primary" }, "Filter"))))))))))))))))
|
|
842
|
+
/* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, styles), /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area", className: "k-d-grid k-grid-cols-4" }, /* @__PURE__ */ import_react.default.createElement("span", null, "Start View"), /* @__PURE__ */ import_react.default.createElement("span", null, "Include Fields (list)"), /* @__PURE__ */ import_react.default.createElement("span", null, "Include Fields (tree)"), /* @__PURE__ */ import_react.default.createElement("span", null, "Filter Fields View"), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-animation-container k-animation-container-shown" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-child-animation-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-column-menu k-popup k-grid-columnmenu-popup" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "sort-asc-small" }), "Sort Ascending"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "sort-desc-small" }), "Sort Descending")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-expander" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "grid-layout" }), "Include Fields", /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-expander-indicator", name: "arrow-chevron-down" })))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-expander" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "filter" }), "Filter Fields", /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-expander-indicator", name: "arrow-chevron-down" })))))))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-animation-container k-animation-container-shown" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-child-animation-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-column-menu k-popup k-grid-columnmenu-popup" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "sort-asc-small" }), "Sort Ascending"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "sort-desc-small" }), "Sort Descending")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-expander" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "grid-layout" }), "Include Fields", /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-expander-indicator", name: "arrow-chevron-up" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-content k-columns-item", style: { width: "100%", height: "auto", overflow: "hidden" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-column-list-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-column-list" }, /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "ID"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Name"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Category"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Account"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Number"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Type"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Employer"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Employee"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Company"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Products"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Number"), /* @__PURE__ */ import_react.default.createElement("label", { className: "k-column-list-item k-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null), "Type"))), /* @__PURE__ */ import_react.default.createElement(ActionButtons, { alignment: "stretched" }, /* @__PURE__ */ import_react.default.createElement(Button, null, "Reset"), /* @__PURE__ */ import_react.default.createElement(Button, { themeColor: "primary" }, "Apply")))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-expander" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "filter" }), "Filter Fields", /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-expander-indicator", name: "arrow-chevron-down" })))))))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-animation-container k-animation-container-shown" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-child-animation-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-column-menu k-popup k-grid-columnmenu-popup" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "sort-asc-small" }), "Sort Ascending"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "sort-desc-small" }), "Sort Descending")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-expander" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "grid-layout" }), "Include Fields", /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-expander-indicator", name: "arrow-chevron-up" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-content", style: { width: "100%", height: "auto", overflow: "hidden" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-column-list-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-column-list" }, /* @__PURE__ */ import_react.default.createElement(Treeview, null, /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Account" }), /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Customer" }), /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, expanded: true, text: "Date" }, /* @__PURE__ */ import_react.default.createElement(TreeviewGroup, null, /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Date.Calendar" }), /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, expanded: true, text: "Date.Calendar Quarter of Year" }, /* @__PURE__ */ import_react.default.createElement(TreeviewGroup, null, /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "(All)" }), /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Calendar Quarter of Year" }))))), /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Delivery date" }), /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Department" }), /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Country" }), /* @__PURE__ */ import_react.default.createElement(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Region" })))), /* @__PURE__ */ import_react.default.createElement(ActionButtons, { alignment: "stretched" }, /* @__PURE__ */ import_react.default.createElement(Button, null, "Reset"), /* @__PURE__ */ import_react.default.createElement(Button, { themeColor: "primary" }, "Apply")))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-expander" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "filter" }), "Filter Fields", /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-expander-indicator", name: "arrow-chevron-down" })))))))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-animation-container k-animation-container-shown" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-child-animation-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-column-menu k-popup k-grid-columnmenu-popup" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "sort-asc-small" }), "Sort Ascending"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "sort-desc-small" }), "Sort Descending")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-expander" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "grid-layout" }), "Include Fields", /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-expander-indicator", name: "arrow-chevron-down" })))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-expander" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "filter" }), "Filter Fields", /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-expander-indicator", name: "arrow-chevron-up" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-columnmenu-item-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-animation-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-child-animation-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "kendo-grid-filter-menu-container" }, /* @__PURE__ */ import_react.default.createElement("form", { className: "k-filter-menu k-group k-reset" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-filter-menu-container" }, /* @__PURE__ */ import_react.default.createElement(DropdownList, { value: "Contains" }), /* @__PURE__ */ import_react.default.createElement(Textbox, null), /* @__PURE__ */ import_react.default.createElement(DropdownList, { value: "And", className: "k-filter-and" }), /* @__PURE__ */ import_react.default.createElement(DropdownList, { value: "Contains" }), /* @__PURE__ */ import_react.default.createElement(Textbox, null), /* @__PURE__ */ import_react.default.createElement(ActionButtons, { alignment: "stretched" }, /* @__PURE__ */ import_react.default.createElement(Button, null, "Clear"), /* @__PURE__ */ import_react.default.createElement(Button, { themeColor: "primary" }, "Filter")))))))))))))))
|
|
843
843
|
);
|
|
844
844
|
})();
|
|
845
845
|
//# sourceMappingURL=pivotgrid-column-menus.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/pivotgrid/tests/pivotgrid-column-menus.tsx", "../../../src/action-buttons/action-buttons.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts", "../../../src/button/button.tsx", "../../../src/icon/icon.tsx", "../../../src/checkbox/checkbox.tsx", "../../../src/dropdownlist/dropdownlist.tsx", "../../../src/input/input.tsx", "../../../src/input/picker.tsx", "../../../src/input/input-clear-value.tsx", "../../../src/input/input-inner-input.tsx", "../../../src/input/input-inner-span.tsx", "../../../src/input/input-inner-textarea.tsx", "../../../src/input/input-loading-icon.tsx", "../../../src/input/input-validation-icon.tsx", "../../../src/input/input-prefix.tsx", "../../../src/input/input-suffix.tsx", "../../../src/textbox/textbox.tsx", "../../../src/treeview/treeview.tsx", "../../../src/treeview/treeview-group.tsx", "../../../src/treeview/treeview-item.tsx", "../../../src/treeview/treeview-leaf.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { ActionButtons } from '../../action-buttons';\nimport { Button } from '../../button';\nimport { Checkbox } from '../../checkbox';\nimport { DropdownList } from '../../dropdownlist';\nimport { Icon } from '../../icon';\nimport { Textbox } from '../../textbox';\nimport { Treeview, TreeviewGroup, TreeviewItem } from '../../treeview';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n .k-animation-container {\n position: relative;\n }\n`;\n\nroot.render(\n <>\n <style>{styles}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n <span>Start View</span>\n <span>Include Fields (list)</span>\n <span>Include Fields (tree)</span>\n <span>Filter Fields View</span>\n\n <section>\n <div className=\"k-animation-container k-animation-container-shown\">\n <div className=\"k-column-menu k-popup k-child-animation-container\">\n <div className=\"k-grid-columnmenu-popup\">\n <div>\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"sort-asc-small\" />Sort Ascending\n </div>\n <div className=\"k-columnmenu-item\">\n <Icon name=\"sort-desc-small\" />Sort Descending\n </div>\n </div>\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-widget k-expander\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"grid-layout\" />Include Fields\n <span className=\"k-spacer\"></span>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n </div>\n </div>\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-widget k-expander\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"filter\" />Filter Fields\n <span className=\"k-spacer\"></span>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section>\n\n <section>\n <div className=\"k-animation-container k-animation-container-shown\">\n <div className=\"k-column-menu k-popup k-child-animation-container\">\n <div className=\"k-grid-columnmenu-popup\">\n <div>\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"sort-asc-small\" />Sort Ascending\n </div>\n <div className=\"k-columnmenu-item\">\n <Icon name=\"sort-desc-small\" />Sort Descending\n </div>\n </div>\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-widget k-expander\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"grid-layout\" />Include Fields\n <span className=\"k-spacer\"></span>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n </div>\n </div>\n <div className=\"k-columnmenu-item-content k-columns-item\" style={{ width: '100%', height: 'auto', overflow: 'hidden' }}>\n <div className=\"k-column-list-wrapper\">\n <div className=\"k-column-list\">\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n ID\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Name\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Category\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Account\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Number\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Type\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Employer\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Employee\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Company\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Products\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Number\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Type\n </label>\n </div>\n </div>\n <ActionButtons alignment=\"stretched\">\n <Button>Reset</Button>\n <Button themeColor=\"primary\">Apply</Button>\n </ActionButtons>\n </div>\n </div>\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-widget k-expander\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"filter\" />Filter Fields\n <span className=\"k-spacer\"></span>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section>\n\n <section>\n <div className=\"k-animation-container k-animation-container-shown\">\n <div className=\"k-column-menu k-popup k-child-animation-container\">\n <div className=\"k-grid-columnmenu-popup\">\n <div>\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"sort-asc-small\" />Sort Ascending\n </div>\n <div className=\"k-columnmenu-item\">\n <Icon name=\"sort-desc-small\" />Sort Descending\n </div>\n </div>\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-widget k-expander\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"grid-layout\" />Include Fields\n <span className=\"k-spacer\"></span>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n </div>\n </div>\n <div className=\"k-columnmenu-item-content\" style={{ width: '100%', height: 'auto', overflow: 'hidden' }}>\n <div className=\"k-column-list-wrapper\">\n <div className=\"k-column-list\">\n <Treeview>\n <TreeviewItem showCheckbox hasChildren text=\"Account\" />\n <TreeviewItem showCheckbox hasChildren text=\"Customer\" />\n <TreeviewItem showCheckbox expanded text=\"Date\">\n <TreeviewGroup>\n <TreeviewItem showCheckbox hasChildren text=\"Date.Calendar\" />\n <TreeviewItem showCheckbox expanded text=\"Date.Calendar Quarter of Year\">\n <TreeviewGroup>\n <TreeviewItem showCheckbox hasChildren text=\"(All)\" />\n <TreeviewItem showCheckbox hasChildren text=\"Calendar Quarter of Year\" />\n </TreeviewGroup>\n </TreeviewItem>\n </TreeviewGroup>\n </TreeviewItem>\n <TreeviewItem showCheckbox hasChildren text=\"Delivery date\" />\n <TreeviewItem showCheckbox hasChildren text=\"Department\" />\n <TreeviewItem showCheckbox hasChildren text=\"Country\" />\n <TreeviewItem showCheckbox hasChildren text=\"Region\" />\n </Treeview>\n </div>\n </div>\n <ActionButtons alignment=\"stretched\">\n <Button>Reset</Button>\n <Button themeColor=\"primary\">Apply</Button>\n </ActionButtons>\n </div>\n </div>\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-widget k-expander\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"filter\" />Filter Fields\n <span className=\"k-spacer\"></span>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section>\n\n <section>\n <div className=\"k-animation-container k-animation-container-shown\">\n <div className=\"k-column-menu k-popup k-child-animation-container\">\n <div className=\"k-grid-columnmenu-popup\">\n <div>\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"sort-asc-small\" />Sort Ascending\n </div>\n <div className=\"k-columnmenu-item\">\n <Icon name=\"sort-desc-small\" />Sort Descending\n </div>\n </div>\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-widget k-expander\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"grid-layout\" />Include Fields\n <span className=\"k-spacer\"></span>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n </div>\n </div>\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-widget k-expander\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"filter\" />Filter Fields\n <span className=\"k-spacer\"></span>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n </div>\n </div>\n <div className=\"k-columnmenu-item-content\">\n <div className=\"k-animation-container\">\n <div className=\"k-child-animation-container\">\n <div className=\"kendo-grid-filter-menu-container\">\n <form className=\"k-filter-menu k-group k-reset\">\n <div className=\"k-filter-menu-container\">\n <DropdownList value=\"Contains\" />\n <Textbox />\n <DropdownList value=\"And\" className=\"k-filter-and\" />\n <DropdownList value=\"Contains\" />\n <Textbox />\n <ActionButtons alignment=\"stretched\">\n <Button>Clear</Button>\n <Button themeColor=\"primary\">Filter</Button>\n </ActionButtons>\n </div>\n </form>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section>\n\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { ButtonProps } from '../button';\nimport { classNames } from '../utils';\n\nexport interface ActionButtonsProps {\n children?: React.ReactElement<ButtonProps>|React.ReactElement<ButtonProps>[];\n className?: string;\n alignment?: 'start' | 'center' | 'end' | 'stretched';\n orientation?: 'horizontal' | 'vertical';\n}\n\nexport class ActionButtons extends React.Component<ActionButtonsProps> {\n\n static defaultProps = {\n alignment: 'start',\n orientation: 'horizontal'\n };\n\n render() {\n const {\n children,\n className,\n alignment,\n orientation,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-actions',\n {\n [`k-actions-${alignment}`]: alignment,\n [`k-actions-${orientation}`]: orientation\n },\n className\n )}>\n {children}\n </div>\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, 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", "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 { classNames } from '../utils';\nimport { Button } from '../button';\nimport {\n Picker,\n InputInnerSpan,\n InputLoadingIcon,\n InputPrefix,\n InputSuffix,\n InputValidationIcon\n} from '../input';\n\nexport interface DropdownListProps {\n className?: string;\n style?: React.CSSProperties,\n valueIconName?: string;\n arrowIconName?: string;\n prefix?: React.ReactNode;\n suffix?: React.ReactNode;\n value?: string;\n placeholder?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n showValue?: boolean;\n}\n\nexport class DropdownList extends React.Component<DropdownListProps> {\n\n static defaultProps = {\n showValue: true,\n arrowIconName: 'arrow-s'\n };\n\n render() {\n const {\n className,\n style,\n valueIconName,\n arrowIconName,\n prefix,\n suffix,\n value,\n placeholder,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled,\n showValue\n } = this.props;\n\n return (\n <Picker\n style={style}\n size={size}\n rounded={rounded}\n fillMode={fillMode}\n hover={hover}\n focus={focus}\n valid={valid}\n invalid={invalid}\n required={required}\n loading={loading}\n disabled={disabled}\n className={classNames(\n className,\n 'k-dropdown',\n {\n 'k-icon-picker': !showValue && valueIconName\n }\n )}\n >\n <InputPrefix>{prefix}</InputPrefix>\n <InputInnerSpan\n placeholder={placeholder}\n value={value}\n showValue={showValue}\n valueIconName={valueIconName}\n />\n <InputSuffix>{suffix}</InputSuffix>\n <InputValidationIcon {...this.props} />\n <InputLoadingIcon {...this.props} />\n <Button\n className=\"k-input-button\"\n icon={arrowIconName}\n rounded={null}\n size={this.props.size}\n fillMode={this.props.fillMode}\n />\n </Picker>\n );\n\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface InputProps {\n children?: React.ReactNode;\n className?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean;\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class Input extends React.Component<InputProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid'\n };\n\n render() {\n const {\n className,\n children,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled,\n } = this.props;\n\n return (\n <span\n className={classNames(\n className,\n 'k-input',\n {\n [`k-input-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-input-${fillMode}`]: fillMode,\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-valid': valid,\n 'k-invalid': invalid,\n 'k-required': required,\n 'k-disabled': disabled,\n 'k-loading': loading\n }\n )}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface PickerProps {\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n size: null | 'small' | 'medium' | 'large';\n rounded: null | 'small' | 'medium' | 'large' | 'full';\n fillMode: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean;\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class Picker extends React.Component<PickerProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid'\n };\n\n render() {\n const {\n children,\n className,\n style,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled\n } = this.props;\n\n return (\n <span\n className={classNames(\n className,\n 'k-picker',\n {\n [`k-picker-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-picker-${fillMode}`]: fillMode,\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-valid': valid,\n 'k-invalid': invalid,\n 'k-required': required,\n 'k-disabled': disabled,\n 'k-loading': loading\n }\n )}\n style={style}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputClearValueProps {\n className?: string;\n value?: string;\n readonly?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class InputClearValue extends React.Component<InputClearValueProps> {\n\n render() {\n const {\n readonly,\n loading,\n disabled,\n value\n } = this.props;\n\n if (disabled || readonly || loading || !value ) {\n return <></>;\n }\n\n return (\n <span className=\"k-clear-value\">\n <Icon name=\"x\" />\n </span>\n );\n }\n}\n", "import * as React from 'react';\n\nexport interface InputInnerInputProps {\n className?: string;\n value?: string;\n type?: string;\n placeholder?: string;\n autocomplete?: string;\n}\n\nexport class InputInnerInput extends React.Component<InputInnerInputProps> {\n\n static defaultProps = {\n type: 'text',\n autocomplete: 'off',\n value: '',\n placeholder: ''\n };\n\n render() {\n const {\n type,\n value,\n placeholder,\n autocomplete\n } = this.props;\n\n return (\n <input\n type={type}\n className=\"k-input-inner\"\n placeholder={placeholder}\n autoComplete={autocomplete}\n defaultValue={value} />\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputInnerSpanProps {\n value?: string;\n placeholder?: string;\n showValue?: boolean;\n valueIcon?: React.ReactNode;\n valueIconName?: string;\n}\n\nexport class InputInnerSpan extends React.Component<InputInnerSpanProps> {\n\n render() {\n const {\n value,\n placeholder,\n valueIcon,\n showValue,\n valueIconName\n } = this.props;\n\n return (\n <span className=\"k-input-inner\">\n {valueIcon}\n {!valueIcon && valueIconName && <Icon className=\"k-input-value-icon\" name={valueIconName} />}\n {showValue && !value && placeholder}\n {showValue && value && <span className=\"k-input-value-text\">{value}</span>}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputInnerTextareaProps {\n className?: string;\n value?: string;\n placeholder?: string;\n rows?: number;\n}\n\nexport class InputInnerTextarea extends React.Component<InputInnerTextareaProps> {\n\n static defaultProps = {\n value: '',\n placeholder: ''\n };\n\n render() {\n const {\n value,\n className,\n placeholder,\n rows\n } = this.props;\n\n return (\n <textarea\n className={classNames( 'k-input-inner', className )}\n placeholder={placeholder}\n rows={rows}>\n {value}\n </textarea>\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputLoadingIconProps {\n className?: string;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class InputLoadingIcon extends React.Component<InputLoadingIconProps> {\n\n render() {\n const {\n loading,\n disabled\n } = this.props;\n\n if (disabled || !loading) {\n return <></>;\n }\n\n return (\n <Icon className=\"k-input-loading-icon\" name=\"loading\" />\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputValidationIconProps {\n className?: string;\n valid?: boolean;\n invalid?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class InputValidationIcon extends React.Component<InputValidationIconProps> {\n\n render() {\n const {\n valid,\n invalid,\n loading,\n disabled\n } = this.props;\n\n const iconName = invalid ? 'warning' : 'check';\n const renderValidationIcon = Boolean( valid || invalid );\n\n if (disabled || loading || !renderValidationIcon) {\n return <></>;\n }\n\n return (\n <Icon className=\"k-input-validation-icon\" name={iconName} />\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputPrefixProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class InputPrefix extends React.Component<InputPrefixProps> {\n\n render() {\n const {\n className,\n children,\n } = this.props;\n\n if (!children) {\n return <></>;\n }\n\n return (\n <span\n className={classNames(\n className,\n 'k-input-prefix'\n )}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputSuffixProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class InputSuffix extends React.Component<InputSuffixProps> {\n\n render() {\n const {\n className,\n children\n } = this.props;\n\n if (!children) {\n return <></>;\n }\n\n return (\n <span\n className={classNames(\n className,\n 'k-input-suffix'\n )}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport {\n Input,\n InputPrefix,\n InputSuffix,\n InputInnerInput,\n InputClearValue,\n InputLoadingIcon,\n InputValidationIcon\n} from '../input';\n\nexport interface TextboxProps {\n className?: string;\n prefix?: React.ReactNode;\n suffix?: React.ReactNode;\n type?: string;\n value?: string;\n placeholder?: string;\n autocomplete?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n showClearButton?: boolean;\n}\n\nexport class Textbox extends React.Component<TextboxProps> {\n\n static defaultProps = {\n showClearButton: true\n };\n\n render() {\n const {\n className,\n prefix,\n suffix,\n value,\n placeholder,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled,\n showClearButton\n } = this.props;\n\n return (\n <Input\n size={size}\n rounded={rounded}\n fillMode={fillMode}\n hover={hover}\n focus={focus}\n valid={valid}\n invalid={invalid}\n required={required}\n loading={loading}\n disabled={disabled}\n className={classNames(className, 'k-textbox')}\n >\n <InputPrefix>{prefix}</InputPrefix>\n <InputInnerInput placeholder={placeholder} value={value} />\n <InputSuffix>{suffix}</InputSuffix>\n <InputValidationIcon {...this.props} />\n <InputLoadingIcon {...this.props} />\n { showClearButton && <InputClearValue {...this.props} /> }\n </Input>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { TreeviewGroup } from './treeview-group';\nimport { TreeviewItemProps } from './treeview-item';\n\nexport interface TreeviewProps {\n className?: string;\n children?: React.ReactElement<TreeviewItemProps> | React.ReactElement<TreeviewItemProps>[];\n size?: null | 'small' | 'medium' | 'large';\n}\n\nexport class Treeview extends React.Component<TreeviewProps> {\n\n static defaultProps = {\n size: 'medium'\n };\n\n render() {\n const {\n className,\n size,\n children\n } = this.props;\n\n return (\n <div\n className={classNames(\n className,\n 'k-treeview',\n {\n [`k-treeview-${kendoThemeMaps.sizeMap[size!] || size}`]: size\n }\n )}\n >\n <TreeviewGroup className=\"k-treeview-lines\">\n {children}\n </TreeviewGroup>\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { TreeviewItemProps } from './treeview-item';\n\nexport interface TreeviewGroupProps {\n className?: string;\n children?: React.ReactElement<TreeviewItemProps> | React.ReactElement<TreeviewItemProps>[];\n}\n\nexport class TreeviewGroup extends React.Component<TreeviewGroupProps> {\n\n render() {\n const {\n className,\n children\n } = this.props;\n\n return (\n <ul className={classNames(className, 'k-treeview-group')}>\n {children}\n </ul>\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\nimport { Checkbox } from '../checkbox';\nimport { classNames } from '../utils';\nimport { TreeViewLeaf } from './treeview-leaf';\n\nexport interface TreeviewItemProps {\n className?: string;\n leafClassName?: string;\n children?: any;\n hasChildren?: boolean;\n expanded?: boolean;\n text?: string;\n showIcon?: boolean;\n icon?: string;\n showCheckbox?: boolean;\n checked?: boolean;\n hover?: boolean;\n focus?: boolean;\n selected?: boolean;\n disabled?: boolean;\n}\n\nexport class TreeviewItem extends React.Component<TreeviewItemProps> {\n\n render() {\n const {\n className,\n leafClassName,\n children,\n hasChildren,\n expanded,\n text,\n showIcon,\n icon,\n showCheckbox,\n checked,\n hover,\n focus,\n selected,\n disabled\n } = this.props;\n\n const _hasChildren = hasChildren || children;\n\n return (\n <li\n className={classNames(\n className,\n 'k-treeview-item'\n )}\n >\n <span className=\"k-treeview-mid\">\n {_hasChildren && (\n <span\n className={classNames(\n \"k-treeview-toggle\",\n {\n 'k-disabled': disabled\n }\n )}>\n <Icon name={expanded ? 'collapse' : 'expand'} />\n </span>\n )}\n {showCheckbox && (\n <Checkbox checked={checked} disabled={disabled} />\n )}\n <TreeViewLeaf\n className={classNames(\n leafClassName,\n {\n 'k-disabled': disabled\n }\n )}\n text={text}\n showIcon={showIcon}\n icon={icon}\n hover={hover}\n focus={focus}\n selected={selected}\n />\n </span>\n {expanded && _hasChildren && (\n <>\n {children}\n </>\n )}\n </li>\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\nimport { classNames } from '../utils';\n\nexport interface TreeViewLeafProps {\n className?: string;\n text?: string;\n showIcon?: boolean;\n icon?: string;\n hover?: boolean;\n focus?: boolean;\n selected?: boolean;\n}\n\nexport class TreeViewLeaf extends React.Component<TreeViewLeafProps> {\n\n render() {\n const {\n className,\n text,\n showIcon,\n icon,\n hover,\n focus,\n selected\n } = this.props;\n\n return (\n <span\n className={classNames(\n className,\n 'k-treeview-leaf',\n {\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-selected': selected\n }\n )}\n >\n {showIcon && <Icon name={icon} />}\n <span className=\"k-treeview-leaf-text\">\n {text}\n </span>\n </span>\n );\n }\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { ActionButtons } from '../../action-buttons';\nimport { Button } from '../../button';\nimport { Checkbox } from '../../checkbox';\nimport { DropdownList } from '../../dropdownlist';\nimport { Icon } from '../../icon';\nimport { Textbox } from '../../textbox';\nimport { Treeview, TreeviewGroup, TreeviewItem } from '../../treeview';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n .k-animation-container {\n position: relative;\n }\n`;\n\nroot.render(\n <>\n <style>{styles}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n <span>Start View</span>\n <span>Include Fields (list)</span>\n <span>Include Fields (tree)</span>\n <span>Filter Fields View</span>\n\n <section>\n <div className=\"k-animation-container k-animation-container-shown\">\n <div className=\"k-child-animation-container\">\n <div className=\"k-column-menu k-popup k-grid-columnmenu-popup\">\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"sort-asc-small\" />Sort Ascending\n </div>\n <div className=\"k-columnmenu-item\">\n <Icon name=\"sort-desc-small\" />Sort Descending\n </div>\n </div>\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-widget k-expander\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"grid-layout\" />Include Fields\n <span className=\"k-spacer\"></span>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n </div>\n </div>\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-widget k-expander\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"filter\" />Filter Fields\n <span className=\"k-spacer\"></span>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section>\n\n <section>\n <div className=\"k-animation-container k-animation-container-shown\">\n <div className=\"k-child-animation-container\">\n <div className=\"k-column-menu k-popup k-grid-columnmenu-popup\">\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"sort-asc-small\" />Sort Ascending\n </div>\n <div className=\"k-columnmenu-item\">\n <Icon name=\"sort-desc-small\" />Sort Descending\n </div>\n </div>\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-widget k-expander\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"grid-layout\" />Include Fields\n <span className=\"k-spacer\"></span>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n </div>\n </div>\n <div className=\"k-columnmenu-item-content k-columns-item\" style={{ width: '100%', height: 'auto', overflow: 'hidden' }}>\n <div className=\"k-column-list-wrapper\">\n <div className=\"k-column-list\">\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n ID\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Name\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Category\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Account\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Number\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Type\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Employer\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Employee\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Company\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Products\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Number\n </label>\n <label className=\"k-column-list-item k-checkbox-label\">\n <Checkbox />\n Type\n </label>\n </div>\n </div>\n <ActionButtons alignment=\"stretched\">\n <Button>Reset</Button>\n <Button themeColor=\"primary\">Apply</Button>\n </ActionButtons>\n </div>\n </div>\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-widget k-expander\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"filter\" />Filter Fields\n <span className=\"k-spacer\"></span>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section>\n\n <section>\n <div className=\"k-animation-container k-animation-container-shown\">\n <div className=\"k-child-animation-container\">\n <div className=\"k-column-menu k-popup k-grid-columnmenu-popup\">\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"sort-asc-small\" />Sort Ascending\n </div>\n <div className=\"k-columnmenu-item\">\n <Icon name=\"sort-desc-small\" />Sort Descending\n </div>\n </div>\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-widget k-expander\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"grid-layout\" />Include Fields\n <span className=\"k-spacer\"></span>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n </div>\n </div>\n <div className=\"k-columnmenu-item-content\" style={{ width: '100%', height: 'auto', overflow: 'hidden' }}>\n <div className=\"k-column-list-wrapper\">\n <div className=\"k-column-list\">\n <Treeview>\n <TreeviewItem showCheckbox hasChildren text=\"Account\" />\n <TreeviewItem showCheckbox hasChildren text=\"Customer\" />\n <TreeviewItem showCheckbox expanded text=\"Date\">\n <TreeviewGroup>\n <TreeviewItem showCheckbox hasChildren text=\"Date.Calendar\" />\n <TreeviewItem showCheckbox expanded text=\"Date.Calendar Quarter of Year\">\n <TreeviewGroup>\n <TreeviewItem showCheckbox hasChildren text=\"(All)\" />\n <TreeviewItem showCheckbox hasChildren text=\"Calendar Quarter of Year\" />\n </TreeviewGroup>\n </TreeviewItem>\n </TreeviewGroup>\n </TreeviewItem>\n <TreeviewItem showCheckbox hasChildren text=\"Delivery date\" />\n <TreeviewItem showCheckbox hasChildren text=\"Department\" />\n <TreeviewItem showCheckbox hasChildren text=\"Country\" />\n <TreeviewItem showCheckbox hasChildren text=\"Region\" />\n </Treeview>\n </div>\n </div>\n <ActionButtons alignment=\"stretched\">\n <Button>Reset</Button>\n <Button themeColor=\"primary\">Apply</Button>\n </ActionButtons>\n </div>\n </div>\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-widget k-expander\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"filter\" />Filter Fields\n <span className=\"k-spacer\"></span>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section>\n\n <section>\n <div className=\"k-animation-container k-animation-container-shown\">\n <div className=\"k-child-animation-container\">\n <div className=\"k-column-menu k-popup k-grid-columnmenu-popup\">\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"sort-asc-small\" />Sort Ascending\n </div>\n <div className=\"k-columnmenu-item\">\n <Icon name=\"sort-desc-small\" />Sort Descending\n </div>\n </div>\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-widget k-expander\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"grid-layout\" />Include Fields\n <span className=\"k-spacer\"></span>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n </div>\n </div>\n <div className=\"k-columnmenu-item-wrapper\">\n <div className=\"k-widget k-expander\">\n <div className=\"k-columnmenu-item\">\n <Icon name=\"filter\" />Filter Fields\n <span className=\"k-spacer\"></span>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n </div>\n </div>\n <div className=\"k-columnmenu-item-content\">\n <div className=\"k-animation-container\">\n <div className=\"k-child-animation-container\">\n <div className=\"kendo-grid-filter-menu-container\">\n <form className=\"k-filter-menu k-group k-reset\">\n <div className=\"k-filter-menu-container\">\n <DropdownList value=\"Contains\" />\n <Textbox />\n <DropdownList value=\"And\" className=\"k-filter-and\" />\n <DropdownList value=\"Contains\" />\n <Textbox />\n <ActionButtons alignment=\"stretched\">\n <Button>Clear</Button>\n <Button themeColor=\"primary\">Filter</Button>\n </ActionButtons>\n </div>\n </form>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section>\n\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { ButtonProps } from '../button';\nimport { classNames } from '../utils';\n\nexport interface ActionButtonsProps {\n children?: React.ReactElement<ButtonProps>|React.ReactElement<ButtonProps>[];\n className?: string;\n alignment?: 'start' | 'center' | 'end' | 'stretched';\n orientation?: 'horizontal' | 'vertical';\n}\n\nexport class ActionButtons extends React.Component<ActionButtonsProps> {\n\n static defaultProps = {\n alignment: 'start',\n orientation: 'horizontal'\n };\n\n render() {\n const {\n children,\n className,\n alignment,\n orientation,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-actions',\n {\n [`k-actions-${alignment}`]: alignment,\n [`k-actions-${orientation}`]: orientation\n },\n className\n )}>\n {children}\n </div>\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, 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", "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 { classNames } from '../utils';\nimport { Button } from '../button';\nimport {\n Picker,\n InputInnerSpan,\n InputLoadingIcon,\n InputPrefix,\n InputSuffix,\n InputValidationIcon\n} from '../input';\n\nexport interface DropdownListProps {\n className?: string;\n style?: React.CSSProperties,\n valueIconName?: string;\n arrowIconName?: string;\n prefix?: React.ReactNode;\n suffix?: React.ReactNode;\n value?: string;\n placeholder?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n showValue?: boolean;\n}\n\nexport class DropdownList extends React.Component<DropdownListProps> {\n\n static defaultProps = {\n showValue: true,\n arrowIconName: 'arrow-s'\n };\n\n render() {\n const {\n className,\n style,\n valueIconName,\n arrowIconName,\n prefix,\n suffix,\n value,\n placeholder,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled,\n showValue\n } = this.props;\n\n return (\n <Picker\n style={style}\n size={size}\n rounded={rounded}\n fillMode={fillMode}\n hover={hover}\n focus={focus}\n valid={valid}\n invalid={invalid}\n required={required}\n loading={loading}\n disabled={disabled}\n className={classNames(\n className,\n 'k-dropdown',\n {\n 'k-icon-picker': !showValue && valueIconName\n }\n )}\n >\n <InputPrefix>{prefix}</InputPrefix>\n <InputInnerSpan\n placeholder={placeholder}\n value={value}\n showValue={showValue}\n valueIconName={valueIconName}\n />\n <InputSuffix>{suffix}</InputSuffix>\n <InputValidationIcon {...this.props} />\n <InputLoadingIcon {...this.props} />\n <Button\n className=\"k-input-button\"\n icon={arrowIconName}\n rounded={null}\n size={this.props.size}\n fillMode={this.props.fillMode}\n />\n </Picker>\n );\n\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface InputProps {\n children?: React.ReactNode;\n className?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean;\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class Input extends React.Component<InputProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid'\n };\n\n render() {\n const {\n className,\n children,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled,\n } = this.props;\n\n return (\n <span\n className={classNames(\n className,\n 'k-input',\n {\n [`k-input-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-input-${fillMode}`]: fillMode,\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-valid': valid,\n 'k-invalid': invalid,\n 'k-required': required,\n 'k-disabled': disabled,\n 'k-loading': loading\n }\n )}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface PickerProps {\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n size: null | 'small' | 'medium' | 'large';\n rounded: null | 'small' | 'medium' | 'large' | 'full';\n fillMode: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean;\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class Picker extends React.Component<PickerProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid'\n };\n\n render() {\n const {\n children,\n className,\n style,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled\n } = this.props;\n\n return (\n <span\n className={classNames(\n className,\n 'k-picker',\n {\n [`k-picker-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-picker-${fillMode}`]: fillMode,\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-valid': valid,\n 'k-invalid': invalid,\n 'k-required': required,\n 'k-disabled': disabled,\n 'k-loading': loading\n }\n )}\n style={style}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputClearValueProps {\n className?: string;\n value?: string;\n readonly?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class InputClearValue extends React.Component<InputClearValueProps> {\n\n render() {\n const {\n readonly,\n loading,\n disabled,\n value\n } = this.props;\n\n if (disabled || readonly || loading || !value ) {\n return <></>;\n }\n\n return (\n <span className=\"k-clear-value\">\n <Icon name=\"x\" />\n </span>\n );\n }\n}\n", "import * as React from 'react';\n\nexport interface InputInnerInputProps {\n className?: string;\n value?: string;\n type?: string;\n placeholder?: string;\n autocomplete?: string;\n}\n\nexport class InputInnerInput extends React.Component<InputInnerInputProps> {\n\n static defaultProps = {\n type: 'text',\n autocomplete: 'off',\n value: '',\n placeholder: ''\n };\n\n render() {\n const {\n type,\n value,\n placeholder,\n autocomplete\n } = this.props;\n\n return (\n <input\n type={type}\n className=\"k-input-inner\"\n placeholder={placeholder}\n autoComplete={autocomplete}\n defaultValue={value} />\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputInnerSpanProps {\n value?: string;\n placeholder?: string;\n showValue?: boolean;\n valueIcon?: React.ReactNode;\n valueIconName?: string;\n}\n\nexport class InputInnerSpan extends React.Component<InputInnerSpanProps> {\n\n render() {\n const {\n value,\n placeholder,\n valueIcon,\n showValue,\n valueIconName\n } = this.props;\n\n return (\n <span className=\"k-input-inner\">\n {valueIcon}\n {!valueIcon && valueIconName && <Icon className=\"k-input-value-icon\" name={valueIconName} />}\n {showValue && !value && placeholder}\n {showValue && value && <span className=\"k-input-value-text\">{value}</span>}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputInnerTextareaProps {\n className?: string;\n value?: string;\n placeholder?: string;\n rows?: number;\n}\n\nexport class InputInnerTextarea extends React.Component<InputInnerTextareaProps> {\n\n static defaultProps = {\n value: '',\n placeholder: ''\n };\n\n render() {\n const {\n value,\n className,\n placeholder,\n rows\n } = this.props;\n\n return (\n <textarea\n className={classNames( 'k-input-inner', className )}\n placeholder={placeholder}\n rows={rows}>\n {value}\n </textarea>\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputLoadingIconProps {\n className?: string;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class InputLoadingIcon extends React.Component<InputLoadingIconProps> {\n\n render() {\n const {\n loading,\n disabled\n } = this.props;\n\n if (disabled || !loading) {\n return <></>;\n }\n\n return (\n <Icon className=\"k-input-loading-icon\" name=\"loading\" />\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputValidationIconProps {\n className?: string;\n valid?: boolean;\n invalid?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class InputValidationIcon extends React.Component<InputValidationIconProps> {\n\n render() {\n const {\n valid,\n invalid,\n loading,\n disabled\n } = this.props;\n\n const iconName = invalid ? 'warning' : 'check';\n const renderValidationIcon = Boolean( valid || invalid );\n\n if (disabled || loading || !renderValidationIcon) {\n return <></>;\n }\n\n return (\n <Icon className=\"k-input-validation-icon\" name={iconName} />\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputPrefixProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class InputPrefix extends React.Component<InputPrefixProps> {\n\n render() {\n const {\n className,\n children,\n } = this.props;\n\n if (!children) {\n return <></>;\n }\n\n return (\n <span\n className={classNames(\n className,\n 'k-input-prefix'\n )}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputSuffixProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class InputSuffix extends React.Component<InputSuffixProps> {\n\n render() {\n const {\n className,\n children\n } = this.props;\n\n if (!children) {\n return <></>;\n }\n\n return (\n <span\n className={classNames(\n className,\n 'k-input-suffix'\n )}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport {\n Input,\n InputPrefix,\n InputSuffix,\n InputInnerInput,\n InputClearValue,\n InputLoadingIcon,\n InputValidationIcon\n} from '../input';\n\nexport interface TextboxProps {\n className?: string;\n prefix?: React.ReactNode;\n suffix?: React.ReactNode;\n type?: string;\n value?: string;\n placeholder?: string;\n autocomplete?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n showClearButton?: boolean;\n}\n\nexport class Textbox extends React.Component<TextboxProps> {\n\n static defaultProps = {\n showClearButton: true\n };\n\n render() {\n const {\n className,\n prefix,\n suffix,\n value,\n placeholder,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled,\n showClearButton\n } = this.props;\n\n return (\n <Input\n size={size}\n rounded={rounded}\n fillMode={fillMode}\n hover={hover}\n focus={focus}\n valid={valid}\n invalid={invalid}\n required={required}\n loading={loading}\n disabled={disabled}\n className={classNames(className, 'k-textbox')}\n >\n <InputPrefix>{prefix}</InputPrefix>\n <InputInnerInput placeholder={placeholder} value={value} />\n <InputSuffix>{suffix}</InputSuffix>\n <InputValidationIcon {...this.props} />\n <InputLoadingIcon {...this.props} />\n { showClearButton && <InputClearValue {...this.props} /> }\n </Input>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { TreeviewGroup } from './treeview-group';\nimport { TreeviewItemProps } from './treeview-item';\n\nexport interface TreeviewProps {\n className?: string;\n children?: React.ReactElement<TreeviewItemProps> | React.ReactElement<TreeviewItemProps>[];\n size?: null | 'small' | 'medium' | 'large';\n}\n\nexport class Treeview extends React.Component<TreeviewProps> {\n\n static defaultProps = {\n size: 'medium'\n };\n\n render() {\n const {\n className,\n size,\n children\n } = this.props;\n\n return (\n <div\n className={classNames(\n className,\n 'k-treeview',\n {\n [`k-treeview-${kendoThemeMaps.sizeMap[size!] || size}`]: size\n }\n )}\n >\n <TreeviewGroup className=\"k-treeview-lines\">\n {children}\n </TreeviewGroup>\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { TreeviewItemProps } from './treeview-item';\n\nexport interface TreeviewGroupProps {\n className?: string;\n children?: React.ReactElement<TreeviewItemProps> | React.ReactElement<TreeviewItemProps>[];\n}\n\nexport class TreeviewGroup extends React.Component<TreeviewGroupProps> {\n\n render() {\n const {\n className,\n children\n } = this.props;\n\n return (\n <ul className={classNames(className, 'k-treeview-group')}>\n {children}\n </ul>\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\nimport { Checkbox } from '../checkbox';\nimport { classNames } from '../utils';\nimport { TreeViewLeaf } from './treeview-leaf';\n\nexport interface TreeviewItemProps {\n className?: string;\n leafClassName?: string;\n children?: any;\n hasChildren?: boolean;\n expanded?: boolean;\n text?: string;\n showIcon?: boolean;\n icon?: string;\n showCheckbox?: boolean;\n checked?: boolean;\n hover?: boolean;\n focus?: boolean;\n selected?: boolean;\n disabled?: boolean;\n}\n\nexport class TreeviewItem extends React.Component<TreeviewItemProps> {\n\n render() {\n const {\n className,\n leafClassName,\n children,\n hasChildren,\n expanded,\n text,\n showIcon,\n icon,\n showCheckbox,\n checked,\n hover,\n focus,\n selected,\n disabled\n } = this.props;\n\n const _hasChildren = hasChildren || children;\n\n return (\n <li\n className={classNames(\n className,\n 'k-treeview-item'\n )}\n >\n <span className=\"k-treeview-mid\">\n {_hasChildren && (\n <span\n className={classNames(\n \"k-treeview-toggle\",\n {\n 'k-disabled': disabled\n }\n )}>\n <Icon name={expanded ? 'collapse' : 'expand'} />\n </span>\n )}\n {showCheckbox && (\n <Checkbox checked={checked} disabled={disabled} />\n )}\n <TreeViewLeaf\n className={classNames(\n leafClassName,\n {\n 'k-disabled': disabled\n }\n )}\n text={text}\n showIcon={showIcon}\n icon={icon}\n hover={hover}\n focus={focus}\n selected={selected}\n />\n </span>\n {expanded && _hasChildren && (\n <>\n {children}\n </>\n )}\n </li>\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\nimport { classNames } from '../utils';\n\nexport interface TreeViewLeafProps {\n className?: string;\n text?: string;\n showIcon?: boolean;\n icon?: string;\n hover?: boolean;\n focus?: boolean;\n selected?: boolean;\n}\n\nexport class TreeViewLeaf extends React.Component<TreeViewLeafProps> {\n\n render() {\n const {\n className,\n text,\n showIcon,\n icon,\n hover,\n focus,\n selected\n } = this.props;\n\n return (\n <span\n className={classNames(\n className,\n 'k-treeview-leaf',\n {\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-selected': selected\n }\n )}\n >\n {showIcon && <Icon name={icon} />}\n <span className=\"k-treeview-leaf-text\">\n {text}\n </span>\n </span>\n );\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "ReactDOM", "React"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-themes-html",
|
|
3
3
|
"description": "A collection of HTML helpers used for developing Kendo UI themes",
|
|
4
|
-
"version": "6.1.1-dev.
|
|
4
|
+
"version": "6.1.1-dev.4",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
"devDependencies": {
|
|
44
44
|
"@types/react": "^18.0.2"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "7ebd1ea8443604e84851d505d81be33088fa0057"
|
|
47
47
|
}
|
|
@@ -30,33 +30,31 @@ root.render(
|
|
|
30
30
|
|
|
31
31
|
<section>
|
|
32
32
|
<div className="k-animation-container k-animation-container-shown">
|
|
33
|
-
<div className="k-
|
|
34
|
-
<div className="k-grid-columnmenu-popup">
|
|
35
|
-
<div>
|
|
36
|
-
<div className="k-columnmenu-item
|
|
37
|
-
<
|
|
38
|
-
<Icon name="sort-asc-small" />Sort Ascending
|
|
39
|
-
</div>
|
|
40
|
-
<div className="k-columnmenu-item">
|
|
41
|
-
<Icon name="sort-desc-small" />Sort Descending
|
|
42
|
-
</div>
|
|
33
|
+
<div className="k-child-animation-container">
|
|
34
|
+
<div className="k-column-menu k-popup k-grid-columnmenu-popup">
|
|
35
|
+
<div className="k-columnmenu-item-wrapper">
|
|
36
|
+
<div className="k-columnmenu-item">
|
|
37
|
+
<Icon name="sort-asc-small" />Sort Ascending
|
|
43
38
|
</div>
|
|
44
|
-
<div className="k-columnmenu-item
|
|
45
|
-
<
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
39
|
+
<div className="k-columnmenu-item">
|
|
40
|
+
<Icon name="sort-desc-small" />Sort Descending
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
<div className="k-columnmenu-item-wrapper">
|
|
44
|
+
<div className="k-widget k-expander">
|
|
45
|
+
<div className="k-columnmenu-item">
|
|
46
|
+
<Icon name="grid-layout" />Include Fields
|
|
47
|
+
<span className="k-spacer"></span>
|
|
48
|
+
<Icon className="k-expander-indicator" name="arrow-chevron-down" />
|
|
51
49
|
</div>
|
|
52
50
|
</div>
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
51
|
+
</div>
|
|
52
|
+
<div className="k-columnmenu-item-wrapper">
|
|
53
|
+
<div className="k-widget k-expander">
|
|
54
|
+
<div className="k-columnmenu-item">
|
|
55
|
+
<Icon name="filter" />Filter Fields
|
|
56
|
+
<span className="k-spacer"></span>
|
|
57
|
+
<Icon className="k-expander-indicator" name="arrow-chevron-down" />
|
|
60
58
|
</div>
|
|
61
59
|
</div>
|
|
62
60
|
</div>
|
|
@@ -67,91 +65,89 @@ root.render(
|
|
|
67
65
|
|
|
68
66
|
<section>
|
|
69
67
|
<div className="k-animation-container k-animation-container-shown">
|
|
70
|
-
<div className="k-
|
|
71
|
-
<div className="k-grid-columnmenu-popup">
|
|
72
|
-
<div>
|
|
73
|
-
<div className="k-columnmenu-item
|
|
74
|
-
<
|
|
75
|
-
|
|
76
|
-
|
|
68
|
+
<div className="k-child-animation-container">
|
|
69
|
+
<div className="k-column-menu k-popup k-grid-columnmenu-popup">
|
|
70
|
+
<div className="k-columnmenu-item-wrapper">
|
|
71
|
+
<div className="k-columnmenu-item">
|
|
72
|
+
<Icon name="sort-asc-small" />Sort Ascending
|
|
73
|
+
</div>
|
|
74
|
+
<div className="k-columnmenu-item">
|
|
75
|
+
<Icon name="sort-desc-small" />Sort Descending
|
|
76
|
+
</div>
|
|
77
|
+
</div>
|
|
78
|
+
<div className="k-columnmenu-item-wrapper">
|
|
79
|
+
<div className="k-widget k-expander">
|
|
77
80
|
<div className="k-columnmenu-item">
|
|
78
|
-
<Icon name="
|
|
81
|
+
<Icon name="grid-layout" />Include Fields
|
|
82
|
+
<span className="k-spacer"></span>
|
|
83
|
+
<Icon className="k-expander-indicator" name="arrow-chevron-up" />
|
|
79
84
|
</div>
|
|
80
85
|
</div>
|
|
81
|
-
<div className="k-columnmenu-item-
|
|
82
|
-
<div className="k-
|
|
83
|
-
<div className="k-
|
|
84
|
-
<
|
|
85
|
-
|
|
86
|
-
|
|
86
|
+
<div className="k-columnmenu-item-content k-columns-item" style={{ width: '100%', height: 'auto', overflow: 'hidden' }}>
|
|
87
|
+
<div className="k-column-list-wrapper">
|
|
88
|
+
<div className="k-column-list">
|
|
89
|
+
<label className="k-column-list-item k-checkbox-label">
|
|
90
|
+
<Checkbox />
|
|
91
|
+
ID
|
|
92
|
+
</label>
|
|
93
|
+
<label className="k-column-list-item k-checkbox-label">
|
|
94
|
+
<Checkbox />
|
|
95
|
+
Name
|
|
96
|
+
</label>
|
|
97
|
+
<label className="k-column-list-item k-checkbox-label">
|
|
98
|
+
<Checkbox />
|
|
99
|
+
Category
|
|
100
|
+
</label>
|
|
101
|
+
<label className="k-column-list-item k-checkbox-label">
|
|
102
|
+
<Checkbox />
|
|
103
|
+
Account
|
|
104
|
+
</label>
|
|
105
|
+
<label className="k-column-list-item k-checkbox-label">
|
|
106
|
+
<Checkbox />
|
|
107
|
+
Number
|
|
108
|
+
</label>
|
|
109
|
+
<label className="k-column-list-item k-checkbox-label">
|
|
110
|
+
<Checkbox />
|
|
111
|
+
Type
|
|
112
|
+
</label>
|
|
113
|
+
<label className="k-column-list-item k-checkbox-label">
|
|
114
|
+
<Checkbox />
|
|
115
|
+
Employer
|
|
116
|
+
</label>
|
|
117
|
+
<label className="k-column-list-item k-checkbox-label">
|
|
118
|
+
<Checkbox />
|
|
119
|
+
Employee
|
|
120
|
+
</label>
|
|
121
|
+
<label className="k-column-list-item k-checkbox-label">
|
|
122
|
+
<Checkbox />
|
|
123
|
+
Company
|
|
124
|
+
</label>
|
|
125
|
+
<label className="k-column-list-item k-checkbox-label">
|
|
126
|
+
<Checkbox />
|
|
127
|
+
Products
|
|
128
|
+
</label>
|
|
129
|
+
<label className="k-column-list-item k-checkbox-label">
|
|
130
|
+
<Checkbox />
|
|
131
|
+
Number
|
|
132
|
+
</label>
|
|
133
|
+
<label className="k-column-list-item k-checkbox-label">
|
|
134
|
+
<Checkbox />
|
|
135
|
+
Type
|
|
136
|
+
</label>
|
|
87
137
|
</div>
|
|
88
138
|
</div>
|
|
89
|
-
<
|
|
90
|
-
<
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
<Checkbox />
|
|
94
|
-
ID
|
|
95
|
-
</label>
|
|
96
|
-
<label className="k-column-list-item k-checkbox-label">
|
|
97
|
-
<Checkbox />
|
|
98
|
-
Name
|
|
99
|
-
</label>
|
|
100
|
-
<label className="k-column-list-item k-checkbox-label">
|
|
101
|
-
<Checkbox />
|
|
102
|
-
Category
|
|
103
|
-
</label>
|
|
104
|
-
<label className="k-column-list-item k-checkbox-label">
|
|
105
|
-
<Checkbox />
|
|
106
|
-
Account
|
|
107
|
-
</label>
|
|
108
|
-
<label className="k-column-list-item k-checkbox-label">
|
|
109
|
-
<Checkbox />
|
|
110
|
-
Number
|
|
111
|
-
</label>
|
|
112
|
-
<label className="k-column-list-item k-checkbox-label">
|
|
113
|
-
<Checkbox />
|
|
114
|
-
Type
|
|
115
|
-
</label>
|
|
116
|
-
<label className="k-column-list-item k-checkbox-label">
|
|
117
|
-
<Checkbox />
|
|
118
|
-
Employer
|
|
119
|
-
</label>
|
|
120
|
-
<label className="k-column-list-item k-checkbox-label">
|
|
121
|
-
<Checkbox />
|
|
122
|
-
Employee
|
|
123
|
-
</label>
|
|
124
|
-
<label className="k-column-list-item k-checkbox-label">
|
|
125
|
-
<Checkbox />
|
|
126
|
-
Company
|
|
127
|
-
</label>
|
|
128
|
-
<label className="k-column-list-item k-checkbox-label">
|
|
129
|
-
<Checkbox />
|
|
130
|
-
Products
|
|
131
|
-
</label>
|
|
132
|
-
<label className="k-column-list-item k-checkbox-label">
|
|
133
|
-
<Checkbox />
|
|
134
|
-
Number
|
|
135
|
-
</label>
|
|
136
|
-
<label className="k-column-list-item k-checkbox-label">
|
|
137
|
-
<Checkbox />
|
|
138
|
-
Type
|
|
139
|
-
</label>
|
|
140
|
-
</div>
|
|
141
|
-
</div>
|
|
142
|
-
<ActionButtons alignment="stretched">
|
|
143
|
-
<Button>Reset</Button>
|
|
144
|
-
<Button themeColor="primary">Apply</Button>
|
|
145
|
-
</ActionButtons>
|
|
146
|
-
</div>
|
|
139
|
+
<ActionButtons alignment="stretched">
|
|
140
|
+
<Button>Reset</Button>
|
|
141
|
+
<Button themeColor="primary">Apply</Button>
|
|
142
|
+
</ActionButtons>
|
|
147
143
|
</div>
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
144
|
+
</div>
|
|
145
|
+
<div className="k-columnmenu-item-wrapper">
|
|
146
|
+
<div className="k-widget k-expander">
|
|
147
|
+
<div className="k-columnmenu-item">
|
|
148
|
+
<Icon name="filter" />Filter Fields
|
|
149
|
+
<span className="k-spacer"></span>
|
|
150
|
+
<Icon className="k-expander-indicator" name="arrow-chevron-down" />
|
|
155
151
|
</div>
|
|
156
152
|
</div>
|
|
157
153
|
</div>
|
|
@@ -162,62 +158,60 @@ root.render(
|
|
|
162
158
|
|
|
163
159
|
<section>
|
|
164
160
|
<div className="k-animation-container k-animation-container-shown">
|
|
165
|
-
<div className="k-
|
|
166
|
-
<div className="k-grid-columnmenu-popup">
|
|
167
|
-
<div>
|
|
168
|
-
<div className="k-columnmenu-item
|
|
169
|
-
<
|
|
170
|
-
|
|
171
|
-
|
|
161
|
+
<div className="k-child-animation-container">
|
|
162
|
+
<div className="k-column-menu k-popup k-grid-columnmenu-popup">
|
|
163
|
+
<div className="k-columnmenu-item-wrapper">
|
|
164
|
+
<div className="k-columnmenu-item">
|
|
165
|
+
<Icon name="sort-asc-small" />Sort Ascending
|
|
166
|
+
</div>
|
|
167
|
+
<div className="k-columnmenu-item">
|
|
168
|
+
<Icon name="sort-desc-small" />Sort Descending
|
|
169
|
+
</div>
|
|
170
|
+
</div>
|
|
171
|
+
<div className="k-columnmenu-item-wrapper">
|
|
172
|
+
<div className="k-widget k-expander">
|
|
172
173
|
<div className="k-columnmenu-item">
|
|
173
|
-
<Icon name="
|
|
174
|
+
<Icon name="grid-layout" />Include Fields
|
|
175
|
+
<span className="k-spacer"></span>
|
|
176
|
+
<Icon className="k-expander-indicator" name="arrow-chevron-up" />
|
|
174
177
|
</div>
|
|
175
178
|
</div>
|
|
176
|
-
<div className="k-columnmenu-item-
|
|
177
|
-
<div className="k-
|
|
178
|
-
<div className="k-
|
|
179
|
-
<
|
|
180
|
-
|
|
181
|
-
|
|
179
|
+
<div className="k-columnmenu-item-content" style={{ width: '100%', height: 'auto', overflow: 'hidden' }}>
|
|
180
|
+
<div className="k-column-list-wrapper">
|
|
181
|
+
<div className="k-column-list">
|
|
182
|
+
<Treeview>
|
|
183
|
+
<TreeviewItem showCheckbox hasChildren text="Account" />
|
|
184
|
+
<TreeviewItem showCheckbox hasChildren text="Customer" />
|
|
185
|
+
<TreeviewItem showCheckbox expanded text="Date">
|
|
186
|
+
<TreeviewGroup>
|
|
187
|
+
<TreeviewItem showCheckbox hasChildren text="Date.Calendar" />
|
|
188
|
+
<TreeviewItem showCheckbox expanded text="Date.Calendar Quarter of Year">
|
|
189
|
+
<TreeviewGroup>
|
|
190
|
+
<TreeviewItem showCheckbox hasChildren text="(All)" />
|
|
191
|
+
<TreeviewItem showCheckbox hasChildren text="Calendar Quarter of Year" />
|
|
192
|
+
</TreeviewGroup>
|
|
193
|
+
</TreeviewItem>
|
|
194
|
+
</TreeviewGroup>
|
|
195
|
+
</TreeviewItem>
|
|
196
|
+
<TreeviewItem showCheckbox hasChildren text="Delivery date" />
|
|
197
|
+
<TreeviewItem showCheckbox hasChildren text="Department" />
|
|
198
|
+
<TreeviewItem showCheckbox hasChildren text="Country" />
|
|
199
|
+
<TreeviewItem showCheckbox hasChildren text="Region" />
|
|
200
|
+
</Treeview>
|
|
182
201
|
</div>
|
|
183
202
|
</div>
|
|
184
|
-
<
|
|
185
|
-
<
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
<TreeviewItem showCheckbox hasChildren text="Account" />
|
|
189
|
-
<TreeviewItem showCheckbox hasChildren text="Customer" />
|
|
190
|
-
<TreeviewItem showCheckbox expanded text="Date">
|
|
191
|
-
<TreeviewGroup>
|
|
192
|
-
<TreeviewItem showCheckbox hasChildren text="Date.Calendar" />
|
|
193
|
-
<TreeviewItem showCheckbox expanded text="Date.Calendar Quarter of Year">
|
|
194
|
-
<TreeviewGroup>
|
|
195
|
-
<TreeviewItem showCheckbox hasChildren text="(All)" />
|
|
196
|
-
<TreeviewItem showCheckbox hasChildren text="Calendar Quarter of Year" />
|
|
197
|
-
</TreeviewGroup>
|
|
198
|
-
</TreeviewItem>
|
|
199
|
-
</TreeviewGroup>
|
|
200
|
-
</TreeviewItem>
|
|
201
|
-
<TreeviewItem showCheckbox hasChildren text="Delivery date" />
|
|
202
|
-
<TreeviewItem showCheckbox hasChildren text="Department" />
|
|
203
|
-
<TreeviewItem showCheckbox hasChildren text="Country" />
|
|
204
|
-
<TreeviewItem showCheckbox hasChildren text="Region" />
|
|
205
|
-
</Treeview>
|
|
206
|
-
</div>
|
|
207
|
-
</div>
|
|
208
|
-
<ActionButtons alignment="stretched">
|
|
209
|
-
<Button>Reset</Button>
|
|
210
|
-
<Button themeColor="primary">Apply</Button>
|
|
211
|
-
</ActionButtons>
|
|
212
|
-
</div>
|
|
203
|
+
<ActionButtons alignment="stretched">
|
|
204
|
+
<Button>Reset</Button>
|
|
205
|
+
<Button themeColor="primary">Apply</Button>
|
|
206
|
+
</ActionButtons>
|
|
213
207
|
</div>
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
208
|
+
</div>
|
|
209
|
+
<div className="k-columnmenu-item-wrapper">
|
|
210
|
+
<div className="k-widget k-expander">
|
|
211
|
+
<div className="k-columnmenu-item">
|
|
212
|
+
<Icon name="filter" />Filter Fields
|
|
213
|
+
<span className="k-spacer"></span>
|
|
214
|
+
<Icon className="k-expander-indicator" name="arrow-chevron-down" />
|
|
221
215
|
</div>
|
|
222
216
|
</div>
|
|
223
217
|
</div>
|
|
@@ -228,52 +222,50 @@ root.render(
|
|
|
228
222
|
|
|
229
223
|
<section>
|
|
230
224
|
<div className="k-animation-container k-animation-container-shown">
|
|
231
|
-
<div className="k-
|
|
232
|
-
<div className="k-grid-columnmenu-popup">
|
|
233
|
-
<div>
|
|
234
|
-
<div className="k-columnmenu-item
|
|
235
|
-
<
|
|
236
|
-
|
|
237
|
-
|
|
225
|
+
<div className="k-child-animation-container">
|
|
226
|
+
<div className="k-column-menu k-popup k-grid-columnmenu-popup">
|
|
227
|
+
<div className="k-columnmenu-item-wrapper">
|
|
228
|
+
<div className="k-columnmenu-item">
|
|
229
|
+
<Icon name="sort-asc-small" />Sort Ascending
|
|
230
|
+
</div>
|
|
231
|
+
<div className="k-columnmenu-item">
|
|
232
|
+
<Icon name="sort-desc-small" />Sort Descending
|
|
233
|
+
</div>
|
|
234
|
+
</div>
|
|
235
|
+
<div className="k-columnmenu-item-wrapper">
|
|
236
|
+
<div className="k-widget k-expander">
|
|
238
237
|
<div className="k-columnmenu-item">
|
|
239
|
-
<Icon name="
|
|
238
|
+
<Icon name="grid-layout" />Include Fields
|
|
239
|
+
<span className="k-spacer"></span>
|
|
240
|
+
<Icon className="k-expander-indicator" name="arrow-chevron-down" />
|
|
240
241
|
</div>
|
|
241
242
|
</div>
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
243
|
+
</div>
|
|
244
|
+
<div className="k-columnmenu-item-wrapper">
|
|
245
|
+
<div className="k-widget k-expander">
|
|
246
|
+
<div className="k-columnmenu-item">
|
|
247
|
+
<Icon name="filter" />Filter Fields
|
|
248
|
+
<span className="k-spacer"></span>
|
|
249
|
+
<Icon className="k-expander-indicator" name="arrow-chevron-up" />
|
|
249
250
|
</div>
|
|
250
251
|
</div>
|
|
251
|
-
<div className="k-columnmenu-item-
|
|
252
|
-
<div className="k-
|
|
253
|
-
<div className="k-
|
|
254
|
-
<
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
<DropdownList value="Contains" />
|
|
269
|
-
<Textbox />
|
|
270
|
-
<ActionButtons alignment="stretched">
|
|
271
|
-
<Button>Clear</Button>
|
|
272
|
-
<Button themeColor="primary">Filter</Button>
|
|
273
|
-
</ActionButtons>
|
|
274
|
-
</div>
|
|
275
|
-
</form>
|
|
276
|
-
</div>
|
|
252
|
+
<div className="k-columnmenu-item-content">
|
|
253
|
+
<div className="k-animation-container">
|
|
254
|
+
<div className="k-child-animation-container">
|
|
255
|
+
<div className="kendo-grid-filter-menu-container">
|
|
256
|
+
<form className="k-filter-menu k-group k-reset">
|
|
257
|
+
<div className="k-filter-menu-container">
|
|
258
|
+
<DropdownList value="Contains" />
|
|
259
|
+
<Textbox />
|
|
260
|
+
<DropdownList value="And" className="k-filter-and" />
|
|
261
|
+
<DropdownList value="Contains" />
|
|
262
|
+
<Textbox />
|
|
263
|
+
<ActionButtons alignment="stretched">
|
|
264
|
+
<Button>Clear</Button>
|
|
265
|
+
<Button themeColor="primary">Filter</Button>
|
|
266
|
+
</ActionButtons>
|
|
267
|
+
</div>
|
|
268
|
+
</form>
|
|
277
269
|
</div>
|
|
278
270
|
</div>
|
|
279
271
|
</div>
|